:root{--bg: #08080d;--panel: #12121a;--panel-2: #1a1a24;--border: #262633;--text: #e8e8f0;--muted: #9a9aad;--accent: #6e56cf}*{box-sizing:border-box;margin:0}body{background:radial-gradient(900px 500px at 85% -5%,rgba(110,86,207,.18),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(14,165,233,.1),transparent 60%),var(--bg);color:var(--text);font-family:Segoe UI,Inter,system-ui,sans-serif;min-height:100vh}.app{max-width:1000px;margin:0 auto;padding:40px 24px 60px}header{margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:3px;color:var(--muted);font-size:13px;text-transform:uppercase}.pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px 3px #6e56cfb3}h1{font-size:30px;margin:16px 0 10px;letter-spacing:-.5px}.lede{color:var(--muted);max-width:720px;line-height:1.5}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.tab{background:var(--panel);border:1px solid var(--border);color:var(--muted);padding:9px 15px;border-radius:999px;cursor:pointer;font-size:13px;transition:all .15s}.tab:hover{color:var(--text);border-color:var(--accent)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.stage{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media (max-width: 820px){.stage{grid-template-columns:1fr}}.ring{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:8px}.ring-track{fill:none;stroke:#23232f;stroke-width:2}.ring-center{text-anchor:middle;fill:var(--text);font-size:34px;font-weight:700}.ring-center-sub{text-anchor:middle;fill:var(--muted);font-size:13px;letter-spacing:2px;text-transform:uppercase}.panel{display:flex;flex-direction:column;gap:18px}.controls{display:flex;align-items:center;gap:12px}.primary{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;font-size:14px}.primary:hover{filter:brightness(1.1)}.hint{color:var(--muted);font-size:12px}.nodes{display:flex;flex-wrap:wrap;gap:8px}.node-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--border);border-left-width:3px;color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px}.node-chip:hover{background:#22222e}.node-chip .dot{width:9px;height:9px;border-radius:50%}.node-chip .x{color:var(--muted);font-size:15px;line-height:1}.meter{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.meter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px}.moved{font-weight:700;color:#22c55e}.bar{position:relative;height:12px;background:#23232f;border-radius:6px;overflow:hidden}.bar-ideal{position:absolute;inset:0 auto 0 0;height:100%;background:#22c55e40}.bar-actual{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#22c55e,#0ea5e9)}.meter-foot{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.4}.meter-foot code{background:var(--panel-2);padding:1px 5px;border-radius:4px}.loads{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.loads-title{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.load-row{display:grid;grid-template-columns:64px 1fr 40px;align-items:center;gap:10px;margin-bottom:7px;font-size:12px}.load-name{color:var(--muted)}.load-track{height:8px;background:#23232f;border-radius:4px;overflow:hidden}.load-fill{height:100%;border-radius:4px;transition:width .3s}.load-val{text-align:right;color:var(--muted)}.loads-note{margin-top:12px;color:var(--muted);font-size:11.5px;line-height:1.45;opacity:.85}footer{margin-top:36px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}footer a{color:var(--accent);text-decoration:none;white-space:nowrap}footer a:hover{text-decoration:underline}