@font-face{font-family:Pixel Digits;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTR7PB1QTsUX8KYvumzEYOtbQ.woff2)format("woff2");unicode-range:U+30-39}:root{--desk:#191026;--desk-line:#4a3470;--cloud:#321a4a;--desk-text:#e2c6fa;--chrome:#e7a4fb;--chrome-deep:#c27cdf;--bevel-light:#ffefff;--frame-ink:#2e1650;--paper:#fbe4fc;--field:#f4d9fb;--control:#edbdfb;--night:#3b1b5a;--ink:#2b1a4b;--ink-soft:#6a5089;--candy:#f947cd;--candy-strong:#c81fa2;--candy-light:#e86ccf;--candy-dark:#9e1580;--on-candy:#fff;--grape:#482179;--grape-shine:#5e3197;--grape-edge:#a27fe0;--violet:#7a3fc4;--violet-shine:#9c6ce0;--on-grape:#f7edff;--blush:#fcb8fa;--orchid:#cd83f9;--off:#9a8ab3;--pixel:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-pixel:"Pixel Digits", "Pixelify Sans", "DM Mono", ui-monospace, monospace;--font-mono:"DM Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-display:Fredoka, "DM Mono", system-ui, sans-serif;--margin:max(16px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--max:1200px;--section-gap:clamp(72px, 8vw, 120px);--dock-h:84px}*,:before,:after{box-sizing:border-box}:root{--cur:auto;--cur-hand:pointer;--cur-grab:grab;--cur-grabbing:grabbing;--cur-cross:crosshair}@media (pointer:fine){:root{--cur:url(/cursors/arrow.svg) 0 0, auto;--cur-hand:url(/cursors/hand.svg) 11 1, pointer;--cur-grab:url(/cursors/grab.svg) 15 12, grab;--cur-grabbing:url(/cursors/grabbing.svg) 15 10, grabbing;--cur-cross:url(/cursors/cross.svg) 13 13, crosshair}}html{cursor:var(--cur);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--desk);color:var(--desk-text);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--chrome-deep) var(--desk)}body{font-family:var(--font-mono);color:var(--desk-text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.6;overflow-x:clip}img,video,canvas,svg{max-width:100%;display:block}img,video{height:auto}button,input,select,textarea{font:inherit;color:inherit}button,a[href],summary,label{cursor:var(--cur-hand)}a{color:inherit;text-decoration-thickness:var(--pixel);text-underline-offset:.2em}h1,h2,h3,h4,p,figure,blockquote,dl,dd,fieldset{margin:0}ul,ol{margin:0;padding:0}fieldset{border:0;min-width:0;padding:0}::selection{background:var(--candy-strong);color:var(--on-candy)}:focus-visible{outline:var(--pixel) solid var(--candy-strong);outline-offset:var(--pixel)}.dk-px:focus-visible,.dk-btn:focus-visible{outline:none}.dk-tab.is-current:focus-visible,.taskbar__start:focus-visible,.anim__toggle.is-on:focus-visible,.faq__item[open] .faq__q:focus-visible{--dk-hi:var(--on-candy);--dk-lo:var(--on-candy)}.seg__opt.is-on:has(input:focus-visible){--dk-hi:var(--on-candy);--dk-lo:var(--on-candy)}section[tabindex="-1"]:focus,footer[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--margin);z-index:100;background:var(--candy-strong);color:var(--on-candy);font-family:var(--font-pixel);padding:10px 18px;font-weight:500;text-decoration:none;position:fixed;top:12px;translate:0 -200%}.skip-link:focus{translate:none}body:before,body:after{content:"";z-index:-1;pointer-events:none;background:url(/art/desk-stars-a.svg) 0 0/320px 320px;position:fixed;inset:0}body:after{background-image:url(/art/desk-stars-b.svg);background-position:160px 96px}@media (prefers-reduced-motion:no-preference){body:before{animation:3.2s step-end infinite desk-twinkle}body:after{animation:3.2s step-end -1.6s infinite desk-twinkle}}@keyframes desk-twinkle{0%{opacity:1}50%{opacity:.35}}.trail{z-index:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.wrap{width:min(100% - 2 * var(--margin), var(--max));margin-inline:auto}.section{margin-top:var(--section-gap);scroll-margin-top:calc(var(--dock-h) + var(--space-2))}.is-px-wait img{opacity:0}.sprite{image-rendering:pixelated;-webkit-user-select:none;user-select:none}.win-head{font-family:var(--font-pixel);color:var(--ink);text-wrap:balance;font-size:24px;font-weight:500;line-height:30px}.win-head--candy{color:var(--candy-strong)}.win-lead{font-family:var(--font-pixel);color:var(--ink);text-wrap:pretty;font-size:20px;font-weight:500;line-height:28px}.win-text{max-width:62ch;color:var(--ink)}.win-soft{color:var(--ink-soft)}.dk-window--night .win-head,.dk-window--night .win-lead,.dk-window--night .win-text{color:var(--on-grape)}.inline-heart{vertical-align:-1px;color:var(--frame-ink);margin-left:8px;display:inline-block}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html.js [data-pop]{animation:steps(4,end) forwards dk-open;animation-timeline:view();animation-range:entry entry 45%}}}@keyframes dk-open{0%{clip-path:var(--dk-open-from,inset(40% 40%))}to{clip-path:var(--dk-open-to,inset(0))}}::highlight(dk-untyped){color:#0000}::highlight(dk-caret){background-color:var(--candy-strong);color:var(--on-candy)}[data-typing] svg{visibility:hidden}@media (prefers-reduced-motion:no-preference){.bob{animation:1.4s steps(2,jump-none) infinite bob}.twinkle{animation:1.8s steps(2,jump-none) infinite twinkle;animation-delay:var(--d,0s)}}@keyframes bob{0%,to{translate:0}50%{translate:0 calc(var(--pixel) * -1)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.35}}@keyframes nudge{0%,to{translate:0 -3px}50%{translate:0 4px}}@media (prefers-reduced-motion:no-preference){html.is-party .dk-window{animation:.45s steps(2,jump-none) 4 party-hop!important}}@keyframes party-hop{0%,to{translate:0}50%{translate:0 -6px}}.sfx-layer{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.sfx{white-space:nowrap;font-family:var(--font-pixel);color:var(--candy);text-shadow:var(--pixel) var(--pixel) 0 var(--frame-ink), calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 var(--frame-ink), var(--pixel) calc(var(--pixel) * -1) 0 var(--frame-ink), calc(var(--pixel) * -1) var(--pixel) 0 var(--frame-ink);font-size:24px;font-weight:700;line-height:1;position:absolute;translate:-50% -50%}.sfx--white{color:var(--paper)}.sparkle{width:10px;height:10px;color:var(--candy);margin:-5px 0 0 -5px;position:absolute}.sparkle svg{width:100%;height:100%}.heart-bit{width:14px;height:12px;margin:-6px 0 0 -7px;position:absolute}.heart-bit svg{width:100%;height:100%}.bubble-bit{position:absolute}.bubble-bit svg{width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.dk-btn,.dk-desk-icon{transition:none!important}}.section{position:relative}.critter{top:calc(var(--section-gap) * -.5);width:var(--w);height:var(--h);background:var(--sheet) 0 0 / calc(var(--w) * 2) var(--h) no-repeat;image-rendering:pixelated;cursor:var(--cur-hand);-webkit-tap-highlight-color:transparent;border:0;padding:0;position:absolute;translate:0 -50%}.critter--left{left:max(var(--margin), calc((100% - var(--max)) / 2))}.critter--right{right:max(var(--margin), calc((100% - var(--max)) / 2))}.critter--ghost{--sheet:url(/art/critters/ghost.svg);--w:36px;--h:36px}.critter--potion{--sheet:url(/art/critters/potion.svg);--w:36px;--h:39px}.critter--painter{--sheet:url(/art/critters/painter.svg);--w:66px;--h:36px}.critter:focus-visible{outline:var(--pixel) solid var(--candy);outline-offset:var(--pixel)}@media (prefers-reduced-motion:no-preference){.critter{animation:1.6s step-end infinite critter-frames}.critter--ghost{animation:2.4s step-end infinite critter-frames,1.8s steps(2,jump-none) infinite bob}.critter--painter{animation-duration:.6s}.critter--potion{animation-duration:.9s}.critter.is-poked{animation:.5s step-end infinite critter-frames,.4s steps(4,end) critter-hop}.critter.is-poked-again{animation:.5s step-end infinite critter-frames,.4s steps(4,end) critter-hop-again}}@keyframes critter-hop-again{0%,to{translate:0 -50%}50%{translate:0 calc(-50% - 8px)}}@keyframes critter-frames{0%,49%{background-position-x:0}50%,to{background-position-x:calc(var(--w) * -1)}}@keyframes critter-hop{0%,to{translate:0 -50%}50%{translate:0 calc(-50% - 8px)}}.dk-px{--dk-line:var(--frame-ink);--dk-fill:var(--paper);--dk-hi:transparent;--dk-lo:transparent;--dk-stair:none;isolation:isolate;background-color:var(--dk-fill);clip-path:var(--dk-out);--dk-open-to:var(--dk-out);position:relative}.dk-px:before,.dk-px:after{content:"";pointer-events:none;position:absolute}.dk-px:before{z-index:-2;background:var(--dk-line);clip-path:var(--dk-out);inset:0}.dk-px:after{inset:var(--pixel);z-index:-1;clip-path:var(--dk-in);background:linear-gradient(var(--dk-hi), var(--dk-hi)) 0 0 / 100% var(--pixel) no-repeat,  linear-gradient(var(--dk-hi), var(--dk-hi)) 0 0 / var(--pixel) 100% no-repeat,  linear-gradient(var(--dk-lo), var(--dk-lo)) 0 100% / 100% var(--pixel) no-repeat,  linear-gradient(var(--dk-lo), var(--dk-lo)) 100% 0 / var(--pixel) 100% no-repeat,  var(--dk-stair), var(--dk-fill)}.dk-px:focus-visible{--dk-line:var(--candy-strong);outline:none}.dk-s1{--dk-in:polygon(0 calc(var(--pixel) * 1), calc(var(--pixel) * 1) calc(var(--pixel) * 1), calc(var(--pixel) * 1) 0, calc(100% - var(--pixel) * 1) 0, calc(100% - var(--pixel) * 1) calc(var(--pixel) * 1), 100% calc(var(--pixel) * 1), 100% calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 1) 100%, calc(var(--pixel) * 1) 100%, calc(var(--pixel) * 1) calc(100% - var(--pixel) * 1), 0 calc(100% - var(--pixel) * 1));--dk-out:polygon(0 calc(var(--pixel) * 2), calc(var(--pixel) * 1) calc(var(--pixel) * 2), calc(var(--pixel) * 1) calc(var(--pixel) * 1), calc(var(--pixel) * 2) calc(var(--pixel) * 1), calc(var(--pixel) * 2) 0, calc(100% - var(--pixel) * 2) 0, calc(100% - var(--pixel) * 2) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 2), 100% calc(var(--pixel) * 2), 100% calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 2) 100%, calc(var(--pixel) * 2) 100%, calc(var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 2), 0 calc(100% - var(--pixel) * 2))}.dk-s2{--dk-in:polygon(0 calc(var(--pixel) * 2), calc(var(--pixel) * 1) calc(var(--pixel) * 2), calc(var(--pixel) * 1) calc(var(--pixel) * 1), calc(var(--pixel) * 2) calc(var(--pixel) * 1), calc(var(--pixel) * 2) 0, calc(100% - var(--pixel) * 2) 0, calc(100% - var(--pixel) * 2) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 2), 100% calc(var(--pixel) * 2), 100% calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 2) 100%, calc(var(--pixel) * 2) 100%, calc(var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 2), 0 calc(100% - var(--pixel) * 2));--dk-out:polygon(0 calc(var(--pixel) * 3), calc(var(--pixel) * 1) calc(var(--pixel) * 3), calc(var(--pixel) * 1) calc(var(--pixel) * 2), calc(var(--pixel) * 2) calc(var(--pixel) * 2), calc(var(--pixel) * 2) calc(var(--pixel) * 1), calc(var(--pixel) * 3) calc(var(--pixel) * 1), calc(var(--pixel) * 3) 0, calc(100% - var(--pixel) * 3) 0, calc(100% - var(--pixel) * 3) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 3), 100% calc(var(--pixel) * 3), 100% calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 3) 100%, calc(var(--pixel) * 3) 100%, calc(var(--pixel) * 3) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 3), 0 calc(100% - var(--pixel) * 3));--dk-stair:linear-gradient(var(--dk-hi), var(--dk-hi)) var(--pixel) var(--pixel) / var(--pixel) var(--pixel) no-repeat, linear-gradient(var(--dk-lo), var(--dk-lo)) calc(100% - var(--pixel)) calc(100% - var(--pixel)) / var(--pixel) var(--pixel) no-repeat}.dk-dot{--dk-in:polygon(0 calc(var(--pixel) * 1), calc(var(--pixel) * 1) calc(var(--pixel) * 1), calc(var(--pixel) * 1) 0, calc(100% - var(--pixel) * 1) 0, calc(100% - var(--pixel) * 1) calc(var(--pixel) * 1), 100% calc(var(--pixel) * 1), 100% calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 1) 100%, calc(var(--pixel) * 1) 100%, calc(var(--pixel) * 1) calc(100% - var(--pixel) * 1), 0 calc(100% - var(--pixel) * 1));--dk-out:polygon(0 calc(var(--pixel) * 2), calc(var(--pixel) * 1) calc(var(--pixel) * 2), calc(var(--pixel) * 1) calc(var(--pixel) * 1), calc(var(--pixel) * 2) calc(var(--pixel) * 1), calc(var(--pixel) * 2) 0, calc(100% - var(--pixel) * 2) 0, calc(100% - var(--pixel) * 2) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 2), 100% calc(var(--pixel) * 2), 100% calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 2) 100%, calc(var(--pixel) * 2) 100%, calc(var(--pixel) * 2) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 2), 0 calc(100% - var(--pixel) * 2))}.dk-disc{--dk-in:polygon(0 calc(var(--pixel) * 7), calc(var(--pixel) * 1) calc(var(--pixel) * 7), calc(var(--pixel) * 1) calc(var(--pixel) * 5), calc(var(--pixel) * 2) calc(var(--pixel) * 5), calc(var(--pixel) * 2) calc(var(--pixel) * 3), calc(var(--pixel) * 3) calc(var(--pixel) * 3), calc(var(--pixel) * 3) calc(var(--pixel) * 2), calc(var(--pixel) * 5) calc(var(--pixel) * 2), calc(var(--pixel) * 5) calc(var(--pixel) * 1), calc(var(--pixel) * 7) calc(var(--pixel) * 1), calc(var(--pixel) * 7) 0, calc(100% - var(--pixel) * 7) 0, calc(100% - var(--pixel) * 7) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 7), 100% calc(var(--pixel) * 7), 100% calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 7) 100%, calc(var(--pixel) * 7) 100%, calc(var(--pixel) * 7) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 7), 0 calc(100% - var(--pixel) * 7));--dk-out:polygon(0 calc(var(--pixel) * 8), calc(var(--pixel) * 1) calc(var(--pixel) * 8), calc(var(--pixel) * 1) calc(var(--pixel) * 6), calc(var(--pixel) * 2) calc(var(--pixel) * 6), calc(var(--pixel) * 2) calc(var(--pixel) * 4), calc(var(--pixel) * 3) calc(var(--pixel) * 4), calc(var(--pixel) * 3) calc(var(--pixel) * 3), calc(var(--pixel) * 4) calc(var(--pixel) * 3), calc(var(--pixel) * 4) calc(var(--pixel) * 2), calc(var(--pixel) * 6) calc(var(--pixel) * 2), calc(var(--pixel) * 6) calc(var(--pixel) * 1), calc(var(--pixel) * 8) calc(var(--pixel) * 1), calc(var(--pixel) * 8) 0, calc(100% - var(--pixel) * 8) 0, calc(100% - var(--pixel) * 8) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 8), 100% calc(var(--pixel) * 8), 100% calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 8) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 8) 100%, calc(var(--pixel) * 8) 100%, calc(var(--pixel) * 8) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 8), 0 calc(100% - var(--pixel) * 8))}.dk-btn--lg{--dk-in:polygon(0 calc(var(--pixel) * 12), calc(var(--pixel) * 1) calc(var(--pixel) * 12), calc(var(--pixel) * 1) calc(var(--pixel) * 9), calc(var(--pixel) * 2) calc(var(--pixel) * 9), calc(var(--pixel) * 2) calc(var(--pixel) * 7), calc(var(--pixel) * 3) calc(var(--pixel) * 7), calc(var(--pixel) * 3) calc(var(--pixel) * 6), calc(var(--pixel) * 4) calc(var(--pixel) * 6), calc(var(--pixel) * 4) calc(var(--pixel) * 5), calc(var(--pixel) * 5) calc(var(--pixel) * 5), calc(var(--pixel) * 5) calc(var(--pixel) * 4), calc(var(--pixel) * 6) calc(var(--pixel) * 4), calc(var(--pixel) * 6) calc(var(--pixel) * 3), calc(var(--pixel) * 7) calc(var(--pixel) * 3), calc(var(--pixel) * 7) calc(var(--pixel) * 2), calc(var(--pixel) * 9) calc(var(--pixel) * 2), calc(var(--pixel) * 9) calc(var(--pixel) * 1), calc(var(--pixel) * 12) calc(var(--pixel) * 1), calc(var(--pixel) * 12) 0, calc(100% - var(--pixel) * 12) 0, calc(100% - var(--pixel) * 12) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 9) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 9) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 9), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 9), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 12), 100% calc(var(--pixel) * 12), 100% calc(100% - var(--pixel) * 12), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 12), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 9), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 9), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 9) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 9) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 12) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 12) 100%, calc(var(--pixel) * 12) 100%, calc(var(--pixel) * 12) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 9) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 9) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 9), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 9), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 12), 0 calc(100% - var(--pixel) * 12));--dk-rim:polygon(0 calc(var(--pixel) * 13), calc(var(--pixel) * 1) calc(var(--pixel) * 13), calc(var(--pixel) * 1) calc(var(--pixel) * 10), calc(var(--pixel) * 2) calc(var(--pixel) * 10), calc(var(--pixel) * 2) calc(var(--pixel) * 8), calc(var(--pixel) * 3) calc(var(--pixel) * 8), calc(var(--pixel) * 3) calc(var(--pixel) * 7), calc(var(--pixel) * 4) calc(var(--pixel) * 7), calc(var(--pixel) * 4) calc(var(--pixel) * 6), calc(var(--pixel) * 5) calc(var(--pixel) * 6), calc(var(--pixel) * 5) calc(var(--pixel) * 5), calc(var(--pixel) * 6) calc(var(--pixel) * 5), calc(var(--pixel) * 6) calc(var(--pixel) * 4), calc(var(--pixel) * 7) calc(var(--pixel) * 4), calc(var(--pixel) * 7) calc(var(--pixel) * 3), calc(var(--pixel) * 8) calc(var(--pixel) * 3), calc(var(--pixel) * 8) calc(var(--pixel) * 2), calc(var(--pixel) * 10) calc(var(--pixel) * 2), calc(var(--pixel) * 10) calc(var(--pixel) * 1), calc(var(--pixel) * 13) calc(var(--pixel) * 1), calc(var(--pixel) * 13) 0, calc(100% - var(--pixel) * 13) 0, calc(100% - var(--pixel) * 13) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 10) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 10) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 8) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 8) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 8), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 8), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 10), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 10), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 13), 100% calc(var(--pixel) * 13), 100% calc(100% - var(--pixel) * 13), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 13), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 10), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 10), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 8) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 8) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 10) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 10) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 13) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 13) 100%, calc(var(--pixel) * 13) 100%, calc(var(--pixel) * 13) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 10) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 10) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 8) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 8) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 8), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 8), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 10), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 10), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 13), 0 calc(100% - var(--pixel) * 13));--dk-out:polygon(0 calc(var(--pixel) * 14), calc(var(--pixel) * 1) calc(var(--pixel) * 14), calc(var(--pixel) * 1) calc(var(--pixel) * 11), calc(var(--pixel) * 2) calc(var(--pixel) * 11), calc(var(--pixel) * 2) calc(var(--pixel) * 9), calc(var(--pixel) * 3) calc(var(--pixel) * 9), calc(var(--pixel) * 3) calc(var(--pixel) * 8), calc(var(--pixel) * 4) calc(var(--pixel) * 8), calc(var(--pixel) * 4) calc(var(--pixel) * 7), calc(var(--pixel) * 5) calc(var(--pixel) * 7), calc(var(--pixel) * 5) calc(var(--pixel) * 6), calc(var(--pixel) * 6) calc(var(--pixel) * 6), calc(var(--pixel) * 6) calc(var(--pixel) * 5), calc(var(--pixel) * 7) calc(var(--pixel) * 5), calc(var(--pixel) * 7) calc(var(--pixel) * 4), calc(var(--pixel) * 8) calc(var(--pixel) * 4), calc(var(--pixel) * 8) calc(var(--pixel) * 3), calc(var(--pixel) * 9) calc(var(--pixel) * 3), calc(var(--pixel) * 9) calc(var(--pixel) * 2), calc(var(--pixel) * 11) calc(var(--pixel) * 2), calc(var(--pixel) * 11) calc(var(--pixel) * 1), calc(var(--pixel) * 14) calc(var(--pixel) * 1), calc(var(--pixel) * 14) 0, calc(100% - var(--pixel) * 14) 0, calc(100% - var(--pixel) * 14) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 11) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 11) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 9) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 9) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 8) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 8) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 8), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 8), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 9), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 9), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 11), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 11), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 14), 100% calc(var(--pixel) * 14), 100% calc(100% - var(--pixel) * 14), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 14), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 11), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 11), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 9), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 9), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 8) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 8) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 9) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 9) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 11) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 11) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 14) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 14) 100%, calc(var(--pixel) * 14) 100%, calc(var(--pixel) * 14) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 11) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 11) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 9) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 9) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 8) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 8) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 8), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 8), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 9), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 9), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 11), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 11), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 14), 0 calc(100% - var(--pixel) * 14))}.dk-btn--md{--dk-in:polygon(0 calc(var(--pixel) * 8), calc(var(--pixel) * 1) calc(var(--pixel) * 8), calc(var(--pixel) * 1) calc(var(--pixel) * 5), calc(var(--pixel) * 2) calc(var(--pixel) * 5), calc(var(--pixel) * 2) calc(var(--pixel) * 4), calc(var(--pixel) * 3) calc(var(--pixel) * 4), calc(var(--pixel) * 3) calc(var(--pixel) * 3), calc(var(--pixel) * 4) calc(var(--pixel) * 3), calc(var(--pixel) * 4) calc(var(--pixel) * 2), calc(var(--pixel) * 5) calc(var(--pixel) * 2), calc(var(--pixel) * 5) calc(var(--pixel) * 1), calc(var(--pixel) * 8) calc(var(--pixel) * 1), calc(var(--pixel) * 8) 0, calc(100% - var(--pixel) * 8) 0, calc(100% - var(--pixel) * 8) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 8), 100% calc(var(--pixel) * 8), 100% calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 8), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 8) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 8) 100%, calc(var(--pixel) * 8) 100%, calc(var(--pixel) * 8) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 8), 0 calc(100% - var(--pixel) * 8));--dk-rim:polygon(0 calc(var(--pixel) * 9), calc(var(--pixel) * 1) calc(var(--pixel) * 9), calc(var(--pixel) * 1) calc(var(--pixel) * 6), calc(var(--pixel) * 2) calc(var(--pixel) * 6), calc(var(--pixel) * 2) calc(var(--pixel) * 5), calc(var(--pixel) * 3) calc(var(--pixel) * 5), calc(var(--pixel) * 3) calc(var(--pixel) * 4), calc(var(--pixel) * 4) calc(var(--pixel) * 4), calc(var(--pixel) * 4) calc(var(--pixel) * 3), calc(var(--pixel) * 5) calc(var(--pixel) * 3), calc(var(--pixel) * 5) calc(var(--pixel) * 2), calc(var(--pixel) * 6) calc(var(--pixel) * 2), calc(var(--pixel) * 6) calc(var(--pixel) * 1), calc(var(--pixel) * 9) calc(var(--pixel) * 1), calc(var(--pixel) * 9) 0, calc(100% - var(--pixel) * 9) 0, calc(100% - var(--pixel) * 9) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 9), 100% calc(var(--pixel) * 9), 100% calc(100% - var(--pixel) * 9), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 9), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 9) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 9) 100%, calc(var(--pixel) * 9) 100%, calc(var(--pixel) * 9) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 9), 0 calc(100% - var(--pixel) * 9));--dk-out:polygon(0 calc(var(--pixel) * 10), calc(var(--pixel) * 1) calc(var(--pixel) * 10), calc(var(--pixel) * 1) calc(var(--pixel) * 7), calc(var(--pixel) * 2) calc(var(--pixel) * 7), calc(var(--pixel) * 2) calc(var(--pixel) * 6), calc(var(--pixel) * 3) calc(var(--pixel) * 6), calc(var(--pixel) * 3) calc(var(--pixel) * 5), calc(var(--pixel) * 4) calc(var(--pixel) * 5), calc(var(--pixel) * 4) calc(var(--pixel) * 4), calc(var(--pixel) * 5) calc(var(--pixel) * 4), calc(var(--pixel) * 5) calc(var(--pixel) * 3), calc(var(--pixel) * 6) calc(var(--pixel) * 3), calc(var(--pixel) * 6) calc(var(--pixel) * 2), calc(var(--pixel) * 7) calc(var(--pixel) * 2), calc(var(--pixel) * 7) calc(var(--pixel) * 1), calc(var(--pixel) * 10) calc(var(--pixel) * 1), calc(var(--pixel) * 10) 0, calc(100% - var(--pixel) * 10) 0, calc(100% - var(--pixel) * 10) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 1), calc(100% - var(--pixel) * 7) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 2), calc(100% - var(--pixel) * 6) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 3), calc(100% - var(--pixel) * 5) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 4), calc(100% - var(--pixel) * 4) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 5), calc(100% - var(--pixel) * 3) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 6), calc(100% - var(--pixel) * 2) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 7), calc(100% - var(--pixel) * 1) calc(var(--pixel) * 10), 100% calc(var(--pixel) * 10), 100% calc(100% - var(--pixel) * 10), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 10), calc(100% - var(--pixel) * 1) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 7), calc(100% - var(--pixel) * 2) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 6), calc(100% - var(--pixel) * 3) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 5), calc(100% - var(--pixel) * 4) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 4), calc(100% - var(--pixel) * 5) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 3), calc(100% - var(--pixel) * 6) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 2), calc(100% - var(--pixel) * 7) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 10) calc(100% - var(--pixel) * 1), calc(100% - var(--pixel) * 10) 100%, calc(var(--pixel) * 10) 100%, calc(var(--pixel) * 10) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 1), calc(var(--pixel) * 7) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 2), calc(var(--pixel) * 6) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 3), calc(var(--pixel) * 5) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 4), calc(var(--pixel) * 4) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 5), calc(var(--pixel) * 3) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 6), calc(var(--pixel) * 2) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 7), calc(var(--pixel) * 1) calc(100% - var(--pixel) * 10), 0 calc(100% - var(--pixel) * 10))}.dk-icon{vertical-align:middle;flex:none;display:inline-block}.dk-icon__fill{fill:var(--dk-icon-fill,var(--control))}.dk-icon__accent{fill:var(--dk-icon-accent,var(--candy))}.dk-icon__shine{fill:var(--dk-icon-shine,var(--bevel-light))}.dk-icon__line{fill:currentColor}.dk-window{--dk-fill:var(--chrome);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);min-width:0;padding:0 var(--space-2) var(--space-2);color:var(--ink);font-family:var(--font-mono);flex-direction:column;display:flex}.dk-window__bar{align-items:center;gap:var(--space-2);min-height:40px;padding-left:var(--space-1);display:flex}.dk-window__heart{color:var(--frame-ink)}.dk-window__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-pixel);flex:1;font-size:20px;font-weight:500;line-height:24px;overflow:hidden}.dk-controls{padding-right:var(--pixel);gap:6px;display:flex}.dk-ctl{--dk-fill:var(--control);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);width:26px;height:26px;color:var(--frame-ink);border:0;place-items:center;padding:0;display:grid}.dk-ctl--close{--dk-fill:var(--paper);--dk-line:var(--candy-strong);color:var(--candy-strong)}button.dk-ctl{cursor:var(--cur-hand)}button.dk-ctl:hover{--dk-fill:var(--candy-strong);color:var(--on-candy)}button.dk-ctl:active{--dk-hi:var(--chrome-deep);--dk-lo:var(--bevel-light)}.dk-window__body{--dk-fill:var(--paper);--dk-hi:var(--bevel-light);min-width:0;display:flex}.dk-window__content{min-width:0;padding:var(--space-4) var(--space-5);flex:1;font-size:16px;line-height:26px}.dk-window__body--flush .dk-window__content{padding:0}.dk-window__body--flush .dk-window__content>img,.dk-window__body--flush .dk-window__content>video{width:100%;height:auto;display:block}.dk-window__body--flush .dk-window__content{margin:var(--pixel);clip-path:var(--dk-in)}.dk-window--night .dk-window__body{--dk-fill:var(--night);--dk-hi:transparent;color:var(--on-grape)}.dk-window__scrollbar{--dk-fill:var(--field);width:16px;margin:var(--space-1);flex:none}.dk-window__thumb{--dk-fill:var(--chrome);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);left:calc(var(--pixel) * 2);right:calc(var(--pixel) * 2);height:24%;position:absolute;top:10%}.dk-hello{margin:0 0 var(--space-2);font-family:var(--font-pixel);color:var(--candy-strong);font-size:24px;font-weight:500;line-height:30px}.dk-iconbtn{--dk-fill:var(--control);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);width:44px;height:40px;color:var(--frame-ink);cursor:var(--cur-hand);border:0;flex:none;place-items:center;padding:0;display:grid}.dk-iconbtn:hover{--dk-fill:var(--paper)}.dk-iconbtn:active{--dk-hi:var(--chrome-deep);--dk-lo:var(--bevel-light)}.dk-addr__row{--dk-fill:var(--chrome-deep);--dk-hi:var(--chrome-deep);--dk-lo:var(--bevel-light);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.dk-addr__field{--dk-fill:var(--field);align-items:center;gap:var(--space-2);min-width:0;height:40px;padding:0 var(--space-3);color:var(--ink);flex:220px;font-size:15px;font-weight:500;line-height:20px;display:flex}.dk-addr__url{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dk-addr__heart,.dk-addr__star,.dk-addr__hearts{color:var(--frame-ink)}.dk-addr__star{--dk-icon-fill:var(--paper)}.dk-addr__hearts{gap:var(--space-1);display:flex}.dk-tabs{--dk-fill:var(--chrome);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);padding:var(--space-2);font-family:var(--font-pixel)}.dk-tabs__track{--dk-fill:var(--field);padding:var(--space-2);flex-wrap:wrap;align-items:center;margin:0;list-style:none;display:flex}.dk-tabs__track>li{align-items:center;display:flex}.dk-tabs__track>li+li:not(:nth-child(-n+3)){border-left:var(--pixel) solid var(--chrome-deep);padding-left:var(--space-2);margin-left:var(--space-2)}.dk-tabs__deco{padding:0 var(--space-3) 0 var(--space-1);color:var(--candy-strong)}.dk-tab{--dk-fill:transparent;--dk-line:transparent;align-items:center;gap:var(--space-2);min-height:44px;color:var(--ink);padding:0 18px;font-size:16px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.dk-tab .dk-icon{color:var(--frame-ink)}.dk-tab:hover{--dk-fill:var(--paper)}.dk-tab.is-current{--dk-fill:var(--candy-strong);--dk-line:var(--frame-ink);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);color:var(--on-candy)}.dk-tab.is-current .dk-icon{--dk-icon-fill:var(--on-candy);--dk-icon-accent:var(--on-candy);color:var(--on-candy)}.dk-tab:focus-visible{--dk-line:var(--candy-strong)}.dk-btn{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-4);padding:0 var(--space-8);color:var(--on-grape);cursor:var(--cur-hand);font-family:var(--font-pixel);background:0 0;background-color:var(--grape);clip-path:var(--dk-out);border:0;font-weight:500;text-decoration:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.dk-btn:before,.dk-btn:after{content:"";pointer-events:none;position:absolute}.dk-btn:before{z-index:-3;background:var(--dk-line,var(--frame-ink));clip-path:var(--dk-out);inset:0}.dk-btn:after{inset:var(--pixel);z-index:-2;background:var(--grape-edge);clip-path:var(--dk-rim)}.dk-btn__face{inset:calc(var(--pixel) * 2);z-index:-1;background:var(--grape-shine);clip-path:var(--dk-in);position:absolute}.dk-btn__face:after{content:"";background:var(--grape);clip-path:var(--dk-in);translate:0 var(--pixel);position:absolute;inset:0}.dk-btn--lg{height:72px;padding:0 calc(var(--space-8) + var(--pixel) * 2);font-size:24px;line-height:28px}.dk-btn--md{height:52px;padding:0 calc(var(--space-6) + var(--pixel) * 2);gap:var(--space-3);font-size:20px;line-height:24px}.dk-btn:hover{transform:translateY(calc(var(--pixel) * -1))}.dk-btn:hover .dk-btn__face{background:var(--violet-shine)}.dk-btn:hover .dk-btn__face:after{background:var(--violet)}.dk-btn:active{transform:translateY(var(--pixel))}.dk-btn:focus-visible{--dk-line:var(--candy-strong);outline:none}.dk-btn__icon{color:var(--frame-ink)}.dk-btn__heart{color:var(--on-grape)}.dk-status{align-items:flex-start;gap:var(--space-3);font-family:var(--font-mono);color:var(--ink);margin:0;font-size:16px;line-height:26px;display:flex}.dk-status__dot{--dk-fill:var(--off);--dk-hi:var(--bevel-light);flex:none;width:16px;height:16px;margin-top:5px}.dk-status.is-open .dk-status__dot{--dk-fill:var(--violet)}.dk-scroll{display:inline-flex}.dk-scroll .dk-window__content{padding:0}.dk-scroll__link{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);color:var(--on-grape);font-family:var(--font-pixel);font-size:16px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.dk-scroll__link:focus-visible{outline:var(--pixel) solid var(--candy-strong);outline-offset:calc(var(--pixel) * -2)}.dk-scroll__disc{--dk-fill:var(--violet);--dk-line:var(--grape-edge);width:44px;height:44px;color:var(--on-grape);place-items:center;display:grid}.dk-scroll__spark{--dk-icon-accent:var(--candy)}@media (prefers-reduced-motion:no-preference){.dk-scroll__disc .dk-icon{animation:1.2s steps(2,jump-none) infinite dk-nudge}}@keyframes dk-nudge{0%,to{transform:translateY(calc(var(--pixel) * -1))}50%{transform:translateY(var(--pixel))}}.dk-desk-icon{align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--desk-text);cursor:var(--cur-hand);font-family:var(--font-pixel);background:0 0;border:0;flex-direction:column;font-size:16px;line-height:20px;text-decoration:none;display:inline-flex}.dk-desk-icon:hover{translate:0 calc(var(--pixel) * -2)}.dk-desk-icon:focus-visible{outline:var(--pixel) solid var(--candy-strong);outline-offset:var(--pixel)}.dk-desk-icon__glyph{--dk-icon-fill:var(--blush);color:var(--chrome-deep)}.dk-s1{--dk-out-from:polygon(calc(50% + (0% - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (0% - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (0% - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (100% - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (100% - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (100% - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (100% - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2), calc(50% + (0% - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2))}.dk-s2{--dk-out-from:polygon(calc(50% + (0% - 50%) * .2) calc(50% + (calc(var(--pixel) * 3) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 3) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 3) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 3) - 50%) * .2) calc(50% + (0% - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2) calc(50% + (0% - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(var(--pixel) * 3) - 50%) * .2), calc(50% + (100% - 50%) * .2) calc(50% + (calc(var(--pixel) * 3) - 50%) * .2), calc(50% + (100% - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2) calc(50% + (100% - 50%) * .2), calc(50% + (calc(var(--pixel) * 3) - 50%) * .2) calc(50% + (100% - 50%) * .2), calc(50% + (calc(var(--pixel) * 3) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 1) - 50%) * .2), calc(50% + (calc(var(--pixel) * 2) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 2) - 50%) * .2), calc(50% + (calc(var(--pixel) * 1) - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2), calc(50% + (0% - 50%) * .2) calc(50% + (calc(100% - var(--pixel) * 3) - 50%) * .2))}.dk-window[hidden],.dk-window__body[hidden]{display:none}.dk-window{z-index:1}.dk-px{--dk-open-from:var(--dk-out-from,inset(40% 40%))}.dk-window__bar{-webkit-user-select:none;user-select:none}button.dk-ctl:not(.dk-ctl--close):hover{--dk-fill:var(--paper);color:var(--frame-ink)}.dk-ctl[aria-pressed=true]{--dk-fill:var(--field);--dk-hi:var(--chrome-deep);--dk-lo:var(--bevel-light)}.dk-window.is-min{align-self:start}.dk-window.is-max{z-index:70;inset:max(var(--space-4), env(safe-area-inset-top,0px)) var(--margin) max(var(--space-4), env(safe-area-inset-bottom,0px));max-width:none;max-height:none;margin:0;position:fixed;width:auto!important;height:auto!important;animation:none!important;translate:none!important}.dk-window.is-max>.dk-window__body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.dk-window.is-max .dk-window__body--flush .dk-window__content img,.dk-window.is-max .dk-window__body--flush .dk-window__content video{object-fit:contain;height:100%;max-height:none}.dk-window.is-max .home__media,.dk-window.is-max .proc__canvas{aspect-ratio:auto;height:100%}.dk-window-shade{z-index:65;background:#191026e6;position:fixed;inset:0}.dk-window-ghost{display:block}.dk-window-icon{align-self:start;font-weight:500;width:auto!important}.dk-window-icon .dk-desk-icon__label{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;overflow:hidden}@media (width>=1101px) and (pointer:fine){.dk-window.is-draggable>.dk-window__bar{cursor:var(--cur-grab)}.dk-window[data-dragging],.dk-window[data-dragging]>.dk-window__bar{cursor:var(--cur-grabbing)}}@media (prefers-reduced-motion:no-preference){.dk-window[data-active]>.dk-window__bar .dk-window__heart{animation:.9s step-end infinite dk-beat}}@keyframes dk-beat{0%{translate:0}50%{translate:0 calc(var(--pixel) * -1);--dk-icon-accent:var(--candy-strong)}}.dk-tabs__pill{--dk-fill:var(--candy-strong);--dk-line:var(--frame-ink);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);width:var(--w,0);height:var(--h,0);translate:var(--x,0) var(--y,0);opacity:0;pointer-events:none;transition:translate .24s steps(6,end),width .24s steps(6,end);position:absolute;top:0;left:0}.dk-tabs__track>li.dk-tabs__pill.dk-px{border:0;margin:0;padding:0}[data-pill]:not([data-rest])>.dk-tabs__pill{opacity:1}[data-pill]:not([data-rest]) .dk-tab.is-current{--dk-fill:transparent;--dk-line:transparent;--dk-hi:transparent;--dk-lo:transparent;transition:color 0s .24s}[data-pill]:not([data-rest]) .dk-tab.is-current .dk-icon,[data-pill]:not([data-rest]) .dk-tab.is-current .dk-icon path{transition:color 0s .24s,fill 0s .24s}.dk-tab.is-current .dk-icon{--dk-icon-fill:var(--candy-strong)}@media (prefers-reduced-motion:reduce){.dk-tabs__pill,[data-pill] .dk-tab.is-current,[data-pill] .dk-tab.is-current .dk-icon,[data-pill] .dk-tab.is-current .dk-icon path{transition:none}}.dk-btn__label,.dk-btn__icon,.dk-btn__heart{z-index:1;position:relative}.dk-btn__glint{z-index:0;pointer-events:none;opacity:0;background:linear-gradient(var(--bevel-light), var(--bevel-light)) 0 0 / 6px 100% no-repeat,  linear-gradient(var(--bevel-light), var(--bevel-light)) 10px 0 / 2px 100% no-repeat;width:14px;position:absolute;top:0;bottom:0;left:0}@media (prefers-reduced-motion:no-preference){.dk-btn__glint{animation:4.2s step-end infinite dk-glint}}@keyframes dk-glint{0%,78%{opacity:0;left:-20px}80%{opacity:.55;left:8%}83%{opacity:.55;left:28%}86%{opacity:.55;left:48%}89%{opacity:.55;left:68%}92%{opacity:.55;left:88%}95%,to{opacity:0;left:100%}}::view-transition-group(dk-morph){animation-duration:.3s;animation-timing-function:steps(6,end)}::view-transition-old(dk-morph){height:100%;animation-duration:.3s;animation-timing-function:steps(3,end)}::view-transition-new(dk-morph){height:100%;animation-duration:.3s;animation-timing-function:steps(3,end)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.seg{gap:var(--space-2);display:grid}.seg__legend{margin-bottom:var(--space-2);font-family:var(--font-pixel);color:var(--ink);padding:0;font-size:16px;font-weight:500;line-height:20px}.seg__track{--dk-fill:var(--field);gap:var(--space-1);padding:var(--space-2);flex-wrap:wrap;display:flex}.seg__opt{--dk-fill:transparent;--dk-line:transparent;align-items:baseline;gap:var(--space-2);min-height:40px;padding:10px var(--space-3);cursor:var(--cur-hand);font-family:var(--font-pixel);color:var(--ink);font-size:16px;font-weight:500;line-height:20px;display:inline-flex}.seg__opt:hover{--dk-fill:var(--paper)}.seg__opt.is-on{--dk-fill:var(--candy-strong);--dk-line:var(--frame-ink);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);color:var(--on-candy)}.seg__opt:has(input:focus-visible){--dk-line:var(--candy-strong)}.seg__note{font-family:var(--font-mono);color:var(--ink-soft);font-size:14px}.seg__opt.is-on .seg__note{color:var(--on-candy)}.app-btn{--dk-fill:var(--control);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);min-height:44px;padding:0 var(--space-4);font-family:var(--font-pixel);color:var(--ink);border:0;font-size:16px;font-weight:500}.app-btn:hover{--dk-fill:var(--paper)}.app-btn:active{--dk-hi:var(--chrome-deep);--dk-lo:var(--bevel-light)}.app-btn--candy{--dk-fill:var(--candy-strong);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);color:var(--on-candy)}.app-btn--candy:hover{--dk-fill:var(--candy-dark)}.app-btn[disabled]{opacity:.5}.dk-window__content{grid-template-columns:minmax(0,1fr)}.dk-tabs__heart{width:36px;height:36px;color:var(--candy-strong);cursor:var(--cur-hand);background:0 0;border:0;place-items:center;padding:0;display:grid}.dk-tabs__heart:hover .dk-icon{translate:0 calc(var(--pixel) * -1)}.dk-tabs__heart:active .dk-icon{--dk-icon-fill:var(--candy)}@media (prefers-reduced-motion:no-preference){.dk-tabs__heart .dk-icon{animation:1.2s step-end infinite dk-beat}}.ribbon{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:max(var(--space-3), env(safe-area-inset-top,0px));display:flex}.ribbon__status{align-items:center;gap:var(--space-2);min-width:0;font-family:var(--font-pixel);color:var(--desk-text);font-size:16px;font-weight:500;line-height:20px;display:flex}.ribbon__dot{background:var(--off);outline:var(--pixel) solid var(--frame-ink);flex:none;width:10px;height:10px}.ribbon__dot.is-open{background:var(--candy)}.ribbon__cta{--dk-fill:var(--candy-strong);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);font-family:var(--font-pixel);color:var(--on-candy);flex:none;font-size:16px;font-weight:600;line-height:20px;text-decoration:none;transition:translate .12s steps(2,end);display:inline-flex}.ribbon__cta:hover{translate:0 calc(var(--pixel) * -1);--dk-fill:var(--candy-dark)}.ribbon__cta:active{translate:0 var(--pixel)}.ribbon__cta:focus-visible{--dk-hi:var(--on-candy);--dk-lo:var(--on-candy)}.ribbon__cta .dk-icon{--dk-icon-fill:var(--on-candy);--dk-icon-accent:var(--on-candy);color:var(--on-candy)}@media (prefers-reduced-motion:no-preference){.ribbon__dot.is-open{animation:1.4s steps(2,jump-none) infinite twinkle}.ribbon__spark{animation:1.1s steps(2,jump-none) infinite twinkle}.ribbon__arrow{animation:1.2s steps(2,jump-none) infinite ribbon-nudge}}@keyframes ribbon-nudge{0%,to{translate:0}50%{translate:calc(var(--pixel) * 2) 0}}.top{padding-top:var(--space-3)}.dock{z-index:40;top:max(var(--space-2), env(safe-area-inset-top,0px));margin-top:var(--space-3);position:sticky}@media (width<=1100px){.dock .dk-tab{padding:0 12px}.dock .dk-tabs__track>li+li:not(:nth-child(-n+3)){padding-left:var(--space-1);margin-left:var(--space-1)}}@media (width<=760px){.top,.ribbon__more{display:none}.ribbon__status{font-size:14px}.ribbon__cta{padding:0 var(--space-3);font-size:15px}.dock{margin-top:var(--space-2)}.dock .dk-tabs{padding:var(--space-1)}.dock .dk-tabs__deco{display:none}.dock .dk-tabs__track{padding:var(--space-1);flex-wrap:nowrap;justify-content:space-between}.dock .dk-tabs__track>li+li:not(:nth-child(-n+3)){border-left:0;margin-left:0;padding-left:0}.dock .dk-tab{padding:0 var(--space-3)}.dock .dk-tab span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.home{padding-top:var(--space-6);scroll-margin-top:var(--dock-h);position:relative}.home__desk{column-gap:var(--space-6);row-gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,400px) minmax(0,1fr);grid-template-areas:"mark mark mark""left main right""cue cue cue";align-items:start;display:grid;position:relative}.home__mark{grid-area:mark;justify-self:center;line-height:0}.home__wordmark{width:480px;height:160px}.home__left,.home__right{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.home__left{padding-top:var(--space-8);grid-area:left;justify-items:end}.home__right{padding-top:var(--space-8);grid-area:right;justify-items:start}.home__left>*,.home__right>*{width:min(100%,340px)}.home__about .win-lead{font-size:24px;line-height:32px}.home__heart{vertical-align:-1px;width:18px;height:18px;margin:0 0 0 6px}.home__heart:first-child{margin:0 6px 0 0}.home__open{color:var(--candy-strong)}.home__act .dk-window__content{padding:var(--space-5) var(--space-4);display:grid}.home__act .dk-btn{width:100%;padding-inline:var(--space-4);white-space:nowrap;font-size:20px}.home__photos{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.home__photo{color:inherit;text-decoration:none;transition:translate .16s steps(2,end);display:block}.home__photo:hover{translate:0 calc(var(--pixel) * -2)}.home__photo img{object-fit:cover;width:100%;height:200px;display:block}.home__photo .dk-window__title{font-size:16px}.home__main{grid-area:main}.home__icon:not(.is-max){width:min(100%, calc((100svh - 140px) * var(--media-ar,1)));margin-inline:auto}.home__media{cursor:var(--cur-hand);position:relative}.home__loader{display:none}@media (prefers-reduced-motion:no-preference){html.js .home__loader{z-index:2;place-content:center;justify-items:center;gap:var(--space-3);background:var(--paper);color:var(--ink);animation:0s 1s forwards loader-out;display:grid;position:absolute;inset:0}html.js .home__media>img,html.js .home__media>video{animation:0s 1s backwards media-in}html.js .home__loader-fill{animation:.76s steps(10,end) .16s backwards loader-fill}html.js .home__loader-pct:after{animation:.76s steps(10,end) .16s backwards loader-pct}}.home__loader-text{gap:var(--space-2);font-family:var(--font-pixel);font-size:18px;font-weight:500;line-height:24px;display:flex}@property --pct{syntax:"<integer>";inherits:false;initial-value:100}.home__loader-pct:after{counter-reset:pct var(--pct);content:counter(pct) "%";color:var(--candy-strong)}.home__loader-bar{--dk-fill:var(--field);width:min(220px,70%);height:24px;padding:calc(var(--pixel) * 2)}.home__loader-fill{background:repeating-linear-gradient(90deg, var(--candy-strong) 0 10px, transparent 10px 12px);width:100%;height:100%;display:block}@keyframes loader-out{to{visibility:hidden}}@keyframes media-in{0%{opacity:0}}@keyframes loader-fill{0%{width:0}}@keyframes loader-pct{0%{--pct:0}}.home__media img,.home__media video{object-fit:contain;width:100%;height:auto;display:block}.home__play{z-index:1;min-height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.home__act-wrap{padding-top:36px;position:relative}.home__bunny{top:0;right:var(--space-6);z-index:1;cursor:var(--cur-hand);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;line-height:0;position:absolute}.home__down{width:48px;height:44px;color:var(--chrome);grid-area:cue;justify-self:center;place-items:center;display:grid}@media (prefers-reduced-motion:no-preference){.home__down .dk-icon{animation:1.2s steps(2,jump-none) infinite nudge}.home__bunny.is-hopping{animation:.4s steps(4,end) bunny-hop}.home__mark.is-wiggling .home__wordmark{animation:.3s step-end 3 wordmark-wiggle}}@keyframes bunny-hop{0%,to{translate:0}25%{translate:0 -6px}50%{translate:0 -10px}75%{translate:0 -4px}}@keyframes wordmark-wiggle{0%{translate:-4px}50%{translate:4px}to{translate:0}}.home__decor{pointer-events:none;position:absolute;inset:0}.home__deco{color:var(--frame-ink);position:absolute}.home__deco:first-child{top:24px;left:calc(50% - 300px)}.home__deco:nth-child(2){--d:.6s;top:12px;left:calc(50% + 250px)}.home__deco:nth-child(3){top:104px;left:calc(50% + 286px)}.home__deco:nth-child(4){--d:.9s;top:360px;left:calc(50% + 214px)}.home__deco:nth-child(5){top:420px;left:calc(50% - 236px)}.home__deco:nth-child(6){--d:.3s;top:132px;left:calc(50% - 330px)}@media (prefers-reduced-motion:no-preference){.home__mark,.home .dk-window,.home__bunny{animation:.32s steps(4,end) backwards dk-open}.home__about{animation-delay:80ms}.home__icon{animation-delay:.14s}.home__act,.home__bunny{animation-delay:.2s}.home__photo .dk-window{animation-delay:.26s}.home__photo+.home__photo .dk-window{animation-delay:.32s}}@media (width<=1100px){.home__wordmark{width:360px;height:120px}.home__desk{column-gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,340px) minmax(0,1fr)}.home__deco{display:none}}@media (width<=860px){.home{padding-top:var(--space-4)}.home__desk{row-gap:var(--space-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"mark""about""main""act""cue"}.home__left,.home__right{display:contents}.home__left>*,.home__right>*{width:auto}.home__wordmark{width:240px;height:80px}.home__about{grid-area:about}.home__about .win-lead{font-size:18px;line-height:26px}.home__heart{width:14px;height:14px}.home__act-wrap{grid-area:act;padding-top:34px}.home__photos{display:none}}.viewer{width:100vw;max-width:none;height:100svh;max-height:none;padding:var(--margin);color:var(--ink);background:0 0;border:0;margin:0}.viewer::backdrop{background:#191026eb}.viewer[open]{place-items:center;display:grid}.viewer__window{width:min(100%,980px);max-height:100%}.viewer__body .dk-window__content{gap:var(--space-4);padding:var(--space-4);display:grid}.viewer__figure{--dk-fill:var(--field);padding:var(--pixel)}.viewer__figure img{width:auto;max-width:100%;height:auto;max-height:calc(100svh - 300px);clip-path:var(--dk-in);margin-inline:auto;display:block}.viewer__bar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.viewer__title{font-family:var(--font-pixel);color:var(--ink);font-size:24px;font-weight:500;line-height:30px}.viewer__controls{gap:var(--space-3);display:flex}@media (prefers-reduced-motion:no-preference){.viewer[open] .viewer__window{animation:.28s steps(4,end) dk-open}}.work__body .dk-window__content{padding:var(--space-5) 0 var(--space-4)}.work__head{gap:var(--space-1);padding:0 var(--space-5);margin-bottom:var(--space-4);display:grid}.work__rail{--h:min(52svh, 480px);align-items:flex-start;gap:var(--space-6);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline:calc(50% - min(var(--h) * var(--first), var(--cap,78vw)) / 2) calc(50% - min(var(--h) * var(--last), var(--cap,78vw)) / 2);padding-block:var(--space-3) var(--space-2);scrollbar-width:none;cursor:var(--cur-grab);display:flex;position:relative;overflow-x:auto}.work__rail::-webkit-scrollbar{display:none}.work__rail.is-dragging{scroll-snap-type:none;cursor:var(--cur-grabbing);-webkit-user-select:none;user-select:none}.work__card{width:min(calc(var(--h) * var(--ar-n)), var(--cap,78vw));scroll-snap-align:center;flex:none;margin:0}.work__open{--dk-fill:var(--field);width:100%;padding:var(--pixel);cursor:var(--cur-hand);-webkit-tap-highlight-color:transparent;border:0;display:block}.work__rail.is-dragging .work__open{cursor:var(--cur-grabbing)}.work__open img{width:100%;height:auto;aspect-ratio:var(--ar);object-fit:cover;clip-path:var(--dk-in);display:block}.work__open:active{translate:0 var(--pixel)}.work__card figcaption{padding:var(--space-3) var(--pixel) 0}.work__title{font-family:var(--font-pixel);color:var(--ink);font-size:20px;font-weight:500;line-height:24px}.work__meta{color:var(--ink-soft);margin-top:2px;font-size:15px;line-height:20px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.work__card{animation:linear both shelf;animation-timeline:view(inline)}}}@keyframes shelf{0%{opacity:.45;translate:0 8px}50%{opacity:1;translate:0}to{opacity:.45;translate:0 8px}}.work__bar{--dk-fill:var(--field);justify-content:center;align-items:center;gap:var(--space-4);width:fit-content;margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-3);display:flex}.work__count{text-align:center;min-width:7ch;font-family:var(--font-pixel);color:var(--ink);font-weight:500}.tabular{font-variant-numeric:tabular-nums}.dk-iconbtn[disabled]{opacity:.4;cursor:var(--cur)}@media (width<=860px){.work__rail{--h:min(46svh, 400px);gap:var(--space-4)}.work__head{padding:0 var(--space-4)}}@media (width<=640px){.work__rail{--h:calc(100svh - 170px);--cap:84vw;gap:var(--space-3)}}.anim__desk{gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.anim__body .dk-window__content{padding:0;display:grid}.anim__stage{--film-h:min(62svh, 540px);gap:var(--space-3);padding:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(200px,260px);align-items:start;display:grid}.anim__film{width:100%;height:var(--film-h);clip-path:var(--dk-in);background:var(--frame-ink);cursor:var(--cur-hand);position:relative;overflow:hidden}.anim__film video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.anim__badge{left:var(--space-3);top:var(--space-3);z-index:2;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--frame-ink);color:var(--on-grape);font-family:var(--font-pixel);pointer-events:none;font-size:14px;font-weight:500;line-height:18px;display:inline-flex;position:absolute}.anim__badge .dk-icon{--dk-icon-fill:var(--on-grape);--dk-icon-accent:var(--candy);color:var(--on-grape)}.anim__static{z-index:3;opacity:0;pointer-events:none;image-rendering:pixelated;background:url(/art/static.png) 0 0/128px 128px;position:absolute;inset:0}.anim__film.is-switching .anim__static{opacity:1;animation:.32s step-end anim-static}@keyframes anim-static{0%{background-position:0 0}25%{background-position:-38px 22px}50%{background-position:52px -46px}75%{opacity:.6;background-position:-14px 70px}}.anim__playlist{align-content:start;gap:var(--space-3);min-width:0;max-height:var(--film-h);overscroll-behavior:contain;scrollbar-width:thin;list-style:none;display:grid;overflow-y:auto}.anim__clip{--dk-fill:var(--night);--dk-line:var(--grape-edge);column-gap:var(--space-3);width:100%;padding:var(--space-2);text-align:left;color:var(--on-grape);border:0;grid-template-columns:56px 1fr;align-items:center;display:grid}.anim__clip img{object-fit:cover;outline:var(--pixel) solid var(--frame-ink);grid-row:span 2;width:56px;height:56px}.anim__clip-title{font-family:var(--font-pixel);font-size:16px;font-weight:500;line-height:20px}.anim__clip-file{color:var(--chrome);font-size:13px;line-height:18px}.anim__clip:hover{--dk-fill:var(--grape)}.anim__clip.is-on{--dk-fill:var(--candy-strong);--dk-line:var(--frame-ink);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);color:var(--on-candy)}.anim__clip.is-on .anim__clip-file{color:var(--on-candy)}.anim__bar{align-items:center;gap:var(--space-3);padding:0 var(--space-3) var(--space-4);display:flex}.anim__progress{--dk-fill:var(--frame-ink);--dk-line:var(--grape-edge);gap:var(--pixel);height:24px;padding:calc(var(--pixel) * 3);flex:1;display:flex}.anim__progress i{background:var(--night);flex:1}.anim__progress i.is-on{background:var(--candy)}.anim__card .dk-window__content{gap:var(--space-3);justify-items:start;display:grid}.anim__fact{font-family:var(--font-pixel);color:var(--candy-strong);font-size:24px;font-weight:500;line-height:30px}@media (width<=960px){.anim__desk{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.anim__stage{grid-template-columns:minmax(0,1fr)}.anim__film{aspect-ratio:4/5;height:auto;max-height:72svh}.anim__playlist{gap:var(--space-2);max-height:none;overflow:visible}.anim__clip{column-gap:var(--space-2);grid-template-columns:40px 1fr}.anim__clip img{width:40px;height:40px}.anim__clip-title{font-size:14px;line-height:18px}.anim__clip-file{font-size:13px}}.anim__stage>*,.anim__clip>span{min-width:0}.anim__clip-file{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proc__desk{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.proc__art-wrap{justify-self:end;width:min(100%,480px)}.proc__canvas{aspect-ratio:1;background:var(--paper);position:relative}.proc__fallback,.proc__film,.proc__layer,.proc__print{width:100%;height:100%;position:absolute;inset:0}.proc__fallback,.proc__film{object-fit:cover}.proc__layer{opacity:0;transition:opacity .24s steps(3,end)}.proc__layer.is-ready{opacity:1}.proc__print{place-items:center;display:grid;overflow:hidden}.proc__pixels{cursor:var(--cur-cross);touch-action:pan-y}.proc__play{z-index:3;min-height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.proc__tag{left:var(--space-2);top:var(--space-2);z-index:2;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--frame-ink);color:var(--on-grape);font-family:var(--font-pixel);pointer-events:none;font-size:16px;font-weight:500;line-height:20px;display:inline-flex;position:absolute}.proc__tag .dk-icon{--dk-icon-fill:var(--frame-ink);color:var(--on-grape)}.proc__steps{max-width:520px}.proc__steps .dk-window__content{gap:var(--space-4);display:grid}.proc__list{gap:var(--space-3);list-style:none;display:grid}.proc__item{column-gap:var(--space-3);grid-template-columns:24px 1fr;align-items:center;display:grid}.proc__mark{color:var(--chrome-deep);place-items:center;display:grid}.proc__verb{min-height:44px;font-family:var(--font-pixel);color:var(--ink);cursor:var(--cur-hand);text-align:left;background:0 0;border:0;justify-self:start;padding:0;font-size:24px;font-weight:500;line-height:30px}.proc__verb:hover{color:var(--candy-strong);text-decoration:underline;text-decoration-thickness:var(--pixel);text-underline-offset:4px}.proc__verb:focus-visible{outline:var(--pixel) solid var(--candy-strong);outline-offset:var(--pixel)}.proc__text{color:var(--ink-soft);grid-column:2}.proc__item.is-on .proc__mark,.proc__item.is-on .proc__verb{color:var(--candy-strong)}.proc__item.is-on .proc__text{color:var(--ink)}.proc__item.is-done .proc__mark{color:var(--frame-ink)}.proc__foot{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.proc__again{min-height:44px}.proc__peek{align-items:center;gap:var(--space-2);color:var(--ink-soft);flex:200px;font-size:14px;line-height:20px;display:flex}.proc__peek .dk-icon{color:var(--candy-strong);flex:none}.proc__peek-touch{display:none}@media (hover:none){.proc__peek-mouse{display:none}.proc__peek-touch{display:inline}}@media (width<=860px){.proc__desk{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.proc__art-wrap{justify-self:center;width:min(100%,440px)}.proc__steps{max-width:none}.proc__list{gap:var(--space-2)}}@media (height<=560px) and (orientation:landscape){.proc__desk{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start}.proc__art-wrap{width:calc(100svh - var(--dock-h) - 48px);justify-self:start}.proc__steps{max-width:none}}.comm__desk{gap:var(--space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.comm__form .dk-window__content{gap:var(--space-3);display:grid}.comm__head{gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.comm__head .win-text,.comm__slots{margin-top:var(--space-1)}.comm__controls{gap:var(--space-5);margin-top:var(--space-2);display:grid}.comm__step{gap:var(--space-2);display:grid}.comm__legend{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-family:var(--font-pixel);color:var(--ink);padding:0;font-size:18px;font-weight:500;line-height:24px;display:flex}.comm__num{background:var(--candy-strong);width:24px;height:24px;color:var(--on-candy);font-family:var(--font-pixel);clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px);flex:none;place-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-grid}.comm__hint{color:var(--ink-soft);font-size:14px;line-height:20px}.comm__size,.comm__bg,.comm__extra{--dk-fill:var(--field);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);cursor:var(--cur-hand);color:var(--ink);-webkit-tap-highlight-color:transparent;transition:translate .12s steps(2,end)}.comm__size:hover,.comm__bg:hover,.comm__extra:hover{--dk-fill:var(--paper);translate:0 calc(var(--pixel) * -1)}.comm__size.is-on,.comm__bg.is-on,.comm__extra.is-on{--dk-fill:var(--candy-strong);--dk-line:var(--frame-ink);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);color:var(--on-candy)}:is(.comm__size:has(input:focus-visible),.comm__bg:has(input:focus-visible),.comm__extra:has(input:focus-visible)){--dk-line:var(--candy-strong)}:is(.comm__size.is-on:has(input:focus-visible),.comm__bg.is-on:has(input:focus-visible),.comm__extra.is-on:has(input:focus-visible)){--dk-hi:var(--on-candy);--dk-lo:var(--on-candy)}.comm__sizes{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.comm__size{padding:var(--space-2) var(--space-1) var(--space-3);text-align:center;justify-items:center;gap:2px;display:grid}.comm__thumb{max-width:100%;height:112px;aspect-ratio:var(--ar,1);margin-bottom:var(--space-1);background:var(--paper);outline:var(--pixel) solid var(--frame-ink);display:block;overflow:hidden}.comm__thumb img,.comm__thumb video{object-fit:cover;width:100%;height:100%;display:block}.comm__size-label{font-family:var(--font-pixel);font-size:16px;font-weight:500;line-height:20px}.comm__size-note{opacity:.85;font-size:13px;line-height:16px}.comm__size-price{font-family:var(--font-pixel);font-size:14px;line-height:18px}.comm__chars{--dk-fill:var(--field);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.comm__buns{justify-content:center;gap:var(--space-2);flex:1;min-height:38px;display:flex}.comm__bun{width:44px;height:38px}.comm__bgs{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.comm__bg{column-gap:var(--space-3);padding:var(--space-2) var(--space-3);grid-template-columns:auto 1fr;align-items:center;display:grid}.comm__bg img{grid-row:span 2;width:52px;height:36px}.comm__bg-label{font-family:var(--font-pixel);font-size:16px;font-weight:500;line-height:20px}.comm__bg-price{font-family:var(--font-pixel);font-size:14px;line-height:18px}.comm__extras{gap:var(--space-2);display:grid}.comm__extra{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-3);grid-template-columns:auto 1fr auto;display:grid}.comm__extra-label{font-family:var(--font-pixel);font-size:16px;font-weight:500;line-height:20px}.comm__extra-note{font-family:var(--font-pixel);font-size:14px}.comm__switch{background:var(--paper);outline:var(--pixel) solid var(--frame-ink);outline-offset:calc(var(--pixel) * -1);width:40px;height:22px;display:block;position:relative}.comm__switch i{background:var(--chrome-deep);width:14px;height:14px;transition:translate .16s steps(3,end);position:absolute;top:4px;left:4px}.comm__extra.is-on .comm__switch{background:var(--candy-dark)}.comm__extra.is-on .comm__switch i{background:var(--on-candy);translate:18px}.cauldron{width:72px;height:76px;margin-top:var(--space-2);position:relative}.cauldron__pot{z-index:1;width:72px;height:60px;position:absolute;bottom:0;left:0}.cauldron__brew{background:var(--brew,var(--candy));width:72px;height:60px;transition:background-color .3s steps(3,end);position:absolute;bottom:0;left:0;-webkit-mask:url(/art/comm/brew.svg) 0 0/72px 60px no-repeat;mask:url(/art/comm/brew.svg) 0 0/72px 60px no-repeat}.cauldron__bubble{z-index:2;background:var(--brew,var(--candy));outline:var(--pixel) solid var(--frame-ink);opacity:0;width:6px;height:6px;position:absolute;bottom:38px}.cauldron__bubble:first-of-type{left:22px}.cauldron__bubble:nth-of-type(2){width:4px;height:4px;left:36px}.cauldron__bubble:nth-of-type(3){left:48px}.cauldron__drop{z-index:2;color:var(--frame-ink);opacity:0;position:absolute;top:-16px;left:30px}@media (prefers-reduced-motion:no-preference){.cauldron__bubble{animation:1.6s steps(4,end) infinite brew-bubble}.cauldron__bubble:nth-of-type(2){animation-delay:.5s}.cauldron__bubble:nth-of-type(3){animation-delay:1.1s}.cauldron__drop{animation:.42s steps(6,end) brew-drop}.cauldron.is-rainbow .cauldron__brew{animation:1.2s step-end infinite brew-rainbow}}@keyframes brew-bubble{0%{opacity:1;translate:0}60%{opacity:1;translate:0 -14px}to{opacity:0;translate:0 -22px}}@keyframes brew-drop{0%{opacity:1;translate:0}80%{opacity:1;translate:0 44px}to{opacity:0;translate:0 48px}}@keyframes brew-rainbow{0%{background-color:var(--candy)}33%{background-color:var(--violet-shine)}66%{background-color:var(--chrome)}}.comm__receipt .dk-window__content{gap:var(--space-3);display:grid}.comm__paper{padding:var(--space-4) var(--space-4) var(--space-6);color:var(--ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),96% 100%,92% calc(100% - 8px),88% 100%,84% calc(100% - 8px),80% 100%,76% calc(100% - 8px),72% 100%,68% calc(100% - 8px),64% 100%,60% calc(100% - 8px),56% 100%,52% calc(100% - 8px),48% 100%,44% calc(100% - 8px),40% 100%,36% calc(100% - 8px),32% 100%,28% calc(100% - 8px),24% 100%,20% calc(100% - 8px),16% 100%,12% calc(100% - 8px),8% 100%,4% calc(100% - 8px),0 100%);background:#fff;position:relative}.comm__title{font-family:var(--font-pixel);font-size:20px;font-weight:500;line-height:26px}.comm__lines{gap:var(--space-1);margin-top:var(--space-2);font-size:14px;line-height:22px;list-style:none;display:grid}.comm__lines li{justify-content:space-between;gap:var(--space-3);display:flex}.comm__lines li>span:last-child{font-family:var(--font-pixel);white-space:nowrap}.comm__lines li.comm__line-note>span{font-family:var(--font-mono);white-space:normal}.comm__lines{grid-template-columns:minmax(0,1fr)}.comm__line-note{color:var(--ink-soft);font-size:13px;line-height:18px}@media (prefers-reduced-motion:no-preference){.comm__lines li{animation:.26s steps(5,end) backwards receipt-print}}@keyframes receipt-print{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.comm__total{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--pixel) dashed var(--chrome-deep);display:flex}.comm__total-label{font-family:var(--font-pixel);color:var(--ink);font-size:18px}.comm__price{font-family:var(--font-pixel);color:var(--candy-strong);font-size:48px;font-weight:600;line-height:1}.odo{align-items:flex-start;height:1em;display:inline-flex;overflow:hidden}.odo__col{height:1em;display:inline-block;overflow:hidden}.odo__strip{translate:0 calc(var(--d,0) * -1em);transition:translate .42s steps(7,end);display:block}.odo__strip:before{content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9";white-space:pre;line-height:1em;display:block}.odo__sign{height:1em;line-height:1em;display:block}.comm__stamp{width:fit-content;margin:var(--space-3) 0 0 auto;padding:var(--space-1) var(--space-3);border:calc(var(--pixel) * 2) solid var(--candy-strong);color:var(--candy-strong);font-family:var(--font-pixel);letter-spacing:.04em;pointer-events:none;font-size:22px;font-weight:700;line-height:1.1;display:block}@media (prefers-reduced-motion:no-preference){.comm__stamp{animation:.36s steps(4,end) stamp}}@keyframes stamp{0%{opacity:0;scale:2.2}60%{opacity:1;scale:.9}to{scale:1}}.comm__send{gap:var(--space-2);display:grid}.comm__or{color:var(--ink-soft);text-align:center;font-size:14px;line-height:20px}.comm__email{width:100%;padding-inline:var(--space-4)}.comm__alt{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.comm__alt .app-btn,.comm__ways .app-btn{justify-content:center;align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.comm__status{min-height:1.6em;color:var(--ink-soft);font-size:14px;line-height:20px}.comm__status:empty{display:none}.comm__info{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,4fr);align-items:start;display:grid}.comm__info .dk-window__content{gap:var(--space-3);display:grid}.comm__steps{gap:var(--space-3);list-style:none;display:grid}.comm__steps li{gap:var(--space-3);grid-template-columns:24px 1fr;align-items:start;display:grid}.comm__step-title{font-family:var(--font-pixel);color:var(--ink);font-size:16px;font-weight:500;line-height:22px;display:block}.comm__step-text{color:var(--ink);font-size:14px;line-height:21px;display:block}.comm__ways{gap:var(--space-2);display:grid}.comm__ways .app-btn{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;overflow:hidden}.comm__methods{gap:var(--space-2);grid-template-columns:1fr 1fr;list-style:none;display:grid}.comm__method{--dk-fill:var(--field);column-gap:var(--space-2);padding:var(--space-2);grid-template-columns:auto 1fr;align-items:center;display:grid}.comm__coin{--dk-icon-fill:#f7dc8f;--dk-icon-accent:#c99a2e;color:var(--frame-ink);grid-row:span 2}.comm__method-label{font-family:var(--font-pixel);color:var(--ink);font-size:16px;font-weight:500;line-height:20px}.comm__method-note{color:var(--ink-soft);font-size:13px;line-height:16px}.comm__terms{gap:var(--space-2);color:var(--ink);font-size:14px;line-height:21px;list-style:none;display:grid}.comm__terms li{gap:var(--space-2);grid-template-columns:14px 1fr;align-items:baseline;display:grid}.comm__terms .dk-icon{color:var(--frame-ink)}.comm__lists{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.comm__list-head{font-family:var(--font-pixel);color:var(--ink);margin-bottom:var(--space-1);font-size:16px;font-weight:500}.comm__yes,.comm__no{gap:var(--space-2);color:var(--ink);font-size:14px;line-height:20px;list-style:none;display:grid}.comm__yes li,.comm__no li{gap:var(--space-2);grid-template-columns:24px 1fr;align-items:start;display:grid}.comm__yes .dk-icon{--dk-icon-accent:var(--candy-strong);color:var(--frame-ink)}.comm__no .dk-icon{color:var(--ink-soft)}@media (width<=1100px){.comm__info{grid-template-columns:1fr 1fr}.comm__tos{grid-column:1/-1}}@media (width<=960px){.comm__desk{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.comm__info{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.comm__sizes{grid-template-columns:1fr 1fr}.comm__size:last-child:nth-child(odd){grid-column:1/-1}.comm__thumb{height:96px}.cauldron{width:72px;transform:none}.comm__price{font-size:40px}.comm__alt{grid-template-columns:1fr}.comm__email{white-space:nowrap;font-size:18px}.comm__lists{grid-template-columns:1fr}.comm__bgs{grid-template-columns:minmax(0,1fr)}}@media (width<=380px){.comm__email{gap:var(--space-2);font-size:16px}.comm__sizes{gap:var(--space-1)}.comm__size-label{font-size:14px}}.comm__field{gap:var(--space-1);display:grid;position:relative}.comm__field-label{font-family:var(--font-pixel);color:var(--ink);font-size:15px;font-weight:500;line-height:20px}.comm__input{--dk-fill:#fff;--dk-line:var(--chrome-deep);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);color:var(--ink);border:0;font-size:16px;line-height:24px}.comm__input::placeholder{color:var(--ink-soft);opacity:.8}.comm__input:focus-visible,.comm__input:focus{--dk-line:var(--candy-strong);outline:none}.comm__notes{resize:vertical;min-height:104px}select.comm__input{appearance:none;cursor:var(--cur-hand);background-image:none}.comm__count{font-family:var(--font-pixel);color:var(--ink-soft);justify-self:end;font-size:13px}.comm__pair{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.comm__field.is-error .comm__input{--dk-line:var(--candy-strong);--dk-fill:#fff0fb}.comm__error{font-family:var(--font-pixel);color:var(--candy-strong);font-size:14px;line-height:18px}@media (prefers-reduced-motion:no-preference){.comm__field.is-error{animation:.32s step-end field-shake}}@keyframes field-shake{0%{translate:-6px}25%{translate:6px}50%{translate:-4px}75%{translate:4px}to{translate:0}}.comm__alt.has-three{grid-template-columns:1fr 1fr 1fr}.comm__alt.has-four{grid-template-columns:1fr 1fr}.comm__dm-hint{color:var(--ink-soft);text-align:center;font-size:13px;line-height:18px}.comm__waitwrap{scroll-margin-top:calc(var(--dock-h) + var(--space-2))}.comm__wait .dk-window__content,.comm__wait-form{gap:var(--space-3);display:grid}.comm__wait-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:inline-flex}.comm__wait-btn .dk-icon{--dk-icon-fill:var(--on-candy);--dk-icon-accent:var(--on-candy);color:var(--on-candy)}.comm__wait-done{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--field);color:var(--ink);display:flex}.comm__trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}@media (prefers-reduced-motion:no-preference){.comm__wait-done{animation:.26s steps(4,end) backwards dk-open}.comm__wait-done img{animation:1s steps(2,jump-none) infinite bob}}@media (width<=560px){.comm__pair,.comm__alt.has-three,.comm__alt.has-four{grid-template-columns:1fr}}.comm__desk.is-solo{grid-template-columns:minmax(0,1fr);justify-items:center}.comm__desk.is-solo .comm__form{width:min(100%,860px)}.comm__place{gap:var(--space-2);margin-top:var(--space-5);display:grid}.comm__place-btn{width:100%;padding-inline:var(--space-4)}.comm__checkout{z-index:75;padding:max(var(--space-4), env(safe-area-inset-top,0px)) var(--margin) max(var(--space-4), env(safe-area-inset-bottom,0px));place-items:center;display:grid;position:fixed;inset:0}.comm__shade{background:#191026e0;position:absolute;inset:0}.comm__checkout-win{width:min(440px,100%);max-height:100%;display:flex;position:relative}.comm__checkout .comm__receipt{width:100%;max-height:calc(100svh - 2 * var(--space-4))}.comm__checkout .comm__receipt>.dk-window__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:auto}@media (prefers-reduced-motion:no-preference){.comm__shade{animation:.2s steps(2,end) backwards shade-in}.comm__checkout .comm__receipt{animation:.26s steps(4,end) backwards dk-open}.comm__checkout .comm__paper{animation:.48s steps(6,end) .22s backwards receipt-out}.comm__checkout .comm__lines li{animation-delay:calc(.56s + var(--i,0) * .11s)}}@keyframes shade-in{0%{opacity:0}}@keyframes receipt-out{0%{opacity:0;translate:0 -24px}}.faq__window{max-width:860px;margin-inline:auto}.faq__window .dk-window__content{gap:var(--space-4);display:grid}.faq__list{gap:var(--space-2);display:grid}.faq__q{--dk-fill:var(--field);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);align-items:center;gap:var(--space-3);min-height:48px;padding:10px var(--space-4);cursor:var(--cur-hand);font-family:var(--font-pixel);color:var(--ink);font-size:18px;font-weight:500;line-height:24px;list-style:none;display:flex}.faq__q::-webkit-details-marker{display:none}.faq__q:hover{--dk-fill:var(--paper)}.faq__item[open] .faq__q{--dk-fill:var(--candy-strong);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);color:var(--on-candy)}.faq__sign{flex:none;place-items:center;display:grid}.faq__minus,.faq__item[open] .faq__plus{display:none}.faq__item[open] .faq__minus{display:block}.faq__a{padding:var(--space-3) var(--space-4) var(--space-2) calc(var(--space-4) + 24px + var(--space-3));max-width:68ch;color:var(--ink)}.faq__tabs .seg__legend{color:var(--ink-soft);font-size:14px}.faq__list[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.faq__list:not([hidden]){animation:.24s steps(4,end) dk-open}}.about__desk{justify-items:center;display:grid}.about__text{width:min(100%,760px)}.about__text .dk-window__content{gap:var(--space-4);display:grid}.about__statement{max-width:40ch}.about__details{gap:var(--space-2);color:var(--ink);list-style:none;display:grid}.about__details li{gap:var(--space-3);grid-template-columns:14px 1fr;align-items:baseline;display:grid}.about__bullet{color:var(--frame-ink);translate:0 1px}.about__doku{cursor:var(--cur-hand)}.contact__desk{justify-items:center;gap:var(--space-6);display:grid}.contact__window{width:min(100%,860px)}.contact__window .dk-window__content{gap:var(--space-4);display:grid}.contact__email{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-pixel);color:var(--candy-strong);justify-self:start;font-size:clamp(26px,6.4vw,56px);font-weight:600;line-height:1.1;text-decoration:none}.contact__email:hover{text-decoration:underline;text-decoration-thickness:var(--pixel)}.contact__row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.contact__status{color:var(--ink-soft);font-size:15px;line-height:22px}.contact__elsewhere{justify-items:center;gap:var(--space-2);display:grid}.contact__label{font-family:var(--font-pixel);color:var(--desk-text);font-size:16px}.contact__icons{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=560px){.contact__icons{gap:var(--space-2);max-width:336px}.contact__icons .dk-desk-icon{width:100px}}.contact__dm{align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.desk__in{justify-items:center;gap:var(--space-5);display:grid}.desk__icons{gap:var(--space-2) var(--space-1);grid-template-columns:repeat(8,80px);justify-content:center;display:grid}.desk__icons .dk-desk-icon{width:80px;font-size:13px;line-height:16px}.desk__night{justify-items:center;row-gap:var(--space-1);grid-template-areas:"moon""up";display:grid}.desk__moon{width:52px;height:52px;image-rendering:pixelated;cursor:var(--cur-hand);-webkit-tap-highlight-color:transparent;background:url(/art/moon-kawaii.svg) 0 0/104px 52px no-repeat;border:0;grid-area:moon;align-self:start;padding:0}.desk__moon.is-awake{background-position-x:-52px}.desk__up{width:48px;height:44px;color:var(--chrome);grid-area:up;place-items:center;display:grid}.desk__up .dk-icon{rotate:180deg}@media (prefers-reduced-motion:no-preference){.desk__moon:not(.is-awake){animation:2.4s steps(2,jump-none) infinite bob}.desk__up .dk-icon{animation:1.2s steps(2,jump-none) infinite nudge-up}}@keyframes nudge-up{0%,to{translate:0}50%{translate:0 calc(var(--pixel) * -2)}}@media (width<=760px){.desk__icons{grid-template-columns:repeat(4,80px)}}@media (width<=360px){.desk__icons{grid-template-columns:repeat(4,72px)}.desk__icons .dk-desk-icon{width:72px}}.foot{margin-top:var(--section-gap)}.foot__readme{max-width:860px;margin-inline:auto}.foot__readme .dk-window__content{gap:var(--space-3);display:grid}.foot__credits{color:var(--ink)}.foot__summary{align-items:center;gap:var(--space-3);min-height:44px;cursor:var(--cur-hand);font-family:var(--font-pixel);color:var(--ink);font-weight:500;list-style:none;display:flex}.foot__summary::-webkit-details-marker{display:none}.foot__summary .dk-icon{color:var(--frame-ink)}.foot__summary:hover span{text-decoration:underline;text-decoration-thickness:var(--pixel)}.foot__credits ul{gap:var(--space-2);padding:var(--space-2) 0 var(--space-1);overscroll-behavior:contain;max-height:40vh;font-size:14px;line-height:20px;list-style:none;display:grid;overflow:auto}.foot__credits a{color:var(--ink);font-weight:500}.foot__clouds{height:88px;margin-top:var(--space-8);image-rendering:pixelated;background:url(/art/clouds.svg) 0 100%/384px 88px repeat-x}.taskbar{z-index:1;background:var(--chrome);border-top:var(--pixel) solid var(--frame-ink);padding:calc(var(--pixel) * 4) 0 max(calc(var(--pixel) * 4), env(safe-area-inset-bottom,0px));position:relative}.taskbar:before{content:"";height:var(--pixel);background:var(--bevel-light);position:absolute;top:0;left:0;right:0}.taskbar__in{align-items:center;gap:var(--space-3);display:flex}.taskbar__start,.taskbar__link,.taskbar__clock{--dk-fill:var(--control);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);font-family:var(--font-pixel);color:var(--ink);font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.taskbar__start{--dk-fill:var(--candy-strong);--dk-hi:var(--candy-light);--dk-lo:var(--candy-dark);color:var(--on-candy);border:0}.taskbar__start .dk-icon{--dk-icon-accent:var(--on-candy);color:var(--frame-ink)}.taskbar__link .dk-icon{color:var(--frame-ink)}.taskbar__start:active,.taskbar__link:active{--dk-hi:var(--chrome-deep);--dk-lo:var(--bevel-light)}.taskbar__start:hover,.taskbar__link:hover{--dk-fill:var(--paper);color:var(--ink)}.taskbar__start:hover .dk-icon{--dk-icon-accent:var(--candy)}.taskbar__links{gap:var(--space-2);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.taskbar__clock{--dk-fill:var(--field);--dk-hi:var(--chrome-deep);--dk-lo:var(--bevel-light);margin-left:auto}@media (width<=860px){.taskbar__links{display:none}.foot__clouds{background-size:288px 66px;height:64px}}.taskbar__startwrap{position:relative}.start-menu{--dk-fill:var(--chrome);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);left:0;bottom:calc(100% + var(--space-3));z-index:60;width:min(300px, calc(100vw - 2 * var(--margin)));padding:0 var(--space-2) var(--space-2);position:absolute}.start-menu__head{padding:var(--space-2) var(--space-1);font-family:var(--font-pixel);color:var(--ink);font-size:16px;font-weight:500;line-height:20px}.start-menu__list{--dk-fill:var(--paper);--dk-hi:var(--bevel-light);padding:var(--space-1);overscroll-behavior:contain;max-height:min(58svh,560px);list-style:none;overflow:auto}.start-menu__item{column-gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-1) var(--space-2);text-align:left;color:var(--ink);cursor:var(--cur-hand);background:0 0;border:0;grid-template-columns:24px 1fr;align-items:center;text-decoration:none;display:grid}.start-menu__item .dk-icon,.start-menu__item img{color:var(--frame-ink);grid-row:span 2;justify-self:center}.start-menu__item:hover,.start-menu__item:focus-visible{background:var(--candy-strong);color:var(--on-candy);outline:none}.start-menu__item:hover .dk-icon,.start-menu__item:focus-visible .dk-icon{color:var(--on-candy)}.start-menu__file{font-family:var(--font-pixel);font-size:16px;font-weight:500;line-height:20px}.start-menu__blurb{opacity:.85;font-size:13px;line-height:16px}.start-menu__secrets{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1) 0;font-family:var(--font-pixel);color:var(--ink);font-size:14px;display:flex}.start-menu__secrets .dk-icon{color:var(--candy-strong)}@media (prefers-reduced-motion:no-preference){.start-menu{animation:.22s steps(4,end) backwards dk-open}}.toasts{z-index:85;right:var(--margin);bottom:max(var(--space-4), env(safe-area-inset-bottom,0px));gap:var(--space-2);width:min(340px, calc(100vw - 2 * var(--margin)));pointer-events:none;display:grid;position:fixed}.toast{--dk-fill:var(--chrome);--dk-hi:var(--bevel-light);--dk-lo:var(--chrome-deep);padding:0 var(--space-2) var(--space-2);color:var(--ink);pointer-events:auto}.toast__bar{align-items:center;gap:var(--space-2);min-height:36px;padding-left:var(--space-1);display:flex}.toast__heart{color:var(--frame-ink)}.toast__title{min-width:0;font-family:var(--font-pixel);flex:1;font-size:16px;font-weight:500;line-height:20px}.toast__body{--dk-fill:var(--paper);--dk-hi:var(--bevel-light);align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:14px;line-height:20px;display:flex}.toast__icon{color:var(--frame-ink);flex:none;margin-top:2px}@media (prefers-reduced-motion:no-preference){.toast{animation:.24s steps(4,end) backwards toast-in}.toast.is-leaving{animation:.18s steps(3,end) forwards toast-out}}@keyframes toast-in{0%{clip-path:var(--dk-open-from);translate:0 12px}}@keyframes toast-out{to{clip-path:var(--dk-open-from);translate:0 6px}}@media (width<=760px){.toasts{left:var(--margin);width:auto}.toast:nth-last-child(n+3){display:none}.toast__bar{min-height:30px}.toast__body{padding:var(--space-1) var(--space-3)}}.sky{z-index:-1;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0;overflow:hidden}.sky img{max-width:none;image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block;position:absolute}.sky__nebula--violet{top:6%;left:-80px}.sky__nebula--pink{top:42%;right:-60px}.sky__nebula--grape{bottom:-60px;left:18%}.sky__moon{top:14%;right:6%}.sky__planet{bottom:22%;left:7%}.sky__twinkle{background-image:url(/art/sky/twinkles.svg);background-size:72px 54px;background-position:0 calc(var(--row,0) * -18px);width:18px;height:18px;image-rendering:pixelated;margin:-9px 0 0 -9px;position:absolute}@media (prefers-reduced-motion:no-preference){.sky__twinkle{animation:sky-twinkle var(--t,4s) steps(1, jump-end) var(--d,0s) infinite}.sky__nebula{animation:7s steps(4,jump-none) infinite alternate sky-breathe}.sky__nebula--pink{animation-delay:-3s}.sky__nebula--grape{animation-delay:-5s}.sky__moon,.sky__planet{animation:3.2s steps(2,jump-none) infinite sky-bob}.sky__planet{animation-delay:-1.6s}@supports (animation-timeline:scroll()){.sky__nebula{animation:7s steps(4,jump-none) infinite alternate sky-breathe,steps(40,jump-none) both sky-drift;animation-timeline:auto,scroll(root)}.sky__nebula--pink{animation-delay:-3s,0s}.sky__nebula--grape{animation-delay:-5s,0s}.sky__moon,.sky__planet{animation:3.2s steps(2,jump-none) infinite sky-bob,steps(40,jump-none) both sky-drift;animation-timeline:auto,scroll(root)}.sky__planet{animation-delay:-1.6s,0s}.sky__nebula--violet{--drift:-80px}.sky__nebula--pink{--drift:-120px}.sky__nebula--grape,.sky__moon{--drift:-40px}.sky__planet{--drift:-160px}}}@keyframes sky-twinkle{0%,62%{background-position-x:0}67%{background-position-x:-18px}72%{background-position-x:-36px}77%{background-position-x:-54px}82%{background-position-x:-36px}87%{background-position-x:-18px}92%,to{background-position-x:0}}@keyframes sky-breathe{0%{opacity:.7}to{opacity:1}}@keyframes sky-bob{0%,to{translate:0}50%{translate:0 calc(var(--pixel) * -1)}}@keyframes sky-drift{0%{translate:0}to{translate:0 var(--drift,-80px)}}@media (width<=760px){.sky__nebula--violet{top:4%;left:-180px}.sky__nebula--pink{top:46%;right:-200px}.sky__nebula--grape{left:-120px}.sky__moon{top:18%;right:-14px}.sky__planet{bottom:30%;left:2%}.sky__moon,.sky__planet{opacity:.55}}.meteor-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.meteor{width:60px;height:30px;image-rendering:pixelated;pointer-events:auto;cursor:var(--cur-hand);touch-action:manipulation;background:url(/art/sky/shooting-star.svg) 0 0/60px 30px no-repeat;margin:-26px 0 0 -6px;position:absolute}.meteor:before{content:"";position:absolute;inset:-14px}.app-float{z-index:80;translate:calc(-50% + var(--i,0) * 24px) calc(-50% + var(--i,0) * 24px);width:min(340px, calc(100vw - 2 * var(--margin)));max-height:calc(100svh - 2 * var(--space-4));position:fixed;top:50%;left:50%}.app-win{max-height:inherit}.app-win>.dk-window__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:auto}.app-win .dk-window__content{justify-items:center;gap:var(--space-3);padding:var(--space-4);display:grid}@media (prefers-reduced-motion:no-preference){.app-win{animation:.26s steps(4,end) backwards dk-open}}.doodle{justify-items:center;gap:var(--space-3);display:grid}.doodle__pad{width:256px;height:256px;image-rendering:pixelated;outline:var(--pixel) solid var(--frame-ink);background:var(--paper);touch-action:none;cursor:var(--cur-cross)}.doodle__palette{justify-content:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.doodle__swatch{background:var(--swatch);outline:var(--pixel) solid var(--frame-ink);outline-offset:calc(var(--pixel) * -1);border:0;width:28px;height:28px;padding:0}.doodle__swatch.is-on{outline:calc(var(--pixel) * 2) solid var(--candy-strong);outline-offset:calc(var(--pixel) * -2)}.doodle__swatch--eraser{background:var(--paper) url(/art/apps/eraser.svg) center / 16px 16px no-repeat}.doodle__tools{gap:var(--space-2);display:flex}.omikuji{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.omikuji__hint{color:var(--ink-soft);max-width:24ch;font-size:14px;line-height:20px}.omikuji__slip{--dk-fill:var(--paper);--dk-line:var(--candy-strong);padding:var(--space-3) var(--space-4);width:100%}.omikuji__rank{color:var(--candy-strong);font-size:44px;font-weight:700;line-height:52px}.omikuji__name{font-family:var(--font-pixel);color:var(--ink);font-size:16px;font-weight:500}.omikuji__msg{margin-top:var(--space-1);color:var(--ink);font-size:14px;line-height:20px}@media (prefers-reduced-motion:no-preference){.omikuji__box.is-shaking{animation:.24s step-end 3 omikuji-shake}.omikuji__slip{animation:.24s steps(4,end) backwards dk-open}}@keyframes omikuji-shake{0%{translate:0;rotate:0deg}25%{translate:-4px}50%{translate:4px -2px}75%{translate:-2px}}.pet{left:0;bottom:max(var(--space-2), env(safe-area-inset-bottom,0px));z-index:84;translate:var(--x,24px) 0;pointer-events:none;position:fixed}.pet__bunny{background:url(/art/bunny-hop.svg) calc(var(--frame,0) * -44px) 0 / 132px 40px no-repeat;width:44px;height:40px;image-rendering:pixelated;pointer-events:auto;cursor:var(--cur-hand);translate:0 var(--lift,0px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;padding:0;display:block}.pet__bunny.is-left{scale:-1 1}.pet__bunny.is-asleep{background:url(/art/bunny-sleep.svg) 0 0/76px 42px no-repeat;width:76px;height:42px;scale:1}.pet__home{white-space:nowrap;position:absolute;bottom:100%;left:0}.pet__home:not(:focus-visible){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pet__home:focus-visible{padding:var(--space-1) var(--space-2);background:var(--frame-ink);color:var(--on-grape);font-family:var(--font-pixel);border:0;font-size:14px}.dreams{z-index:95;background:var(--desk);cursor:var(--cur);position:fixed;inset:0;overflow:hidden}.dreams__moon{width:104px;height:104px;image-rendering:pixelated;background:url(/art/moon-kawaii.svg) 0 0/208px 104px no-repeat;margin-left:-52px;position:absolute;top:14%;left:50%}.dreams__text{text-align:center;font-family:var(--font-pixel);color:var(--desk-text);font-size:24px;font-weight:500;line-height:30px;position:absolute;top:calc(14% + 124px);left:0;right:0}.dreams__wake{left:50%;bottom:max(var(--space-8), env(safe-area-inset-bottom,0px));padding:var(--space-2) var(--space-4);font-family:var(--font-pixel);color:var(--chrome);background:0 0;border:0;font-size:16px;position:absolute;translate:-50%}.dreams__heart{width:14px;height:14px;image-rendering:pixelated;background:url(/art/apps/heart.svg) 0 0/14px 14px no-repeat;position:absolute;bottom:-20px}.dreams__bunny{width:44px;height:40px;image-rendering:pixelated;background:url(/art/bunny-hop.svg) 0 0/132px 40px no-repeat;position:absolute;left:-60px}@media (prefers-reduced-motion:no-preference){.dreams{animation:.4s steps(4,end) backwards dreams-in}.dreams__moon{animation:3s steps(2,jump-none) infinite sky-bob}.dreams__heart{animation:dreams-float var(--t,6s) steps(30, jump-end) var(--d,0s) infinite}.dreams__bunny{animation:dreams-hop-across var(--t,9s) steps(48, jump-end) var(--d,0s) infinite, dreams-hop-frames .52s steps(1, jump-end) infinite}}@keyframes dreams-in{0%{opacity:0}}@keyframes dreams-float{0%{translate:0}to{translate:0 calc(-100svh - 40px)}}@keyframes dreams-hop-across{0%{translate:0}to{translate:calc(100vw + 120px)}}@keyframes dreams-hop-frames{0%{background-position-x:-44px}25%{background-position-x:-88px}50%{background-position-x:-88px}75%{background-position-x:-44px}}@media (width<=400px){.doodle__pad{width:224px;height:224px}.doodle__swatch{width:26px;height:26px}}.toys{gap:var(--space-2);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.toys__icon{width:auto;color:var(--ink);font-size:13px;line-height:16px}.toys__icon .dk-desk-icon__glyph{--dk-icon-fill:var(--blush);color:var(--chrome-deep)}.gacha{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.gacha__machine{justify-items:center;width:120px;height:124px;display:grid;position:relative}.gacha__capsule{width:32px;height:36px;cursor:var(--cur-hand);background:0 0;border:0;margin-left:-16px;padding:0;position:absolute;bottom:0;left:50%}.gacha__top,.gacha__bottom{width:32px;height:18px;position:absolute;left:0}.gacha__top{top:0}.gacha__bottom{top:18px}.gacha__prize{width:44px;height:44px;position:absolute;top:-4px;left:-6px}.gacha__capsule.is-open .gacha__top{translate:-10px -14px}.gacha__capsule.is-open .gacha__bottom{translate:10px 10px}.gacha__say{font-family:var(--font-pixel);color:var(--ink);min-height:20px;font-size:16px;line-height:20px}.gacha__set{gap:var(--space-1);grid-template-columns:repeat(8,32px);justify-content:center;list-style:none;display:grid}.gacha__slot{background:var(--field);outline:var(--pixel) solid var(--chrome-deep);outline-offset:calc(var(--pixel) * -1);width:32px;height:32px;font-family:var(--font-pixel);color:var(--ink-soft);place-items:center;font-size:14px;display:grid}.gacha__slot.is-owned{background:var(--paper)}@media (prefers-reduced-motion:no-preference){.gacha__machine.is-turning img{animation:.24s step-end 3 omikuji-shake}.gacha__capsule:not(.is-open){animation:.42s steps(6,end) backwards capsule-drop}.gacha__capsule:not(.is-open):not(:disabled){animation:.42s steps(6,end) backwards capsule-drop,1s steps(2,jump-none) .42s infinite capsule-wobble}.gacha__capsule.is-open .gacha__top,.gacha__capsule.is-open .gacha__bottom{transition:translate .24s steps(3,end)}.gacha__prize{animation:.36s steps(4,end) backwards prize-pop}}@keyframes capsule-drop{0%{translate:0 -46px}70%{translate:0 2px}to{translate:0}}@keyframes capsule-wobble{0%,to{rotate:0deg}50%{translate:0 -2px}}@keyframes prize-pop{0%{scale:.25}70%{scale:1.25}to{scale:1}}@media (width<=400px){.gacha__set{grid-template-columns:repeat(4,32px)}}.catch{justify-items:center;gap:var(--space-2);display:grid}.catch__screen{line-height:0;position:relative}.catch__canvas{width:288px;height:352px;image-rendering:pixelated;outline:var(--pixel) solid var(--frame-ink);touch-action:none;cursor:var(--cur-hand)}.catch__canvas:focus-visible{outline-color:var(--candy-strong)}.catch__overlay{place-content:center;gap:var(--space-2);text-align:center;color:var(--on-grape);font-family:var(--font-pixel);pointer-events:none;font-size:14px;line-height:18px;display:grid;position:absolute;inset:0}.catch__big{color:var(--candy);font-size:32px;font-weight:700;line-height:36px}.catch__score{font-family:var(--font-pixel);color:var(--ink);font-size:16px}@media (width<=400px){.catch__canvas{width:252px;height:308px}}.radio{gap:var(--space-3);width:100%;display:grid}.radio__screen{--dk-fill:var(--frame-ink);--dk-line:var(--grape-edge);gap:var(--space-2);padding:var(--space-3);color:var(--on-grape);display:grid}.radio__now{white-space:nowrap;font-family:var(--font-pixel);font-size:14px;line-height:18px;overflow:hidden}.radio__marquee{display:inline-block}.radio__eq{align-items:flex-end;gap:var(--pixel);height:36px;display:flex}.radio__eq i{height:calc(var(--h,1) * 4px + 4px);background:var(--candy);flex:1}.radio__eq i:nth-child(3n+2){background:var(--chrome)}.radio__eq i:nth-child(3n){background:var(--violet-shine)}.radio__controls{gap:var(--space-2);justify-content:center;display:flex}.radio__list{gap:var(--space-1);list-style:none;display:grid}.radio__song{width:100%;min-height:40px;padding:0 var(--space-3);background:var(--field);font-family:var(--font-pixel);color:var(--ink);cursor:var(--cur-hand);border:0;justify-content:space-between;font-size:15px;display:flex}.radio__song span{color:var(--ink-soft);font-size:13px}.radio__song.is-on{background:var(--candy-strong);color:var(--on-candy)}.radio__song.is-on span{color:var(--on-candy)}@media (prefers-reduced-motion:no-preference){.radio__marquee.is-on{animation:6s steps(24,jump-none) infinite radio-marquee}}@keyframes radio-marquee{0%,10%{translate:0}90%,to{translate:calc(260px - 100%)}}.weather{gap:var(--space-3);text-align:center;width:100%;display:grid}.weather__say{color:var(--ink);font-size:14px;line-height:20px}.weather__kinds{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.weather-layer{z-index:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}@media (height<=520px){.catch__canvas{width:216px;height:264px}.app-win .dk-window__content{gap:var(--space-2);padding:var(--space-3)}.gacha__machine{width:96px;height:100px}.gacha__machine>img{width:60px;height:84px}}.tama{justify-items:center;gap:var(--space-3);text-align:center;width:100%;display:grid}.tama__device{width:208px;height:240px;image-rendering:pixelated;background:url(/art/toys/tama-shell.svg) 0 0/208px 240px no-repeat;position:relative}.tama__screen{background:#c4d6a4 url(/art/toys/tama-grid.svg) 0 0/5px 5px;place-items:center;width:128px;height:96px;display:grid;position:absolute;top:64px;left:40px}.tama__device.is-night .tama__screen{background-color:#9cad80}.tama__pet,.tama__egg{width:80px;height:80px;image-rendering:pixelated;background:url(/art/toys/tama-lcd.svg) 0 0/640px 80px no-repeat;border:0;padding:0;display:block}.tama__pet.is-happy{background-position-x:-160px}.tama__pet.is-eat{background-position-x:-240px}.tama__pet.is-sad{background-position-x:-320px}.tama__pet.is-sleep{background-position-x:-400px}.tama__egg{cursor:var(--cur-hand);background-position-x:-480px}.tama__egg.is-cracking{background-position-x:-560px}.tama__say{font-family:var(--font-pixel);color:var(--ink);min-height:20px;font-size:16px;line-height:20px}.tama__bars{gap:var(--space-2);width:100%;display:grid}.tama__bar{gap:var(--space-2);color:var(--frame-ink);grid-template-columns:24px 1fr;align-items:center;display:grid}.tama__blocks{gap:var(--pixel);height:16px;padding:var(--pixel);background:var(--frame-ink);display:flex}.tama__blocks i{background:var(--night);flex:1}.tama__blocks i.is-on{background:var(--candy)}.tama__actions{gap:var(--space-2);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.tama__age{color:var(--ink-soft);font-size:13px}@media (prefers-reduced-motion:no-preference){.tama__egg{animation:1.2s step-end infinite egg-wobble}.tama__pet.is-idle{animation:2.4s step-end infinite tama-idle}.tama__pet.is-sad,.tama__pet.is-sleep{animation:1.6s steps(2,jump-none) infinite bob}.tama__pet.is-hopping{animation:.45s steps(4,end) tama-hop}}@keyframes tama-idle{0%,to{background-position-x:0;translate:0}25%{translate:5px}50%{translate:0}75%{translate:-5px}88%{background-position-x:-80px}94%{background-position-x:0}}@keyframes egg-wobble{0%,60%,to{translate:0}70%{translate:-5px}80%{translate:5px}90%{translate:-5px}}@keyframes tama-hop{0%,to{translate:0}50%{translate:0 -10px}}.dress{justify-items:center;gap:var(--space-2);width:100%;display:grid}.dress__stage{outline:var(--pixel) solid var(--frame-ink);width:160px;height:160px;transition:background-color .2s steps(2,end);position:relative}.dress__layer{width:160px;height:160px;position:absolute;inset:0}.dress__row{align-items:center;gap:var(--space-2);grid-template-columns:52px 1fr;width:100%;display:grid}.dress__label{font-family:var(--font-pixel);color:var(--ink);font-size:14px;font-weight:500}.dress__opts{gap:var(--space-1);flex-wrap:wrap;display:flex}.dress__opt{min-height:32px;padding:0 var(--space-2);background:var(--field);font-family:var(--font-pixel);color:var(--ink);cursor:var(--cur-hand);border:0;font-size:13px}.dress__opt.is-on{background:var(--candy-strong);color:var(--on-candy)}.dress__swatch{outline:var(--pixel) solid var(--frame-ink);outline-offset:calc(var(--pixel) * -1);width:32px;height:32px;cursor:var(--cur-hand);border:0;padding:0}.dress__swatch.is-on{outline:calc(var(--pixel) * 2) solid var(--candy-strong);outline-offset:calc(var(--pixel) * -2)}.dress__tools{gap:var(--space-2);width:100%;margin-top:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.piano{justify-items:center;gap:var(--space-3);text-align:center;width:100%;display:grid}.piano__board{outline:var(--pixel) solid var(--frame-ink);background:var(--frame-ink);gap:var(--pixel);touch-action:manipulation;grid-template-columns:repeat(8,1fr);width:100%;height:132px;margin-top:36px;display:grid;position:relative}.piano__white{padding:0 0 var(--space-2);font-family:var(--font-pixel);color:var(--ink-soft);cursor:var(--cur-hand);-webkit-tap-highlight-color:transparent;background:#fff;border:0;justify-content:center;align-items:flex-end;font-size:13px;display:flex}.piano__white:nth-child(2n){background:var(--paper)}.piano__white.is-down{background:var(--blush);translate:0 var(--pixel)}.piano__black{z-index:2;width:7.75%;height:80px;top:0;left:calc((var(--after) + 1) * 100% / 8 - (100% / 8 * .31));background:var(--grape);outline:var(--pixel) solid var(--frame-ink);cursor:var(--cur-hand);-webkit-tap-highlight-color:transparent;border:0;padding:0;position:absolute}.piano__black.is-down{background:var(--candy-strong)}.piano__note{z-index:3;pointer-events:none;background:url(/art/apps/heart.svg) 50%/14px 14px no-repeat;width:24px;height:24px;margin-left:-12px;position:absolute;bottom:100%}.piano__say{font-family:var(--font-pixel);color:var(--ink);font-size:14px}@media (prefers-reduced-motion:no-preference){.piano__note{animation:.9s steps(8,end) forwards note-up}}@keyframes note-up{0%{opacity:1;translate:0 8px}to{opacity:0;translate:0 -30px}}.memo{justify-items:center;gap:var(--space-3);width:100%;display:grid}.memo__grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.memo__card{aspect-ratio:5/6;outline:var(--pixel) solid var(--frame-ink);outline-offset:calc(var(--pixel) * -1);cursor:var(--cur-hand);background:#fff;border:0;place-items:center;padding:0;display:grid}.memo__card.is-done{background:var(--field)}.memo__card.is-done img{opacity:.85}.memo__back{background:var(--candy-strong) url(/art/apps/heart.svg) center / 14px 14px no-repeat;width:100%;height:100%;image-rendering:pixelated}.memo__score{font-family:var(--font-pixel);color:var(--ink);font-size:16px}@media (prefers-reduced-motion:no-preference){.memo__card.is-shown{animation:.22s steps(3,end) card-flip}}@keyframes card-flip{0%{scale:.2 1}60%{scale:1.05 1}to{scale:1}}