:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7ece0;background:#121812;font-synthesis:none;color-scheme:dark;font-weight:400}*{box-sizing:border-box}body{margin:0}header{height:82px;border-bottom:1px solid #30392d;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:20px;font-weight:800;letter-spacing:2px;text-decoration:none;color:#e7ece0}.brand span{font-size:10px;color:#9aa58e;margin-left:12px;letter-spacing:1px}.tag,.eyebrow,.section-title,footer{font-family:ui-monospace,monospace;letter-spacing:1.3px;font-size:11px}.tag{color:#a8b49d}main{max-width:1280px;padding:50px 28px 0;margin:auto}.intro{margin-bottom:40px}.eyebrow{color:#c7f57b}h1{font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:#bce776}.intro>p:last-child{color:#a8b49d;line-height:1.8}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#1a2219;border:1px solid #35402f;border-radius:12px;padding:26px}.section-title{display:flex;justify-content:space-between;align-items:center;color:#b6c4aa;margin-bottom:22px;gap:10px}.badge{font-size:10px;background:#293224;padding:5px 9px;border-radius:20px;white-space:nowrap}.badge.live{color:#c7f57b}.notice{padding:12px 14px;border-left:2px solid #bce776;background:#222d1e;font-size:13px;line-height:1.6;color:#ccdabf}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}label{font-size:13px;color:#c5d0bb}select{display:block;margin-top:8px;width:100%;min-width:0;padding:11px;background:#121a11;border:1px solid #3b4933;border-radius:6px;color:#e7ece0}button{font:inherit;font-size:13px;cursor:pointer;border-radius:6px;padding:12px 16px;border:1px solid transparent}button:disabled{opacity:.45;cursor:default}.primary{background:#c7f57b;color:#18220c;font-weight:700}.secondary{background:transparent;border-color:#4b5b40;color:#dce6d1}.transport{display:flex;gap:10px;margin-top:24px}#status{font-size:12px;color:#aabc9c;line-height:1.6;min-height:38px}.error{color:#ffb4a4!important}.hint{font-size:12px;color:#9aaa8c;line-height:1.7}.signal{display:flex;gap:8px;align-items:center;justify-content:space-between;font-family:ui-monospace,monospace;font-size:9px;margin:28px 0 34px}.signal span{padding:9px 5px;border:1px solid #435337;border-radius:4px}.signal i{color:#bce776}.slider{display:block;margin:22px 0}.slider output{float:right;font-family:ui-monospace,monospace;color:#c7f57b}input[type=range]{width:100%;margin:15px 0 0;accent-color:#c7f57b}input[type=checkbox]{accent-color:#c7f57b}.toggles{display:flex;gap:24px;margin:25px 0}.meter-label{display:flex;align-items:center;gap:14px;margin-top:25px;font-size:12px}.meter-label meter{flex:1;min-width:30px}.meter-label span{font-size:10px;min-width:75px}.diagnostics{grid-column:1/-1}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-bottom:1px solid #35402f;padding-bottom:25px}.metrics p{font-size:12px;color:#b3c2a4}.metrics strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:500}.metrics small{display:block;font-size:11px;color:#9aaa8c;margin-top:10px}.physical strong{color:#c7f57b;font-size:24px}dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:0;margin:22px 0}dt,dd{margin:0;padding:10px 0;border-bottom:1px solid #2c3826}dt{color:#acba9f}dd{text-align:right;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.text-button{background:none;color:#c7f57b;padding:0}.guide{grid-column:1/-1}h2{font-weight:500;font-size:24px}ol{padding-left:20px;color:#b8c5ac;font-size:13px;line-height:1.9}li{padding:5px 0}a{color:#c7f57b;font-size:13px}footer{display:flex;justify-content:space-between;color:#91a181;margin:30px 0;padding:16px 0;font-size:10px;gap:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c7f57b;outline-offset:4px}@media(max-width:760px){.workspace{grid-template-columns:1fr}.metrics{grid-template-columns:1fr;gap:12px}.metrics>div{padding-bottom:10px}.fields{grid-template-columns:1fr}.tag{display:none}main{padding:32px 16px 0}.panel{padding:20px}dl{grid-template-columns:1fr}dd{text-align:left;padding-top:0}dt{border:0}footer{flex-direction:column}.brand span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}