:root{--bg:#f3f2f2;--ink:#201e1d;--accent:#ec3013;--dim:#6f6b69;--faint:#dcd9d7;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono","DejaVu Sans Mono",monospace;--serif:"Bodoni 72","Didot","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Songti SC","Source Han Serif SC",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}[data-tod=day]{--sky:#f3f2f2;--tint:#dcd9d7;--ink:#201e1d;--accent:#ec3013;--paint:#ec3013;--dim:#6f6b69;--snowA:#f8fbff;--snowB:#cfe1f0;--snowC:#9fbdd6}[data-tod=dawn]{--sky:#f8ecdf;--tint:#ecd8c4;--ink:#2b221c;--accent:#e0642c;--paint:#d8491f;--dim:#7d6a5c;--snowA:#f6f3ec;--snowB:#dcd6c8;--snowC:#b3a996}[data-tod=dusk]{--sky:#ecd8d6;--tint:#dabfbc;--ink:#2b2024;--accent:#cf3a1c;--paint:#bd3418;--dim:#7b656a;--snowA:#efe2e2;--snowB:#d3bfc0;--snowC:#a68f92}[data-tod=night]{--sky:#141312;--tint:#332f2d;--ink:#d3d0cd;--accent:#ff5533;--paint:#872a13;--dim:#948f8c;--snowA:#9db0c2;--snowB:#77899b;--snowC:#596b7d}[data-wx=sun]{--bg:var(--sky);--faint:var(--tint)}[data-wx=wind]{--bg:color-mix(in oklab,var(--sky) 90%,#b9b4ae);--faint:color-mix(in oklab,var(--tint) 90%,#b9b4ae)}[data-wx=rain]{--bg:color-mix(in oklab,var(--sky) 56%,#5c6366);--faint:color-mix(in oklab,var(--tint) 56%,#6d7477)}[data-wx=snow]{--bg:color-mix(in oklab,var(--sky) 72%,#e3edf2);--faint:color-mix(in oklab,var(--tint) 72%,#cfdae0)}[data-tod=night][data-wx=snow]{--bg:#161b22;--faint:#2f3742;--dim:#9aa4b0}[data-tod=night][data-wx=rain]{--bg:#101315;--faint:#282d31;--dim:#8f979b}[data-tod=night][data-wx=wind]{--bg:#161512;--faint:#312e2a}*{box-sizing:border-box}html{margin:0;padding:0;background:var(--bg);transition:background-color 1.1s ease}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-wrap:pretty}a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--faint);transition:color .15s,border-color .15s}a:hover{color:var(--accent)}a:hover{border-bottom-color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}#sunwrap,#nightscene,#rain,#wipers,#splash,#snow,#snowcaps,#snowvan,#snowrack,#wind,#nightlamps,#nightbeams,#birds{transition:opacity .9s ease,transform 1.6s cubic-bezier(.33,0,.25,1)}#nightscene,#rain,#wipers,#splash,#snow,#snowcaps,#snowvan,#snowrack,#wind,#nightlamps,#nightbeams{opacity:0}#nightscene{transform:translate(-30px,190px)}[data-tod=night] #nightscene{opacity:1;transform:translate(0)}[data-tod=night] #sunwrap{opacity:0;transform:translate(26px,190px)}[data-tod=dawn] #sunwrap{transform:translate(-624px,126px) scale(.84)}[data-tod=dusk] #sunwrap{transform:translate(-6px,74px) scale(.96)}[data-wx=rain] #sunwrap,[data-wx=snow] #sunwrap,[data-wx=rain] #nightscene,[data-wx=snow] #nightscene{opacity:0}[data-wx=rain] #rain{opacity:.5}[data-wx=rain] #wipers,[data-wx=rain] #splash,[data-wx=snow] #snow,[data-wx=snow] #snowcaps,[data-wx=snow] #snowvan,[data-wx=snow] #snowrack{opacity:1}[data-wx=wind] #wind{opacity:.75}[data-tod=night] #nightlamps,[data-tod=night] #nightbeams{opacity:1}[data-tod=dusk] #nightlamps,[data-tod=dawn] #nightlamps{opacity:.88}[data-tod=dusk] #nightbeams,[data-tod=dawn] #nightbeams{opacity:.42}[data-wx=rain] #nightlamps{opacity:.92}[data-wx=rain] #nightbeams{opacity:.38}.cloud{transition:fill .9s ease,transform 1.2s ease;transform-box:fill-box;transform-origin:center}.cstreak,.cdrip{opacity:0;transition:opacity .9s ease}[data-wx=wind] .cloud{transform:scale(1.18,.78)}[data-wx=wind] .cstreak{opacity:.55;animation:dashDriftX 1.1s linear infinite}[data-wx=rain] .cloud{fill:var(--faint);transform:translateY(12px) scale(1.08,.94)}[data-wx=rain] .cdrip{opacity:.5}[data-wx=snow] .cloud{fill:var(--snowB);stroke:var(--snowC)}@keyframes dashDriftX{0%{transform:translate(0)}to{transform:translate(-14px)}}#pole,#lamp,#meteor{opacity:0;transition:opacity .9s ease}[data-wx=sun][data-tod=dusk] #pole,[data-tod=night] #lamp,[data-tod=night][data-wx=sun] #meteor{opacity:1}@keyframes fireflyBlink{0%,to{opacity:.08}50%{opacity:.85}}@keyframes shoulderPass{0%{transform:translate(-160px,52px) scale(1.35);opacity:0}7%{opacity:1}86%{opacity:1}to{transform:translate(235px,-92px) scale(.12);opacity:0}}@keyframes meteorShot{0%{transform:translate(0);opacity:0}2%{opacity:1}8%{transform:translate(-210px,120px);opacity:0}to{transform:translate(-210px,120px);opacity:0}}[data-wx=wind] #cloudA{animation-duration:9s}[data-wx=wind] #cloudB{animation-duration:7s}[data-wx=wind] #sign{animation:signSway 1.5s ease-in-out infinite}#snowman,#butterflies,#puddle{opacity:0;transition:opacity .8s ease}#glint{opacity:0;transition:opacity .6s ease}#dog{transition:opacity .8s ease}[data-wx=snow] #snowman,[data-wx=sun][data-tod=day] #butterflies,[data-wx=rain] #puddle{opacity:1}[data-wx=rain] #dog,[data-wx=snow] #dog{opacity:0}[data-wx=sun][data-tod=day] #glint,[data-wx=sun][data-tod=dawn] #glint,[data-wx=sun][data-tod=dusk] #glint,[data-wx=wind][data-tod=day] #glint{opacity:1}[data-wx=rain] #birds,[data-wx=snow] #birds,[data-tod=night] #birds,#d0,#d1,#d2,#d3,#d4,#d5{opacity:0}[data-di="0"] #d0,[data-di="1"] #d1,[data-di="2"] #d2,[data-di="3"] #d3,[data-di="4"] #d4,[data-di="5"] #d5{opacity:1}#m0,#m1,#m2,#m3,#m4,#m5,#m6,#m7{opacity:0;transition:opacity 1.4s ease}[data-mi="0"] #m0,[data-mi="1"] #m1,[data-mi="2"] #m2,[data-mi="3"] #m3,[data-mi="4"] #m4,[data-mi="5"] #m5,[data-mi="6"] #m6,[data-mi="7"] #m7{opacity:1}@keyframes vanBob{0%{transform:translateY(0) rotate(-.12deg)}14%{transform:translateY(-1.6px) rotate(.16deg)}30%{transform:translateY(-.4px) rotate(-.08deg)}44%{transform:translateY(-2.4px) rotate(.18deg)}58%{transform:translateY(-.8px) rotate(-.14deg)}74%{transform:translateY(-2px) rotate(.1deg)}88%{transform:translateY(-.6px) rotate(-.16deg)}to{transform:translateY(0) rotate(-.12deg)}}@keyframes vanDrift{0%{transform:translate(0)}22%{transform:translate(-16px)}48%{transform:translate(9px)}70%{transform:translate(-7px)}to{transform:translate(0)}}@keyframes wheelSquash{0%,to{transform:scaleY(1)}50%{transform:scaleY(.975)}}@keyframes dashComeL{0%{transform:translate(-104px,124px) scale(2.4);opacity:0}14%{opacity:.95}84%{opacity:.95}to{transform:translate(0) scale(.3);opacity:0}}@keyframes dashComeR{0%{transform:translate(104px,124px) scale(2.4);opacity:0}14%{opacity:.95}84%{opacity:.95}to{transform:translate(0) scale(.3);opacity:0}}@keyframes cloudDrift{0%{transform:translate(-90px)}to{transform:translate(90px)}}@keyframes birdGlide{0%{transform:translate(-60px,10px)}50%{transform:translate(420px,-18px)}to{transform:translate(900px,14px)}}@keyframes birdFlap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}@keyframes sunSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rainFall{0%{transform:translateY(-40px);opacity:0}12%{opacity:.9}88%{opacity:.9}to{transform:translateY(300px);opacity:0}}@keyframes wipeL{0%,to{transform:rotate(-4deg)}50%{transform:rotate(44deg)}}@keyframes wipeR{0%,to{transform:rotate(4deg)}50%{transform:rotate(-44deg)}}@keyframes splashPop{0%{transform:scale(.15);opacity:0}25%{opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes snowFall{0%{transform:translateY(-40px);opacity:0}12%{opacity:.95}45%{transform:translate(16px,150px)}80%{transform:translate(-10px,260px);opacity:.95}to{transform:translate(4px,330px);opacity:0}}@keyframes gust{0%{transform:translate(-140px) scaleX(.6);opacity:0}20%{opacity:.8}80%{opacity:.8}to{transform:translate(900px) scaleX(1.3);opacity:0}}@keyframes signSway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes signPass{0%{transform:translate(106px,40px) scale(1.2);opacity:0}5%{opacity:1}32%{transform:translate(76px,23px) scale(1);opacity:1}88%{opacity:1}to{transform:translate(-136px,-50px) scale(.26);opacity:0}}@keyframes glintSweep{0%{transform:translate(0);opacity:0}2%{opacity:0}4%{opacity:1}13%{opacity:1}17%{transform:translate(250px);opacity:0}to{transform:translate(250px);opacity:0}}@keyframes snowmanPass{0%{transform:translate(-90px,34px) scale(1.2);opacity:0}8%{opacity:1}52%{opacity:1}68%{transform:translate(38px,-16px) scale(.66);opacity:0}to{transform:translate(38px,-16px) scale(.66);opacity:0}}@keyframes propPass{0%{transform:translate(-118px,44px) scale(1.25);opacity:0}6%{opacity:1}86%{opacity:1}to{transform:translate(96px,-54px) scale(.24);opacity:0}}@keyframes earFlap{0%,to{transform:rotate(-6deg)}50%{transform:rotate(26deg)}}@keyframes dogBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes flit{0%{transform:translate(0)}25%{transform:translate(60px,-26px)}50%{transform:translate(128px,6px)}75%{transform:translate(196px,-22px)}to{transform:translate(260px,4px)}}@keyframes wingBeat{0%,to{transform:scaleX(1)}50%{transform:scaleX(.4)}}@keyframes shimmer{0%,to{transform:scaleX(1) translate(0);opacity:.28}33%{transform:scaleX(1.05) translate(3px);opacity:.18}66%{transform:scaleX(.96) translate(-3px);opacity:.32}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}@keyframes beamFlicker{0%,to{opacity:.9}55%{opacity:.72}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.25}}@keyframes pinPulse{0%,72%{opacity:1}85%{opacity:.25}to{opacity:1}}@keyframes flipA{0%{opacity:1;transform:translate(3%,58%) rotate(5deg)}50%{opacity:1}to{opacity:0;transform:translate(-2%,-118%) rotate(-5deg)}}#flip{position:absolute;inset:-10% -8%;pointer-events:none;opacity:0;z-index:2;transform-origin:100% 100%;background:linear-gradient(200deg,var(--bg) 0%,var(--bg) 60%,var(--faint) 100%);border-top:2px solid var(--ink)}[data-flip=a] #flip,[data-flip=b] #flip{animation:flipA .7s cubic-bezier(.4,0,.24,1) both}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}