:root{color-scheme:dark;--bg:#0b1114;--panel:#101b20;--raised:#17262d;--text:#e1edef;--muted:#a2b5bd;--line:#2a3d45;--cyan:#78e2d8;--gold:#f0bd72;--red:#ff9993;--shadow:#03090c;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}header{height:74px;max-width:1480px;padding:0 4vw;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:24px;align-items:center}.brand{font-weight:800;letter-spacing:.1em;color:var(--text)}.brand span{font-weight:400;color:var(--muted);font-size:11px}.local{font-size:10px;letter-spacing:.14em;color:var(--cyan)}.cell-link{font-size:12px;font-weight:600;white-space:nowrap}main{max-width:1480px;padding:0 4vw;margin:auto}section{padding:44px 0;border-bottom:1px solid var(--line)}.first{padding-top:36px}.intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 12px}h1{font-size:clamp(42px,5.8vw,78px);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:550}h1 em{color:var(--cyan);font-style:normal}h2{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:0}h3{font-size:15px;margin:0;font-weight:600}.lede{color:var(--muted);margin:16px 0 0}.start-area{width:280px;flex-shrink:0}button,input,select{font:inherit;color:inherit}button,select,input[type=number]{border:1px solid var(--line);background:var(--raised);border-radius:5px;min-height:44px;padding:10px 14px}button{cursor:pointer;white-space:normal}button:hover{border-color:var(--cyan)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--cyan);color:var(--bg);font-weight:750;border-color:var(--cyan)}#start{font-size:18px;width:100%;min-height:60px}#audio-note{font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}label{display:block;font-size:12px;font-weight:600}output{font-variant-numeric:tabular-nums;font-weight:400;float:right;color:var(--cyan)}input[type=range]{display:block;width:100%;height:44px;margin:0;accent-color:var(--cyan);cursor:pointer}input[type=number],select{width:100%;display:block;margin-top:7px}p{margin:10px 0}.machine-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}.panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:20px;overflow:hidden}.panel-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h2{font-size:15px;letter-spacing:0}.tag{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:var(--muted);letter-spacing:.03em}.muted,.caption{color:var(--muted)}.caption{font-size:12px;line-height:1.65}.cyan-text{color:var(--cyan)}.gold-text{color:var(--gold)}canvas{display:block;width:100%;height:220px;min-width:0}#bearing{height:220px}.bearing-key,.scope-key{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.bearing-key b{font-weight:500;color:var(--text)}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:5px}.cyan{background:var(--cyan)}.gold{background:var(--gold)}.scope-key output{width:100%;float:none;font-size:11px;color:var(--muted)}.compare{display:flex;gap:12px;align-items:center;font-size:12px;margin-top:14px}.controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:24px;margin-top:16px;padding:16px 20px}.control label{display:flex;justify-content:space-between;gap:8px}.control select{margin-top:0}.boundaries{display:flex;gap:20px;justify-content:space-between;font-size:11px;color:var(--muted)}.boundaries p{max-width:680px}.teaching{font-size:13px;color:var(--gold)}.down{display:block;margin-top:24px;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.monitor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.score{font-size:72px;line-height:1.15;color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:-.06em}.score.unavailable{font-size:24px;letter-spacing:-.025em;margin:26px 0;max-width:390px}.score-panel>p:not(.eyebrow){color:var(--muted);font-size:12px;max-width:600px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;font-size:12px}.status-row strong{color:var(--cyan);letter-spacing:.12em}.baseline-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;color:var(--muted);font-size:12px}.baseline-grid b{display:block;color:var(--text);font-weight:500;font-family:ui-monospace,monospace}.reference-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:end;margin-top:20px}.metric{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;gap:16px}.metric strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--cyan)}small{display:block;font-size:11px;color:var(--muted);max-width:260px}.verdict{padding-top:20px}.verdict strong{font-size:23px;color:var(--gold)}.verdict p:last-child{font-size:12px;color:var(--muted)}#zoom{height:270px;touch-action:none;cursor:grab}.zoom-controls{display:flex;align-items:center;gap:20px;font-family:ui-monospace,monospace;font-size:11px;color:var(--muted)}.zoom-controls input{flex:1;width:0}.zoom-controls span{flex-shrink:0}.chain{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px 0;font-size:12px;color:var(--cyan);border-top:1px solid var(--line)}.chain b{color:var(--muted);font-weight:400}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analysis-grid canvas{height:240px}.advanced{margin-top:16px}.advanced summary{font-size:14px;min-height:44px;cursor:pointer;display:list-item;padding:8px 0}.geometry{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.formulas{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formula{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.formula strong{color:var(--gold);display:block;font-size:16px;font-variant-numeric:tabular-nums}.scenario-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}#scenario-stage{margin-left:auto;color:var(--gold);font-size:13px}.timeline-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:8px}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.milestones span{border-left:2px solid var(--gold);padding-left:12px;font-size:12px;color:var(--muted)}.milestones b{display:block;color:var(--text);font-size:14px;font-weight:500}#lead-time{color:var(--gold);font-size:16px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prose p{color:var(--muted);margin-bottom:20px}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}pre{background:var(--bg);padding:18px;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cyan)}footer{max-width:1480px;padding:30px 4vw;margin:auto;display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:12px}footer p{width:100%;margin:0;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#test-result{border:1px solid var(--cyan);padding:20px;white-space:pre-wrap}.volume output{font-size:12px}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg:#eef3f2;--panel:#fafcfb;--raised:#e3eceb;--text:#152e35;--muted:#4d666e;--line:#c2d3d5;--cyan:#006e66;--gold:#805000;--red:#b21e20;--shadow:#bacccf}}
:root[data-theme=light]{color-scheme:light;--bg:#eef3f2;--panel:#fafcfb;--raised:#e3eceb;--text:#152e35;--muted:#4d666e;--line:#c2d3d5;--cyan:#006e66;--gold:#805000;--red:#b21e20;--shadow:#bacccf}
@media(max-width:900px){.controls{grid-template-columns:1fr 1fr;gap:12px 24px}.controls button{grid-column:2}.local{display:none}.reference-controls{grid-template-columns:1fr 1fr}.reference-controls button{grid-column:1/-1}.machine-grid{grid-template-columns:1fr 1fr}.panel{padding:16px}.panel-head{flex-wrap:wrap}.milestones{grid-template-columns:1fr 1fr}.geometry{grid-template-columns:1fr 1fr}}
@media(max-width:600px){header{height:64px}.brand span{display:block;font-size:9px}.intro{display:block;margin-bottom:20px}h1{font-size:49px}.start-area{width:100%;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.start-area .primary{grid-column:1/-1}.start-area p{font-size:11px}.machine-grid,.monitor-grid,.analysis-grid,.integration-grid{grid-template-columns:1fr}.first{padding-top:24px}.machine-grid{gap:12px}canvas,#bearing{height:200px}.boundaries{display:block}.section-heading{align-items:start;flex-direction:column}section{padding:32px 0}.controls{padding:14px;gap:10px 14px}.controls .control:nth-child(4){grid-column:1}.control label{font-size:11px;display:block}.control output{float:none;display:block}#inject{align-self:end}.formulas{grid-template-columns:1fr}.status-row{align-items:start;flex-direction:column}.baseline-grid{gap:8px}.score{font-size:62px}.chain{gap:8px}.zoom-controls{gap:8px;font-size:9px}.scenario-actions{gap:8px}.scenario-actions .primary{width:100%}.scenario-actions button:not(.primary){flex:1}#scenario-stage{width:100%;margin:0}.milestones{gap:12px}.timeline-labels{font-size:9px}.geometry{gap:10px}#zoom{height:220px}footer{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}