:root{--bg:#fff;--surface:#fff;--surface-2:#f9f9f9;--surface-3:#f5f5f5;--text:#080808;--text-secondary:#374151;--text-muted:#6b7280;--text-disabled:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--border-focus:#080808;--accent:#080808;--accent-subtle:#f3f4f6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-xs:0 1px 2px 0 #0808080d;--shadow-sm:0 1px 3px 0 #08080814,0 1px 2px 0 #0808080a;--shadow-md:0 4px 6px -1px #08080814,0 2px 4px -1px #0808080a;--shadow-lg:0 10px 15px -3px #08080814,0 4px 6px -2px #08080808;--space-px:1px;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto}html.dark{--bg:#080808;--surface:#0d0d0d;--surface-2:#151515;--surface-3:#1a1a1a;--text:#fff;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-disabled:#6b7280;--border:#1f2937;--border-hover:#374151;--border-focus:#fff;--accent:#fff;--accent-subtle:#1f2937;--shadow-xs:0 1px 2px 0 #00000040;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.btn-primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--duration-200)var(--ease-out);box-shadow:var(--shadow-xs)}.btn-primary:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-secondary{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--duration-200)var(--ease-out);background:0 0}.btn-secondary:hover{background:var(--accent-subtle);border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-300)var(--ease-out)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}button:focus,input:focus,textarea:focus,select:focus,[tabindex]:focus{outline:2px solid var(--border-focus);outline-offset:2px}.bg-primary{background-color:var(--bg)}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-3{background-color:var(--surface-3)}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.border-primary{border-color:var(--border)}.border-hover{border-color:var(--border-hover)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.font-system{font-family:var(--font-family)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}