:root{color-scheme:dark;--bg:#09111a;--panel:#101e2b;--border:#273a4b;--ink:#ecf3fa;--muted:#8ea4b5;--dim:#608296;--teal:#62decb;--coral:#e69a7f;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}body{background-image:radial-gradient(circle at 55% 0%,#19304255,transparent 560px),linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),#ffffff04 100%);font-size:13px}.app{max-width:1512px;margin:auto;padding:0 32px}button,select,input{font-family:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d4051;gap:24px}.brand{display:flex;align-items:center;gap:15px}.brand-icon{display:grid;place-items:center;width:41px;height:41px;border:1px solid var(--teal);border-radius:9px;color:var(--teal);font-weight:900;font-size:27px;position:relative}.brand-diamond{position:absolute;right:-5px;bottom:-8px;font-size:15px;color:#afedf0}.brand strong{letter-spacing:.16em;font-weight:800;font-size:15px}.brand strong em{font-style:normal;font-weight:400;color:#6d8da0}.brand small{font-size:9px;color:var(--muted);letter-spacing:.22em;display:block;margin-top:5px}.navigation{display:flex;align-items:center;gap:31px;align-self:stretch;font-size:11px;color:#a0b3c0}.navigation span{display:grid;align-items:center}.navigation .nav-active{color:#e7f3fb;border-bottom:2px solid var(--teal);font-weight:700}.top-meta{white-space:nowrap;display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.09em;color:#99b0bf}.live-pip,.pulse,.cursor-dot{height:7px;width:7px;border-radius:50%;background:var(--teal);display:inline-block;box-shadow:0 0 12px #5ef0d277}.divider-dot{color:#567081}.tag,.small-chip{border:1px solid #385364;color:var(--teal);border-radius:4px;padding:6px 8px;font-size:9px;letter-spacing:.08em}.intro{padding:39px 2px 31px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow,.right-hint{color:#68cfcb;font:10px var(--mono);letter-spacing:.13em}.sep{color:#4a6475;margin:0 12px}.intro h1{font-size:clamp(30px,3.6vw,51px);line-height:1.075;font-weight:750;letter-spacing:-.045em;margin:15px 0 12px}.intro h1 span{color:#8daabc}.intro p{color:#a7bdc9;font-size:12px;letter-spacing:.02em;margin:0;max-width:660px;line-height:1.65}.intro-id{display:flex;align-items:flex-end;flex-direction:column;gap:9px;text-align:right;padding-bottom:3px}.intro-id span{font:10px var(--mono);color:#6b899b;letter-spacing:.12em}.intro-id strong{font:17px var(--mono);letter-spacing:.06em;color:#bdd8df}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:18px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--border)}.stat{background:#11202e;padding:18px 21px 15px;min-height:111px}.stat>span{color:#a9c0cc;font-size:10px;letter-spacing:.12em;white-space:nowrap;font-weight:700}.stat>span i{color:#5b8b9e;font-style:normal}.stat>div{display:flex;align-items:baseline;gap:8px;margin:9px 0 5px}.stat strong{font:600 clamp(21px,2.05vw,29px) var(--mono);letter-spacing:-.06em;color:var(--teal)}.stat:nth-child(4) strong{color:#f2a68d}.stat .unit{font:12px var(--mono);color:#96aebe}.stat small{font-size:10px;color:#6f8b9e}.workspace{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(316px,.91fr);gap:18px}.panel{background:#101e2b;border:1px solid var(--border);border-radius:9px;overflow:hidden;box-shadow:0 6px 25px #030a1240}.panel-top{height:53px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px;white-space:nowrap;font:11px var(--mono);letter-spacing:.06em}.panel-top>div{display:flex;gap:11px;align-items:center}.mini-icon{color:var(--teal);font-size:17px}.small-chip{padding:4px 8px;margin-left:3px}.panel-top-right{color:#7696a7;font-size:9px;display:flex;gap:8px;align-items:center}.viewport-wrap{position:relative;height:435px;background:radial-gradient(ellipse at 53% 46%,#18364b 0,#071321 73%)}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.overlay{position:absolute;z-index:2;pointer-events:none;font:10px var(--mono);color:#94bac8;letter-spacing:.065em}.top-left{left:23px;top:19px;display:grid;gap:7px}.top-left strong{color:#d5e5ec;font-size:11px;letter-spacing:.045em}.overlay-label{font-size:9px;color:#7095a8}.bottom-left{bottom:24px;left:21px;display:flex;gap:16px;font-size:9px;color:#87a0ac}.bottom-right{bottom:18px;right:18px;display:flex;align-items:center;gap:9px;color:#8accc1}.field-icon{width:25px;height:25px;border:1px solid #589a9b;border-radius:50%;display:grid;place-items:center;color:#6be5d2}.viewport-footer{height:48px;border-top:1px solid var(--border);padding:0 21px;display:flex;justify-content:space-between;align-items:center;color:#9cb0ba;font-size:10px;gap:5px}.legend-swatch{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 6px 0 12px}.legend-swatch:first-child{margin-left:0}.legend-swatch.copper{background:#c58c66}.legend-swatch.core{background:#435c6b}.legend-swatch.flux{background:#62decb}.toggle{display:flex;align-items:center;gap:7px;white-space:nowrap}.toggle input{accent-color:#65dec8}.control-panel{display:flex;flex-direction:column}.controls-inner{padding:23px 24px 17px;display:flex;flex-direction:column;gap:19px;flex:1}.field-group{display:flex;flex-direction:column;gap:10px}.field-group label,.slider-group label{font:10px var(--mono);letter-spacing:.07em;color:#a4bbcb}.field-group select{appearance:none;background:#1b3141 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="9"%3E%3Cpath d="m1 1 6 6 6-6" stroke="%2384e2d1" fill="none" stroke-width="1.5"/%3E%3C/svg%3E') right 13px center no-repeat;color:#dfedf4;border:1px solid #395468;border-radius:5px;padding:11px 13px;font:12px var(--sans);height:39px}.segmented{height:37px;display:flex;background:#0c1925;border:1px solid #33495a;border-radius:5px;padding:3px;gap:3px}.segmented button{color:#9db6c2;border:0;background:transparent;flex:1;border-radius:3px;font-size:11px}.segmented button.seg-active{color:#071c26;background:#69d8c6;font-weight:800}.slider-group{display:flex;flex-direction:column;gap:7px}.label-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.label-row output{font:11px var(--mono);color:#6bdfd0}.slider-group input[type=range]{width:100%;height:5px;cursor:pointer;accent-color:#6bd8ca;margin:4px 0}.range-label{color:#607e91;font:9px var(--mono);display:flex;justify-content:space-between}.control-divider{border-top:1px solid #304759;margin-top:0}.actions{display:grid;grid-template-columns:1fr;gap:8px}.actions button,.two-buttons button{border-radius:5px;padding:12px 10px;font:11px var(--mono);letter-spacing:.045em}.action-primary{background:#62daca;color:#05232d;border:1px solid #77ead4;font-weight:800!important}.action-secondary,.action-quiet{color:#bcd4de;border:1px solid #426274;background:#1a3042}.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-primary:hover{background:#89f3e5}.action-secondary:hover,.action-quiet:hover{background:#29475b}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.37fr) minmax(290px,.83fr);gap:18px;margin-top:18px}.chart-body{padding:8px 13px 0;height:279px}#chart{width:100%;height:100%;display:block}.chart-bottom{display:flex;justify-content:space-between;padding:9px 20px 15px;gap:12px;color:#7795a8;font:10px var(--mono);border-top:1px solid #273947}.dot-teal,.dot-coral{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--teal)}.dot-coral{background:var(--coral)}.cursor-dot{background:var(--coral)}.micro-inner{padding:17px 22px 10px}#domains{display:block;height:143px;width:100%;border:1px solid #263e4f;background:#0c1925;border-radius:4px}.micro-legend{display:flex;justify-content:space-between;margin:10px 0 16px;color:#8da7b7;font:10px var(--mono)}.square{display:inline-block;width:8px;height:8px;border-radius:1px;margin-right:5px}.teal{background:#60ddc7}.coral{background:#c96f60}.domain-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #263c4b;padding:10px 0;font:10px var(--mono);letter-spacing:.04em;color:#9bb3c2}.domain-bottom strong{font-size:13px;color:#d9e6e9;letter-spacing:0}.footer{height:90px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#7894a5;font:10px var(--mono);white-space:nowrap}.footer b{color:#3c6274}.footer>div{display:flex;gap:8px}.footer button{padding:11px 13px;background:transparent;border:1px solid #37576c;border-radius:4px;font:10px var(--mono);color:#b3d5df;letter-spacing:.03em}.footer button:hover{border-color:#75dccc;color:#7bf2db}.message{position:fixed;bottom:22px;right:22px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.3s;background:#264639;color:#c9ffeb;padding:12px 18px;border:1px solid #67d8b6;border-radius:7px;box-shadow:0 8px 30px #0008;z-index:10}.message.on{opacity:1;transform:none}
@media(max-width:1100px){.app{padding:0 18px}.navigation{display:none}.stat{padding:13px}.stat>span{font-size:8px}.stat strong{font-size:21px}.viewport-wrap{height:390px}.footer{flex-wrap:wrap}.footer>span:last-child{display:none}}
@media(max-width:820px){.intro-id{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:last-child{grid-column:1/-1}.workspace,.analysis-grid{grid-template-columns:1fr}.viewport-wrap{height:370px}.controls-inner{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.control-divider,.actions,.two-buttons{grid-column:1/-1}.micro-inner{max-width:540px;margin:auto}.footer{height:auto;flex-wrap:wrap;padding:24px 0}}
@media(max-width:540px){.top-meta{display:none}.intro{padding-top:25px}.intro h1{font-size:36px}.controls-inner{display:flex}.viewport-wrap{height:335px}.panel-top{padding:0 11px;font-size:9px}.panel-top-right{display:none}.chart-bottom{flex-wrap:wrap}.footer{justify-content:center}.footer>span:first-child{text-align:center}.stats{gap:1px}.stat{min-height:88px}.viewport-footer{flex-wrap:wrap;height:auto;min-height:44px;padding:7px 14px}}