:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans", "Noto Sans", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--accent: #10b981;--accent-hover: #0ea371;--accent-contrast: #ffffff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dur-fast: .15s;--ease: cubic-bezier(.4, 0, .2, 1);--max-w: 760px}:root,:root[data-theme=dark]{--bg: #0b0c0e;--surface: #141619;--surface-2: #1c1f24;--border: #262a30;--text: #e6e8eb;--text-muted: #9aa1ab;--text-faint: #6b7280;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}:root[data-theme=light]{--bg: #ffffff;--surface: #f7f8fa;--surface-2: #eef0f3;--border: #e3e6ea;--text: #0f1115;--text-muted: #5b616b;--text-faint: #9aa1ab;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.02em;font-weight:600;margin:0}code,.mono{font-family:var(--font-mono)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-4);font:inherit;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--border)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:13px}.input,.textarea,.select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:var(--sp-3);font:inherit;transition:border-color var(--dur-fast) var(--ease)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent)}.textarea{resize:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.row{display:flex;align-items:center;gap:var(--sp-3)}.col{display:flex;flex-direction:column;gap:var(--sp-3)}.spacer{flex:1}.center{display:grid;place-items:center}.badge{display:inline-block;padding:2px var(--sp-2);border-radius:var(--radius-pill);font-size:12px;border:1px solid var(--border);color:var(--text-muted)}.badge-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.empty{text-align:center;color:var(--text-muted);padding:var(--sp-16) var(--sp-4)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}