:root{color-scheme:dark;--bg:#080b10;--ink:#e7edf3;--muted:#8e9aa8;--line:#242d38;--soft:#101720;--accent:#dfff00;--warm:#f0ad83}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,input[type=search]{color:inherit;background:transparent;border:1px solid var(--line);border-radius:5px}button,select{min-height:38px;padding:7px 12px}button,a,summary{cursor:pointer}button:hover,select:hover{border-color:#627487}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #dfff00;outline-offset:3px}button[aria-pressed=true]{color:#dfff00;border-color:#dfff00;background:#1a1d22}button:disabled{opacity:.45;cursor:wait}button.text-button{border:0;color:var(--muted);padding-inline:0}button.text-button:hover{color:var(--ink)}input[type=range],input[type=checkbox]{accent-color:#dfff00}input[type=range]{cursor:pointer;min-width:0;height:22px}input[type=checkbox]{width:15px;height:15px;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}[hidden]{display:none!important}.site-header{max-width:1560px;padding:23px 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;font-weight:650;white-space:nowrap}.mark{font-size:24px;line-height:1;width:20px;text-align:center;font-weight:350;letter-spacing:0}.site-header nav{display:flex;gap:26px;font-size:14px;color:var(--muted);align-items:center;flex-wrap:wrap}.site-header nav .current{color:var(--ink)}main{max-width:1560px;padding:0 38px;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:40px 0 35px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;margin:0 0 8px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.3vw,45px);line-height:1.13;font-weight:480;letter-spacing:-.04em;margin-bottom:0}.intro-note{max-width:390px;color:var(--muted);font-size:14px;margin:0}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}.library{border-right:1px solid var(--line);padding-right:22px}.library-toggle{display:flex;align-items:center;gap:10px;border:0;padding:0;min-height:0;margin:0 0 18px;text-align:start;width:100%;font-weight:600}.library-toggle>span:last-child{display:none}.library-toggle #mode-count{color:var(--muted);font-weight:400;font-size:12px}.library-body{position:sticky;top:15px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.search input{width:100%;height:38px;padding:8px 10px;margin-bottom:8px}#category{width:100%;font-size:13px;padding:5px 8px}#category option,#comparison-mode option{background:var(--soft)}#search-count{font-size:11px;margin:12px 0 8px}.mode-list{overflow:auto;min-height:100px;max-height:65vh;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mode-button{display:flex;align-items:flex-start;text-align:start;width:100%;border:0;border-radius:0;padding:9px 7px;line-height:1.35;font-size:13px;gap:8px}.mode-button:hover{background:#121b24}.mode-button[aria-pressed=true]{background:#171a1e;color:#dfff00;box-shadow:inset 2px 0 var(--accent)}.mode-button .number{font:10px/1.7 ui-monospace,monospace;color:var(--muted);min-width:19px}.mode-button .name{flex:1}.mode-button .level-dot{width:4px;height:4px;background:var(--muted);border-radius:50%;margin-top:7px;flex:none}.mode-button[data-classification=analytic] .level-dot{background:var(--accent)}.mode-button[data-classification=speculative] .level-dot{background:var(--warm)}.library-link{font-size:12px;line-height:1.5;border-top:1px solid var(--line);margin-top:15px;padding-top:12px;color:var(--muted)}.mode-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.mode-heading h2{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:0 0 8px}.status{white-space:nowrap;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px;padding:5px 8px;align-self:flex-start}.status[data-classification=analytic]{color:var(--accent);border-color:#424b54}.status[data-classification=speculative]{color:var(--warm);border-color:#614832}.description{font-size:14px;color:var(--muted);max-width:950px;min-height:42px;margin:4px 0 20px}.representation-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.representation-tabs{display:flex;gap:6px;flex-wrap:wrap}.representation-tabs button{font-size:12px;min-height:33px;padding:5px 10px}.compare-toggle,.loop{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.comparison-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 0 12px;font-size:13px}.comparison-controls p{width:100%;font-size:12px;color:var(--muted);margin:0}.comparison-controls select{min-width:200px;max-width:70%;font-size:12px;height:34px;min-height:34px}.source-a{color:var(--accent)}.source-b{color:var(--warm)}.stage{position:relative;background:#080a0f;isolation:isolate;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:clamp(420px,52vw,625px);overflow:hidden}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.scene-top,.scene-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;z-index:1}.scene-top{top:15px;align-items:flex-start}.scene-bottom{bottom:14px;align-items:flex-end}.scene-label,.scene-bottom span{font-size:11px;color:#a4b2c3;line-height:1.4;text-shadow:0 1px 6px #000}.scene-label{max-width:50%}.stage-actions{display:flex;gap:6px;pointer-events:auto}.stage-actions button{font-size:12px;min-height:34px;background:#080b10bc;border-color:#34414e}.scene-footnote{max-width:45%;text-align:end;opacity:.72}.scene-bottom #transition-label{color:var(--warm)}.transport{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.transport button{height:33px;min-height:33px;padding:3px 10px;font-size:15px}.transport .play{min-width:39px;border-color:#525a62;color:var(--accent)}.transport input[type=range]{flex:1;min-width:50px}.transport output{font:11px ui-monospace,monospace;min-width:35px;color:var(--muted)}.transport select{font-size:12px;min-height:32px;padding:4px 5px}.camera-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0 16px;color:var(--muted);font-size:12px}.camera-controls>div{display:flex;gap:5px}.camera-controls button{font-size:11px;padding:4px 9px;min-height:30px}.camera-controls>label{margin-inline-start:auto}.camera-controls>input{width:120px}.camera-controls>p{width:100%;margin:0;font-size:11px}.metrics{display:flex;flex-wrap:wrap;gap:20px;padding:13px 0 20px}.metric{min-width:100px;display:flex;flex-direction:column;gap:4px}.metric span{font-size:11px;color:var(--muted)}.metric strong{font:16px ui-monospace,SFMono-Regular,monospace;color:#d3d9df;font-weight:400}.parameters-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:17px}.parameters-heading h3{font-size:15px;font-weight:500;margin:0}.parameters-heading button{font-size:12px;min-height:30px}.parameters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:14px 0 22px}.parameter{display:flex;flex-direction:column;gap:5px}.parameter>span{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.parameter output{font:12px ui-monospace,monospace;color:var(--ink)}.parameter input{width:100%;margin:0}.calculation-row{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:18px 0}.calculation-row>div{max-width:560px}.calculation-row p{font-size:12px;margin:0 0 5px}.primary{background:#dfff00;color:#171b08;border-color:#dfff00;white-space:nowrap;font-size:13px;min-height:42px}.primary:hover:not(:disabled):not([aria-disabled=true]){background:#eaff66;border-color:#eaff66;color:#171b08}.muted,.scope-line{color:var(--muted)}.calculation-result{border-top:1px solid #525a62;padding:18px 0}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.result-heading h3{font-size:16px;font-weight:500;margin:0}.result-heading button{font-size:12px}.calculation-result p{font-size:13px;max-width:900px}.method{border-top:1px solid var(--line);padding:16px 0;font-size:13px}.method summary{color:var(--muted)}.method[open] summary{margin-bottom:15px}.method p{max-width:850px}.method a{color:var(--accent);display:block;margin:5px 0;font-size:12px}.coverage{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid var(--line);margin-top:42px;padding-top:30px}.coverage h2{font-size:22px;font-weight:450;letter-spacing:-.02em}.coverage p{font-size:13px;max-width:650px;color:var(--muted)}.coverage details{font-size:13px;color:var(--muted)}.coverage details>summary{padding:0 0 15px;cursor:pointer}.coverage-row{border-top:1px solid var(--line);padding:10px 0}.coverage-row h3{font-size:13px;font-weight:500;color:var(--ink);margin:0 0 5px}.coverage-row p{font-size:12px;margin:0}.coverage-mode{color:var(--accent);border:0;font-size:12px;min-height:26px;padding:2px 0;margin-inline-end:12px}.error{padding:12px 0;color:#f5af9f;border-top:1px solid #694031;font-size:13px}.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}footer{max-width:1484px;margin:42px auto 0;padding:20px 0 35px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:25px}body.full-window{overflow:hidden}.stage.full-window{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh;border:0}.stage:fullscreen{height:100vh;width:100vw}.stage:fullscreen .scene-top,.stage.full-window .scene-top{top:25px;left:25px;right:25px}@media(min-width:1700px){.stage{height:660px}}@media(max-width:1100px){main{padding:0 24px}.site-header{padding:20px 24px}.workspace{grid-template-columns:185px minmax(0,1fr);gap:24px}.library{padding-right:15px}.parameters{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.calculation-row{align-items:flex-start;flex-direction:column;gap:12px}.stage{height:510px}.scene-footnote{display:none}footer{margin-inline:24px}.status{font-size:10px}.mode-heading h2{font-size:24px}}@media(max-width:760px){.site-header{padding:16px 18px;gap:14px;flex-wrap:wrap}.site-header nav{gap:20px;width:100%;font-size:13px}.page-intro{display:block;margin:28px 0}.intro-note{margin-top:14px;max-width:550px}.workspace{display:block}.library{border:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.library-toggle{padding:13px 0;margin:0;font-size:13px}.library-toggle>span:last-child{display:inline;margin-inline-start:auto}.library-body{display:none;position:static;max-height:none;padding:2px 0 15px}.library.open .library-body{display:flex}.mode-list{max-height:310px}.mode-button{font-size:14px}.library-link{display:none}.mode-heading{align-items:flex-start;gap:10px}.mode-heading h2{font-size:23px}.mode-heading .eyebrow{font-size:10px}.description{font-size:13px;min-height:0;margin-bottom:15px}.representation-bar{align-items:flex-start}.representation-tabs{gap:4px}.representation-tabs button{font-size:11px;padding:4px 7px;min-height:29px}.compare-toggle{padding-top:6px;font-size:11px}.stage{height:450px}.scene-top,.scene-bottom{left:10px;right:10px}.scene-label{font-size:10px;max-width:47%}.stage-actions button{font-size:11px;padding:5px 8px;min-height:30px}.transport{gap:7px}.transport .loop{display:none}.camera-controls>label{margin-inline-start:0}.camera-controls>input{width:80px;flex:1}.parameters{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:14px;padding-bottom:15px}.metric{min-width:85px}.metric strong{font-size:14px}.metric span{font-size:10px}.coverage{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:23px}.coverage h2{font-size:21px;margin-bottom:12px}.primary{white-space:normal;text-align:start}.comparison-controls select{max-width:65%;min-width:150px}.comparison-controls>#comparison-primary{max-width:70%;font-size:12px}.status{max-width:100px;white-space:normal;text-align:center;line-height:1.3}main{padding:0 18px}footer{margin-inline:18px;font-size:11px}.scene-bottom{flex-wrap:wrap}.scene-bottom #transition-label{width:100%}#camera-readout{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}[dir=rtl] .mode-button[aria-pressed=true]{box-shadow:inset -2px 0 var(--accent)}[dir=rtl] .library{border-right:0;border-left:1px solid var(--line);padding-right:0;padding-left:22px}@media(max-width:760px){[dir=rtl] .library{border-left:0;padding:0}}
.mode-button{align-items:center;min-height:59px;padding:7px 5px;font-size:12px}.mode-thumb{display:block;width:54px;height:43px;flex:0 0 54px;pointer-events:none;background:#080a0f;border-radius:3px}.mode-button .level-dot{margin-top:0}.mode-button .name{min-width:0}@media(max-width:760px){.mode-thumb{width:68px;height:46px;flex-basis:68px}.mode-button{font-size:14px;min-height:60px}}
.flight-pad{position:absolute;bottom:42px;left:18px;display:flex;gap:5px;z-index:2}.flight-pad button{min-width:34px;min-height:34px;background:#0e1722da;border-color:#425766;padding:3px 9px;font-size:18px;touch-action:none;user-select:none}.representation-tabs button:disabled{cursor:not-allowed;opacity:.35}
