:root{--ink:#0a1a20;--panel:#102c36;--panel-2:#163844;--hairline:#e7f1f21a;--hairline-strong:#e7f1f22e;--text:#e7f1f2;--text-dim:#9fb7bc;--amber:#ff8c42;--amber-dim:#a8642f;--sonar:#5eead4;--danger:#ff6b6b}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 700px at 80% -10%, #5eead412, transparent 60%), radial-gradient(900px 600px at 0% 100%, #ff8c420f, transparent 60%), var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif}.mono{font-family:JetBrains Mono,monospace}.display{letter-spacing:.01em;text-transform:uppercase;font-family:Big Shoulders Display,sans-serif;font-weight:900}header.hub{border-bottom:1px solid var(--hairline);padding:28px 5vw 18px}.brand{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.brand .logo{text-transform:uppercase;color:var(--text);letter-spacing:.01em;font-family:Big Shoulders Display,sans-serif;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1;text-decoration:none}.brand .logo span{color:var(--sonar);letter-spacing:.02em}.brand .tagline{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:13px}.needle-row{color:var(--text-dim);align-items:center;gap:8px;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.needle-row .dot{background:var(--sonar);width:6px;height:6px;box-shadow:0 0 8px var(--sonar);border-radius:50%;animation:2.2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}nav.modules{background:var(--hairline);border:1px solid var(--hairline);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;margin:20px 5vw 0;display:grid;overflow:hidden}@media (width<=600px){nav.modules{grid-template-columns:repeat(2,1fr)}}.module-btn{background:var(--panel);color:var(--text-dim);cursor:pointer;text-align:left;border:none;padding:18px 16px 16px;text-decoration:none;transition:background .15s,color .15s;display:block;position:relative}.module-btn:hover,.module-btn.active{background:var(--panel-2);color:var(--text)}.module-btn.active:after{content:"";background:var(--amber);height:3px;position:absolute;bottom:0;left:0;right:0}.module-btn .mid{color:var(--amber);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:11px}.module-btn .mname{text-transform:uppercase;letter-spacing:.01em;margin-top:4px;font-family:Big Shoulders Display,sans-serif;font-size:18px;font-weight:700;display:block}.module-btn .msub{color:var(--text-dim);margin-top:3px;font-size:11.5px;line-height:1.3;display:block}main{max-width:1080px;margin:48px auto 80px;padding:0 5vw}.panel-head{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;padding-bottom:18px;display:flex}.panel-head h1{text-transform:uppercase;letter-spacing:.01em;margin:0;font-family:Big Shoulders Display,sans-serif;font-size:clamp(28px,4vw,40px)}.panel-head h1 .accent{color:var(--sonar)}.panel-head p{color:var(--text-dim);max-width:560px;margin:6px 0 0;font-size:14px;line-height:1.5}.panel-code{color:var(--amber);border:1px solid var(--amber-dim);white-space:nowrap;border-radius:20px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px}.calc-grid{grid-template-columns:1.1fr 1fr;gap:22px;margin-bottom:40px;display:grid}@media (width<=760px){.calc-grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:22px 22px 24px}.card h2{text-transform:uppercase;color:var(--text);letter-spacing:.01em;margin:0 0 4px;font-family:Big Shoulders Display,sans-serif;font-size:20px}.card .card-sub{color:var(--text-dim);margin:0 0 18px;font-size:12.5px;line-height:1.4}.field{margin-bottom:16px}.field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex}.field label .val{color:var(--sonar)}.field input[type=range]{-webkit-appearance:none;background:var(--hairline-strong);border-radius:4px;outline:none;width:100%;height:4px}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--amber);border:2px solid var(--ink);width:16px;height:16px;box-shadow:0 0 0 1px var(--amber);cursor:pointer;border-radius:50%}.field select{color:#e7f1f2;cursor:pointer;appearance:none;background:#0a1a20 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239FB7BC' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e7f1f22e;border-radius:7px;width:100%;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.field select optgroup{color:#9fb7bc;background:#102c36;font-weight:600}.field select option{color:#e7f1f2;background:#0a1a20}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.seg{border:1px solid var(--hairline-strong);border-radius:7px;display:flex;overflow:hidden}.seg button{cursor:pointer;border:none;border-right:1px solid #e7f1f22e;flex:1;padding:9px 6px;font-family:JetBrains Mono,monospace;font-size:12.5px;transition:background .1s;color:#9fb7bc!important;background:#0a1a20!important}.seg button:last-child{border-right:none}.seg button.active{color:#0a1a20!important;background:#ff8c42!important;font-weight:700!important}.readout-card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--hairline-strong)}.gauge-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.gauge-row:last-child{border-bottom:none}.gauge-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px}.gauge-value{color:var(--sonar);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:700}.gauge-value small{color:var(--text-dim);margin-left:4px;font-size:13px;font-weight:400}.gauge-value.warn{color:var(--danger)}.gauge-value.amber{color:var(--amber)}.hero-readout{text-align:center;padding:20px 10px 10px}.hero-readout .num{color:var(--sonar);font-family:Big Shoulders Display,sans-serif;font-size:clamp(48px,8vw,72px);font-weight:900;line-height:1}.hero-readout .num.warn{color:var(--danger)}.hero-readout .unit{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:13px}.note{color:var(--text-dim);border-top:1px solid var(--hairline);margin-top:16px;padding-top:14px;font-size:12px;line-height:1.5}.note b{color:var(--text)}.flag{border:1px solid var(--amber-dim);color:var(--amber);background:#ff8c4214;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12.5px;line-height:1.4}.flag.danger{border-color:var(--danger);color:var(--danger);background:#ff6b6b14}article.guide{color:var(--text-dim);font-size:15px;line-height:1.7}article.guide h2{color:var(--text);text-transform:uppercase;margin-top:36px;font-family:Big Shoulders Display,sans-serif;font-size:22px}article.guide p{margin:14px 0}footer{border-top:1px solid var(--hairline);color:var(--text-dim);text-align:center;padding:24px 5vw 50px;font-family:JetBrains Mono,monospace;font-size:11.5px}footer a{color:var(--text-dim);margin:0 6px;text-decoration:underline}