.palette-backdrop{position:fixed;inset:0;z-index:60;background:#0000008c;display:grid;place-items:start center;padding-top:14vh}.palette{width:min(560px,92vw);background:var(--overlay);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 20px 60px #00000080;overflow:hidden}.palette-input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:var(--space-3) var(--space-4);font-size:var(--step-2);outline:none}.palette-input::placeholder{color:var(--text-muted)}.palette-list{list-style:none;margin:0;padding:var(--space-1);max-height:320px;overflow-y:auto}.palette-item{display:flex;align-items:center;width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer;font-size:var(--step-1)}.palette-item[data-active=true]{background:var(--raised)}.palette-hint{margin-left:auto;font-size:.6875rem;color:var(--text-muted)}.palette-empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--step-0);text-align:center}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100%;height:100%}.sidebar{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3);background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--space-2);height:var(--topbar-h);padding:0 var(--space-2);flex-shrink:0}.brand-mark{font-family:var(--font-mc);font-size:var(--step-3);letter-spacing:.04em;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-env{margin-left:auto;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:1px 5px}.nav-group+.nav-group{margin-top:var(--space-4)}.nav-title{font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-2);margin-bottom:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--step-0);position:relative;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.nav-item:hover,.nav-item[aria-current=page]{background:var(--raised);color:var(--text)}.nav-item[aria-current=page]:before{content:"";position:absolute;inset-inline-start:calc(var(--space-3) * -1);top:6px;bottom:6px;width:2px;border-radius:0 2px 2px 0;background:var(--brand)}.nav-item svg{flex-shrink:0;opacity:.75}.nav-guard{margin-left:auto;color:var(--text-muted);opacity:.6}.nav-item[data-locked=true]{opacity:.45}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0}.omni{display:flex;align-items:center;gap:var(--space-2);min-width:220px;padding:5px var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);color:var(--text-muted);font-size:var(--step-0);cursor:pointer;transition:border-color var(--fast) var(--ease)}.omni:hover{border-color:var(--text-muted)}.kbd{margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);border:1px solid var(--line-strong);border-radius:3px;padding:0 4px}.topbar-spacer{flex:1}.elevation{display:flex;align-items:center;gap:var(--space-2);padding:3px var(--space-2);border-radius:999px;border:1px solid color-mix(in srgb,var(--tang) 40%,var(--line-strong));background:color-mix(in srgb,var(--tang) 10%,transparent);color:var(--tang);font-size:.6875rem;font-variant-numeric:tabular-nums}.elevation-dot{width:5px;height:5px;border-radius:50%;background:var(--tang);animation:pulse 2s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.elevation-rail{position:absolute;top:0;left:0;height:2px;background:var(--brand);transition:width 1s linear;z-index:5}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.6875rem;font-weight:600;background:var(--raised);border:1px solid var(--line-strong);color:var(--text-dim)}.content{flex:1;overflow-y:auto;padding:var(--space-5);contain:layout paint}.page-head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.page-title{font-size:var(--step-4);font-weight:600;letter-spacing:-.02em;margin:0}.page-sub{color:var(--text-muted);font-size:var(--step-0)}@media(max-width:880px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:40;transform:translate(-100%);transition:transform .18s var(--ease)}.sidebar[data-open=true]{transform:none}.content{padding:var(--space-4)}}.login{height:100%;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(60% 40% at 50% 0%,color-mix(in srgb,var(--tang) 8%,transparent),transparent 70%),var(--bg)}.login-card{width:min(360px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.login-brand{font-family:var(--font-mc);font-size:1.75rem;letter-spacing:.05em;text-align:center;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{margin:calc(var(--space-2) * -1) 0 var(--space-2);text-align:center;font-size:var(--step-0);color:var(--text-muted)}.login-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--step-0);color:var(--text-dim)}.login-error{margin:0;font-size:var(--step-0);color:var(--danger)}.setup{height:100%;display:grid;place-items:center;padding:var(--space-4);overflow:auto;background:radial-gradient(60% 40% at 50% 0%,color-mix(in srgb,var(--tang) 8%,transparent),transparent 70%),var(--bg)}.setup-card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.setup-brand{font-family:var(--font-mc);font-size:1.75rem;letter-spacing:.05em;text-align:center;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.setup-sub{margin:calc(var(--space-2) * -1) 0 var(--space-2);text-align:center;font-size:var(--step-0);color:var(--text-muted)}.setup-form{display:flex;flex-direction:column;gap:var(--space-3)}.setup-lead{margin:0;font-size:var(--step-0);color:var(--text-dim);line-height:1.5}.setup-qr{align-self:center;width:180px;height:180px;image-rendering:pixelated;padding:var(--space-2);background:#fff;border-radius:var(--radius-sm)}.setup-manual{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.setup-manual-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.setup-manual code{font-size:var(--step-0);word-break:break-all;letter-spacing:.04em}.setup-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--step-0);color:var(--text-dim)}.setup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--step-0);letter-spacing:.06em;text-align:center}.setup-warn{margin:0;font-size:.6875rem;color:var(--warn)}@font-face{font-family:Outfit;src:url(/fonts/outfit.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:MinecraftTen;src:url(/fonts/minecraft.woff) format("woff");font-weight:400;font-style:normal;font-display:block}:root{--bg: #0e0e11;--surface: #15151a;--raised: #1b1b22;--overlay: #212129;--line: #232329;--line-strong: #32323b;--text: #e8e8ec;--text-dim: #a0a0ab;--text-muted: #70707c;--straw: #ff3b30;--tang: #ff9500;--leaf: #2fb457;--lemon: #ffd60a;--celeste: #5aa9e6;--ok: var(--leaf);--warn: var(--lemon);--danger: var(--straw);--accent: var(--tang);--brand: linear-gradient(90deg, var(--straw), var(--tang));--font: "Outfit", system-ui, -apple-system, sans-serif;--font-mc: "MinecraftTen", var(--font);--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--step-0: .8125rem;--step-1: .875rem;--step-2: 1rem;--step-3: 1.25rem;--step-4: 1.625rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius: 6px;--radius-sm: 4px;--sidebar-w: 216px;--topbar-h: 48px;--ease: cubic-bezier(.2, 0, 0, 1);--fast: 90ms}:root[data-theme=light]{--bg: #f7f7f8;--surface: #ffffff;--raised: #ffffff;--overlay: #ffffff;--line: #e3e3e7;--line-strong: #cfcfd6;--text: #17171c;--text-dim: #55555f;--text-muted: #7c7c88}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--step-1);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--radius-sm)}::selection{background:color-mix(in srgb,var(--tang) 35%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid transparent;background-clip:content-box;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}.card-title{font-size:var(--step-0);font-weight:600;letter-spacing:.02em;margin:0}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);font-size:var(--step-0);cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.btn:hover:not(:disabled){border-color:var(--text-muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[data-tone=primary]{border-color:transparent;background:var(--brand);color:#1a0a04;font-weight:600}.btn[data-tone=danger]{border-color:color-mix(in srgb,var(--danger) 45%,var(--line-strong));color:var(--danger)}.btn[data-tone=danger]:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.input{width:100%;padding:6px var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--step-0);outline:none;transition:border-color var(--fast) var(--ease)}.input:focus{border-color:var(--accent)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot[data-state=running]{background:var(--ok)}.dot[data-state=offline]{background:var(--text-muted)}.dot[data-state=starting],.dot[data-state=stopping]{background:var(--warn)}.dot[data-state=crashed]{background:var(--danger)}.dot[data-state=unknown]{background:var(--celeste)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.grid{display:grid;gap:var(--space-4)}.spinner{width:100%;display:grid;place-items:center;padding:var(--space-6);color:var(--text-muted)}.spinner i{width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.freshness{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.6875rem;color:var(--text-muted)}.freshness[data-liveness=stale]{color:var(--warn)}.freshness[data-liveness=disconnected]{color:var(--danger)}.freshness[data-liveness=unsupported]{color:var(--text-muted)}.empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--step-0)}