:root { --accent:#318ef4; --lab-bg:#ffffff; --lab-border:#cbd6e3; --lab-muted:#4b6279; }
[data-theme="night"], [data-theme="dark"] {--lab-bg:#101e30;--lab-border:#283e56;--lab-muted:#a6bbd0;--ink:#e8f0fa;--ink-2:#b4c4d6;--ink-3:#9aadc0;--panel:#0b1422;--panel-hi:#142237;--panel-lo:#0d1a2b;--groove:#293e54;--paper:#0b1422;--figure:#101c2c;--band:#14273c;--rule:#2c4059;--man:#6faaff;--sub:#e795d4;--clock:#9db3c9;}
body {font-size:16px; background-image:radial-gradient(ellipse at 85% 0%,rgba(37,96,160,.12),transparent 55%);}
.rail {height:auto; min-height:68px;gap:18px;flex-wrap:wrap;padding:12px 24px;backdrop-filter:blur(16px);}
.wordmark {font-size:22px;letter-spacing:-.8px;}.wordmark span {color:#4fd7cd;font-weight:700;}
.viewtab {font-size:14px!important;padding:9px 12px!important;border-radius:8px;}
.viewtab.is-on {background:rgba(49,142,244,.15);color:var(--ink);box-shadow:inset 0 -2px #429eff;}
.chip,button,select {font-size:14px;} .chip {border-radius:7px;padding:8px 12px;}
button {cursor:pointer;}button:hover {filter:brightness(1.15);}input[type="range"]{accent-color:#39bdbb;cursor:pointer;}
main {max-width:1680px;margin:auto;} .instrument {gap:24px;} .screen {border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0003;border:1px solid #30475f;}
.controls {border-radius:12px;background:var(--lab-bg);padding:18px!important;border:1px solid var(--lab-border);}.controls legend{color:var(--ink);font-size:15px;}.controls label,.knob output,.fieldnote {font-size:14px;}
.softkey {border-radius:8px!important;}.softkey b {font-size:14px;}.softkey span {font-size:13px;}.measure dd {font-size:20px;}.measure dt {font-size:13px;}
.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 28px;}.lab-heading h2{font-size:clamp(24px,3vw,36px);letter-spacing:-1px;margin:6px 0 10px;line-height:1.2;}.lab-heading p{color:var(--lab-muted);max-width:800px;}.eyebrow{font:600 12px var(--mono);letter-spacing:2px;color:#469cef!important;}
.lab-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;}.lab-controls{display:flex;flex-direction:column;gap:20px;padding:22px;background:var(--lab-bg);border:1px solid var(--lab-border);border-radius:12px;align-self:start;}.lab-controls label{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:14px;font-weight:550;}.lab-controls input,.lab-controls select{grid-column:1/-1;width:100%;min-width:0;}.lab-controls input:not([type=range]),.lab-controls select {background:var(--lab-bg);color:var(--ink);border:1px solid var(--lab-border);padding:10px;border-radius:6px;font-size:16px;}.lab-controls output{color:#32aaa4;font-family:var(--mono);font-size:13px;}.lab-results{min-width:0;}.chain{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;}.chain article{border:1px solid var(--lab-border);border-top:3px solid #418cf4;border-radius:10px;padding:18px;background:var(--lab-bg);}.chain article:nth-child(2){border-top-color:#a69aff;}.chain article:nth-child(3){border-top-color:#50dccd;}.chain small{font:12px var(--mono);color:var(--lab-muted);}.chain strong{display:block;font-size:20px;margin:10px 0;}.chain p{font-size:14px;color:var(--lab-muted);}
#specTrace{display:block;width:100%;height:300px;border-radius:10px;border:1px solid var(--lab-border);}.plot-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;}.plot-title span{font-size:13px;color:var(--lab-muted);}.plot-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;margin:10px 0;}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:18px 0;}.stat-grid article{padding:16px;background:var(--lab-bg);border:1px solid var(--lab-border);border-radius:9px;}.stat-grid small{display:block;color:var(--lab-muted);font-size:13px;}.stat-grid strong{display:block;font:600 21px var(--mono);margin-top:9px;}.lab-notice{padding:15px 18px;border:1px solid var(--lab-border);border-left:3px solid #4397f4;background:var(--lab-bg);border-radius:6px;font-size:14px;color:var(--ink);line-height:1.65;margin:14px 0;}.lab-notice[data-bad=true]{border-left-color:#ffb15d;}.preset-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:30px 0;}.lesson-grid article{border-top:1px solid var(--lab-border);padding:20px 0;}.lesson-grid h3{font-size:20px;margin-bottom:12px;}.lesson-grid p{color:var(--lab-muted);line-height:1.75;}.lesson-grid code{display:block;color:var(--ink);margin:12px 0;font-size:14px;white-space:normal;}.model-notes{border:1px solid var(--lab-border);padding:20px;border-radius:9px;}.model-notes summary{cursor:pointer;font-weight:600;}.model-notes p{margin-top:14px;color:var(--lab-muted);line-height:1.7;}a{color:#499eec;}.address-scroll{max-height:480px;overflow:auto;}.lab-table{border-collapse:collapse;width:100%;font-size:14px;}.lab-table th,.lab-table td{padding:12px;text-align:left;border-bottom:1px solid var(--lab-border);}.lab-table th{position:sticky;top:0;background:var(--lab-bg);}.lane{display:inline-block;border:1px solid var(--lab-border);border-radius:4px;padding:4px;margin:2px;min-width:24px;text-align:center;opacity:.5;}.lane.active{background:#207580;color:white;opacity:1;}.index button{border-radius:8px!important;padding:12px!important;font-size:16px!important;}.index button.is-on{background:rgba(67,145,240,.14)!important;}.figure{border-radius:10px;overflow:hidden;}.stage-head h2{font-size:32px;}.stage-summary{line-height:1.65;}.inspector{border-radius:10px;padding:20px;border:1px solid var(--lab-border);background:var(--lab-bg);}.colophon{font-size:13px;}.toolbar{flex-wrap:wrap;}.fieldnote{color:var(--lab-muted);line-height:1.6;}
@media(max-width:1050px){.rail-readout{display:none;}.lab-layout{grid-template-columns:240px minmax(0,1fr);}.chain{grid-template-columns:1fr;}.chain article{padding:12px;}.chain strong{margin:5px 0;}}
@media(max-width:760px){.rail{position:relative;padding:12px;gap:8px;}.rail .views{order:3;width:100%;overflow-x:auto;}.rail-actions{flex-wrap:wrap;}.lab-layout{grid-template-columns:1fr;}.lab-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;}.lab-heading{align-items:flex-start;}.lesson-grid{grid-template-columns:1fr;gap:0;}.chain{grid-template-columns:1fr;}.lab-heading h2{font-size:25px;}.plot-title{display:block;}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.stat-grid strong{font-size:18px;}.lab-table th,.lab-table td{padding:8px 4px;}main{padding:12px!important;}.view{padding:0!important;}.lab-controls output{font-size:12px;}}