:root{--color-teal:#29cdb5;--color-brand-primary:var(--color-teal);--color-brand-secondary:#8b5cf6;--color-brand-secondary-hover:#7c3aed;--color-navy:#1a2b44;--color-green:#4caf50;--color-sky-blue:#a3d8e5;--color-steel-grey:#f4f7f9;--bg-primary:var(--color-steel-grey);--bg-secondary:#fff;--bg-tertiary:#f8fafc;--text-primary:var(--color-navy);--text-secondary:#475569;--accent-primary:var(--color-brand-primary);--accent-primary-dark:#0d9488;--accent-hover:#23b39d;--border-color:#e2e8f0;--success-color:var(--color-green);--color-fuchsia:#c026d3;--color-outstanding:var(--color-fuchsia);--color-outstanding-bg:#d946ef1a;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-callout:#8b5cf60d;--border-callout:#8b5cf64d;--text-sm:.75rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:2rem;--text-5xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--card-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;--glow-shadow:0 0 40px #29cdb51f;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #0000000d;--icon-add-bg:var(--text-secondary);--icon-add-stroke:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--accent-primary:var(--accent-primary-dark);--accent-hover:#0d9488;--border-color:#334155;--color-brand-secondary:#a78bfa;--color-brand-secondary-hover:#c4b5fd;--color-fuchsia:#e879f9;--color-outstanding:var(--color-fuchsia);--color-outstanding-bg:#e879f926;--success-color:#4ade80;--warning-color:#fbbf24;--danger-color:#f87171;--card-shadow:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--glow-shadow:0 0 40px #0d948826;--glass-bg:#1e293bd9;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--icon-add-bg:var(--text-secondary);--icon-add-stroke:var(--bg-secondary)}}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--accent-primary:var(--accent-primary-dark);--accent-hover:#0d9488;--border-color:#334155;--color-brand-secondary:#a78bfa;--color-brand-secondary-hover:#c4b5fd;--color-fuchsia:#e879f9;--color-outstanding:var(--color-fuchsia);--color-outstanding-bg:#e879f926;--success-color:#4ade80;--warning-color:#fbbf24;--danger-color:#f87171;--card-shadow:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--glow-shadow:0 0 40px #0d948826;--glass-bg:#1e293bd9;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--icon-add-bg:var(--text-secondary);--icon-add-stroke:var(--bg-secondary)}[data-theme=light]{--bg-primary:var(--color-steel-grey);--bg-secondary:#fff;--bg-tertiary:#f8fafc;--text-primary:var(--color-navy);--text-secondary:#475569;--accent-primary:var(--color-brand-primary);--accent-primary-dark:#0d9488;--accent-hover:#23b39d;--border-color:#e2e8f0;--success-color:var(--color-green);--color-fuchsia:#c026d3;--color-outstanding:var(--color-fuchsia);--color-outstanding-bg:#d946ef1a;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-callout:#8b5cf60d;--border-callout:#8b5cf64d;--card-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;--glow-shadow:0 0 40px #29cdb51f;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #0000000d}html{-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-inter),sans-serif;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-inter),sans-serif;letter-spacing:-.02em;font-weight:600}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@media (max-width:1024px){.edge-to-edge-mobile{width:calc(100% + 2rem)!important;max-width:none!important;box-shadow:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;margin-left:-1rem!important;margin-right:-1rem!important}}