:root{--color-accent-50:#f2f0ff;--color-accent-100:#e5e0ff;--color-accent-200:#c9beff;--color-accent-300:#a996ff;--color-accent-400:#8b70fa;--color-accent-500:#6f4ef0;--color-accent-600:#5936d1;--color-accent-700:#4527a8;--color-accent-800:#331d7f;--color-accent-900:#23145a;--color-gray-0:#fff;--color-gray-50:#faf9f8;--color-gray-100:#f2f0ee;--color-gray-200:#e6e3e0;--color-gray-300:#d3cec9;--color-gray-400:#a9a29b;--color-gray-500:#837b73;--color-gray-600:#635c56;--color-gray-700:#47423d;--color-gray-800:#2e2a26;--color-gray-900:#1c1916;--color-success-500:#2fa66b;--color-warning-500:#d99a2b;--color-danger-500:#d9502b;--color-info-500:#2f8ed9;--surface-page:var(--color-gray-50);--surface-raised:var(--color-gray-0);--surface-sunken:var(--color-gray-100);--border-default:var(--color-gray-200);--border-strong:var(--color-gray-300);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-400);--text-on-accent:#fff;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-full:999px;--shadow-sm:0 1px 2px rgba(28,25,22,.06);--shadow-md:0 4px 12px rgba(28,25,22,.08);--shadow-lg:0 12px 32px rgba(28,25,22,.12);--ease-standard:cubic-bezier(0.2,0,0,1);--duration-fast:120ms;--duration-base:200ms;--duration-slow:320ms;--focus-ring:0 0 0 3px var(--color-accent-200)}:root[data-theme=dark]{--surface-page:var(--color-gray-900);--surface-raised:var(--color-gray-800);--surface-sunken:#14110f;--border-default:var(--color-gray-700);--border-strong:var(--color-gray-600);--text-primary:var(--color-gray-50);--text-secondary:var(--color-gray-300);--text-muted:var(--color-gray-500);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-lg:0 12px 32px rgba(0,0,0,.55);--focus-ring:0 0 0 3px var(--color-accent-700)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-page:var(--color-gray-900);--surface-raised:var(--color-gray-800);--surface-sunken:#14110f;--border-default:var(--color-gray-700);--border-strong:var(--color-gray-600);--text-primary:var(--color-gray-50);--text-secondary:var(--color-gray-300);--text-muted:var(--color-gray-500);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-lg:0 12px 32px rgba(0,0,0,.55);--focus-ring:0 0 0 3px var(--color-accent-700)}}.btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent-500);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken)}.btn-danger{background:var(--color-danger-500);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.badge{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);line-height:var(--leading-tight)}.badge-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.badge-accent{background:var(--color-accent-100);color:var(--color-accent-700)}.badge-success{background:color-mix(in srgb,var(--color-success-500) 16%,transparent);color:var(--color-success-500)}.badge-warning{background:color-mix(in srgb,var(--color-warning-500) 16%,transparent);color:var(--color-warning-500)}.badge-danger{background:color-mix(in srgb,var(--color-danger-500) 16%,transparent);color:var(--color-danger-500)}.badge-info{background:color-mix(in srgb,var(--color-info-500) 16%,transparent);color:var(--color-info-500)}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}