:root{--maple-bg:#fff7e6;--maple-text:#333333;--maple-accent:#ff9d2e;--maple-accent-dark:#e58f25;--maple-overlay:rgba(0,0,0,0.5);--font-main:"Melon Camp",cursive,sans-serif}@font-face{font-family:Melon Camp;src:url(/assets/fonts/Melon\ Camp.otf) format("opentype"),url(/assets/fonts/Melon\ Camp.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--maple-bg);color:var(--maple-text);line-height:1.4;margin:0;padding:0;overflow-x:hidden;font-family:Melon Camp,cursive,sans-serif}a{color:var(--maple-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--maple-accent-dark)}.autoRotate{animation:autoRotateAnimation;animation-timeline:view()}@keyframes autoRotateAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.autoShow{animation:autoShowAnimation both;animation-timing-function:ease-out;animation-duration:.8s;animation-timeline:view(80% 0)}@keyframes autoShowAnimation{0%{opacity:0;transform:translateY(200px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.autoBLur{animation:autoBLurAnimation linear both;animation-timeline:view()}@keyframes autoBLurAnimation{0%{filter:blur(40px)}45%,55%{filter:blur(0)}to{filter:blur(40px)}}