:root{color-scheme:dark;--bg:#0b121d;--surface:#101a28;--border:#243143;--soft:#9baec3;--white:#eef5fa;--aqua:#77eadb;--orange:#f7b661}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--white);background:var(--bg)}button,input{font:inherit}button{cursor:pointer;border:1px solid #304459;border-radius:8px;background:#162639;color:#d8e4ee;transition:background .2s,border-color .2s}button:hover{background:#24394d;border-color:#618293}button:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1900px;margin:auto}.sidebar{padding:27px 23px;background:#111b29;border-right:1px solid #263749;display:flex;flex-direction:column;min-height:100vh;gap:0}.brand{display:flex;gap:13px;align-items:center}.brand-icon{width:36px;height:36px;border:1px solid #64c9c8;background:#13343c;border-radius:9px;display:grid;place-items:center;color:#a4f2e9;font-size:28px}.eyebrow,.overline{font-size:10px;font-weight:750;letter-spacing:2px;color:#73aaa9}.brand-main{letter-spacing:3.2px;font-size:18px;font-weight:850}.dot{color:var(--aqua)}.sidehead{padding:47px 0 18px}.sidehead h1{font-size:26px;line-height:1.22;letter-spacing:-.9px;margin:12px 0 13px}.sidehead h1 em{color:#76ded4;font-style:normal}.sidehead p{font-size:12px;line-height:1.75;color:#93a7bc;margin:0;max-width:270px}.side-divider{height:1px;background:#293a4b;margin:12px 0 23px}.controls-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.25px;font-weight:700;color:#e0ebee}.small-tag{font-size:9px;border:1px solid #356f65;color:var(--aqua);padding:4px 7px;border-radius:4px;letter-spacing:.6px}.mode-row{display:flex;gap:4px;padding:5px;margin-top:15px;background:#0c1420;border:1px solid #263647;border-radius:10px}.mode-row button{flex:1;font-size:10px;padding:10px 2px;border:0;background:transparent;color:#90a7bc;border-radius:6px}.mode-row .active{background:#214c52;color:#9cf5e8;box-shadow:0 0 0 1px #317575}.section-sub{font-size:10px;color:#7892a9;letter-spacing:1.4px;font-weight:800;margin:25px 0 15px}.field{display:block;margin-bottom:17px}.field>span{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;color:#c5d3de}.field output{font-size:11px;color:#91e8df;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.field input{margin:10px 0 0;display:block;width:100%;height:4px;accent-color:#7de5d9;cursor:pointer}.control-actions{display:flex;gap:6px;margin-top:9px}.control-actions button{padding:12px 11px;font-size:11px;font-weight:700}.control-actions .primary{background:#62d7c9;color:#072329;flex:1;border-color:#62d7c9}.control-actions .primary:hover{background:#a9fff4}.sidebar-foot{margin-top:auto;padding-top:35px}.power-indicator{font-size:11px;color:#a3c4c4;display:flex;align-items:center;gap:9px;margin-bottom:11px}.live-led{width:7px;height:7px;border-radius:50%;background:#6ee3bc;box-shadow:0 0 10px #5edaad}.sidebar-foot small{font-size:10px;line-height:1.7;color:#657f95}.workspace{padding:31px 35px 15px;min-width:0;background:radial-gradient(circle at 75% 8%,#152438 0%,#0b121d 51%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.topbar h2{font-size:27px;letter-spacing:-.85px;margin:8px 0 0}.soft{font-weight:400;color:#92a9c0}.header-right{display:flex;align-items:center;gap:22px}.status-chip{border:1px solid #37665c;background:#15362f;color:#7fe3cb;border-radius:6px;padding:9px 12px;font-size:10px;letter-spacing:1.2px;font-weight:800}.clock{display:flex;flex-direction:column;text-align:right;gap:4px}.clock small{color:#748ba1;font-size:9px;letter-spacing:1px}.clock strong{font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:1px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:11px;background:#111d2d;overflow:hidden;margin-bottom:18px}.stat{padding:21px 22px 16px;min-width:0;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat>span{font-size:9px;letter-spacing:1.3px;color:#8ea2b6;font-weight:750;display:block}.stat strong{display:block;margin:9px 0 8px;letter-spacing:-.6px;font-size:25px;font-variant-numeric:tabular-nums}.stat small{color:#728ba2;font-size:10px}.stat:nth-child(2) strong{color:#86e2d8}.mini-progress{width:100%;height:4px;border-radius:7px;background:#263a4d;margin-top:14px;overflow:hidden}.mini-progress div{height:100%;width:0;background:linear-gradient(90deg,#4fc4d1,#e4ba65)}.visual-panel{height:390px;position:relative;background:radial-gradient(ellipse at 50% 34%,#1c364b 0%,#101e30 49%,#0d1726 80%);border:1px solid #283e53;border-radius:12px;overflow:hidden;margin-bottom:18px}.visual-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,13,25,.10),transparent 20%,transparent 80%,rgba(5,13,25,.1)),repeating-linear-gradient(90deg,transparent 0,transparent 54px,#fff 55px);opacity:.025}.visual-panel canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.visual-panel canvas:active{cursor:grabbing}.visual-annotations{position:absolute;z-index:1;pointer-events:none;left:23px;right:23px;top:22px;display:flex;justify-content:space-between;align-items:center;gap:8px}.visual-tag{font-size:10px;color:#a8e9dc;font-weight:800;letter-spacing:1.15px}.spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66dcce;margin-right:6px}.muted{color:#738fa9;font-weight:400}.rotating-icon{color:#8ba6ba;font-size:13px}.rotating-icon span{font-size:9px;letter-spacing:1.3px;margin-left:7px}.visual-bottom{position:absolute;z-index:1;pointer-events:none;left:23px;right:23px;bottom:17px;display:flex;justify-content:space-between;gap:12px;color:#7f9db4;font-size:9px;letter-spacing:1.1px}.visual-bottom b{color:#d8e5ed}.part-label{position:absolute;pointer-events:none;z-index:1;display:flex;gap:9px;align-items:center;top:49%;font-size:9px;line-height:1.6;letter-spacing:.7px;color:#9aadc0}.part-label b{font-size:9px;color:#cfd9e3}.part-label-left{left:3%}.part-label-right{right:3%}.pin{display:inline-block;width:6px;height:6px;border-radius:50%;box-shadow:0 0 12px currentColor}.amber{background:#ffba66;color:#ffba66}.aqua{background:#70e0e2;color:#70e0e2}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{border:1px solid #26384a;background:#111d2c;border-radius:11px;padding:21px 22px 16px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-heading h3{font-size:15px;letter-spacing:-.25px;margin:7px 0 0}.microbadge{border:1px solid #275653;color:#79ddd0;border-radius:4px;font-size:9px;letter-spacing:1px;padding:5px 7px}.mutedbadge{border-color:#314658;color:#91a9bd}.map-container{position:relative}.map-container canvas{width:100%;height:164px;border-radius:6px;border:1px solid #364c61;display:block;cursor:crosshair}.map-direction{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#93a8b9;margin-top:7px}.legend-bar{height:9px;border-radius:6px;margin-top:16px}.legend-labels{display:flex;justify-content:space-between;font-size:9px;color:#7793a7;margin-top:6px}.probe{display:flex;gap:9px;align-items:center;border-top:1px solid #27394a;margin-top:16px;padding-top:15px}.cross{font-size:21px;color:#8fe6db}.probe div{display:flex;flex-direction:column;gap:4px}.probe small,.energy-cards small{font-size:9px;letter-spacing:1px;color:#809ab0}.probe strong{font-size:14px}.probe-secondary{border-left:1px solid #293c50;padding-left:16px;margin-left:10px}.probe-hint{margin-left:auto;color:#708b9e;white-space:nowrap;font-size:9px;letter-spacing:1px}.plot-wrap{height:198px}.plot-wrap canvas{display:block;width:100%;height:100%}.energy-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}.energy-cards div{background:#152437;border:1px solid #293d51;border-radius:7px;padding:11px}.energy-cards strong{display:block;color:#dce9ef;margin-top:8px;font-size:16px}.export-row{display:flex;gap:8px;margin-top:14px}.export-row button{flex:1;padding:11px 8px;font-size:10px;letter-spacing:.25px}footer{margin-top:25px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#566c80}footer span:first-child{color:#6eaaac}
@media(max-width:1200px){.workspace{padding:23px}.app{grid-template-columns:286px minmax(0,1fr)}.stat{padding:16px 13px}.stat strong{font-size:20px}.part-label{display:none}.visual-panel{height:340px}}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:none;border-bottom:1px solid #2a3b4c}.sidehead{padding:22px 0}.sidebar-foot{padding-top:16px}.workspace{padding:19px}.visual-panel{height:355px}.topbar h2{font-size:23px}.lower-grid{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:500px){.topbar{align-items:flex-start;flex-direction:column}.header-right{width:100%;justify-content:space-between}.visual-panel{height:275px}.rotating-icon span,.visual-bottom span:last-child{display:none}.visual-annotations{left:11px;right:11px;top:12px}.workspace{padding:12px}.detail-card{padding:15px}.stat strong{font-size:18px}footer{flex-direction:column;gap:7px}}