:root{--bg: oklch(.97 0 0);--bg-soft: oklch(.95 0 0);--bg-sunk: oklch(.93 0 0);--fg: oklch(.13 0 0);--fg-soft: oklch(.32 0 0);--muted: oklch(.55 0 0);--border: oklch(.88 0 0);--border-strong: oklch(.78 0 0);--accent: oklch(.13 0 0);--accent-fg: oklch(.97 0 0);--good: oklch(.62 .16 145);--bad: oklch(.62 .21 28);--warn: oklch(.78 .16 75);--info: oklch(.62 .18 250);--radius: 8px;--radius-sm: 6px;--radius-lg: 14px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);--shadow-2: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-3: 0 10px 30px rgba(0, 0, 0, .08), 0 6px 10px rgba(0, 0, 0, .04);--grid-color: rgba(0, 0, 0, .05);color-scheme:light}[data-theme=dark]{--bg: oklch(.18 0 0);--bg-soft: oklch(.22 0 0);--bg-sunk: oklch(.14 0 0);--fg: oklch(.97 0 0);--fg-soft: oklch(.85 0 0);--muted: oklch(.62 0 0);--border: oklch(.3 0 0);--border-strong: oklch(.42 0 0);--accent: oklch(.97 0 0);--accent-fg: oklch(.13 0 0);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .25);--shadow-2: 0 4px 14px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-3: 0 10px 30px rgba(0, 0, 0, .55), 0 6px 10px rgba(0, 0, 0, .35);--grid-color: rgba(255, 255, 255, .04);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: oklch(.18 0 0);--bg-soft: oklch(.22 0 0);--bg-sunk: oklch(.14 0 0);--fg: oklch(.97 0 0);--fg-soft: oklch(.85 0 0);--muted: oklch(.62 0 0);--border: oklch(.3 0 0);--border-strong: oklch(.42 0 0);--accent: oklch(.97 0 0);--accent-fg: oklch(.13 0 0);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .25);--shadow-2: 0 4px 14px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-3: 0 10px 30px rgba(0, 0, 0, .55), 0 6px 10px rgba(0, 0, 0, .35);--grid-color: rgba(255, 255, 255, .04);color-scheme:dark}}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}::selection{background:var(--fg);color:var(--bg)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}h1,h2,h3,h4{font-family:inherit;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 .6em}h1{font-size:clamp(1.8rem,3.5vw,2.5rem);letter-spacing:-.025em}h2{font-size:1.4rem;letter-spacing:-.02em}h3{font-size:1.05rem}h4{font-size:.92rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}p{margin:0 0 .8em;color:var(--fg-soft)}small{color:var(--muted)}a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--border-strong);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .15s ease,color .15s ease}a:hover{text-decoration-color:var(--fg)}.mono{font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:.9em}.kicker{font-family:Geist Mono,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .4em}.muted{color:var(--muted)}button,.btn{font:inherit;font-weight:500;font-size:.92rem;background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--radius);padding:.55em 1em;cursor:pointer;box-shadow:var(--shadow-1);transition:transform .06s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;display:inline-flex;align-items:center;gap:.4em;text-decoration:none}button:hover,.btn:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0);box-shadow:var(--shadow-1)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.ghost{background:transparent;color:var(--fg);border-color:var(--border)}button.ghost:hover{background:var(--bg-soft);border-color:var(--border-strong)}button.subtle{background:var(--bg-soft);color:var(--fg);border-color:var(--border)}button.subtle:hover{background:var(--bg-sunk)}button.danger{background:var(--bad);color:#fff;border-color:var(--bad)}button.tiny{padding:.3em .6em;font-size:.82rem}button.icon{padding:.4em .55em}input,textarea,select{font:inherit;font-size:.93rem;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.55em .75em;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--fg);box-shadow:0 0 0 3px var(--bg-sunk)}input[type=range]{padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--fg)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) center,calc(100% - 12px) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.2em}label.field{display:block;font-size:.78rem;font-weight:500;color:var(--muted);margin-bottom:.35em;letter-spacing:.02em}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4em;transition:box-shadow .2s ease,border-color .2s ease}.card.hover:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong)}.card.tight{padding:1em}.card.flat{background:var(--bg)}.card.sunk{background:var(--bg-sunk)}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:.6rem}.spacer{flex:1}.center-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:2rem 1rem}.form-card{width:100%;max-width:380px}.container{max-width:64rem;margin:0 auto;padding:0 1.25rem}.container.narrow{max-width:42rem}hr.rule{border:none;border-top:1px solid var(--border);margin:1.2em 0}.pill{display:inline-flex;align-items:center;gap:.4em;padding:.18em .6em;border:1px solid var(--border);border-radius:99px;font-size:.74rem;font-weight:500;letter-spacing:.02em;background:var(--bg);color:var(--fg-soft)}.pill.online{color:var(--good);border-color:color-mix(in oklch,var(--good) 30%,var(--border))}.pill.offline{color:var(--muted)}.pill.live{color:var(--info);border-color:color-mix(in oklch,var(--info) 30%,var(--border))}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block;flex-shrink:0}.dot.online{background:var(--good);box-shadow:0 0 0 3px color-mix(in oklch,var(--good) 20%,transparent)}.shell{display:grid;grid-template-columns:260px 1fr;height:100vh;height:100dvh}.shell aside{background:var(--bg-soft);border-right:1px solid var(--border);padding:1.1rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem}.shell main{overflow-y:auto;background-image:radial-gradient(circle at 1px 1px,var(--grid-color) 1px,transparent 0);background-size:24px 24px;background-position:0 0}.brand{font-family:Geist Mono,monospace;font-weight:600;font-size:1.3rem;letter-spacing:-.01em;text-decoration:none;color:var(--fg);display:inline-flex;align-items:center;gap:.3em}.brand:before{content:"";display:inline-block;width:10px;height:10px;background:var(--fg);border-radius:2px;margin-right:.05em}nav.menu{display:flex;flex-direction:column;gap:.1rem}nav.menu a{text-decoration:none;font-weight:500;font-size:.92rem;color:var(--fg-soft);padding:.5em .7em;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.5em;transition:background .15s ease,color .15s ease}nav.menu a:hover{background:var(--bg-sunk);color:var(--fg)}nav.menu a.router-link-active{background:var(--bg-sunk);color:var(--fg);font-weight:600}@media(max-width:720px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell aside{flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--border);gap:.4rem;padding:.7rem .8rem;flex-wrap:nowrap;white-space:nowrap}.shell aside .stacked-only{display:none!important}.shell aside nav.menu{flex-direction:row;gap:.1rem}.shell aside nav.menu a{padding:.4em .7em;font-size:.85rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .35s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.error{color:var(--bad)}.notice{background:color-mix(in oklch,var(--good) 15%,var(--bg));color:var(--good);border:1px solid color-mix(in oklch,var(--good) 30%,var(--border));border-radius:var(--radius);padding:.5em .8em;font-size:.9rem}.error-box{background:color-mix(in oklch,var(--bad) 12%,var(--bg));color:var(--bad);border:1px solid color-mix(in oklch,var(--bad) 30%,var(--border));border-radius:var(--radius);padding:.5em .8em;font-size:.9rem}