@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial),local(Helvetica),local(Roboto);size-adjust:100.5%;ascent-override:96.5%;descent-override:24.9%;line-gap-override:0%}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman),local(Times),local(Noto Serif);size-adjust:81.3%;ascent-override:121.8%;descent-override:38.1%;line-gap-override:0%}.h{--bg:#14131a;--bg-deep:#0f0e14;--pool:#1e1b27;--cell:#16151c;--line:#2c2a37;--line-2:#3c3949;--line-3:#57536a;--text:#efe9df;--muted:#aaa4b6;--faint:#918c9e;--gold:#d9a63c;--gold-text:#e8c46a;--gold-hi:#f2d27e;--gold-lo:#b98a2c;--gold-deep:#5b4410;--on-gold:#1d170b;--ivory:#efe9df;--ivory-hover:#fff8ec;--on-ivory:#17151d;--selection-ink:#fff7e6;--wall:#2c2a37;--wall-edge:#3a3746;--border-strong:#0f0e14;--mark-bg:#201f29;--mark-edge:#2e2c39;--mark-red:#d05a42;--mark-blue:#4a7cb8;--mark-yellow:#d9a63c;--frame-1:#24232e;--frame-2:#201f29;--frame-3:#1a1922;--frame-edge:#2b2935;--demo-1:#23222d;--sheet-1:#23212c;--sheet-2:#1b1a22;--thumb:#3d3a4a;--coffee-1:#2c2419;--coffee-2:#221d19;--coffee-ink:#c8b79b;--porcelain-1:#fbf6ec;--porcelain-2:#e2d6c2;--porcelain-edge:#cdbfa6;--brew-1:#5a3920;--brew-2:#2e1b0e;--crema-rgb:176 122 66;--qr-tile:#efe9df;--red:#d05a42;--blue:#4a7cb8;--yellow:#d9a63c;--green:#5a9070;--purple:#8a6aa8;--red-halo:#d05a42;--blue-halo:#4a7cb8;--yellow-halo:#d9a63c;--green-halo:#5a9070;--purple-halo:#8a6aa8;--shade-rgb:0 0 0;--light-rgb:255 255 255;--gold-rgb:217 166 60;--ivory-rgb:239 233 223;--ink-rgb:20 19 26;--night-rgb:23 21 29;--red-rgb:208 90 66;--blue-rgb:74 124 184;--yellow-rgb:217 166 60;--green-rgb:90 144 112;--purple-rgb:138 106 168;--control-bg:#14131a8c;--lesson-bg:#efe9df09;--lesson-edge:0 0 0 0 transparent;--demo-shadow:0 10px 18px -12px #000000e6;--well-shadow:inset 0 1px 2px #00000080;--frame-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px var(--frame-edge), 0 44px 70px -42px #030208f2;--cell-shadow:inset 0 1px 2px 0 #0000008c, 0 1px 0 0 #ffffff06;--wall-shadow:inset 0 0 0 1px var(--wall-edge), inset 0 1px 0 0 #ffffff0f;--veil:#ffffff24;--glow-near:.8;--glow-far:.5;--tile-print:0 0 0 0 transparent;--spill-opacity:.74;--spill-solved:1;--spill-filter:blur(30px) saturate(1.35);--spill-transform:translateY(9%) scale(1.05, 1.02);--rise-from:brightness(.25) saturate(.5);--sheet-shadow:inset 0 1px 0 #ffffff12, 0 24px 50px -24px #000000e6;--sheet-shadow-up:inset 0 1px 0 #ffffff12, 0 -30px 70px -24px #000c;--qr-shadow:0 14px 22px -14px #000000f2;--coffee-shadow:inset 0 1px 0 #ffe4aa14, 0 18px 32px -20px #d9a63c8c;--coffee-shadow-hover:inset 0 1px 0 #ffe4aa1f, 0 22px 36px -18px #d9a63cb3;--cup-shadow:drop-shadow(0 2px 1.5px #0000008c) drop-shadow(0 8px 12px #d9a63c52);--shot-shadow:inset 0 0 0 1px var(--frame-edge), 0 24px 40px -26px #000000f2;--mark-glow:0 6px 14px -8px #d05a428c;--tab-glow:0 4px 10px 0 #d9a63c73;--disc-glow:0 7px 14px -7px #d9a63cd9;--scrim:#08070ca3;--scrim-blend:normal;--demo-arrow:var(--text);--demo-arrow-edge:transparent;--gold-wash:rgb(var(--gold-rgb) / .13);--hatch:rgb(var(--shade-rgb) / .3);--gold-arrow:var(--gold)}:root[data-theme=light] .h{--bg:#e7e0d0;--bg-deep:#e2dac8;--pool:#faf6ee;--cell:#ebe4d4;--line:#d5cbb6;--line-2:#c3b69c;--line-3:#a3957a;--text:#221e18;--muted:#59524a;--faint:#665e52;--gold:#8b6a19;--gold-text:#6f5310;--gold-hi:#c1962c;--gold-lo:#5f4810;--gold-deep:#e8c46a;--on-gold:#fdf8ec;--ivory:#2e2a24;--ivory-hover:#3d382f;--on-ivory:#faf7f0;--selection-ink:#221e18;--wall:#cbbfa5;--wall-edge:#b3a588;--border-strong:#fbf7ee;--mark-bg:#201f29;--mark-edge:#2e2c39;--mark-red:#d05a42;--mark-blue:#4a7cb8;--mark-yellow:#d9a63c;--frame-1:#fffdf8;--frame-2:#fbf7ee;--frame-3:#f2ece0;--frame-edge:#d8cfbb;--demo-1:#fffdf8;--sheet-1:#fffdf8;--sheet-2:#f7f2e7;--thumb:#c9bea7;--coffee-1:#fdf6e8;--coffee-2:#f3e6cd;--coffee-ink:#625238;--porcelain-1:#fff;--porcelain-2:#ece3d3;--porcelain-edge:#d3c5aa;--brew-1:#5a3920;--brew-2:#2e1b0e;--crema-rgb:176 122 66;--qr-tile:#fff;--red:#9c2f22;--blue:#2b5c9c;--yellow:#a67c15;--green:#3a7a55;--purple:#6b4f96;--red-halo:#b84a38;--blue-halo:#4479bb;--yellow-halo:#c1962c;--green-halo:#519671;--purple-halo:#8869b3;--shade-rgb:60 45 20;--light-rgb:255 255 255;--gold-rgb:139 106 25;--ivory-rgb:34 30 24;--ink-rgb:34 30 24;--night-rgb:255 255 255;--red-rgb:156 47 34;--blue-rgb:43 92 156;--yellow-rgb:166 124 21;--green-rgb:58 122 85;--purple-rgb:107 79 150;--control-bg:#fffdf8b8;--lesson-bg:#fffdf89e;--lesson-edge:inset 0 0 0 1px #3c2d1414;--demo-shadow:inset 0 1px 0 #ffffffe6, 0 6px 14px -8px #3c2d1452;--well-shadow:inset 0 1px 2px #3c2d1429;--frame-shadow:inset 0 1px 0 #fffffff2, inset 0 0 0 1px var(--frame-edge), 0 1px 0 #3c2d140d, 0 30px 60px -30px #3c2d146b;--cell-shadow:inset 0 1px 2px 0 #3c2d1426, 0 1px 0 0 #ffffffbf;--wall-shadow:inset 0 0 0 1px var(--wall-edge), inset 0 1px 0 0 #ffffff59;--veil:#ffffff21;--glow-near:.3;--glow-far:.16;--tile-print:0 1px 0 0 #3c2d142e, 0 5px 10px -5px #3c2d1457;--spill-opacity:.24;--spill-solved:.36;--spill-filter:blur(22px) saturate(1.1);--spill-transform:translateY(4%) scale(.97);--rise-from:brightness(1.06) saturate(.4);--sheet-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px #3c2d140f, 0 20px 44px -22px #3c2d145c;--sheet-shadow-up:inset 0 1px 0 #ffffffe6, 0 -1px 0 #3c2d140f, 0 -24px 60px -24px #3c2d1457;--qr-shadow:0 0 0 1px #3c2d1417, 0 12px 22px -14px #3c2d145c;--coffee-shadow:inset 0 1px 0 #ffffffd9, 0 0 0 1px #8b6a1924, 0 16px 30px -20px #8b6a1973;--coffee-shadow-hover:inset 0 1px 0 #ffffffe6, 0 0 0 1px #8b6a1938, 0 20px 34px -18px #8b6a198c;--cup-shadow:drop-shadow(0 1.5px 1px #3c2d1447) drop-shadow(0 7px 10px #8b6a193d);--shot-shadow:0 0 0 3px #1d1b22, 0 0 0 4px #3c2d141f, 0 24px 40px -24px #3c2d1480;--mark-glow:0 4px 10px -6px #3c2d1473;--tab-glow:0 3px 8px 0 #8b6a1947;--disc-glow:0 6px 12px -6px #5f481099;--scrim:#cec8be;--scrim-blend:multiply;--demo-arrow:#a87b0d;--demo-arrow-edge:#fbf7ee;--hatch:#00000024;--gold-arrow:#a87b0d}body{background:var(--bg);margin:0}.h{min-height:100%;color:var(--text);background:radial-gradient(1100px 760px at 50% 430px, var(--pool) 0%, rgb(var(--ink-rgb) / 0) 72%), linear-gradient(180deg, var(--bg) 0%, var(--bg) 60%, var(--bg-deep) 100%);-webkit-font-smoothing:antialiased;caret-color:var(--gold);font-family:Instrument Sans,Instrument Sans Fallback,ui-sans-serif,sans-serif;font-size:15px;line-height:1.5;position:relative;overflow-x:clip;container-type:inline-size}.h *,.h :before,.h :after{box-sizing:border-box}.h [hidden]{display:none!important}.h ::selection{background:rgb(var(--gold-rgb) / .38);color:var(--selection-ink)}.h a{color:inherit}.h :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.h button{font:inherit;-webkit-tap-highlight-color:transparent}.h-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.h-round .h-icon{stroke-width:1.9px}.h-share .h-icon{stroke-width:2.1px}.h-sprite{width:0;height:0;position:absolute;overflow:hidden}.cup-s1{stop-color:var(--porcelain-1)}.cup-s2{stop-color:var(--porcelain-2)}.cup-c1{stop-color:var(--brew-1)}.cup-c2{stop-color:var(--brew-2)}.cup-saucer{fill:url(#cupPorcelain)}.cup-rim{fill:none;stroke:rgb(var(--light-rgb) / .75);stroke-width:1.5px}.cup-warm{fill:none;stroke:rgb(var(--gold-rgb) / .55);stroke-width:2px;stroke-linecap:round}.cup-well{fill:none;stroke:rgb(var(--shade-rgb) / .12);stroke-width:1.5px}.cup-handle-sh{fill:rgb(var(--shade-rgb) / .18)}.cup-handle{fill:var(--porcelain-1);stroke:var(--porcelain-edge);stroke-width:1.1px}.cup-body{fill:var(--porcelain-1)}.cup-edge{fill:none;stroke:var(--porcelain-edge);stroke-width:1.2px}.cup-wall{fill:var(--porcelain-2)}.cup-coffee{fill:url(#cupCoffee)}.cup-crema{fill:none;stroke:rgb(var(--crema-rgb) / .6);stroke-width:2.4px}.cup-shine{fill:rgb(var(--light-rgb) / .32)}.h-head{justify-content:space-between;align-items:center;gap:10px;max-width:1240px;height:60px;margin:0 auto;padding:0 16px;display:flex}.h-brand{letter-spacing:-.01em;align-items:center;gap:10px;min-height:44px;font-size:19px;font-weight:700;line-height:1;text-decoration:none;display:flex}.h-mark{background:var(--mark-bg);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--mark-edge), var(--mark-glow);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px;display:grid}.h-mark i{background:var(--c,transparent);border-radius:2px}.h-mark .r{--c:var(--mark-red)}.h-mark .b{--c:var(--mark-blue)}.h-mark .y{--c:var(--mark-yellow)}.h-nav{align-items:center;gap:6px;display:flex}.h-link{min-height:44px;color:var(--muted);border-radius:999px;align-items:center;padding:0 12px;font-size:14.5px;font-weight:500;text-decoration:none;transition:color .18s;display:none}.h-link:hover{color:var(--text)}.h-get{min-height:44px;color:var(--text);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background-color .18s,box-shadow .18s,opacity .3s;display:inline-flex}.h-get:hover{background:rgb(var(--ivory-rgb) / .05);box-shadow:inset 0 0 0 1px var(--line-3)}.h-dim{opacity:.3;pointer-events:none}.h-hcup{border-radius:50%;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.h-hcup-d{width:34px;height:34px;color:var(--gold-text);box-shadow:inset 0 0 0 1.5px var(--gold);background:0 0;border-radius:50%;place-items:center;transition:background-color .18s;display:grid}.h-hcup:hover .h-hcup-d{background:rgb(var(--gold-rgb) / .1)}.h-hcup:active .h-hcup-d{transform:translateY(1px)}.h-tt{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.h-tt:before{content:"";box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;transition:background-color .18s,box-shadow .18s;position:absolute;inset:4px}.h-tt:hover{color:var(--text)}.h-tt:hover:before{background:rgb(var(--ivory-rgb) / .05);box-shadow:inset 0 0 0 1px var(--line-3)}.h-tt .h-icon,.h-ftheme .h-icon{grid-area:1/1;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1)}.h-tt-sun{color:var(--gold-text)}:root[data-theme=light] .h-tt-sun,:root:not([data-theme=light]) .h-tt-moon{opacity:0;transform:rotate(-70deg)scale(.5)}:root[data-theme=light] .h-ftheme .h-tt-sun,:root:not([data-theme=light]) .h-ftheme .h-tt-moon,:root[data-theme=light] .h-tt-to-light,:root:not([data-theme=light]) .h-tt-to-dark{display:none}.h-ftheme{font:inherit;cursor:pointer;background:0 0;border:0;gap:7px}:root:not([data-theme]) [data-theme-toggle]{display:none}.h-snd .h-icon{grid-area:1/1}.h-snd[aria-pressed=true] .h-snd-off,.h-snd[aria-pressed=false] .h-snd-on{display:none}.h-snd[aria-pressed=false]{color:var(--faint)}.h-confetti{z-index:5;pointer-events:none;width:136%;height:142%;position:absolute;inset:-12% -18% -30%;overflow:clip}.h-confetti i{pointer-events:none;border-radius:1px;position:absolute;top:0;left:0}.h-grid{--chrome:296px;--lesson-h:0px;--note-h:0px;--bh-min:220px;--bh:max(var(--bh-min), calc(100svh - var(--chrome) - var(--lesson-h) - var(--note-h)));grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:12px;max-width:1240px;margin:0 auto;padding:2px 16px 30px;display:grid}.h-grid:has(.h-note:not([hidden])){--note-h:52px}.h-grid:has(.h-lesson:not([hidden])){--lesson-h:113px}.h-play{display:contents}.h-left{display:none}.h-top{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.h-title{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;display:flex}.h-h1{letter-spacing:-.01em;margin:0;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:32px;font-weight:400;line-height:1}.h-date{color:var(--muted);margin:0;font-size:14px;line-height:1.2}.h-ladder{width:100%;max-width:460px;min-height:44px;box-shadow:inset 0 -1px 0 var(--line);justify-content:center;align-items:flex-end;gap:14px;display:flex}.h-steps{--h0:22px;--rise:6px;align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}.h-step{--n:3;display:flex}.h-step:first-child{--n:0}.h-step:nth-child(2){--n:1}.h-step:nth-child(3){--n:2}.h-step-t{width:30px;height:calc(var(--h0) + var(--n) * var(--rise));background:var(--cell);box-shadow:inset 0 0 0 1px var(--line);color:var(--on-gold);border-radius:7px 7px 2px 2px;place-items:center;transition:background-color .3s,box-shadow .3s;display:grid}.h-step-t .h-icon{opacity:0;stroke-width:2.6px;transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1);transform:scale(.5)}.h-step.is-now .h-step-t{background:rgb(var(--gold-rgb) / .12);box-shadow:inset 0 0 0 2px var(--gold), var(--tab-glow)}.h-step.is-done .h-step-t{background:radial-gradient(120% 95% at 50% 0%, var(--veil) 0%, rgb(var(--light-rgb) / 0) 62%), var(--yellow);box-shadow:inset 0 1px 0 rgb(var(--light-rgb) / .26), inset 0 -2px 0 rgb(var(--shade-rgb) / .24), 0 5px 10px -5px rgb(var(--yellow-rgb) / var(--glow-near))}.h-step.is-done .h-icon{opacity:1;transform:none}.h-step.is-done.is-now .h-step-t{outline:2px solid var(--gold);outline-offset:2px}.h-step-cap{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin:0 0 7px;font-size:14px;font-weight:500;line-height:1}.h-vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.h-left-n{white-space:nowrap;background:var(--gold-wash);color:var(--gold-text);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:600;line-height:16px;display:inline-block}.h-note{background:rgb(var(--gold-rgb) / .07);width:100%;max-width:460px;min-height:44px;box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .3);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:0 4px 0 14px;font-size:14px;line-height:1.3;display:flex}.h-newday-note{padding-right:6px}.h-newday-note .h-newday{margin-left:0}.h.is-off .h-newday-note{display:none!important}.h-note-x{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.h-note-x:hover{color:var(--text)}.h-lesson{background:var(--lesson-bg);width:100%;max-width:460px;box-shadow:var(--lesson-edge);border-radius:16px;align-items:center;gap:12px;padding:9px;display:flex}.h-lt{min-width:0;color:var(--muted);flex:1;margin:0;font-size:13.5px;line-height:1.4}.h-strong{color:var(--text);font-weight:600}.h-got{min-height:44px;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-2);background:0 0;border:0;border-radius:999px;flex-shrink:0;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .18s}.h-got:hover{background:rgb(var(--ivory-rgb) / .06)}.h-got:active{transform:translateY(1px)}.h-learn{flex-direction:column;align-items:flex-start;gap:14px;width:100%;display:flex}.h-learn .h-lt{max-width:30ch;font-size:15px;line-height:1.5}.h-learn-h{letter-spacing:-.005em;margin:4px 0 -6px;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:30px;font-weight:400;line-height:1.05}.h-keys{color:var(--faint);margin:0;font-size:13.5px}.h-demo{--c:15px;--g:3px;--st:18px;--pad:7px;padding:var(--pad);background:linear-gradient(170deg, var(--demo-1), var(--frame-3));box-shadow:inset 0 0 0 1px var(--line), var(--demo-shadow);border-radius:11px;flex-shrink:0;position:relative}.h-demo-big{--c:30px;--g:5px;--st:35px;--pad:10px;border-radius:17px}.h-dg{grid-template-columns:repeat(4, var(--c));gap:var(--g);display:grid}.h-dg i{width:var(--c);height:var(--c);border-radius:calc(var(--c) / 4.5);background:var(--cell);box-shadow:var(--well-shadow)}.h-dp{top:var(--pad);left:var(--pad);width:var(--c);height:var(--c);border-radius:calc(var(--c) / 4.5);background:var(--pc);box-shadow:inset 0 1.5px 0 rgb(var(--light-rgb) / .22), inset 0 -2px 0 rgb(var(--shade-rgb) / .22);animation-duration:4.8s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;position:absolute}.h-r1{--pc:var(--red);animation-name:hR1}.h-r2{--pc:var(--red);animation-name:hR2}.h-b1{--pc:var(--blue);animation-name:hB1}.h-b2{--pc:var(--blue);animation-name:hB2}.h-dl{opacity:0;filter:brightness(.82);border-radius:3px;animation:4.8s linear infinite hLink;position:absolute}.h-lr{left:calc(var(--pad) + var(--c) - 1px);top:calc(var(--pad) + var(--c) / 2 - 3px);width:calc(var(--g) + 2px);background:var(--red);height:6px}.h-lb{left:calc(var(--pad) + var(--c) / 2 - 3px);top:calc(var(--pad) + var(--st) + var(--c) - 1px);width:6px;height:calc(var(--g) + 2px);background:var(--blue)}.h-da{pointer-events:none;opacity:0;color:var(--demo-arrow);place-items:center;display:grid;position:absolute;inset:0}.h-da path{stroke:var(--demo-arrow-edge);stroke-width:5px;stroke-linejoin:round;paint-order:stroke fill}.h-dal{animation:4.8s linear infinite hArL}.h-dal svg{width:54%;height:auto}.h-dau{animation:4.8s linear infinite hArU}.h-dau svg{width:auto;height:54%}@keyframes hR1{0%,22%{transform:translate(calc(var(--st) * 3), 0)}32%,to{transform:translate(0)}}@keyframes hR2{0%,22%{transform:translate(calc(var(--st) * 2), calc(var(--st) * 2))}32%,52%{transform:translate(var(--st), calc(var(--st) * 2))}62%,to{transform:translate(var(--st), 0)}}@keyframes hB1{0%,22%{transform:translate(calc(var(--st) * 3), var(--st))}32%,to{transform:translate(0, var(--st))}}@keyframes hB2{0%,to{transform:translate(0, calc(var(--st) * 2))}}@keyframes hLink{0%,64%{opacity:0}68%,88%{opacity:1}92%,to{opacity:0}}@keyframes hArL{0%,8%{opacity:0;transform:translate(20%)}14%,22%{opacity:.85;transform:translate(0)}30%,to{opacity:0;transform:translate(-20%)}}@keyframes hArU{0%,40%{opacity:0;transform:translateY(20%)}46%,52%{opacity:.85;transform:translateY(0)}60%,to{opacity:0;transform:translateY(-20%)}}.h-stage{width:100%;max-width:var(--bw,460px);animation:1.5s cubic-bezier(.16,1,.3,1) backwards hRise;position:relative}.h .db{width:min(100%, calc(var(--bh,9999px) * var(--cols,6) / var(--rows,6)));isolation:isolate;margin:0 auto;position:relative}.db-piece[data-c=red],.h-sp[data-c=red]{--pc:var(--red);--pc-rgb:var(--red-rgb);--pc-halo:var(--red-halo)}.db-piece[data-c=blue],.h-sp[data-c=blue]{--pc:var(--blue);--pc-rgb:var(--blue-rgb);--pc-halo:var(--blue-halo)}.db-piece[data-c=yellow],.h-sp[data-c=yellow]{--pc:var(--yellow);--pc-rgb:var(--yellow-rgb);--pc-halo:var(--yellow-halo)}.db-piece[data-c=green],.h-sp[data-c=green]{--pc:var(--green);--pc-rgb:var(--green-rgb);--pc-halo:var(--green-halo)}.db-piece[data-c=purple],.h-sp[data-c=purple]{--pc:var(--purple);--pc-rgb:var(--purple-rgb);--pc-halo:var(--purple-halo)}.h-spill{z-index:0;pointer-events:none;opacity:var(--spill-opacity);filter:var(--spill-filter);transform:var(--spill-transform);transform-origin:50% 100%;transition:opacity 1.6s cubic-bezier(.16,1,.3,1) .25s;animation:2.2s cubic-bezier(.16,1,.3,1) .45s backwards hSpillIn;position:absolute;inset:0}.h-spill-in{position:absolute;inset:clamp(8px,3.2cqi,16px)}.h-sp{--g:clamp(4px, 2.4cqi, 9px);--size:calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols));--stride:calc(100% + var(--g));width:var(--size);height:calc((100% - (var(--rows) - 1) * var(--g)) / var(--rows));background:var(--pc-halo);transform:translate(calc(var(--x) * var(--stride)), calc(var(--y) * var(--stride)));transition:transform var(--dur,.16s) cubic-bezier(.4, 0, .2, 1);border-radius:24%;position:absolute;top:0;left:0}.h .db.is-solved .h-spill{opacity:var(--spill-solved)}.h .db-frame{--gap:clamp(4px, 2.4cqi, 9px);--rc:clamp(6px, 3cqi, 13px);--fp:clamp(8px, 3.2cqi, 16px);z-index:1;width:100%;aspect-ratio:var(--cols,6) / var(--rows,6);padding:var(--fp);border-radius:calc(var(--fp) + var(--rc));background:linear-gradient(172deg, var(--frame-1) 0%, var(--frame-2) 30%, var(--frame-3) 100%);box-shadow:var(--frame-shadow);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:relative}.h .db-frame:active{cursor:grabbing}.h .db-frame:focus-visible{outline:1.5px solid rgb(var(--gold-rgb) / .6);outline-offset:6px}.h .db-grid{grid-template-columns:repeat(var(--cols,6), 1fr);grid-template-rows:repeat(var(--rows,6), 1fr);gap:var(--gap);width:100%;height:100%;display:grid}.h .db-cell{border-radius:var(--rc);background:var(--cell);box-shadow:var(--cell-shadow)}.h .db-wall{background-color:var(--wall);background-image:repeating-linear-gradient(-45deg, var(--hatch) 0 2px, transparent 2px 6px);box-shadow:var(--wall-shadow)}.h .db-pieces{inset:var(--fp);pointer-events:none;position:absolute}.h .db-piece{--size:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));--stride:calc(100% + var(--gap));width:var(--size);height:calc((100% - (var(--rows) - 1) * var(--gap)) / var(--rows));transform:translate(calc(var(--x) * var(--stride)), calc(var(--y) * var(--stride)));transition:transform var(--dur,.16s) cubic-bezier(.4, 0, .2, 1);position:absolute;top:0;left:0}.h .db-body{border-radius:var(--rc);background:radial-gradient(120% 95% at 50% 0%, var(--veil) 0%, rgb(var(--light-rgb) / 0) 62%), var(--pc);box-shadow:inset 0 1.5px 0 0 rgb(var(--light-rgb) / .24), inset 0 -2px 0 0 rgb(var(--shade-rgb) / .24), inset 1.5px 0 0 0 rgb(var(--light-rgb) / .07), inset -1.5px 0 0 0 rgb(var(--shade-rgb) / .1), 0 6px 14px -5px rgb(var(--pc-rgb) / var(--glow-near)), 0 18px 34px -12px rgb(var(--pc-rgb) / var(--glow-far)), var(--tile-print);position:absolute;inset:0}.h .db-link{z-index:-1;background:var(--pc);filter:brightness(.8);opacity:0;border-radius:3px;position:absolute}.h .db-pieces.is-settled .db-piece[data-r] .db-r,.h .db-pieces.is-settled .db-piece[data-d] .db-d{opacity:1;transition:opacity .2s 60ms}.h .db-r{top:50%;right:calc(var(--gap) * -1);width:calc(var(--gap) + 2px);height:34%;transform:translateY(-50%)}.h .db-d{bottom:calc(var(--gap) * -1);width:34%;height:calc(var(--gap) + 2px);left:50%;transform:translate(-50%)}.h .db-solved .db-piece{animation:hWave 1.4s cubic-bezier(.16, 1, .3, 1) var(--wv,0s) both}.h .db.is-empty .h-spill{opacity:0}@keyframes hWave{0%{filter:brightness()}24%{filter:brightness(1.18)}to{filter:brightness(1.07)}}@keyframes hRise{0%{opacity:.18;filter:var(--rise-from);transform:translateY(14px)scale(.985)}}@keyframes hSpillIn{0%{opacity:0}}.h-state{z-index:4;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.h-state-card{background:linear-gradient(180deg, var(--sheet-1) 0%, var(--sheet-2) 100%);max-width:320px;box-shadow:var(--sheet-shadow);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:20px 18px;display:flex}.h-state-t{margin:0;font-size:15px;line-height:1.45}.h-state-s{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.h-loading{color:var(--muted);margin:0;font-size:14px}.h-arrow{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.h-aim{width:42%;transform:rotate(var(--rot,0deg)) translateX(-12.5%);justify-content:center;display:flex}.h-run{transform-origin:0%;width:100%;animation:1.36s linear infinite hGrow;display:flex}.h-run svg{width:100%;display:block;overflow:visible}.h-ink{fill:var(--gold-arrow);stroke:var(--border-strong);stroke-width:15px;stroke-linejoin:round;paint-order:stroke fill}@keyframes hGrow{0%,7%{opacity:0;transform:scale(.03,.05)}20%{opacity:1;transform:scale(.06,.25)}45%{opacity:1;transform:scale(.6,.85)}62%,84%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.h-under{z-index:1;width:100%;max-width:var(--bw,460px);flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.h.is-waiting .h-under{visibility:hidden}.h-status{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;width:100%;padding:0 2px;display:grid}.h-round{background:var(--control-bg);width:48px;height:48px;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-2);border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .18s,color .18s;display:grid}.h-round:hover:not([disabled]){background:rgb(var(--ivory-rgb) / .07)}.h-round:active:not([disabled]){transform:translateY(1px)}.h-round[disabled]{color:var(--faint);opacity:.45;cursor:default}.h-count{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.h-moves{color:var(--muted);white-space:nowrap;margin:0;font-size:15px;line-height:1}.h-num{color:var(--text);font-variant-numeric:tabular-nums;margin-right:6px;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:42px;line-height:.8}.h-solv{background:var(--gold-wash);color:var(--gold-text);white-space:nowrap;box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .32);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;line-height:16px;display:inline-block}.h-tools{justify-content:center;display:flex}.h-hint{background:var(--control-bg);min-height:48px;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .34);border:0;border-radius:999px;align-items:center;gap:12px;padding:5px 8px 5px 5px;transition:box-shadow .2s,background-color .2s;display:inline-flex}.h-hint:hover{background:rgb(var(--gold-rgb) / .08);box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .6)}.h-hint:active{transform:translateY(1px)}.h-hint[aria-busy=true] .h-hdisc{animation:.9s ease-in-out infinite alternate hThink}@keyframes hThink{to{filter:brightness(1.2);transform:scale(.94)}}.h-hdisc{width:38px;height:38px;color:var(--on-gold);background:radial-gradient(circle at 50% 30%, var(--gold-hi), var(--gold) 66%, var(--gold-lo));box-shadow:var(--disc-glow), inset 0 1px 0 rgb(var(--light-rgb) / .35);border-radius:50%;place-items:center;display:grid}.h-hlab{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.h-hname{font-size:15px;font-weight:600}.h-hcap{color:var(--muted);font-size:12.5px}.h-free{background:var(--gold-wash);color:var(--gold-text);border-radius:999px;margin-left:4px;padding:3px 8px;font-size:12px;font-weight:600;line-height:16px}.h-reopen{min-height:44px;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 15px;font-size:14.5px;font-weight:600;display:inline-flex}.h-reopen:hover{background:rgb(var(--ivory-rgb) / .05)}.h-reopen .h-icon{color:var(--gold-text);stroke-width:2.4px}.h-donemsg{color:var(--muted);text-align:center;text-wrap:balance;flex-direction:column;align-items:center;gap:2px;max-width:340px;margin:0;font-size:13.5px;line-height:1.4;display:flex}.h-cd-out,.h.is-turned .h-cd-wait{display:none}.h.is-turned .h-cd-out{display:inline}.h.is-turned .h-clock .h-cd-out{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.h-newday{white-space:nowrap;background:var(--gold-wash);min-height:36px;color:var(--gold-text);cursor:pointer;box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .5);border:0;border-radius:999px;flex-shrink:0;align-items:center;margin-left:4px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.h-newday:hover{background:rgb(var(--gold-rgb) / .2)}.h-newday-big{min-height:44px;margin-left:0;padding:0 20px;font-size:15px}.h-hintmsg:empty{display:none}.h-hintmsg{color:var(--muted);text-align:center;max-width:320px;margin:0;font-size:13.5px}.h-qdone{background:rgb(var(--gold-rgb) / .07);width:100%;box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .3);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.h-qtext{margin:0 auto 0 0;font-size:14.5px;line-height:1.35}.h-qshare{width:44px;height:44px;color:var(--text);box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .4);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;margin-right:-4px;display:grid}.h-qshare:hover{background:rgb(var(--gold-rgb) / .1)}.h-qshare .h-icon{stroke-width:2.1px}.h-next{background:var(--ivory);min-height:44px;color:var(--on-ivory);cursor:pointer;box-shadow:0 10px 20px -12px rgb(var(--ivory-rgb) / .5);border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 10px 0 16px;font-size:14.5px;font-weight:600;display:inline-flex}.h-next .h-left-n{background:rgb(var(--night-rgb) / .1);color:var(--gold-deep)}.h-next:active{transform:translateY(1px)}.h-right{flex-direction:column;gap:20px;width:100%;max-width:460px;margin-top:22px;display:flex;position:relative}.h-app{flex-direction:column;gap:12px;display:flex}.h-h2{letter-spacing:-.005em;text-wrap:balance;margin:0;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:30px;font-weight:400;line-height:1.08}.h-line{color:var(--muted);text-wrap:pretty;max-width:38ch;margin:0;font-size:15px;line-height:1.55}.h-qr{gap:14px;display:none}.h-qfig{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.h-qrimg{background:var(--qr-tile);box-shadow:var(--qr-shadow);border-radius:12px;padding:5px;display:block}.h-qrimg svg{border-radius:4px;display:block}.h-qcap{color:var(--muted);font-size:13px}.h-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.h-badge{border-radius:9px;display:block}.h-badge img{width:auto;max-width:none;display:block}.h-badge-a img{height:44px}.h-badge-g img{height:64px;margin:-10px -10.5px}.h-coffee{color:var(--text);background:linear-gradient(135deg, var(--coffee-1) 0%, var(--coffee-2) 100%);box-shadow:var(--coffee-shadow);border-radius:18px;align-items:center;gap:14px;padding:10px 12px 10px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.h-coffee:hover{box-shadow:var(--coffee-shadow-hover)}.h-coffee:active{transform:translateY(1px)}.h-cup{flex-shrink:0;width:62px;transition:transform .22s cubic-bezier(.16,1,.3,1)}.h-cup svg{width:100%;height:auto;filter:var(--cup-shadow);display:block;overflow:visible}.h-coffee:hover .h-cup{transform:translate(-1px,-2px)rotate(-5deg)}.h-ctext{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.h-ctitle{font-size:16px;font-weight:600;line-height:1.25}.h-csub{color:var(--coffee-ink);font-size:13.5px;line-height:1.35}.h-cgo{min-height:40px;color:var(--gold-text);box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .5);border-radius:999px;flex-shrink:0;align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.h-scrim{z-index:5;background:var(--scrim);mix-blend-mode:var(--scrim-blend);animation:.6s both hFade;position:fixed;inset:0}.h-res{z-index:6;overscroll-behavior:contain;width:min(100%,480px);max-height:94%;padding:24px 18px calc(20px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, var(--sheet-1) 0%, var(--sheet-2) 100%);box-shadow:var(--sheet-shadow-up);scrollbar-width:thin;scrollbar-color:var(--thumb) transparent;border-radius:26px 26px 0 0;flex-direction:column;gap:13px;animation:.9s cubic-bezier(.16,1,.3,1) both hSurface;display:flex;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}.h-res:focus{outline:none}.h-x{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.h-x:hover{color:var(--text);background:rgb(var(--ivory-rgb) / .06)}.h-win{letter-spacing:-.01em;text-wrap:balance;margin:0 40px 0 0;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:34px;font-weight:400;line-height:1.05}.h-win:focus{outline:none}.h-sub{color:var(--muted);text-wrap:pretty;margin:-4px 0 0;font-size:15px;line-height:1.45}.h-stats{flex-wrap:wrap;align-items:center;gap:8px 18px;padding:2px 0 4px;display:flex}.h-stat{color:var(--muted);white-space:nowrap;margin:0;font-size:14.5px}.h-snum{color:var(--text);margin-right:6px;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:32px;line-height:.8}.h-share{background:var(--ivory);min-height:54px;color:var(--on-ivory);cursor:pointer;box-shadow:0 16px 30px -18px rgb(var(--ivory-rgb) / .55);border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:600;transition:background-color .18s;display:inline-flex}.h-share:hover{background:var(--ivory-hover)}.h-share:active{transform:translateY(1px)}.h-shared{text-align:center;min-height:0;color:var(--gold-text);margin:-4px 0 0;font-size:14px}.h-shared:empty{display:none}.h-again{min-height:50px;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-2);background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;transition:background-color .18s;display:inline-flex}.h-again:hover{background:rgb(var(--ivory-rgb) / .05)}.h-again:active{transform:translateY(1px)}.h-cd{text-align:center;color:var(--muted);margin:0;font-size:14px}.h-cdn{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.h-sapp-t{color:var(--muted);text-wrap:pretty;margin:6px 0 0;font-size:14.5px;line-height:1.5}.h-three{--t:54px;gap:10px;margin:0;padding:0;list-style:none;display:flex}.h-three-i{width:var(--t);flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.h-t3{z-index:1;width:var(--t);height:var(--t);border-radius:calc(var(--t) * .24);color:var(--on-gold);background:radial-gradient(120% 95% at 50% 0%, var(--veil) 0%, rgb(var(--light-rgb) / 0) 62%), var(--yellow);box-shadow:inset 0 1.5px 0 rgb(var(--light-rgb) / .26), inset 0 -2px 0 rgb(var(--shade-rgb) / .24), 0 6px 14px -5px rgb(var(--yellow-rgb) / var(--glow-near)), 0 16px 30px -12px rgb(var(--yellow-rgb) / var(--glow-far)), var(--tile-print);place-items:center;display:grid;position:relative}.h-p3{z-index:0;left:-12px;top:calc(var(--t) / 2 - 9px);background:var(--yellow);filter:brightness(.8);border-radius:3px;width:14px;height:18px;position:absolute}.h-t3-l{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.h-three[data-many]{--t:30px;gap:8px}.h-three[data-many] .h-p3{width:12px;height:10px;left:-10px;top:calc(var(--t) / 2 - 5px)}.h-three[data-many] .h-t3-l{display:none}.h-three[data-many] .h-t3 svg{width:16px;height:16px}.h-res-only-phone,.h-res .h-coffee{display:flex}.h-phone-only{display:inline}.h-off{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;margin-top:8px;display:flex}.h-off .h-app{text-align:center;align-items:center;gap:14px}.h-off .h-line{max-width:34ch}.h-off .h-qr,.h-off .h-badges{justify-content:center}.h-off .h-coffee{text-align:left;width:100%;max-width:380px}.h.is-off .h-more-hint,.h.is-off .h-right{display:none}.h-off .h-h2{font-size:34px}.h.is-off .h-ladder,.h.is-off .h-stage,.h.is-off .h-under,.h.is-off .h-lesson,.h.is-off .h-left,.h.is-off .h-clock,.h.is-off .h-note{display:none!important}.h-more{z-index:1;gap:26px;max-width:980px;margin:0 auto;padding:44px 16px 30px;display:grid;position:relative}.h-h3{letter-spacing:-.005em;margin:0 0 8px;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:28px;font-weight:400;line-height:1.1}.h-para{color:var(--muted);text-wrap:pretty;max-width:56ch;margin:0;font-size:15.5px;line-height:1.6}.h-para+.h-para{margin-top:12px}.h-feats{z-index:1;gap:34px;max-width:980px;margin:0 auto;padding:26px 16px 20px;display:grid;position:relative}.h-feats-h{letter-spacing:-.01em;text-wrap:balance;margin:0 0 10px;font-family:Instrument Serif,Instrument Serif Fallback,serif;font-size:34px;font-weight:400;line-height:1.05}.h-feat{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:20px;display:grid}.h-shot{aspect-ratio:520/717;background:var(--frame-2);box-shadow:var(--shot-shadow);border-radius:16px;margin:0;overflow:hidden}.h-shot img{object-fit:cover;width:100%;height:100%;display:block}.h-feat-h{margin:2px 0 6px;font-size:17px;font-weight:600;line-height:1.3}.h-end{z-index:1;flex-direction:column;align-items:flex-start;gap:12px;max-width:980px;margin:0 auto;padding:40px 16px 44px;display:flex;position:relative}.h-end .h-para{max-width:52ch}.h-end-go{background:var(--ivory);min-height:48px;box-shadow:0 16px 30px -18px rgb(var(--ivory-rgb) / .55);border-radius:14px;align-items:center;margin-top:4px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--on-ivory)!important}.h-end-go:hover{background:var(--ivory-hover)}.h-foot{z-index:1;max-width:980px;color:var(--faint);box-shadow:inset 0 1px 0 var(--line);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 auto;padding:18px 16px 34px;font-size:13.5px;display:flex;position:relative}.h-copy{padding-right:8px}.h-flink{min-height:44px;color:var(--muted);align-items:center;padding:0 8px;text-decoration:none;transition:color .18s;display:inline-flex}.h-flink:hover{color:var(--text);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.h-fcoffee{color:var(--gold-text);gap:7px;font-weight:600}.h-clock{display:none}.h-clock-l{color:var(--muted);margin:0;font-size:14px}.h-clock-t{letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:30px;font-weight:500;line-height:1.1}.h-clock-s{color:var(--faint);max-width:24ch;margin:4px 0 0;font-size:13.5px}@container (width<=380px){.h-grid{--chrome:268px}.h-grid:has(.h-lesson:not([hidden])){--lesson-h:93px}.h-grid:has(.h-note:not([hidden])){--note-h:48px}.h-head{height:50px}.h-brand{font-size:18px}.h-get{padding:0 12px 0 10px;font-size:14px}.h-h1{font-size:28px}.h-date{font-size:13px}.h-grid{row-gap:10px}.h-round{width:44px;height:44px}.h-status{grid-template-columns:44px minmax(0,1fr) 44px}.h-num{font-size:36px}.h-lt{font-size:13px;line-height:1.35}.h-lesson{gap:10px;padding:7px}.h-demo{--c:12px;--g:3px;--st:15px;--pad:6px;border-radius:9px}.h-got{padding:0 13px}.h-top{gap:4px}.h-cup{width:54px}.h-three{--t:46px}}@media (height<=700px) and (width<=899.98px){.h-grid{--chrome:268px;row-gap:10px}.h-grid:has(.h-lesson:not([hidden])){--lesson-h:82px}.h-grid:has(.h-note:not([hidden])){--note-h:48px}.h-head{height:50px}.h-brand{font-size:18px}.h-h1{font-size:28px}.h-date{font-size:13px}.h-top{gap:4px}.h-round{width:44px;height:44px}.h-status{grid-template-columns:44px minmax(0,1fr) 44px}.h-num{font-size:36px}.h-lesson{gap:10px;padding:6px}.h-lt{font-size:13px;line-height:1.35}.h-demo{--c:11px;--g:2px;--st:13px;--pad:5px;border-radius:8px}.h-got{padding:0 13px}}@media (height<=600px) and (width<=899.98px){.h-grid{--chrome:240px;row-gap:6px}.h-grid:has(.h-lesson:not([hidden])){--lesson-h:72px}.h-grid:has(.h-note:not([hidden])){--note-h:42px}.h-head{height:44px}.h-h1{font-size:26px}.h-top{gap:2px}.h-ladder{min-height:40px}.h-steps{--h0:20px;--rise:5px}.h-note{min-height:40px}.h-lesson{padding:5px}.h-demo{--c:10px;--g:2px;--st:12px;--pad:5px}.h-under{gap:4px}.h-count{gap:2px}.h-num{font-size:32px}.h-hint{min-height:44px;padding:3px 8px 3px 3px}.h-hdisc{width:34px;height:34px}}@container (width<=340px){.h-head .h-tt[data-theme-toggle]{display:none}.h-left-n{padding:2px 6px}}@container (width<=440px){.h-nav{gap:0}.h-hcup,.h-tt{width:40px}.h-get{margin-left:4px}}@container (width<=410px){.h-head .h-hcup{display:none}}@container (width>=640px){.h-feat{grid-template-columns:150px minmax(0,1fr);gap:22px}}@container (width>=900px){.h-head{height:66px;padding:0 28px}.h-link{display:inline-flex}.h-hcup{display:none}.h-grid{--gap-x:clamp(40px, 4.5cqi, 72px);--app-min:268px;--learn-min:196px;--bw-fit:calc(100cqi - 56px - 2 * var(--gap-x) - var(--app-min) - var(--learn-min));--bw:min(clamp(260px, calc(100vh - 352px), 470px), var(--bw-fit));--bh:var(--bw);grid-template-columns:minmax(var(--learn-min), 1fr) var(--bw) minmax(var(--app-min), 1fr);column-gap:var(--gap-x);grid-template-areas:".top.""learn board app""clock under app";align-items:start;row-gap:14px;padding:0 28px 40px}.h-grid:has(#link-note:not([hidden])){--bw:min(clamp(250px, calc(100vh - 410px), 470px), var(--bw-fit))}.h-newday-note{display:none!important}.h-top{grid-area:top;gap:8px}.h-note{max-width:none}.h-title{flex-direction:column;align-items:center;gap:5px}.h-h1{font-size:50px;line-height:.95}.h-date{font-size:15px}.h-ladder{max-width:none}.h-stage{grid-area:board;max-width:none}.h-under{grid-area:under;max-width:none}.h-off{grid-area:board}.h-left{contain:size;grid-area:learn;justify-content:flex-end;align-self:stretch;align-items:flex-start;width:100%;display:flex}.h-learn{max-width:270px}.h-play .h-lesson{display:none}.h-right{z-index:1;grid-area:app;justify-self:start;gap:24px;max-width:320px;margin-top:0}.h-qr{display:flex}.h-badges{display:none}.h-more{grid-template-columns:1fr 1fr;gap:56px;padding:64px 28px 40px}.h-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 44px;padding:34px 28px 20px}.h-feats-head{grid-column:1/-1}.h-feats-head .h-para{max-width:62ch}.h-feat{grid-template-columns:minmax(0,1fr);gap:18px}.h-feat .h-shot{width:168px}.h-end{padding:48px 28px 52px}.h-foot{padding:20px 28px 40px}.h-clock{grid-area:clock;justify-self:end;width:100%;max-width:270px;padding-top:4px;display:block}.h-scrim{display:none}.h-dim{opacity:1;pointer-events:auto}.h-right.is-result .h-app{display:none}.h-res{z-index:auto;width:auto;max-height:none;box-shadow:none;background:0 0;border-radius:0;gap:11px;padding:0;animation:.9s cubic-bezier(.16,1,.3,1) both hRiseIn;position:relative;bottom:auto;left:auto;overflow:visible;transform:none}.h-res .h-x{top:-6px;right:-10px}.h-win{font-size:36px}.h-sub{margin:-2px 0 0}.h-stats{gap:6px 16px;padding:0}.h-share{min-height:52px}.h-again{min-height:48px}.h-cd{text-align:left}.h-sapp-t{margin:4px 0 0}.h-cd-daily,.h-res .h-coffee,.h-res-only-phone,.h-phone-only{display:none}.h-off .h-h2{font-size:40px}.h.is-off .h-more{grid-template-columns:minmax(0,1fr)}.h.is-off .h-off{grid-row:2/4}.h-done-cd{display:none}}@media (width>=900px) and (height<=799px){.h-demo-big{--c:24px;--g:4px;--st:28px;--pad:9px;border-radius:14px}.h-learn{gap:10px}.h-learn-h{font-size:27px}.h-learn .h-lt{font-size:14.5px}}@media (width>=900px) and (height<=719px){.h-grid:has(.h-learn:not([hidden])) .h-clock{visibility:hidden}}@media (width>=900px) and (height<=779px){.h-grid:has(.h-learn:not([hidden])):has(#link-note:not([hidden])) .h-clock{visibility:hidden}}@container (width>=900px) and (width<=1179px){.h-right .h-coffee,.h-off .h-coffee{gap:10px;padding:8px 8px 8px 6px}.h-right .h-cup,.h-off .h-cup{width:48px}.h-cgo{padding:0 13px}.h-csub{font-size:13px}}@keyframes hFade{0%{opacity:0}}@keyframes hSurface{0%{opacity:0;filter:blur(10px);transform:translate(-50%,40px)}}@keyframes hRiseIn{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.h-stage,.h-spill,.h-scrim,.h-res{animation:none}.h .db-solved .db-piece{filter:brightness(1.07);animation:none}.h-spill,.h-step-t,.h-step-t .h-icon,.h-cup{transition:none}.h .db-piece{transition:transform var(--dur,.16s) cubic-bezier(.4, 0, .2, 1)!important}.h-run,.h-hint[aria-busy=true] .h-hdisc,.h-dp,.h-dl,.h-da{animation:none}.h-r1{transform:translate(0)}.h-r2{transform:translate(var(--st), 0)}.h-b1{transform:translate(0, var(--st))}.h-b2{transform:translate(0, calc(var(--st) * 2))}.h-dl{opacity:1}}