@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(./ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(./ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(./marck-script-cyrillic-400-normal-BIatlnl2.woff2) format("woff2"),url(./marck-script-cyrillic-400-normal-C4wWsGQ-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(./marck-script-latin-ext-400-normal-CEQHAJDc.woff2) format("woff2"),url(./marck-script-latin-ext-400-normal-BipQGsdP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(./marck-script-latin-400-normal-hvIDGCO4.woff2) format("woff2"),url(./marck-script-latin-400-normal-DonRfbfk.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page: #b3bdc9;--text: #16130f;--accent: #3d6fd0;--grain: .06;--jitter: 0px;--track: 0;--trackT: 12s;--mono: "IBM Plex Mono", ui-monospace, monospace;--hand: "Marck Script", cursive;--gut: clamp(16px, 2.4vw, 36px);color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--page);color:var(--text);font:400 15px/1.5 var(--mono);min-height:100svh;overflow-x:hidden}button{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:30;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--grain);mix-blend-mode:multiply;animation:grain .9s steps(6) infinite}[data-dark=true] .grain,.ended .grain{mix-blend-mode:screen}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}}.soundBtn{position:fixed;top:10px;right:10px;z-index:31;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;opacity:.55}.soundBtn:hover,.soundBtn[aria-pressed=true]{opacity:.9}.soundBtn .waves{display:none}.soundBtn[aria-pressed=true] .waves{display:inline}.soundBtn[aria-pressed=true] .mute{display:none}.layout{min-height:100svh;display:grid;grid-template-columns:min(calc((100svh - 2 * var(--gut)) * 1.25),calc(100vw - 3 * var(--gut) - 260px),1240px) auto;justify-content:center;align-items:end;align-content:center;gap:var(--gut);padding:var(--gut)}.stage{position:relative;margin:0;width:100%;aspect-ratio:5 / 4;overflow:hidden;outline:1px solid color-mix(in srgb,var(--text) 22%,transparent);outline-offset:6px}.stage svg{display:block;width:100%;height:100%}.stage:before,.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.stage:before{background:repeating-linear-gradient(transparent 0 2px,#00000012 2px,#00000012 3px);mix-blend-mode:multiply}.stage:after{background:linear-gradient(transparent,rgb(255 255 255 / .1) 40%,rgb(0 0 0 / .18) 55%,transparent);height:14%;inset:auto 0 auto 0;top:-14%;opacity:var(--track);animation:track var(--trackT) linear infinite}@keyframes track{0%{top:-14%}30%,to{top:100%}}.stage svg:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.hot{cursor:pointer}.sketchNum{font:600 15px var(--mono)}.calNum{font:400 30px var(--mono)}.calCap{font:400 10px var(--mono);letter-spacing:.1em}.note{font:400 9px/1 var(--hand)}.bubble{position:absolute;z-index:2;margin:0;max-width:220px;pointer-events:none;font:400 28px/1.1 var(--hand);color:#f3ede3;mix-blend-mode:difference;opacity:0;transition:opacity .4s}.bubble.show{opacity:1}[data-dark=true] .bubble{color:var(--accent);mix-blend-mode:normal;font-size:32px}.mascotVideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hasVideo #doll{display:none}.side{display:flex;flex-direction:column;gap:14px;padding-bottom:4px}.cd{font-size:clamp(22px,2.2vw,30px);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.cd span{margin-right:.5em}.cd small{font-size:.42em;margin-left:.2em;opacity:.6;letter-spacing:.1em}.tally{color:var(--text);opacity:.85}.tally svg{display:block;max-width:100%;height:auto;overflow:visible}.todayMark{stroke-dasharray:40;stroke-dashoffset:40;animation:scratch .9s 1.2s ease-out forwards}@keyframes scratch{to{stroke-dashoffset:0}}dialog{border:0}dialog::backdrop{background:#0009}.photoView{padding:12px;background:#f4f0e8;cursor:pointer}.photoView svg{display:block;width:min(80vw,440px);height:auto}.flicker .glow{animation:flicker var(--fl) steps(1) infinite}@keyframes flicker{0%,to{opacity:1}47%{opacity:1}48%{opacity:.2}50%{opacity:1}83%{opacity:.5}84%{opacity:1}}.belt{animation:belt var(--belt) linear infinite}@keyframes belt{to{stroke-dashoffset:40}}.pulse{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{opacity:.05}}.motes circle{transform-box:fill-box;animation:mote var(--d) ease-in-out var(--o) infinite alternate;opacity:.7}@keyframes mote{0%{transform:translate(0);opacity:.1}to{transform:translate(14px,-38px);opacity:.9}}.fall{animation:fall var(--d) linear infinite}@keyframes fall{0%{transform:translate(0)}to{transform:translate(var(--dx),var(--h))}}.sway{animation:sway var(--s) ease-in-out infinite alternate}@keyframes sway{0%{transform:translate(-5px)}to{transform:translate(5px)}}.slide{animation:slide var(--d) ease-in var(--o) infinite}@keyframes slide{0%,65%{transform:translateY(0);opacity:1}to{transform:translateY(70px);opacity:0}}.flash{opacity:0;animation:flash 9s linear infinite}.flashRoom{animation-name:flashRoom}@keyframes flash{0%,87%,to{opacity:0}88%{opacity:.85}89%{opacity:.1}90.5%{opacity:.6}93%{opacity:0}}@keyframes flashRoom{0%,87%,to{opacity:0}88%{opacity:.16}89%{opacity:.02}90.5%{opacity:.1}93%{opacity:0}}.steam path{animation:steam 3.2s ease-in-out infinite}.steam path+path{animation-delay:-1.6s}@keyframes steam{0%{transform:translateY(4px);opacity:0}50%{opacity:.7}to{transform:translateY(-10px);opacity:0}}.candle{transform-box:fill-box;transform-origin:50% 100%;animation:candle 1.3s ease-in-out infinite alternate}@keyframes candle{to{transform:scale(.85,1.12) skew(4deg)}}.enter .stage svg{animation:lightsOn 1.8s backwards}@keyframes lightsOn{0%{filter:brightness(0)}38%{filter:brightness(0)}40%{filter:brightness(.9)}44%{filter:brightness(.15)}52%{filter:brightness(.15)}54%{filter:brightness(1)}}.shake .layout{animation:shake .28s}@keyframes shake{20%{transform:translate(-5px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,2px)}}.decay .stage{filter:drop-shadow(var(--jitter) 0 0 rgb(200 20 10 / .5)) drop-shadow(calc(var(--jitter) * -1) 0 0 rgb(20 120 160 / .35))}.glitch{transform:translate(6px,-1px) skew(-8deg);color:var(--accent)}.still *,.still *:before,.still *:after{animation:none!important;transition:none!important}.still .todayMark{stroke-dashoffset:0}.ended{background:#050303}.ended .layout,.ended .soundBtn{display:none}.ended .grain{mix-blend-mode:screen;opacity:.12}.final{min-height:100svh;display:grid;place-items:center;padding:var(--gut)}.final p{--glow: 0 0 6px rgb(200 222 255 / .75), 0 0 22px rgb(160 195 255 / .4), 0 0 60px rgb(140 175 255 / .18);margin:0;color:#eef4ff;text-align:center;font:400 clamp(18px,3vw,34px)/1.2 var(--mono);letter-spacing:.18em;opacity:.04;text-shadow:none}.final.in p{animation:tubeOn 4.5s steps(1,end) .8s forwards}.final p span{white-space:pre}.final.in .bad0{animation:dying 12s steps(1,end) 5.5s infinite}.final.in .bad1{animation:buzz 7s steps(1,end) 7s infinite}.final.in .bad2{animation:dim 19s steps(1,end) 9s infinite}@keyframes dying{0%,to{opacity:1;text-shadow:var(--glow)}20%{opacity:.06;text-shadow:none}27%{opacity:1;text-shadow:var(--glow)}29%{opacity:.1;text-shadow:none}33%{opacity:1;text-shadow:var(--glow)}70%{opacity:.45;text-shadow:none}73%{opacity:1;text-shadow:var(--glow)}84%{opacity:.05;text-shadow:none}93%{opacity:1;text-shadow:var(--glow)}}@keyframes buzz{0%,to{opacity:1}10%{opacity:.25}17%{opacity:1}22%{opacity:.4}27%{opacity:1}58%{opacity:.12}66%{opacity:1}}@keyframes dim{0%,to{opacity:1}30%{opacity:.25}47%{opacity:1}48%{opacity:.1}50%{opacity:1}}@keyframes tubeOn{0%{opacity:.04;text-shadow:none}6%{opacity:.9;text-shadow:var(--glow)}8%{opacity:.06;text-shadow:none}20%{opacity:.55;text-shadow:none}23%{opacity:.05;text-shadow:none}31%{opacity:1;text-shadow:var(--glow)}33%{opacity:.1;text-shadow:none}45%{opacity:.8;text-shadow:var(--glow)}47%{opacity:.2;text-shadow:none}52%,to{opacity:1;text-shadow:var(--glow)}}.still .final p{opacity:1;text-shadow:var(--glow)}.noscript{padding:var(--gut)}@media (max-width: 860px){.layout{grid-template-columns:1fr;align-items:start;align-content:start;padding-top:60px}.stage{aspect-ratio:4 / 5;max-height:74svh}}