:root{--gray-0:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--accent-500:#2563eb;--accent-600:#1d4ed8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--duration-fast:.12s;--ease-standard:cubic-bezier(.2, 0, 0, 1)}:root,[data-theme=light]{--bg-canvas:var(--gray-50);--bg-surface:var(--gray-0);--bg-hover:var(--gray-100);--bg-active:var(--gray-200);--border-default:var(--gray-200);--border-strong:var(--gray-300);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-on-accent:#fff;--accent-soft:color-mix(in srgb, var(--accent-500) 10%, transparent);--success-soft:color-mix(in srgb, var(--success) 12%, transparent);--warning-soft:color-mix(in srgb, var(--warning) 12%, transparent);--danger-soft:color-mix(in srgb, var(--danger) 12%, transparent);--info-soft:color-mix(in srgb, var(--info) 12%, transparent)}[data-theme=dark]{--bg-canvas:var(--gray-950);--bg-surface:var(--gray-900);--bg-hover:var(--gray-800);--bg-active:var(--gray-700);--border-default:var(--gray-700);--border-strong:var(--gray-600);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--accent-soft:color-mix(in srgb, var(--accent-500) 20%, transparent);--success-soft:color-mix(in srgb, var(--success) 22%, transparent);--warning-soft:color-mix(in srgb, var(--warning) 22%, transparent);--danger-soft:color-mix(in srgb, var(--danger) 22%, transparent);--info-soft:color-mix(in srgb, var(--info) 22%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas:var(--gray-950);--bg-surface:var(--gray-900);--bg-hover:var(--gray-800);--bg-active:var(--gray-700);--border-default:var(--gray-700);--border-strong:var(--gray-600);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--accent-soft:color-mix(in srgb, var(--accent-500) 20%, transparent);--success-soft:color-mix(in srgb, var(--success) 22%, transparent);--warning-soft:color-mix(in srgb, var(--warning) 22%, transparent);--danger-soft:color-mix(in srgb, var(--danger) 22%, transparent);--info-soft:color-mix(in srgb, var(--info) 22%, transparent)}}*,:before,:after{box-sizing:border-box}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.5}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}