@font-face{font-family:'Lilita One';src:url(assets/lilita.woff2) format('woff2');font-display:swap}
@font-face{font-family:Fredoka;src:url(assets/fredoka.woff2) format('woff2');font-display:swap}
*{box-sizing:border-box}
body{margin:0;font-family:Fredoka,system-ui,sans-serif;line-height:1.6;color:#3b1f0b;background:#f7d58a url(assets/bg-sun.webp) center top/cover fixed}
header{background:linear-gradient(180deg,rgba(255,220,120,.25),rgba(120,60,10,.6)),url(assets/bg-temple.webp) center 30%/cover;color:#fff3d3;padding:34px 20px 40px;text-align:center;border-bottom:8px solid #b98a4a}
header img{width:110px;height:110px;border-radius:30%;border:5px solid #ffc21a;box-shadow:0 0 0 5px #3b1f0b}
header h1{font-family:'Lilita One',sans-serif;margin:12px 0 4px;font-size:2.6rem;background:linear-gradient(#fff36a,#ffc21a 45%,#d9790c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #3b1f0b;filter:drop-shadow(0 4px 0 #3b1f0b)}
header p{text-shadow:0 2px 3px #000}
main{max-width:820px;margin:30px auto;padding:26px 26px 34px;background:linear-gradient(180deg,#fffaf0,#ffefc8);border:6px solid #b98a4a;border-radius:24px;box-shadow:0 0 0 4px #5a3a14,0 12px 0 #5a3a14}
h2{font-family:'Lilita One',sans-serif;font-weight:400;color:#7a3208;margin-top:1.8rem}
a{color:#1d6a3a}
.note{background:#fff7d6;border-left:5px solid #ffc21a;padding:10px 14px;border-radius:8px}
table{border-collapse:collapse;width:100%}td,th{border:1px solid #e0c48a;padding:6px 8px;text-align:left;vertical-align:top}
footer{text-align:center;font-size:.95rem;color:#fff3d3;background:#3b1f0b;padding:22px}
footer a{color:#ffc21a}
@media(max-width:600px){main{margin:16px 10px;padding:18px 14px}}