@layer tokens{:root{--ref-indigo-50:#eef2ff;--ref-indigo-100:#e0e7ff;--ref-indigo-200:#c7d2fe;--ref-indigo-300:#a5b4fc;--ref-indigo-400:#818cf8;--ref-indigo-500:#6366f1;--ref-indigo-600:#4f46e5;--ref-indigo-700:#4338ca;--ref-indigo-800:#3730a3;--ref-indigo-900:#312e81;--ref-purple-50:#faf5ff;--ref-purple-100:#f3e8ff;--ref-purple-200:#e9d5ff;--ref-purple-300:#d8b4fe;--ref-purple-400:#c084fc;--ref-purple-500:#a855f7;--ref-purple-600:#9333ea;--ref-purple-700:#7e22ce;--ref-purple-800:#6b21a8;--ref-purple-900:#581c87;--ref-pink-50:#fdf2f8;--ref-pink-100:#fce7f3;--ref-pink-200:#fbcfe8;--ref-pink-300:#f9a8d4;--ref-pink-400:#f472b6;--ref-pink-500:#ec4899;--ref-pink-600:#db2777;--ref-pink-700:#be185d;--ref-pink-800:#9d174d;--ref-pink-900:#831843;--ref-emerald-50:#ecfdf5;--ref-emerald-100:#d1fae5;--ref-emerald-200:#a7f3d0;--ref-emerald-300:#6ee7b7;--ref-emerald-400:#34d399;--ref-emerald-500:#10b981;--ref-emerald-600:#059669;--ref-emerald-700:#047857;--ref-emerald-800:#065f46;--ref-emerald-900:#064e3b;--ref-blue-50:#eff6ff;--ref-blue-100:#dbeafe;--ref-blue-200:#bfdbfe;--ref-blue-300:#93c5fd;--ref-blue-400:#60a5fa;--ref-blue-500:#3b82f6;--ref-blue-600:#2563eb;--ref-blue-700:#1d4ed8;--ref-blue-800:#1e40af;--ref-blue-900:#1e3a8a;--ref-amber-50:#fffbeb;--ref-amber-100:#fef3c7;--ref-amber-200:#fde68a;--ref-amber-300:#fcd34d;--ref-amber-400:#fbbf24;--ref-amber-500:#f59e0b;--ref-amber-600:#d97706;--ref-amber-700:#b45309;--ref-amber-800:#92400e;--ref-amber-900:#78350f;--ref-red-50:#fef2f2;--ref-red-100:#fee2e2;--ref-red-200:#fecaca;--ref-red-300:#fca5a5;--ref-red-400:#f87171;--ref-red-500:#ef4444;--ref-red-600:#dc2626;--ref-red-700:#b91c1c;--ref-red-800:#991b1b;--ref-red-900:#7f1d1d;--ref-slate-50:#f8fafc;--ref-slate-100:#f1f5f9;--ref-slate-200:#e2e8f0;--ref-slate-300:#cbd5e1;--ref-slate-400:#94a3b8;--ref-slate-500:#64748b;--ref-slate-600:#475569;--ref-slate-700:#334155;--ref-slate-800:#1e293b;--ref-slate-900:#0f172a;--ref-white:#fff;--ref-black:#000;--ref-space-0:0px;--ref-space-px:1px;--ref-space-0-5:2px;--ref-space-1:4px;--ref-space-1-5:6px;--ref-space-2:8px;--ref-space-2-5:10px;--ref-space-3:12px;--ref-space-3-5:14px;--ref-space-4:16px;--ref-space-5:20px;--ref-space-6:24px;--ref-space-7:28px;--ref-space-8:32px;--ref-space-9:36px;--ref-space-10:40px;--ref-space-12:48px;--ref-space-14:56px;--ref-space-16:64px;--ref-space-20:80px;--ref-space-24:96px;--ref-radius-none:0px;--ref-radius-sm:4px;--ref-radius-DEFAULT:8px;--ref-radius-md:8px;--ref-radius-lg:12px;--ref-radius-xl:16px;--ref-radius-2xl:20px;--ref-radius-3xl:24px;--ref-radius-full:9999px;--ref-shadow-xs:0 1px 2px 0 #0000000d;--ref-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--ref-shadow-DEFAULT:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--ref-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--ref-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ref-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ref-shadow-2xl:0 25px 50px -12px #00000040;--ref-font-size-xs:12px;--ref-font-size-sm:14px;--ref-font-size-base:16px;--ref-font-size-lg:18px;--ref-font-size-xl:20px;--ref-font-size-2xl:24px;--ref-font-size-3xl:30px;--ref-font-size-4xl:36px;--ref-font-size-5xl:48px;--ref-font-weight-normal:400;--ref-font-weight-medium:500;--ref-font-weight-semibold:600;--ref-font-weight-bold:700;--ref-font-weight-extrabold:800;--ref-line-height-tight:1.25;--ref-line-height-snug:1.375;--ref-line-height-normal:1.5;--ref-line-height-relaxed:1.625;--ref-line-height-loose:2;--sys-color-primary:var(--ref-indigo-600);--sys-color-primary-hover:var(--ref-indigo-700);--sys-color-primary-active:var(--ref-indigo-800);--sys-color-on-primary:var(--ref-white);--sys-color-secondary:var(--ref-purple-600);--sys-color-secondary-hover:var(--ref-purple-700);--sys-color-on-secondary:var(--ref-white);--sys-color-surface:var(--ref-white);--sys-color-surface-variant:var(--ref-slate-50);--sys-color-on-surface:var(--ref-slate-900);--sys-color-on-surface-variant:var(--ref-slate-600);--sys-color-background:var(--ref-slate-50);--sys-color-on-background:var(--ref-slate-900);--sys-color-border:var(--ref-slate-200);--sys-color-border-hover:var(--ref-indigo-300);--sys-color-border-focus:var(--ref-indigo-500);--sys-color-success:var(--ref-emerald-600);--sys-color-warning:var(--ref-amber-500);--sys-color-error:var(--ref-red-500);--sys-color-info:var(--ref-blue-500);--sys-color-math:var(--ref-indigo-600);--sys-color-science:var(--ref-emerald-500);--sys-color-english:var(--ref-blue-500);--sys-color-ai:var(--ref-purple-600);--sys-space-button-padding-x:var(--ref-space-4);--sys-space-button-padding-y:var(--ref-space-2-5);--sys-space-card-padding:var(--ref-space-5);--sys-space-card-padding-large:var(--ref-space-6);--sys-space-section-gap:var(--ref-space-8);--sys-space-inline-gap:var(--ref-space-4);--sys-space-stack-gap:var(--ref-space-3);--sys-elevation-card:var(--ref-shadow-sm);--sys-elevation-card-hover:var(--ref-shadow-md);--sys-elevation-modal:var(--ref-shadow-2xl);--sys-elevation-dropdown:var(--ref-shadow-lg);--sys-font-heading-large:var(--ref-font-size-3xl);--sys-font-heading-medium:var(--ref-font-size-2xl);--sys-font-heading-small:var(--ref-font-size-xl);--sys-font-body:var(--ref-font-size-base);--sys-font-body-small:var(--ref-font-size-sm);--sys-font-label:var(--ref-font-size-sm);--sys-font-caption:var(--ref-font-size-xs);--comp-button-bg-primary:linear-gradient(to right,var(--sys-color-primary),var(--sys-color-secondary));--comp-button-bg-secondary:var(--sys-color-surface);--comp-button-text-primary:var(--sys-color-on-primary);--comp-button-text-secondary:var(--sys-color-primary);--comp-button-border:var(--sys-color-border);--comp-button-border-hover:var(--sys-color-border-hover);--comp-button-padding-x:var(--sys-space-button-padding-x);--comp-button-padding-y:var(--sys-space-button-padding-y);--comp-button-border-radius:var(--ref-radius-xl);--comp-button-shadow:var(--ref-shadow-sm);--comp-button-shadow-hover:var(--ref-shadow-md);--comp-card-bg:var(--sys-color-surface);--comp-card-border:var(--sys-color-border);--comp-card-border-hover:var(--sys-color-border-hover);--comp-card-padding:var(--sys-space-card-padding);--comp-card-padding-large:var(--sys-space-card-padding-large);--comp-card-border-radius:var(--ref-radius-2xl);--comp-card-shadow:var(--sys-elevation-card);--comp-card-shadow-hover:var(--sys-elevation-card-hover);--comp-icon-badge-size-sm:var(--ref-space-8);--comp-icon-badge-size-md:var(--ref-space-10);--comp-icon-badge-size-lg:var(--ref-space-12);--comp-icon-badge-border-radius:var(--ref-radius-lg);--comp-icon-badge-bg:var(--ref-indigo-50);--comp-icon-badge-text:var(--sys-color-primary);--comp-progress-height:var(--ref-space-2);--comp-progress-bg:var(--ref-slate-100);--comp-progress-fill:linear-gradient(to right,var(--sys-color-primary),var(--sys-color-secondary));--comp-progress-border-radius:var(--ref-radius-full);--comp-input-bg:var(--sys-color-surface);--comp-input-border:var(--sys-color-border);--comp-input-border-focus:var(--sys-color-border-focus);--comp-input-padding-x:var(--ref-space-4);--comp-input-padding-y:var(--ref-space-2-5);--comp-input-border-radius:var(--ref-radius-xl);--comp-input-text:var(--sys-color-on-surface);--comp-modal-bg:var(--sys-color-surface);--comp-modal-overlay:#00000080;--comp-modal-border-radius:var(--ref-radius-3xl);--comp-modal-shadow:var(--sys-elevation-modal);--comp-modal-padding:var(--ref-space-12)}.dark{--sys-color-surface:var(--ref-slate-800);--sys-color-surface-variant:var(--ref-slate-900);--sys-color-on-surface:var(--ref-slate-100);--sys-color-on-surface-variant:var(--ref-slate-400);--sys-color-background:var(--ref-slate-900);--sys-color-on-background:var(--ref-slate-100);--sys-color-border:var(--ref-slate-700);--sys-color-border-hover:var(--ref-indigo-600);--comp-card-bg:var(--ref-slate-800);--comp-card-border:var(--ref-slate-700);--comp-input-bg:var(--ref-slate-800);--comp-icon-badge-bg:#6366f133;--comp-progress-bg:var(--ref-slate-700)}}