:root{color-scheme:dark;--bg: #0B1220;--bg-elev: #0F172A;--surface: #111A2E;--surface-2: #182338;--surface-hov: #1B2740;--border: #1F2A44;--border-strong:#334155;--text: #F1F5F9;--text-dim: #94A3B8;--text-faint: #64748B;--text-inv: #0B1220;--primary: #34D399;--primary-hov: #6EE7B7;--primary-soft: rgba(52,211,153,.14);--primary-ring: rgba(52,211,153,.45);--accent: #2DD4BF;--accent-hov: #5EEAD4;--accent-soft: rgba(45,212,191,.14);--danger: #F87171;--danger-hov: #FCA5A5;--danger-soft: rgba(248,113,113,.14);--success: #4ADE80;--success-soft: rgba(74,222,128,.14);--warning: #FBBF24;--warning-soft: rgba(251,191,36,.14);--info-soft: rgba(148,163,184,.12);--topbar-bg: rgba(11,18,32,.75);--glow-1: rgba(52,211,153,.09);--glow-2: rgba(45,212,191,.06);--scroll-thumb-hov: #475569;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--lh-tight: 1.25;--lh-base: 1.5;--lh-loose: 1.7;--shadow-xs: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 0 rgba(255,255,255,.04) inset, 0 2px 6px rgba(0,0,0,.4);--shadow-md: 0 1px 0 rgba(255,255,255,.05) inset, 0 6px 18px rgba(0,0,0,.45);--shadow-lg: 0 1px 0 rgba(255,255,255,.06) inset, 0 16px 40px rgba(0,0,0,.55);--ring: 0 0 0 3px var(--primary-ring);--ease: cubic-bezier(.4, 0, .2, 1);--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--font-sans: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sidebar-w: 240px;--topbar-h: 60px}html.theme-light{color-scheme:light;--bg: #F8FAFC;--bg-elev: #FFFFFF;--surface: #FFFFFF;--surface-2: #F1F5F9;--surface-hov: #E2E8F0;--border: #E2E8F0;--border-strong:#CBD5E1;--text: #0F172A;--text-dim: #475569;--text-faint: #64748B;--text-inv: #FFFFFF;--primary: #059669;--primary-hov: #047857;--primary-soft: rgba(5,150,105,.12);--primary-ring: rgba(5,150,105,.35);--accent: #0D9488;--accent-hov: #0F766E;--accent-soft: rgba(13,148,136,.12);--danger: #DC2626;--danger-hov: #B91C1C;--danger-soft: rgba(220,38,38,.1);--success: #16A34A;--success-soft: rgba(22,163,74,.12);--warning: #D97706;--warning-soft: rgba(217,119,6,.12);--info-soft: rgba(100,116,139,.1);--shadow-xs: 0 1px 2px rgba(15,23,42,.06);--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.05);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 20px 40px rgba(15,23,42,.12), 0 8px 16px rgba(15,23,42,.06);--topbar-bg: rgba(248,250,252,.78);--glow-1: rgba(5,150,105,.07);--glow-2: rgba(13,148,136,.05);--scroll-thumb-hov: #94A3B8}html.theme-light select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;transition:background-color var(--dur-3) var(--ease)}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text);background:radial-gradient(1200px 600px at 0% 0%,var(--glow-1),transparent 60%),radial-gradient(900px 500px at 100% 100%,var(--glow-2),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";transition:color var(--dur-3) var(--ease)}h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);font-weight:600}h1{font-size:var(--fs-xl);letter-spacing:-.01em}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0}::selection{background:var(--primary-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hov);background-clip:padding-box;border:2px solid transparent}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-md);padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease);white-space:nowrap}button:hover:not(:disabled){background:var(--surface-hov);border-color:var(--border-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:var(--ring)}button.primary{background:var(--primary);color:var(--text-inv);border-color:transparent;font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hov);border-color:transparent}button.danger{background:transparent;color:var(--danger);border-color:var(--danger-soft)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger-hov)}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.ghost:hover:not(:disabled){background:var(--surface-hov);color:var(--text)}button.icon{width:36px;height:36px;padding:0}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;width:100%;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}input[type=file]{padding:6px 8px;cursor:pointer}textarea{resize:vertical;min-height:84px;font-family:var(--font-sans)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}label{color:var(--text-dim);font-size:var(--fs-sm)}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg-elev)}legend{padding:0 var(--space-2);font-size:var(--fs-sm);color:var(--text-dim)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hov)}a:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-xs)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:var(--radius-full);background:var(--info-soft);color:var(--text-dim);line-height:1.4}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--primary-soft);color:var(--primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}