@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #05070c;--panel: rgba(12, 16, 24, .76);--panel-border: rgba(120, 170, 255, .18);--accent: #2dd4ff;--accent-2: #f7b955;--accent-3: #ff4d6d;--text: #e9f2ff;--muted: #9fb0c7;--grid: rgba(255, 255, 255, .05);--danger: #ff6f7d;--ok: #64f1b7;font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 900px at 12% 8%,#2dd4ff38,#090c12e6,#05070c),radial-gradient(900px 700px at 85% 0%,rgba(247,185,85,.15) 0%,rgba(5,7,12,.2) 55%,transparent 70%);color:var(--text)}h1,h2,h3{margin:0;font-weight:600}button,select,input[type=range]{font:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.side-panel{padding:24px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0c1220e6,#080a0ffa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:20px}.brand{display:flex;flex-direction:column;gap:6px}.brand p{color:var(--muted);font-size:.9rem;line-height:1.3}.panel-group{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-group summary{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.panel-group summary::-webkit-details-marker{display:none}.panel-group summary:after{content:"▾";font-size:.85rem;opacity:.7;transform:rotate(-90deg);transition:transform .2s ease}.panel-group[open] summary:after{transform:rotate(0)}.panel-body{display:flex;flex-direction:column;gap:12px}.panel-body>label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-primary{padding:10px 14px;border-radius:10px;border:1px solid transparent;background:linear-gradient(135deg,#2a90ff,#47e3ff);color:#051016;font-weight:600;cursor:pointer}.button-ghost{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--text);cursor:pointer}.button-ghost:disabled,.button-primary:disabled{opacity:.5;cursor:not-allowed}.select{width:100%;padding:10px 12px;border-radius:10px;background:#0a0c12e6;color:var(--text);border:1px solid rgba(255,255,255,.12)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{background:#080c14b3;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:10px;font-size:.85rem}.metric strong{display:block;font-size:1.1rem;color:var(--accent)}.main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;padding:16px;height:100vh}.viz-card{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#0c101ce6,#07090df2);overflow:hidden}.viz-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:radial-gradient(600px 420px at 10% 8%,rgba(45,212,255,.12),transparent 60%),radial-gradient(520px 360px at 92% 92%,rgba(247,185,85,.1),transparent 60%);opacity:.7;pointer-events:none}.viz-card header{position:absolute;top:12px;left:14px;z-index:2;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;padding:6px 10px;border-radius:999px;background:#05080ea6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viz-card canvas,.viz-card .canvas-host{width:100%;height:100%;display:block}.topology-single{display:flex;flex-direction:column;gap:10px;height:100%;padding:46px 12px 12px}.topology-pane{position:relative;border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:#06090fb3;flex:1}.topology-label{position:absolute;top:8px;left:10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;z-index:2;background:#05080e99;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.topology-toggle{display:flex;gap:8px;padding:0 4px}.toggle-btn{flex:1;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#06090f80;color:var(--text);padding:8px 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.toggle-btn.active{background:linear-gradient(135deg,#2dd4ff59,#64f1b733);border-color:#78aaff4d;color:#e9f2ff}.tau-readout{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--muted);padding:6px 2px 0}.tau-readout strong{color:var(--accent)}.param-field{display:flex;flex-direction:column;gap:6px}.param-field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel-note{font-size:.78rem;color:var(--muted);line-height:1.4;padding:2px 2px 6px}.timeline{padding:42px 18px 18px}.slider{width:100%}.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 10px #7bffb5b3}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.side-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.main-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(220px,1fr));height:auto}}