:root{--bg: #f5f0e6;--paper: #faf7f0;--line: #e6dfd0;--line-strong: #d8cfbc;--ink: #1f1c18;--ink-2: #36322b;--muted: #7a7366;--soft: #ece5d6;--accent: #56653f;--accent-ink: #f5f3ea;--live: #1a9e9c;--live-soft: #d9ede8;--spark: #e9a52f;--spark-soft: #fbedd0;--kw: #2a56a3;--fn: #b45a26;--num: #1a8a88;--com: #9a9488;--serif: "Newsreader", "Iowan Old Style", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--icon-ink: #4a443a;--glass: rgba(250, 247, 240, .86);--on-bg: #e9ecdf;--on-line: #b9c2a3;--danger: #9a3b2e;--danger-soft: #f4dfd8;--ok: #4d6b35;--hover: rgba(0, 0, 0, .03);--radius: 14px;--shadow: 0 1px 2px rgba(60, 45, 25, .05), 0 6px 20px -8px rgba(60, 45, 25, .14);--shadow-lg: 0 2px 6px rgba(60, 45, 25, .06), 0 24px 60px -20px rgba(60, 45, 25, .3);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.3, 1.6, .5, 1);color-scheme:light}:root[data-theme=dark]{--bg: #15130f;--paper: #1d1a15;--line: #2d2921;--line-strong: #3d372d;--ink: #efe9dc;--ink-2: #d4ccbb;--muted: #9b9282;--soft: #28241c;--accent: #a3b47c;--accent-ink: #15130f;--live: #4cc7c0;--live-soft: #173331;--spark-soft: #3a2f17;--kw: #8fb0f0;--fn: #f0a46d;--num: #66d1c9;--icon-ink: #c9c0ae;--glass: rgba(29, 26, 21, .82);--on-bg: #2a3020;--on-line: #56643b;--danger: #e08a76;--danger-soft: #3a211b;--ok: #a3c27f;--hover: rgba(255, 255, 255, .04);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px -8px rgba(0, 0, 0, .5);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .35), 0 24px 60px -20px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);transition:background-color .3s;color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}svg{display:block}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app{display:grid;grid-template-columns:248px minmax(0,1fr) 380px;height:100vh;height:100dvh;transition:grid-template-columns .28s var(--ease-out)}.app.no-left{grid-template-columns:0 minmax(0,1fr) 380px}.app.no-right{grid-template-columns:248px minmax(0,1fr) 0}.app.no-left.no-right{grid-template-columns:0 minmax(0,1fr) 0}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;translate:0 -50%;z-index:20;padding:4px 8px;border-radius:7px;background:var(--ink);color:var(--bg);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}[data-tip]:hover:after{opacity:1;transition-delay:.35s}.sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:20px 20px 14px}.brand-name{font:400 28px/1 var(--serif);letter-spacing:-.015em;white-space:nowrap}.switch{display:flex;gap:4px;margin:0 16px 14px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:999px}.switch button{flex:1;padding:6px 10px;border-radius:999px;font-size:12.5px;color:var(--ink-2);transition:background .15s,color .15s}.switch button:hover:not(.is-on){background:var(--soft)}.switch button.is-on{background:var(--accent);color:var(--accent-ink)}.progress{padding:0 20px 12px}.progress-text{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.progress-bar{height:4px;border-radius:4px;background:var(--soft);overflow:hidden;margin-top:6px}.progress-bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .8s var(--ease-out)}.progress.celebrate .progress-bar i{animation:bar-glow 1.2s var(--ease-out)}@keyframes bar-glow{0%{box-shadow:0 0 0 4px #56653f40}}.nav-scroll{flex:1;min-height:0;overflow:auto;padding:0 10px 12px}.nav-label{padding:14px 10px 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.lessons,.bench-parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.nav-row{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;text-align:left;transition:background .15s}.nav-row:hover:not(:disabled){background:var(--hover)}.nav-row.is-active{background:var(--soft)}.nav-row:disabled{opacity:.55}.nav-thumb{width:44px;height:34px;flex:none;border-radius:8px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;position:relative}.nav-thumb img{width:100%;height:100%;object-fit:contain}.nav-row.done .nav-thumb:after{content:"✓";position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:9.5px;display:grid;place-items:center;line-height:1}.nav-text{display:flex;flex-direction:column;min-width:0;flex:1}.nav-title{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{flex:none;margin-left:auto;font-size:10.5px;padding:2px 7px;border-radius:99px;background:var(--soft);color:var(--muted)}.part-row .swatch{width:10px;height:10px;border-radius:50%;flex:none;margin:0 4px;box-shadow:inset 0 0 0 1px #0000001f}.part-row.is-live .swatch{background:var(--live)!important;box-shadow:0 0 0 3px var(--live-soft)}.side-foot{display:flex;justify-content:space-between;padding:12px 20px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.link{color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--ink)}.stage{position:relative;min-width:0;min-height:0;overflow:hidden}.bench{position:absolute;inset:0}.bench canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.stage.hovering .bench canvas{cursor:pointer}.overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.overlay .leader{fill:none;stroke:var(--muted);stroke-width:1;opacity:.9;transition:opacity .3s}.overlay .leader.card{stroke-dasharray:3 3}.overlay .leader.look,.overlay .leader.sel{stroke:var(--live);opacity:1}.overlay .anchor{fill:var(--live);stroke:var(--paper);stroke-width:2}.overlay .halo{fill:none;stroke:var(--live);stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:halo 2.8s ease-out infinite}.overlay .ring{fill:none;stroke:var(--live);stroke-width:1.6;stroke-dasharray:5 4;animation:march 1.1s linear infinite}.overlay .ring.look{stroke:var(--spark);stroke-width:1.6;opacity:.75}@keyframes march{to{stroke-dashoffset:-18}}@keyframes halo{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;text-align:left;padding:4px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:12.5px;color:var(--ink);white-space:nowrap;transition:border-color .2s,box-shadow .2s,opacity .3s;animation:pin-in .45s var(--ease-pop) both}.pin b{font-weight:500}.pin .val{margin-left:6px;font:500 11.5px var(--mono);color:var(--live)}.pin.card{width:172px;white-space:normal;border-radius:12px;padding:9px 12px}.pin.card b{display:block;font:400 17px/1.15 var(--serif)}.pin.card small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--muted)}.pin.card .val{display:inline-block;padding:0 3px;margin:4px 0 0 -3px}.pin:hover,.pin.look{border-color:var(--live)}.pin.look{box-shadow:0 0 0 3px var(--live-soft),var(--shadow)}.pin.sel{border-color:var(--live);background:var(--live-soft)}.pin .val.flash{animation:param-flash .9s var(--ease-out);border-radius:4px}@keyframes pin-in{0%{opacity:0;scale:.9}}@keyframes param-flash{0%{color:var(--paper);background:var(--live)}}.quick{position:absolute;top:16px;left:64px;right:16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.quick::-webkit-scrollbar{display:none}.quick{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);padding-right:40px}.quick-card{flex:none;display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:12px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;transition:border-color .2s,transform .2s var(--ease-out);animation:insp-in .45s var(--ease-out) both}.quick-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.quick-card.sel{border-color:var(--live)}.quick-card img{width:46px;height:36px;object-fit:contain}.quick-card img:not([src]),.nav-thumb img:not([src]){visibility:hidden}.quick-card b{display:block;font:400 16px/1.1 var(--serif)}.quick-card i{display:block;font:italic 400 12.5px/1.2 var(--serif);color:var(--muted)}@keyframes insp-in{0%{opacity:0;translate:0 6px;scale:.95}}.tool-col{position:absolute;left:16px;top:50%;translate:0 -50%;display:grid;gap:10px}.tool-group{display:grid;gap:2px;padding:4px;border-radius:999px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow)}.tool{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--icon-ink);transition:background .15s,color .15s}.tool svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool svg .f{fill:currentColor;stroke:none}.tool:hover{background:var(--hover);color:var(--ink)}.tool.is-on{background:var(--accent);color:var(--accent-ink)}.view-bar{position:absolute;left:50%;bottom:14px;translate:-50% 0;display:grid;justify-items:center;gap:8px}.view-pill{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow)}.view-pill button{height:32px;min-width:34px;padding:0 9px;border-radius:999px;display:grid;place-items:center;color:var(--icon-ink);font-size:13px;transition:background .15s,color .15s}.view-pill button:hover{background:var(--hover);color:var(--ink)}.view-pill button.is-on{background:var(--soft);color:var(--ink)}.view-pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-pill .deg{width:44px;text-align:center;font:500 13px var(--mono);color:var(--ink)}.view-pill i{width:1px;height:18px;background:var(--line-strong);margin:0 6px}.view-pill [data-tip]:after{left:50%;top:auto;bottom:calc(100% + 8px);translate:-50% 0}.caption{margin:0;max-width:min(560px,70vw);font:italic 400 16px/1.3 var(--serif);color:var(--ink-2);text-align:center;min-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s}.edge-toggle{position:absolute;top:50%;translate:0 -50%;width:20px;height:54px;display:grid;place-items:center;background:var(--glass);border:1px solid var(--line);color:var(--muted);backdrop-filter:blur(8px);transition:width .15s,background .15s;z-index:2}.edge-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:rotate .25s}.edge-toggle:hover{background:var(--paper);width:26px}.edge-toggle.is-left{left:0;border-left:0;border-radius:0 10px 10px 0}.edge-toggle.is-right{right:0;border-right:0;border-radius:10px 0 0 10px}.edge-toggle.is-left[data-tip]:after{left:calc(100% + 8px)}.edge-toggle.is-right[data-tip]:after{left:auto;right:calc(100% + 8px)}.app.no-left .edge-toggle.is-left svg,.app.no-right .edge-toggle.is-right svg{rotate:180deg}.app.no-left .tool-col{left:34px}.tip{position:absolute;pointer-events:none;padding:4px 10px;border-radius:999px;font-size:12.5px;background:var(--ink);color:var(--bg);translate:-50% calc(-100% - 14px);white-space:nowrap;z-index:6}.toast{position:absolute;bottom:104px;left:50%;translate:-50% 0;max-width:min(480px,calc(100% - 28px));padding:10px 14px;border-radius:12px;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);font-size:13.5px;animation:insp-up .35s var(--ease-out);z-index:7}.toast.danger{background:var(--danger);color:#fff}.toast.ok{background:var(--accent);color:var(--accent-ink)}@keyframes insp-up{0%{opacity:0;translate:-50% 14px}}.panel{min-height:0;min-width:0;overflow:auto;padding:16px 16px 32px 4px;overscroll-behavior:contain}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.reveal>*{animation:reveal .5s var(--ease-out) both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}.card h1{font:400 38px/1.05 var(--serif);letter-spacing:-.02em;margin:6px 0 12px}.card h2{font:400 22px/1.2 var(--serif);margin:0 0 10px;letter-spacing:-.01em}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{white-space:nowrap;padding:4px 10px;border-radius:999px;background:var(--soft);font-size:12.5px;color:var(--ink-2)}.intro{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}.back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin-bottom:6px}.back:hover{color:var(--ink)}.back svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.readings-card{padding:14px 18px 16px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.live-dot.on{color:var(--live)}.live-dot.on:before{background:var(--live);box-shadow:0 0 0 3px var(--live-soft);animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:0 12px;min-width:0}.stat:first-child{padding-left:0}.stat+.stat{border-left:1px solid var(--line)}.stat b{display:block;font:400 27px/1.1 var(--serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.stat b small{font:400 15px var(--serif);color:var(--muted);margin-left:2px}.stat span{display:block;margin-top:3px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat.word b{font-size:18px;line-height:1.65}.stat.long b{font-size:22px;line-height:1.35}.stat.off b{color:var(--muted)}.stat.good b{color:var(--live)}.stat.warn b{color:var(--danger)}.stat.flash b{animation:stat-flash .9s var(--ease-out)}@keyframes stat-flash{0%{color:var(--live);transform:translateY(-2px)}}.step-body{min-height:96px}.step-body .eyebrow{margin-bottom:4px}.step-body h3{font:400 20px/1.2 var(--serif);margin:0 0 6px}.step-body p{margin:0 0 8px;color:var(--ink-2);font-size:14.5px}.step-body p:last-child{margin-bottom:0}.formula{font:500 15px/1.5 var(--mono)!important;color:var(--ink)!important;background:var(--live-soft);padding:4px 10px;border-radius:8px;display:inline-block}.step-nav{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.dots{display:flex;gap:6px}.dots button{width:7px;height:7px;border-radius:50%;background:var(--line-strong);transition:background .2s,transform .2s var(--ease-pop)}.dots button.seen{background:var(--muted)}.dots button[aria-current=true]{background:var(--accent);transform:scale(1.4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform .15s}.btn:hover:not(:disabled){background:var(--soft)}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.small{padding:5px 11px;font-size:12.5px}.predict{margin-top:10px;display:grid;gap:6px}.predict button{text-align:left;padding:9px 13px;border-radius:10px;border:1px solid var(--line-strong);background:var(--paper);font-size:14px;transition:border-color .2s,background .2s,transform .15s}.predict button:hover:not(:disabled){border-color:var(--ink)}.predict button.right{border-color:var(--ok);background:var(--on-bg)}.predict button.wrong{border-color:var(--danger);background:var(--danger-soft);animation:shake .35s}.predict button:disabled{opacity:1}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.feedback{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--soft);font-size:13.5px;animation:reveal .3s var(--ease-out)}.try-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.try-head h2{margin:0}.run{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 13px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:500;font-size:13.5px;transition:background .2s,transform .1s}.run svg{width:13px;height:13px;fill:currentColor}.run:active{transform:scale(.97)}.run[aria-pressed=true]{background:var(--live);color:#fff}.run[aria-pressed=true]:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid var(--live);animation:run-halo 2.2s ease-out infinite}@keyframes run-halo{0%{opacity:.8;transform:scale(.97)}to{opacity:0;transform:scale(1.12)}}.controls{display:grid;gap:14px}.control-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:13px;color:var(--muted)}.control-label output{color:var(--ink);font:500 12.5px var(--mono)}.seg{display:flex;gap:3px;padding:3px;background:var(--soft);border-radius:12px;flex-wrap:wrap}.seg button{flex:1;padding:7px 8px;border-radius:9px;font-size:13px;color:var(--muted);white-space:nowrap;transition:background .2s,color .2s}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #0000001a}.seg button:hover:not([aria-pressed=true]){color:var(--ink)}.swatch{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.bands{display:inline-flex;gap:2px;vertical-align:-1px}.bands i{width:5px;height:12px;border-radius:1px;display:block;box-shadow:inset 0 0 0 .5px #0000004d}.row{display:flex;gap:8px;flex-wrap:wrap}.note{padding:10px 12px;border-radius:10px;background:var(--soft);font-size:13.5px;color:var(--ink-2)}.note.warn{background:var(--danger-soft);color:var(--danger)}.note.good{background:var(--live-soft);color:var(--ink)}.run-note{margin:10px 0 0;font-size:12.5px;color:var(--muted)}.tabs{display:flex;gap:4px;padding:3px;background:var(--soft);border-radius:10px;margin-bottom:12px;width:max-content}.tabs button{padding:5px 12px;border-radius:8px;font-size:12.5px;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #00000014}.figure{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:10px}.schematic{display:block;width:100%;height:auto;color:var(--ink)}.schematic .live{stroke:var(--live);stroke-dasharray:7 4;animation:sch-flow .5s linear infinite}.schematic text{font:500 11px var(--sans);fill:var(--ink-2)}.schematic .val{font:500 10.5px var(--mono);fill:var(--ink)}.schematic .dim{opacity:.35}@keyframes sch-flow{to{stroke-dashoffset:-22px}}pre.code{margin:0;padding:10px 0;font:12.5px/1.7 var(--mono);overflow:auto;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;counter-reset:ln}.code .ln{display:block;padding-right:12px;white-space:pre}.code .ln:before{counter-increment:ln;content:counter(ln);display:inline-block;width:32px;padding-right:12px;text-align:right;color:var(--muted);opacity:.6}.code .kw{color:var(--kw)}.code .fn{color:var(--fn)}.code .num{color:var(--num)}.code .com{color:var(--com);font-style:italic}.code .ln.hl{background:var(--spark-soft);animation:line-flash 1.4s var(--ease-out)}@keyframes line-flash{0%{background:#f0a53a8c}}table.readings{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.readings th{text-align:right;font-weight:500;color:var(--muted);font-size:11.5px;padding:6px 8px;border-bottom:1px solid var(--line)}.readings td{text-align:right;padding:7px 8px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12.5px}.readings th:first-child,.readings td:first-child{text-align:left}.readings tr.new td{animation:row-pulse 1s var(--ease-out)}@keyframes row-pulse{0%{background:var(--live-soft)}}.empty{color:var(--muted);font-size:13.5px;padding:6px 2px}.graph{display:block;width:100%;height:auto;margin-top:10px}.graph text{font:500 10px var(--mono);fill:var(--muted)}.facts{margin:0}.facts div{display:grid;grid-template-columns:22px 120px 1fr;gap:10px;align-items:baseline;padding:7px 0;font-size:13.5px}.facts div+div{border-top:1px solid var(--line)}.facts .k{color:var(--muted)}.facts .v{font-variant-numeric:tabular-nums}.facts .i{color:var(--icon-ink);font-size:13px;text-align:center}.sym-box{float:right;margin:4px 0 10px 12px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.thumb-hero{display:block;width:100%;height:150px;object-fit:contain;margin:4px 0 8px;animation:insp-in .5s var(--ease-pop) both}.goals{list-style:none;margin:0;padding:0;display:grid;gap:8px}.goals li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14px;color:var(--ink-2)}.goals .box{width:20px;height:20px;border-radius:7px;border:1.5px solid var(--line-strong);display:grid;place-items:center;transition:background .25s,border-color .25s}.goals li.met .box{background:var(--accent);border-color:var(--accent);animation:tick-pop .45s var(--ease-pop)}.goals li.met .box:after{content:"";width:9px;height:4.5px;border:2px solid var(--accent-ink);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.goals li.met span{color:var(--ink)}@keyframes tick-pop{0%{transform:scale(.6)}}.done-banner{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--on-bg);border:1px solid var(--on-line);display:flex;justify-content:space-between;align-items:center;gap:12px;animation:celebrate .7s var(--ease-out)}.done-banner b{display:block;font:400 19px/1.2 var(--serif)}@keyframes celebrate{30%{transform:translateY(-5px) scale(1.02)}}@media (max-width: 1180px){.app{grid-template-columns:220px minmax(0,1fr) 340px}.app.no-left{grid-template-columns:0 minmax(0,1fr) 340px}}@media (max-width: 860px){.app,.app.no-left,.app.no-right{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 46dvh minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.brand{padding:10px 14px 8px}.brand-name{font-size:22px}.switch,.progress,.side-foot,.nav-label,.bench-parts{display:none}.nav-scroll{overflow-x:auto;overflow-y:hidden;padding:0 12px 10px;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}.lessons{display:flex;gap:6px}.lessons li{flex:none}.nav-row{border:1px solid var(--line);background:var(--paper);padding:4px 12px 4px 4px}.nav-row .nav-sub,.nav-row .badge{display:none}.nav-thumb{width:36px;height:28px}.quick,.edge-toggle,.caption{display:none}.tool-col{left:8px;top:auto;bottom:8px;translate:none;display:flex}.tool-group{display:flex}.tool{width:32px;height:32px}.view-bar{left:auto;right:8px;bottom:8px;translate:none}.view-pill .txt,.view-pill .deg,.view-pill i,.tool-group:nth-child(3){display:none}.tool-col{gap:6px}[data-tip]:after{display:none}.panel{padding:12px 12px 32px}.card{padding:16px}.card h1{font-size:30px}.stat b{font-size:24px}.pin.card{width:auto;white-space:nowrap;border-radius:999px;padding:4px 10px}.pin.card small{display:none}.pin.card b{font:500 12px var(--sans);display:inline}.pin.card .val{display:inline;margin-left:6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--accent) var(--fill, 50%),var(--line-strong) var(--fill, 50%))}input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:var(--line-strong)}input[type=range]::-moz-range-progress{height:5px;border-radius:5px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7.5px;border-radius:50%;background:var(--paper);border:2px solid var(--accent);box-shadow:var(--shadow);transition:transform .15s var(--ease-pop)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--accent)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.hold{width:100%;padding:12px;border-radius:12px;border:1px dashed var(--line-strong);background:var(--bg);font-weight:500;touch-action:none;user-select:none;transition:background .15s,border-color .15s,transform .1s}.hold.down{background:var(--live-soft);border-color:var(--live);border-style:solid;transform:scale(.99)}.serial{margin-top:10px;height:92px;overflow:hidden;padding:8px 12px;border-radius:12px;background:#1f1c18;color:#cfe9e3;font:12px/1.55 var(--mono);display:flex;flex-direction:column;justify-content:flex-end}.serial .s-head{color:#8e877a;font-size:11px;margin-bottom:auto}.serial div:last-child{animation:reveal .3s var(--ease-out)}