:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas-bg:#191a1c;--color-grid-dot:#43484f;--color-surface:#2b3036;--color-surface-raised:#383e45;--color-border:#3a4048;--color-ink:#eef1f4;--color-ink-muted:#a8b0b8;--color-ink-eyebrow:#d0d6dc;--color-accent:#66c9de;--color-accent-strong:#66c9de;--color-on-accent:#0e1418;--color-accent-surface:#20363b;--color-accent-ink:#9ce4ef;--color-accent-border:#4b8791;--color-cable:#b9c2cc;--color-warning:#ffd166;--color-warning-surface:#493715;--color-warning-border:#a48035;--color-danger:#ff938a;--color-danger-surface:#482523;--color-danger-border:#ab6a62;--shadow-raised:0 2px 6px #00000057, 0 14px 36px #00000061, inset 0 1px 0 #ffffff24;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-control:8px;--radius-card:12px;--radius-pill:999px;--font-sans:"Avenir Next", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Mono", Menlo, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--grid-dot-size:24px;--grid-dot-radius:1px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas-bg:#e4e7ea;--color-grid-dot:#a2abb5;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#d5dae0;--color-ink:#16191d;--color-ink-muted:#565d66;--color-ink-eyebrow:#565d66;--color-accent:#006b82;--color-accent-strong:#006b82;--color-on-accent:#fff;--color-accent-surface:#e1f4f7;--color-accent-ink:#006b82;--color-accent-border:#4b8996;--color-cable:#4d565f;--color-warning:#9a5b00;--color-warning-surface:#fff0b8;--color-warning-border:#b17b1a;--color-danger:#b42318;--color-danger-surface:#fee4e2;--color-danger-border:#c94f4f;--shadow-raised:0 1px 2px #0f172a12, 0 6px 20px #0f172a1a}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--color-ink);background-color:var(--color-canvas-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,p{margin:0}.dot-grid{background-color:var(--color-canvas-bg);background-image:radial-gradient(circle, var(--color-grid-dot) var(--grid-dot-radius), transparent var(--grid-dot-radius));background-size:var(--grid-dot-size) var(--grid-dot-size)}.app{min-height:100svh;padding:var(--space-5);place-items:center;display:grid}.panel{gap:var(--space-4);width:min(32rem,100%);padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);display:grid}.panel__eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-eyebrow)}.panel__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-ink);line-height:1.2}.panel__text{color:var(--color-ink-muted);line-height:1.5}.badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);border:1px solid #0000;align-items:center;display:inline-flex}.badge--accent{background-color:var(--color-accent-surface);border-color:var(--color-accent-border);color:var(--color-accent-ink)}.badge--warning{background-color:var(--color-warning-surface);border-color:var(--color-warning-border);color:var(--color-warning)}.badge--danger{background-color:var(--color-danger-surface);border-color:var(--color-danger-border);color:var(--color-danger)}.button{padding:var(--space-2) var(--space-4);font:inherit;font-weight:var(--font-weight-semibold);color:var(--color-on-accent);background-color:var(--color-accent-strong);border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;justify-self:stretch}.button:hover{background-color:var(--color-accent)}.button:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}