:root{--ember:#fb5a24;--ember-bright:#ff7a4d;--ember-deep:#d63f11;--azure:#3e8eff;--violet:#9b7cff;--background:#fdf8f2;--surface:#fff;--surface2:#f7f2eb;--surface3:#ede7dc;--fig:#fdd868;--fig-deep:#e6bc2a;--teal:#2ec4a0;--teal-light:rgba(46,196,160,.12);--rose:#f97da8;--sky:#5bb8ff;--maths:#6c9eff;--english:#ff8fab;--science:#52d9a0;--sprout:#a8e6cf;--explorer:#74c0fc;--lightning:#ffd43b;--up:#29d17c;--points-gold:#f5a524;--down:#f05452;--correct:#29d17c;--incorrect:#f97da8;--text-primary:#1f1a14;--border-default:rgba(31,26,20,.07);--border-strong:rgba(31,26,20,.13);--border-focus:#fb5a24;--overlay:rgba(15,23,42,.6);--success:#29d17c;--success-bg:#ecfdf5;--success-bdr:#a3e6b8;--error:#f05452;--error-bg:#fff5f5;--error-bdr:#ffbdbd;--warning:#f59f00;--warning-bg:#fffbeb;--warning-bdr:#ffe08a;--info:#1c7ed6;--info-bg:#ebf5ff;--info-bdr:#a5c8f0;--common:#94a3b8;--common-bg:#f1f5f9;--common-bdr:#cbd5e1;--uncommon:#22c55e;--uncommon-bg:#f0fdf4;--uncommon-bdr:#86efac;--rare:#3b82f6;--rare-bg:#eff6ff;--rare-bdr:#93c5fd;--epic:#a855f7;--epic-bg:#faf5ff;--epic-bdr:#d8b4fe;--legendary:#f59e0b;--legendary-bg:#fffbeb;--legendary-bdr:#fcd34d;--legendary-gradient:linear-gradient(135deg,#f59e0b,#fbbf24 40%,#fef08a 60%,#f59e0b);--guardian:#5c3b8b;--guardian-bg:#f3eeff;--guardian-bdr:#c4b0e8;--guardian-dark:#2d1b4e;--xp:#ffc107;--xp-bg:#fffbeb;--streak:#ff6b35;--streak-bg:#fff4ef;--streak-at-risk:#f59f00;--history:#9b59b6;--history-bg:#faf5ff;--history-bdr:#d8b4fe;--geography:#f97316;--geography-bg:#fff7ed;--geography-bdr:#fed7aa;--text-heading:#1f1a14;--text-body:#1f1a14;--text-secondary:#5c5147;--text-muted:#796c5f;--text-placeholder:#c4b8ac;--text-disabled:#d4c8bc;--text-inverse:#fff;--text-on-maths:#1a365d;--text-on-english:#7b1c33;--text-on-science:#1a4731;--text-link:#3e8eff;--text-link-hover:#1c6fd4;--surface-raised:#f7f2eb;--surface-sunken:#ede7dc;--surface-maths:#eef3ff;--surface-english:#fff0f4;--surface-science:#edfdf5;--surface-guardian:#f3eeff;--border-maths:#b8d0ff;--border-english:#ffb3c6;--border-science:#86efbe;--divider:rgba(31,26,20,.07);--shadow-card:0 1px 3px rgba(66,100,200,.08),0 1px 2px rgba(66,100,200,.04);--shadow-hover:0 4px 12px rgba(66,100,200,.12),0 2px 4px rgba(66,100,200,.06);--shadow-sticky:0 2px 8px rgba(66,100,200,.1),0 1px 3px rgba(66,100,200,.06);--shadow-elevated:0 8px 24px rgba(66,100,200,.16),0 3px 8px rgba(66,100,200,.08);--shadow-toast:0 12px 32px rgba(66,100,200,.18),0 4px 12px rgba(66,100,200,.1);--shadow-primary-btn:0 4px 14px rgba(251,90,36,.28);--shadow-correct:0 0 0 4px rgba(46,196,160,.25);--shadow-guardian:0 8px 32px rgba(92,59,139,.35);--font-display:var(--font-geist-sans),system-ui,sans-serif;--font-body:var(--font-geist-sans),system-ui,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,monospace;--font-serif:var(--font-instrument-serif),Georgia,serif;--fs-display-xl:4.5rem;--lh-display-xl:1.0;--fw-display-xl:900;--ls-display-xl:-0.03em;--ff-display-xl:var(--font-display);--fs-display-lg:3.5rem;--lh-display-lg:1.1;--fw-display-lg:800;--ls-display-lg:-0.02em;--ff-display-lg:var(--font-display);--fs-h1:2.25rem;--lh-h1:1.15;--fw-h1:800;--ls-h1:-0.02em;--ff-h1:var(--font-display);--fs-h2:1.75rem;--lh-h2:1.2;--fw-h2:700;--ls-h2:-0.01em;--ff-h2:var(--font-display);--fs-h3:1.375rem;--lh-h3:1.3;--fw-h3:700;--ls-h3:0em;--ff-h3:var(--font-display);--fs-h4:1.125rem;--lh-h4:1.4;--fw-h4:600;--ls-h4:0em;--ff-h4:var(--font-body);--fs-label-lg:1rem;--lh-label-lg:1.4;--fw-label-lg:700;--ls-label-lg:0.01em;--ff-label-lg:var(--font-display);--fs-label-md:0.875rem;--lh-label-md:1.4;--fw-label-md:700;--ls-label-md:0.01em;--ff-label-md:var(--font-display);--fs-label-sm:0.75rem;--lh-label-sm:1.4;--fw-label-sm:600;--ls-label-sm:0.02em;--ff-label-sm:var(--font-display);--fs-body-lg:1.125rem;--lh-body-lg:1.7;--fw-body-lg:400;--ls-body-lg:0em;--ff-body-lg:var(--font-body);--fs-body-md:1rem;--lh-body-md:1.65;--fw-body-md:400;--ls-body-md:0em;--ff-body-md:var(--font-body);--fs-body-sm:0.875rem;--lh-body-sm:1.6;--fw-body-sm:400;--ls-body-sm:0em;--ff-body-sm:var(--font-body);--fs-caption:0.75rem;--lh-caption:1.5;--fw-caption:400;--ls-caption:0em;--ff-caption:var(--font-body);--fs-code:0.875rem;--lh-code:1.6;--fw-code:400;--ls-code:0em;--ff-code:var(--font-mono);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--content-max-width:428px;--panel-padding:16px;--panel-padding-lg:24px;--radius-card:16px;--radius-button:12px;--radius-chip:8px;--radius-modal:24px;--radius-avatar:50%;--radius-input:12px;--radius-pill:999px;--radius-sm:8px;--radius-lg:20px;--radius-xl:28px;--bp-mobile:375px;--bp-phablet:428px;--bp-tablet:768px;--bp-desktop:1024px;--bottom-nav-height:56px;--bottom-nav-clearance:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));--z-base:0;--z-raised:10;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-top:999;--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:48px;--duration-instant:80ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-dramatic:800ms;--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-in-out:cubic-bezier(0.45,0.00,0.55,1.00);--ease-out-expo:cubic-bezier(0.16,1.00,0.30,1.00);--ease-out:cubic-bezier(0.22,1.00,0.36,1.00);--brand:#fb5a24;--brand-hover:#ff7a4d;--brand-active:#d63f11;--brand-light:rgba(251,90,36,.08);--brand-surf:rgba(251,90,36,.05);--brand-surface:rgba(251,90,36,.05);--brand-border:rgba(251,90,36,.22);--brand-shadow:rgba(251,90,36,.28);--font:var(--font-display);--bg-app:var(--background);--bg-surface:var(--surface);--bg-raised:var(--surface-raised);--bg-subtle:var(--surface-sunken);--ink:var(--text-primary);--ink-2:var(--text-secondary);--ink-3:var(--text-muted);--ink-4:var(--text-placeholder);--ink-inv:var(--text-inverse);--bdr:var(--border-default);--bdr-faint:var(--border-default);--bdr-strong:var(--border-strong);--bdr-dashed:var(--border-default);--text-xs:var(--fs-label-sm);--text-sm:var(--fs-body-sm);--text-base:var(--fs-body-md);--text-md:var(--fs-label-lg);--text-lg:var(--fs-h4);--text-xl:var(--fs-h3);--text-2xl:var(--fs-h2);--text-3xl:var(--fs-h1);--text-4xl:var(--fs-display-lg);--sp-1:var(--space-1);--sp-2:var(--space-2);--sp-3:var(--space-3);--sp-4:var(--space-4);--sp-5:var(--space-5);--sp-6:var(--space-6);--sp-7:var(--space-8);--sp-8:var(--space-8);--sp-10:var(--space-10);--sp-12:var(--space-12);--sp-14:var(--space-12);--sp-16:var(--space-16);--r-sm:var(--radius-sm);--r-md:var(--radius-card);--r-lg:var(--radius-lg);--r-xl:var(--radius-xl);--r-2xl:var(--radius-modal);--r-pill:var(--radius-pill);--dur-xs:var(--duration-instant);--dur-sm:var(--duration-fast);--dur-md:var(--duration-normal);--dur-lg:var(--duration-slow);--dur-xl:var(--duration-dramatic);--sh-xs:var(--shadow-card);--sh-sm:var(--shadow-card);--sh-md:var(--shadow-hover);--sh-lg:var(--shadow-elevated);--sh-float:var(--shadow-elevated);--warn:var(--warning);--warn-bg:var(--warning-bg);--warn-bdr:var(--warning-bdr);--danger:var(--error);--danger-bg:var(--error-bg);--danger-bdr:var(--error-bdr);--geo:var(--geography);--geo-bg:var(--geography-bg);--geo-bdr:var(--geography-bdr);--maths-bg:var(--surface-maths);--maths-bdr:var(--border-maths);--english-bg:var(--surface-english);--english-bdr:var(--border-english);--science-bg:var(--science-bg);--science-bdr:var(--border-science)}[data-theme=maths]{--background:#eff4ff;--surface:#fff;--surface2:#e4edff;--surface3:#d5e3ff}[data-theme=english]{--background:#fff0f5;--surface:#fff;--surface2:#ffe4ed;--surface3:#ffd4e3}[data-theme=science]{--background:#edfff7;--surface:#fff;--surface2:#dafff0;--surface3:#c4ffe5}[data-theme=night]{--background:#0f111a;--surface:#1a1d2e;--surface2:#222640;--surface3:#2a2f52;--surface-raised:#222640;--surface-sunken:#0c0e16;--text-primary:#e8e6f0;--text-heading:#e8e6f0;--text-body:#e8e6f0;--text-secondary:#a8a4bc;--text-muted:#6b6680;--text-placeholder:#4a4560;--text-disabled:#3a3550;--border-default:rgba(232,230,240,.08);--border-strong:rgba(232,230,240,.15);--ink:#e8e6f0;--ink-2:#a8a4bc;--ink-3:#6b6680;--ink-4:#4a4560;--divider:rgba(232,230,240,.08);--shadow-card:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-hover:0 4px 12px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4);color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}