:root{--bg-0: #03070d;--bg-1: #07121d;--surface: rgba(8, 27, 42, .78);--surface-strong: rgba(9, 35, 54, .94);--cyan: #37e6ff;--cyan-soft: #76f0ff;--blue: #2588ff;--warning: #ffad42;--danger: #ff5f6d;--success: #47e6a0;--text: #e8f7ff;--muted: #86a8ba;--border: rgba(76, 221, 255, .24);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius: 6px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--glow: 0 0 12px rgba(55, 230, 255, .25);--focus: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--cyan)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 30%,var(--bg-1),var(--bg-0) 70%);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius)}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--cyan-soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{display:grid;grid-template-rows:56px 1fr;height:100%}.main{min-height:0;display:grid}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-4);gap:var(--space-4);background:var(--surface-strong);border-bottom:1px solid var(--border);box-shadow:var(--glow)}.topbar__right{display:flex;justify-content:flex-end;gap:var(--space-3);align-items:center}.topbar__left{display:flex;gap:var(--space-3);align-items:center}.brand{font-weight:700;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 10px rgba(55,230,255,.6)}.clock{font-family:var(--font-mono);font-size:18px;color:var(--cyan-soft);text-align:center}.clock small{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em}.modeswitch{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.modeswitch a{padding:6px 14px;text-decoration:none;color:var(--muted);letter-spacing:.08em;font-size:12px;text-transform:uppercase}.modeswitch a[aria-current=page]{background:#37e6ff1f;color:var(--cyan)}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono)}.chip--mock{border-color:var(--warning);color:var(--warning);background:#ffad421a}.chip--live{border-color:var(--success);color:var(--success)}.chip--cache,.chip--manual{color:var(--muted)}.chip--ok{color:var(--success)}.chip--degraded,.chip--stale{color:var(--warning)}.chip--error,.chip--down,.chip--not_ready{color:var(--danger)}.chip--not_configured,.chip--muted{color:var(--muted)}.chip--PUBLIC{color:var(--success)}.chip--INTERNAL{color:var(--cyan-soft)}.chip--CONFIDENTIAL{color:var(--blue)}.chip--PERSONAL,.chip--SPECIAL{color:var(--danger);border-color:var(--danger)}.hud{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud:before,.hud:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--cyan);pointer-events:none}.hud:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.hud:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.hud__title{margin:0 0 var(--space-2);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.hud ul{margin:0;padding-left:18px}.command{display:grid;grid-template-columns:280px 1fr 280px;grid-template-rows:1fr auto;gap:var(--space-4);padding:var(--space-4);min-height:0}.command__col{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.command__center{display:grid;place-items:center;min-height:0}.command__composer{grid-column:1 / -1}@media(max-width:1100px){.command{grid-template-columns:1fr;grid-template-rows:auto}}.core{width:min(100%,560px);aspect-ratio:1;position:relative}.core svg{width:100%;height:100%;display:block}.core__ring{fill:none;stroke:var(--cyan);stroke-opacity:.35}.core__ring--spin{transform-origin:50% 50%;animation:spin 40s linear infinite}.core__ring--spin-rev{transform-origin:50% 50%;animation:spin 60s linear infinite reverse}.core__center{fill:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}.core__scene,.core__nodes{position:absolute;inset:0}.node{position:absolute;transform:translate(-50%,-50%);width:92px;padding:6px 4px;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center}.node[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow)}.node__state{display:block;font-size:9px;color:var(--warning);letter-spacing:.14em}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.core__ring--spin,.core__ring--spin-rev{animation:none}}.composer{display:grid;gap:var(--space-2)}.composer__row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.composer textarea{width:100%;min-height:56px;resize:vertical;background:var(--bg-0);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font:inherit}.composer select,.btn{background:var(--bg-0);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font:inherit}.btn--primary{border-color:var(--cyan);color:var(--cyan)}.btn:disabled{opacity:.5;cursor:not-allowed}.hint{color:var(--muted);font-size:12px;margin:0}.workspace{display:grid;grid-template-columns:220px 1fr;min-height:0}.sidenav{background:var(--surface-strong);border-right:1px solid var(--border);padding:var(--space-3)}.sidenav a{display:block;padding:8px 10px;border-radius:var(--radius);color:var(--muted);text-decoration:none;letter-spacing:.06em}.sidenav a[aria-current=page],.sidenav a:hover{background:#37e6ff1a;color:var(--cyan)}.workspace__content{padding:var(--space-6);display:grid;gap:var(--space-4);align-content:start}.state{color:var(--muted);padding:var(--space-3);text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.state--error{color:var(--danger);border-color:var(--danger)}.skeleton{height:14px;border-radius:4px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s infinite;margin:6px 0}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}