:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--success-base:#059669;--success-light:#d1fae5;--success-dark:#065f46;--warning-base:#d97706;--warning-light:#fef3c7;--warning-dark:#92400e;--error-base:#e11d48;--error-light:#ffe4e6;--error-dark:#9f1239;--color-bg-page:var(--neutral-50);--color-bg-card:#fff;--color-bg-subtle:var(--neutral-100);--color-bg-overlay:#0f172a80;--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-border-focus:var(--brand-600);--color-text-primary:var(--neutral-800);--color-text-secondary:var(--neutral-500);--color-text-disabled:var(--neutral-400);--color-text-inverse:#fff;--color-text-link:var(--brand-600);--color-interactive:var(--brand-600);--color-interactive-hover:var(--brand-700);--color-interactive-press:var(--brand-800);--color-interactive-subtle:var(--brand-50);--color-interactive-disabled:var(--neutral-200);--color-success:var(--success-base);--color-success-bg:var(--success-light);--color-warning:var(--warning-base);--color-warning-bg:var(--warning-light);--color-error:var(--error-base);--color-error-bg:var(--error-light);--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a1a, 0 2px 4px -1px #0f172a0f;--radius-sm:8px;--radius-md:12px;--radius-lg:24px}@media (prefers-color-scheme:dark){:root{--color-bg-page:var(--neutral-900);--color-bg-card:var(--neutral-800);--color-bg-subtle:var(--neutral-700);--color-bg-overlay:#0009;--color-border:var(--neutral-600);--color-border-strong:var(--neutral-500);--color-border-focus:var(--brand-400);--color-text-primary:var(--neutral-100);--color-text-secondary:var(--neutral-400);--color-text-disabled:var(--neutral-600);--color-text-inverse:var(--neutral-900);--color-text-link:var(--brand-300);--color-interactive:var(--brand-400);--color-interactive-hover:var(--brand-300);--color-interactive-press:var(--brand-200);--color-interactive-subtle:var(--brand-900);--color-interactive-disabled:var(--neutral-700);--color-success:#34d399;--color-success-bg:#05966926;--color-warning:#fcd34d;--color-warning-bg:#d9770626;--color-error:#fb7185;--color-error-bg:#e11d4826;--shadow-sm:none;--shadow-md:0 4px 6px -1px #00000080}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}#root{max-width:1200px;margin:0 auto;padding:24px 16px}@media (width>=768px){#root{padding:64px 32px}}h1,h2,h3{color:var(--color-text-primary);font-weight:400}input{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out forwards fadeIn}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}