.iso{--anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;--anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;--anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;--anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#fff;--anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;--anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;--anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014}.iso[data-theme=light]{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-paper:#fbfbfa;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-lit-top:#fff;--anatomy-lit-shade:#eeeeeb;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;--anatomy-lift:inset 0 1px 0 0 #fff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a}.iso-svg{width:100%;height:auto;display:block;overflow:visible}.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4px;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-tone=red]{stroke:var(--anatomy-red)}.iso-line[data-tone=green]{stroke:var(--anatomy-green)}.iso-line[data-tone=blue]{stroke:var(--anatomy-blue)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1px}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=faint] .iso-wire-end{stroke:var(--anatomy-faint)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}.iso-face-text[data-tone=faint]{fill:var(--anatomy-faint)}.tb-body{fill:var(--anatomy-shade-2);stroke:none}.tb-shine{fill:var(--anatomy-top);stroke:none}.tb-shade{fill:var(--anatomy-shade-0);stroke:none}.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45px;stroke-linecap:butt;stroke-linejoin:round}.tb-ring[data-tone=mid]{stroke:var(--anatomy-mid)}.tb-ring[data-tone=faint]{stroke:var(--anatomy-faint)}.tb-ring[data-tone=hi]{stroke:var(--anatomy-hi)}@keyframes iso-flow{to{stroke-dashoffset:-32px}}@keyframes iso-pulse{0%,to{opacity:.18}12%{opacity:1}40%{opacity:.18}}.iso-line[data-flow]{animation:1.6s linear infinite iso-flow}.iso-dots circle[data-pulse]{animation:1.6s step-end infinite iso-pulse;animation-delay:var(--pulse-at,0s)}.iso-figure{margin:32px 0 36px}.iso-plate{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card);border-radius:0;padding:52px 24px;position:relative}.iso-plate-corners{pointer-events:none;position:absolute;inset:18px 20px}.iso-plate-corner{color:var(--anatomy-muted);font-family:var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;font-size:10.5px;line-height:1;position:absolute}.iso-plate-corner[data-corner=fig]{color:var(--anatomy-text);top:0;left:0}.iso-plate-corner[data-corner=title]{text-transform:uppercase;letter-spacing:.1em;top:0;right:0}.iso-plate-corner[data-corner=hint]{text-transform:uppercase;letter-spacing:.1em;bottom:0;left:0}.iso-plate-corner[data-corner=readout]{color:var(--anatomy-text);font-variant-numeric:tabular-nums;bottom:0;right:0}.iso-plate .iso-svg{margin:0 auto}.iso-legend{color:var(--anatomy-muted);gap:8px;margin-top:12px;font-size:13px;line-height:1.55;display:grid}.iso-keys{flex-wrap:wrap;gap:6px 18px;display:flex}.iso-key{align-items:center;gap:7px;display:inline-flex}.iso-swatch{flex:none;width:16px;height:10px;overflow:visible}.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.iso-swatch[data-mark=raised] path,.iso-swatch[data-mark=flat] path{stroke:var(--anatomy-mid)}.iso-swatch[data-mark=lit] path{stroke:var(--anatomy-lit)}.iso-swatch[data-mark=dim] path{stroke:var(--anatomy-lo)}.iso-swatch[data-mark=dotted] path{stroke-dasharray:.01 3;stroke-width:1.4px}.iso-swatch[data-mark=dashed] path{stroke-dasharray:3 2.5}.iso-swatch[data-mark=red] path{stroke:var(--anatomy-red)}.iso-swatch[data-mark=green] path{stroke:var(--anatomy-green)}.iso-swatch[data-mark=blue] path{stroke:var(--anatomy-blue)}.iso-swatch-crease{stroke:var(--anatomy-lo)!important}@media (width<=560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner=hint]{bottom:18px}}@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}.lp{max-width:1040px;margin-inline:auto;padding:1.2rem clamp(1.1rem,4vw,2rem) 4rem}.lp-nav{justify-content:space-between;align-items:center;padding:.6rem 0 2rem;display:flex}.lp-brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.35rem;font-weight:800;display:flex}.lp-brand-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem;transform:translateY(-.35em)}.lp-logo{background:var(--ink);border-radius:9px;flex:none;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.lp-logo:before,.lp-logo:after{content:"";background:var(--lamp);border-radius:999px;position:absolute}.lp-logo:before{height:4px;top:27%;left:22%;right:22%}.lp-logo:after{width:4px;height:4px;box-shadow:8px 0 0 0 var(--lamp);top:55%;left:32%}.lp-cta{background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);border:none;border-radius:999px;padding:.6rem 1.1rem;font-size:.92rem;font-weight:800}.lp-cta.lg{padding:.85rem 1.6rem;font-size:1.05rem}.lp-hero{padding:1rem 0 1.5rem}.lp-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .8rem;font-size:.7rem}.lp-h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.1rem);font-weight:800;line-height:1.06}.lp-accent{color:var(--accent)}.lp-lead{color:var(--ink-soft);margin:0;font-size:1.05rem}.lp-lead.sm{font-size:.98rem}.lp-actions{gap:.7rem;margin:1.4rem 0 .6rem;display:flex}.lp-note{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:.74rem}.lp-machine{padding-top:0}.lp-fig .iso-figure{margin:0}.lp-fig .iso-plate{border-radius:var(--radius);box-shadow:0 0 0 1px var(--line)}.lp-fig .iso-stage{touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px}.lp-fig .iso-stage:focus-visible{outline:2px solid var(--focus);outline-offset:6px}.lp-fig.iso[data-theme=light]{--anatomy-page:var(--paper);--anatomy-card:var(--surface);--anatomy-paper:var(--surface);--anatomy-text:#6b6259;--anatomy-strong:#1a1613;--anatomy-muted:#9c9287;--anatomy-face:#fffdf9;--anatomy-top:#fffdf9;--anatomy-shade-0:#e2dcd1;--anatomy-shade-1:#eae5dc;--anatomy-shade-2:#f1ede6;--anatomy-shade-3:#f7f4ee;--anatomy-lit-top:#fff1ea;--anatomy-lit-shade:#f7dccf;--anatomy-hi:#1a1613;--anatomy-mid:#8c8379;--anatomy-lo:#b7afa4;--anatomy-faint:#d8d1c6;--anatomy-lit:#c33c10;--anatomy-dot:#3a332d;--anatomy-halo:#8a7e70}.lp-fig.iso[data-theme=dark]{--anatomy-page:var(--paper);--anatomy-card:var(--surface);--anatomy-paper:var(--surface);--anatomy-text:#b5aa9c;--anatomy-strong:#f4efe7;--anatomy-muted:#7e7467;--anatomy-face:#2a251f;--anatomy-top:#2c2721;--anatomy-shade-0:#1c1915;--anatomy-shade-1:#201c18;--anatomy-shade-2:#24201b;--anatomy-shade-3:#28231e;--anatomy-lit-top:#3a2a22;--anatomy-lit-shade:#31241d;--anatomy-hi:#ede6dc;--anatomy-mid:#8a8075;--anatomy-lo:#554d44;--anatomy-faint:#3a342d;--anatomy-lit:#ff7a45;--anatomy-dot:#ede6dc}.lp-fig .iso-legend{color:var(--ink-soft)}.lp-fig .tg-marks{stroke-width:2.4px;stroke-linecap:round}@media (width<=560px){.lp-fig .iso-plate{overflow:hidden}.lp-fig .iso-svg{width:130%;margin-left:-15%}}.lp-section,.lp-science{padding:2.5rem 0}.lp-h2{margin:0 0 1.2rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.lp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.9rem;display:grid}.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.1rem}.lp-card h3{margin:0 0 .35rem;font-size:1rem;font-weight:800}.lp-card p{color:var(--ink-soft);margin:0;font-size:.9rem}.lp-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:2.5rem;display:flex}.lp-footer p{color:var(--ink-soft);max-width:52ch;margin:0;font-size:.9rem}.lp-footer .lp-quiet{color:var(--ink-faint);font-size:.8rem}.lp-footer a{color:var(--accent);font-size:.9rem}a.lp-brand-sub{text-decoration:none}a.lp-brand-sub:hover{color:var(--ink-soft)}.set-card,.set-group{background:var(--surface,var(--card));border:1px solid var(--line);border-radius:var(--radius-sm,14px);overflow:hidden}.set-row{flex-direction:column;gap:.45rem;padding:.85rem .9rem;display:flex}.set-row+.set-row{border-top:1px solid var(--line)}.set-label{font-family:var(--font-display);font-size:.95rem;font-weight:700}.seg-group{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;gap:.2rem;padding:.25rem;display:flex}.seg{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.45rem .5rem;font-size:.9rem;font-weight:700}.seg.on{background:var(--surface,var(--card));color:var(--ink);box-shadow:var(--shadow-sm)}.faq-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.faq{background:var(--surface,var(--card));border:1px solid var(--line);border-radius:var(--radius-sm,14px);padding:.6rem .95rem}.faq summary{cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-display);align-items:baseline;gap:.55rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";color:var(--accent);flex:none;font-weight:800}.faq summary:after{content:"▾";color:var(--ink-faint);flex:none;margin-left:auto;transition:transform .15s}.faq[open] summary:after{transform:rotate(-180deg)}.faq p{color:var(--ink-soft);margin:.45rem 0 .15rem;padding-left:1.15rem;font-size:.84rem;line-height:1.5;position:relative}.faq p:before{content:"A";color:var(--ink-faint);font-weight:800;font-family:var(--font-display);position:absolute;left:0}:root{--stage-h:148px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f5f2ec;--paper-2:#ede8df;--surface:#fffdf9;--ink:#1a1613;--ink-soft:#6b6259;--ink-faint:#9c9287;--line:#e3dcd0;--line-strong:#d2c9ba;--accent:#c33c10;--accent-ink:#fff;--lamp:#ffc46b;--good:#2f7d4f;--star:#e0a030;--focus:#7a5cff;--tint:color-mix(in srgb, var(--accent) 9%, var(--surface));--stage:#100e0c;--tape:#f7f1e3;--tape-edge:#e6dcc6;--font-display:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:22px;--radius-sm:14px;--shadow-sm:0 1px 2px #1a16130f, 0 4px 14px #1a16130d;--shadow-md:0 2px 6px #1a161314, 0 18px 40px #1a16131a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#151310;--paper-2:#1d1a16;--surface:#221e19;--ink:#f4efe7;--ink-soft:#b5aa9c;--ink-faint:#7e7467;--line:#302b24;--line-strong:#3e382f;--accent:#ff7a45;--accent-ink:#23120a;--good:#5fbe84;--tape:#efe7d6;--tape-edge:#d8cdb6;--shadow-sm:0 1px 2px #0006, 0 4px 14px #00000059;--shadow-md:0 2px 6px #00000073, 0 18px 40px #00000080}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit}input[type=range]{width:100%;accent-color:var(--accent);touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.app{flex-direction:column;max-width:600px;min-height:100%;margin-inline:auto;display:flex}.topbar{min-height:64px;padding:max(.8rem, env(safe-area-inset-top)) 1.2rem .7rem;z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.brand{color:inherit;font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border:none;align-items:center;gap:.55rem;padding:0;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.brand-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;transform:translateY(-.35em)}.logo{background:var(--ink);border-radius:9px;flex:none;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.logo:before,.logo:after{content:"";background:var(--lamp);border-radius:999px;position:absolute}.logo:before{height:4px;top:27%;left:22%;right:22%}.logo:after{width:4px;height:4px;box-shadow:8px 0 0 0 var(--lamp);top:55%;left:32%}.wpm{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:.22rem .6rem;font-size:.74rem}.screen{padding:.3rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom));flex:1}.screen-body{flex-direction:column;gap:.85rem;display:flex}.screen-head{margin:.4rem 0 .3rem}.screen-head h2{font-size:1.5rem;font-weight:800}.screen-head p{color:var(--ink-soft);font-size:.9rem;font-family:var(--font-mono);margin:.25rem 0 0}.tape-window{background:var(--tape);box-shadow:inset 0 0 0 1px var(--tape-edge), inset 0 8px 14px -10px #00000040;border-radius:12px;position:relative;overflow-x:hidden}.tape-window:before,.tape-window:after{content:"";z-index:2;pointer-events:none;background-image:radial-gradient(circle at 4px 50%, var(--tape-edge) 0 1.6px, transparent 2px);opacity:.9;background-size:11px 9px;height:9px;position:absolute;left:0;right:0}.tape-window:before{top:0}.tape-window:after{bottom:0}.tape-window{height:var(--stage-h)}.tape-strip{align-items:center;min-width:100%;height:100%;padding:0 14px;display:flex}.mark{background:#23201c;border-radius:7px;flex:none;height:14px}.mark.live{background:var(--accent)}.gap{flex:none}.stage-hint{pointer-events:none;font-family:var(--font-mono);color:#9c9287;place-items:center;font-size:.8rem;display:grid;position:absolute;inset:0}.stage-hint.dark{color:#7e7467}.lamp-stage{background:radial-gradient(120% 90% at 50% 0%, #221d18 0%, var(--stage) 62%);height:var(--stage-h);border-radius:16px;flex-direction:column;gap:.9rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.lens-row{align-items:center;gap:.9rem;display:flex}.lens{background:#1a1613;border-radius:50%;flex:none;width:54px;height:54px;transition:background 40ms linear,box-shadow 80ms;box-shadow:inset 0 0 0 2px #352e26,inset 0 2px 6px #0009}.lens.lit{background:radial-gradient(circle at 50% 45%, #fff3dc 0%, var(--lamp) 45%, #c87a16 100%);box-shadow:inset 0 0 0 2px #6b4a1e,0 0 34px 10px #ffc46b73}.lens-meta{flex-direction:column;display:flex}.lens-title{font-family:var(--font-display);color:#f4efe7;font-size:.98rem;font-weight:800}.lens-sub{font-family:var(--font-mono);color:#9c9287;font-size:.68rem}.trace-window{background:#00000059;border-radius:8px;flex:1;min-height:0;position:relative;overflow-x:hidden}.trace-strip{align-items:center;min-width:100%;height:100%;padding:0 10px;display:flex}.tr{background:var(--lamp);border-radius:6px;flex:none;height:11px;box-shadow:0 0 10px 2px #ffc46b73}.tr.live{background:#fff3dc}.readout{align-items:center;height:2.4rem;display:flex;overflow-x:hidden}.readout-line{white-space:nowrap;align-items:baseline;gap:.5rem;margin:0;display:flex}.readout-text{font-family:var(--font-mono);letter-spacing:.1em;word-break:break-all;font-size:1.5rem;font-weight:700;line-height:1.2}.readout-pending{font-family:var(--font-mono);color:var(--accent);font-size:1.5rem;font-weight:700}.mkey{width:100%;font-family:var(--font-display);background:var(--ink);color:var(--paper);touch-action:none;box-shadow:0 5px 0 0 var(--line-strong), var(--shadow-sm);border:none;border-radius:18px;padding:1.15rem 1rem;font-size:1.05rem;font-weight:800;transition:transform 60ms,box-shadow 60ms}.mkey.down{box-shadow:0 1px 0 0 var(--line-strong), var(--shadow-sm);transform:translateY(4px)}.mkey.lamp{background:var(--lamp);color:#23180a;box-shadow:0 5px 0 0 #8a5c14, var(--shadow-sm)}.mkey.lamp.down{box-shadow:0 1px 0 0 #8a5c14, var(--shadow-sm)}.hint{font-family:var(--font-mono);color:var(--ink-faint);text-align:center;margin:0;font-size:.7rem}.ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex:auto;padding:.55rem .7rem;font-size:.82rem;font-weight:700}.ghost:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.ghost:disabled{opacity:.5;cursor:default}.back{color:var(--ink-soft);background:0 0;border:none;align-self:flex-start;padding:.2rem 0;font-size:.85rem;font-weight:700}.xp-out{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.5rem;min-height:96px;padding:.7rem .8rem;display:flex}.xp-text{font-family:var(--font-mono);letter-spacing:.14em;word-break:break-all;white-space:pre-wrap;min-height:1.6rem;margin:0;font-size:1.3rem;font-weight:700}.xp-text .lit{color:var(--accent)}.caret{color:var(--accent);animation:1.1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.xp-code{flex-wrap:wrap;align-items:center;gap:5px 12px;min-height:12px;margin:0;display:flex}.xp-grp{align-items:center;gap:2px;display:inline-flex}.xp-word{width:4px}.codestrip{align-items:center;gap:1.5px;display:inline-flex}.codestrip i{background:var(--ink-soft);border-radius:2px;height:3px;display:block}.codestrip i.dit{width:2px}.codestrip i.dah{width:6px}.codestrip.md{gap:4px}.codestrip.md i{height:4px}.codestrip.md i.dit{width:4px}.codestrip.md i.dah{width:12px}.level-code i{background:var(--ink-soft);border-radius:2px;height:4px;display:block}.seg-group.boards .seg{padding:.42rem .2rem;font-size:.8rem}.alias-note{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);border-radius:10px;margin:0;padding:.5rem .7rem;font-size:.78rem;line-height:1.45}.cap.alias .codestrip i{background:var(--ink-faint)}.kbd{flex-direction:column;gap:5px;display:flex}.kbd-row{justify-content:center;gap:4px;display:flex}.kbd-row.indent{padding:0 12px}.cap{aspect-ratio:1/1.15;border:1px solid var(--line);background:var(--surface);min-width:0;max-width:44px;font-family:var(--font-mono);color:var(--ink);box-shadow:0 2px 0 0 var(--line);border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:.86rem;font-weight:700;transition:transform 60ms,box-shadow 60ms,background 60ms;display:flex;overflow:hidden}.cap:active,.cap.hit{box-shadow:none;background:var(--accent);color:var(--accent-ink);border-color:var(--accent);transform:translateY(2px)}.cap:active .codestrip i,.cap.hit .codestrip i{background:var(--accent-ink)}.cap.wide{aspect-ratio:auto;flex:2 1 0;max-width:none;height:38px;font-size:.72rem}.level-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}@media (width>=480px){.level-grid{grid-template-columns:repeat(6,1fr)}}.level{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .3rem .5rem;display:flex}.level.locked{opacity:.45;box-shadow:none}.level-ch{font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.level-code{align-items:center;gap:2px;height:4px;display:flex}.level-code i.dit{width:4px}.level-code i.dah{width:10px}.level-stars{letter-spacing:.06em;color:var(--ink-faint);font-size:.7rem}.level-stars.earned{color:var(--star)}.quest{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:.55rem;padding:.8rem .9rem;display:flex;position:relative;overflow:hidden}.quest.won{background:color-mix(in srgb, var(--good) 12%, var(--surface));border-color:color-mix(in srgb, var(--good) 40%, var(--line))}.quest-head{align-items:center;gap:.7rem;display:flex}.quest-ch{font-family:var(--font-mono);background:var(--ink);width:44px;height:44px;color:var(--paper);border-radius:10px;flex:none;place-items:center;font-size:1.7rem;font-weight:700;display:grid}.quest-meta{flex-direction:column;flex:1;min-width:0;display:flex}.quest-title{font-family:var(--font-display);font-size:.98rem;font-weight:800}.quest-sub{font-family:var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.7rem}.quest-stars{letter-spacing:.08em;color:var(--ink-faint);font-size:.95rem}.quest-stars.earned{color:var(--star)}.quest-bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.quest-bar i{background:var(--accent);border-radius:999px;height:100%;transition:width .18s;display:block}.quest.won .quest-bar i{background:var(--good)}.quest-hint{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);border-radius:10px;margin:0;padding:.6rem .75rem;font-size:.88rem}.lanes{flex-direction:column;gap:.35rem;display:flex}.lane{background:var(--paper-2);height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;position:relative}.lane-label{z-index:2;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:.58rem;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.lane-track{align-items:center;display:flex;position:absolute;inset:0 .6rem 0 3.5rem}.blk{border-radius:7px;flex:none;height:13px}.lane.target .blk{background:var(--ink-faint)}.lane.mine .blk{background:var(--accent)}.lane.mine .blk.off{background:var(--ink-faint);opacity:.5}.set-head{align-items:baseline;gap:.5rem;display:flex}.set-val{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem;font-weight:700}.set-desc{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.45}.preview-btn{border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--ink);font-family:var(--font-display);border-radius:999px;padding:.6rem;font-size:.9rem;font-weight:700}.preview-btn:disabled{opacity:.5;cursor:default}.about{color:var(--ink-soft);margin:.4rem 0 0;font-size:.88rem}.about strong{color:var(--ink)}.version{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:.72rem}.egg{color:var(--ink-soft);text-align:center;border:1px dashed var(--line-strong);border-radius:12px;margin:0;padding:.5rem .8rem;font-size:.85rem;animation:.35s egg-pop}@keyframes egg-pop{0%{opacity:0;transform:scale(.92)}}@media (orientation:landscape) and (width>=740px){.app{max-width:960px}.screen-body>.seg-group{width:min(100%,460px);margin-inline:auto}.mkey,.paddle,.screen-body>.btn-row{width:min(100%,620px);margin-inline:auto}.level-grid{grid-template-columns:repeat(8,1fr)}.set-group{width:100%;max-width:640px;margin-inline:auto}.screen-head{text-align:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.section,.signals{flex-direction:column;gap:.5rem;margin-top:1.4rem;display:flex}.section-head{border-top:1px solid var(--line);align-items:flex-start;gap:.7rem;padding-top:1rem;display:flex}.section-head.first{border-top:none;margin-bottom:-.2rem;padding-top:0}.section-num{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--line);border-radius:7px;flex:none;margin-top:.1rem;padding:.18rem .4rem;font-size:.7rem;font-weight:700}.section-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:800}.section-sub{color:var(--ink-soft);margin:0 0 .2rem;font-size:.82rem}.signal{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:.4rem;padding:.8rem .9rem;transition:transform .12s,box-shadow .15s,border-color .15s;display:flex}.signal:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.signal.playing{border-color:var(--accent)}.signal.playing .codestrip i{background:var(--accent)}.signal-head{align-items:baseline;gap:.5rem;width:100%;display:flex}.signal-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);word-break:break-word;font-size:.95rem;font-weight:700}.signal-when{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;margin-left:auto;font-size:.68rem}.signal-code{flex-wrap:wrap;align-items:center;gap:4px 12px;display:inline-flex}.signal-story{color:var(--ink-soft);font-size:.85rem;line-height:1.5}.signal-cta{font-family:var(--font-mono);color:var(--accent);font-size:.72rem;font-weight:700}.app,.lp{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.signal-story,.faq p,.history-body,.set-desc{-webkit-user-select:text;user-select:text}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.moment{gap:.8rem;padding:.1rem 0 .9rem;display:flex;position:relative}.moment:before{content:"";background:var(--line);width:1px;position:absolute;top:1.5rem;bottom:0;left:27px}.moment:last-child:before{display:none}.moment-year{text-align:right;width:56px;font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;flex:none;padding-top:.1rem;font-size:.74rem;font-weight:700}.moment-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.moment-text b{font-family:var(--font-display);font-size:.95rem}.history-body{color:var(--ink-soft);font-size:.85rem;line-height:1.55}.paddle{gap:.6rem;display:flex}.pad{background:var(--ink);color:var(--paper);touch-action:manipulation;box-shadow:0 5px 0 0 var(--line-strong), var(--shadow-sm);border:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:1rem .8rem;transition:transform 60ms,box-shadow 60ms;display:flex}.pad:active{box-shadow:0 1px 0 0 var(--line-strong), var(--shadow-sm);transform:translateY(4px)}.pad-mark{background:var(--paper);border-radius:6px;height:12px;display:block}.pad-mark.dit{width:12px}.pad-mark.dah{width:40px}.pad-label{font-family:var(--font-display);letter-spacing:.02em;font-size:.92rem;font-weight:800}.logrow{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:stretch;gap:.4rem;display:flex;overflow:hidden}.logrow.playing{border-color:var(--accent)}.logrow.playing .codestrip i{background:var(--accent)}.logrow-main{text-align:left;min-width:0;color:var(--ink);background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:.35rem;padding:.75rem .85rem;display:flex}.logrow-text{font-family:var(--font-mono);letter-spacing:.08em;word-break:break-word;font-size:1rem;font-weight:700}.logrow-code{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.logrow-x{width:42px;color:var(--ink-faint);border:none;border-left:1px solid var(--line);background:0 0;flex:none;font-size:1.3rem;line-height:1}.logrow-x:hover{color:var(--accent)}.log-empty{text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:3rem 1rem;display:flex}.log-empty-mark{background:var(--paper-2);border-radius:14px;width:54px;height:54px;margin-bottom:.5rem;position:relative}.log-empty-mark:before,.log-empty-mark:after{content:"";background:var(--ink-faint);opacity:.5;border-radius:999px;position:absolute}.log-empty-mark:before{height:5px;top:30%;left:22%;right:22%}.log-empty-mark:after{width:5px;height:5px;box-shadow:11px 0 0 0 var(--ink-faint);top:56%;left:33%}.log-empty-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:800}.log-empty-body{color:var(--ink-soft);max-width:34ch;margin:0;font-size:.88rem}.icon-btn,.back-btn{border:1px solid var(--line);background:var(--surface);width:46px;height:46px;color:var(--ink-soft);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.back-btn{color:var(--ink)}.icon-btn:hover,.back-btn:hover{border-color:var(--line-strong);color:var(--ink)}.topbar .wpm+.icon-btn{margin-left:.2rem}.room-badge{background:var(--tint);border-radius:12px;flex:none;place-items:center;width:52px;height:40px;display:grid}.room-badge .door-art{width:46px;height:auto}.room-badge .door-art *{opacity:1!important;animation:none!important;transform:none!important}.room-title{letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.hello{align-items:center;gap:.9rem;margin-top:.2rem;display:flex}.hello h2{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.hello p{color:var(--ink-soft);margin:.15rem 0 0;font-size:.95rem}.trail{flex-wrap:wrap;gap:.5rem;display:flex}.trail span{background:var(--surface);border:1px solid var(--line);min-width:96px;font-family:var(--font-display);color:var(--ink-soft);border-radius:14px;flex-wrap:wrap;flex:1 1 0;align-items:baseline;gap:.25rem;padding:.5rem .7rem;display:flex}.trail b{color:var(--ink);font-size:1.25rem}.trail small{font-size:.72rem;font-family:var(--font-body);color:var(--ink-faint);flex-basis:100%}.trail i{margin-right:.1rem;font-style:normal}.trail-star{color:var(--star)}.trail-ear,.trail-log{color:var(--accent)}.doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}@media (width>=700px){.doors{grid-template-columns:repeat(3,minmax(0,1fr))}}.door{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:.1rem;padding:.7rem .9rem .85rem;transition:transform .15s,border-color .15s;display:flex}.door:hover{border-color:var(--line-strong)}.door:active{transform:scale(.97)}.door .door-art{background:var(--tint);border-radius:14px;width:100%;height:auto;max-height:120px;margin-bottom:.2rem}.door b{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.door span{color:var(--ink-soft);font-size:.8rem;line-height:1.35}.today-card{text-align:left;background:var(--tint);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius);width:100%;color:inherit;align-items:center;gap:.8rem;padding:.8rem .95rem;display:flex}.today-card.playing{border-color:var(--accent)}.today-card.playing .codestrip i{background:var(--accent)}.today-text{flex-direction:column;gap:.3rem;min-width:0;display:flex}.today-text small{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.66rem}.today-text b{font-family:var(--font-mono);letter-spacing:.06em;font-size:1.05rem}.today-text>span:last-child{color:var(--ink-soft);font-size:.82rem;line-height:1.45}.today-go{color:var(--accent);flex:none;margin-left:auto;font-size:1.3rem}.art-key .lever{transform-origin:23px 46px;animation:2.4s ease-in-out infinite press}@keyframes press{0%,30%,52%,to{transform:rotate(0)}36%,46%{transform:rotate(6deg)}10%,14%{transform:rotate(6deg)}}.art-key .tape-marks path{opacity:0;animation:2.4s step-end infinite mark}.art-key .m2{animation-delay:.3s}.art-key .m3{animation-delay:.6s}@keyframes mark{0%{opacity:0}15%,90%{opacity:1}}.art-learn .step text:last-child{opacity:.2;animation:4.5s ease-in-out infinite star}.art-learn .s1 text:last-child{animation-delay:1.2s}.art-learn .s2 text:last-child{animation-delay:2.4s}@keyframes star{20%,70%{opacity:1}}.art-listen .wave{opacity:.15;animation:1.8s ease-in-out infinite wave}.art-listen .w2{animation-delay:.2s}.art-listen .w3{animation-delay:.4s}@keyframes wave{30%,50%{opacity:1}}.art-listen .beep{animation:1.8s step-end infinite mark}.art-listen .b2{animation-delay:.5s}.art-alphabet .cap-art{animation:3s ease-in-out infinite tap}.art-alphabet .c1{animation-delay:1s}.art-alphabet .c2{animation-delay:2s}@keyframes tap{0%,20%,to{transform:translateY(0)}8%{transform:translateY(3px)}}.art-stories .flash,.art-stories .beam{opacity:.15;animation:4s step-end infinite sos}.art-stories .beam{opacity:0}@keyframes sos{0%{opacity:1}3%{opacity:.15}6%{opacity:1}9%{opacity:.15}12%{opacity:1}15%{opacity:.15}21%{opacity:1}30%{opacity:.15}33%{opacity:1}42%{opacity:.15}45%{opacity:1}54%{opacity:.15}60%{opacity:1}63%{opacity:.15}66%{opacity:1}69%{opacity:.15}72%{opacity:1}75%{opacity:.15}}.art-log .line{opacity:0;animation:4s step-end infinite mark}.art-log .l2{animation-delay:.8s}.art-log .l3{animation-delay:1.6s}.goal{flex-direction:column;gap:.3rem;display:flex}.goal-line{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:1.12rem;font-weight:700;line-height:1.35}.goal-more{color:var(--accent);background:0 0;border:none;align-self:flex-start;padding:.1rem 0;font-size:.82rem;font-weight:700}.goal-text{color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.65rem .85rem;font-size:.88rem;line-height:1.55}.goal-text,.bubble p{-webkit-user-select:text;user-select:text}.bubble{align-items:flex-start;gap:.6rem;display:flex}.bubble .ditty-face{flex:none;margin-top:.1rem}.bubble p{background:var(--surface);border:1px solid var(--line);min-height:2.6em;color:var(--ink-soft);border-radius:4px 16px 16px;flex:1;margin:0;padding:.55rem .8rem;font-size:.95rem;line-height:1.45}.bubble b{color:var(--ink);font-family:var(--font-display)}.at-key .bubble p,.at-learn .bubble p{min-height:calc(4.35em + 1.1rem + 2px)}.ditty-face.wow{animation:.45s hop}@keyframes hop{40%{transform:translateY(-5px)rotate(-4deg)}}.pick-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:.5rem;margin-inline:-.1rem;padding:.15rem .1rem .35rem;display:flex;overflow-x:auto}.pick-row::-webkit-scrollbar{display:none}.pick{scroll-snap-align:start;background:var(--surface);border:1.5px solid var(--line);min-width:84px;color:var(--ink);border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:.2rem;padding:.45rem .6rem .4rem;transition:transform .12s,border-color .12s;display:flex}.pick:active{transform:scale(.95)}.pick.on{border-color:var(--accent);background:var(--tint);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.pick-art{place-items:center;min-height:30px;display:grid}.pick-label{white-space:nowrap;font-size:.78rem;font-weight:700}.glyph-art{font-family:var(--font-mono);color:var(--accent);font-size:1.3rem;font-weight:700;line-height:30px}.glyph-art.lamp{color:var(--star)}.glyph-art.small{font-size:.9rem}.style-art{align-items:center;gap:4px;height:30px;display:flex}.style-art i{background:var(--ink);border-radius:6px;height:12px;display:block}.style-art .one{border-radius:8px;width:46px;height:16px}.style-art .dit{width:12px}.style-art .dah{width:32px}.stars{letter-spacing:.05em;color:var(--line-strong);font-size:.95rem}.stars.small{font-size:.72rem}.stars i{font-style:normal}.stars i.on{color:var(--star)}.btn-row{flex-wrap:wrap;gap:.6rem;display:flex}.big-btn{border:1.5px solid var(--line-strong);background:var(--surface);min-height:52px;color:var(--ink);font-family:var(--font-display);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:999px;flex:1 1 0;padding:.6rem 1rem;font-size:1rem;font-weight:800}.big-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.big-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.big-btn:not(:disabled):active{transform:scale(.97)}.sticker-count{font-family:var(--font-mono);color:var(--ink-soft);align-items:center;gap:.6rem;margin:0;font-size:.78rem;display:flex}.meter{background:var(--line);border-radius:999px;flex:0 0 96px;height:8px;overflow:hidden}.meter i{background:var(--star);border-radius:999px;height:100%;display:block}.stage-count{font-family:var(--font-display);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.15rem .6rem;font-size:.85rem;font-weight:800;position:absolute;top:10px;right:12px}.key-wrap{position:relative}.coach{pointer-events:none;place-items:center;animation:.5s .6s both coach-in;display:grid;position:absolute;inset:0}@keyframes coach-in{0%{opacity:0}}.coach-dot{background:color-mix(in srgb, var(--lamp) 45%, transparent);border:2.5px solid var(--lamp);width:34px;height:34px;box-shadow:0 0 0 8px color-mix(in srgb, var(--lamp) 18%, transparent);border-radius:50%;position:absolute}.coach-label{font-family:var(--font-display);color:var(--accent);background:var(--paper);white-space:nowrap;border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:999px;padding:.15rem .7rem;font-size:.82rem;font-weight:800;position:absolute;bottom:calc(100% + 4px)}.coach.tap .coach-dot{animation:1.4s ease-in-out infinite c-tap}@keyframes c-tap{0%,to{transform:scale(1)}50%{transform:scale(.7)}}.coach.still .coach-dot{animation:none}.celebrate{pointer-events:none;z-index:70;position:fixed;inset:0;overflow:hidden}.celebrate .bit{color:var(--ink);animation-name:bit-fall;animation-timing-function:cubic-bezier(.2,.6,.4,1);animation-fill-mode:forwards;position:absolute;top:34%}.celebrate .bit.hot{color:var(--accent)}@keyframes bit-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.next-letter{flex:none}.level.got{background:var(--tint);border-color:color-mix(in srgb, var(--star) 45%, var(--line))}.level-code{height:6px}.listen-stage{background:radial-gradient(120% 90% at 30% 0%, #221d18 0%, var(--stage) 62%);border-radius:18px;align-items:center;gap:1.1rem;padding:1.1rem 1rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.lens.big{width:84px;height:84px}.listen-play{flex:1;display:flex;position:relative}.listen-play .big-btn{width:100%}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.choice{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.45rem;padding:.9rem .4rem .8rem;transition:transform .12s,border-color .12s;display:flex}.choice:not(:disabled):active{transform:scale(.96)}.choice:disabled{opacity:.45}.choice-ch{font-family:var(--font-mono);font-size:2rem;font-weight:700;line-height:1}.choice.right{border-color:var(--good);background:color-mix(in srgb, var(--good) 14%, var(--surface))}.choice.wrong{border-color:var(--accent);animation:.3s shake}.choice.dim{opacity:.45}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ear-book{grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem;display:grid}@media (width>=480px){.ear-book{grid-template-columns:repeat(10,minmax(0,1fr))}}.ear{aspect-ratio:1;font-family:var(--font-mono);border:1.5px dashed var(--line-strong);color:var(--ink-faint);border-radius:10px;place-items:center;font-size:.95rem;font-weight:700;display:grid}.ear.far{opacity:.35}.ear.got{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.signal-label .lit{color:var(--accent)}.log-empty .btn-row{width:100%;max-width:420px;margin-top:.8rem}@media (orientation:landscape) and (width>=740px){.app{max-width:960px}.screen-body>.pick-row,.screen-body>.goal,.screen-body>.bubble,.key-wrap{width:min(100%,620px);margin-inline:auto}.key-wrap>.mkey,.key-wrap>.paddle{width:100%}.screen-body.home .doors{grid-template-columns:repeat(3,minmax(0,1fr))}.choices,.listen-stage,.ear-book,.screen-body>.section-title,.screen-body>.sticker-count,.screen-body>.next-letter{width:min(100%,620px);margin-inline:auto}}a.brand-sub{text-decoration:none}a.brand-sub:hover{color:var(--ink-soft)}.brand:has(+.brand-sub){margin-right:0}.brand+.brand-sub{margin-right:auto}