:root{--font-ui:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--color-primary-50:#EEF4FF;--color-primary-100:#D6E4FE;--color-primary-600:#2457F5;--color-primary-700:#1945D8;--color-navy-900:#101828;--color-text:#1D2939;--color-muted:#667085;--color-subtle:#98A2B3;--color-canvas:#F7F9FC;--color-surface:#FFFFFF;--color-border:#E4E7EC;--color-success:#16B364;--color-success-700:#087443;--color-teal:#0FAFB4;--color-purple:#7F56D9;--color-purple-700:#6941C6;--color-warning:#F79009;--color-danger:#F04438;--color-track:#EAECF0;--color-focus:#84ADFF;--color-on-accent:#FFFFFF;--tint-primary:#EEF4FF;--tint-success:#E7F8EF;--tint-purple:#F4F0FE;--tint-warning:#FEF4E6;--tint-teal:#E6F7F8;--tint-danger:#FEF0EF;--tint-neutral:#F2F4F7;--color-success-50:#F6FEF9;--color-success-border:#ABEFC6;--subject-physics:var(--color-primary-600);--subject-chemistry:var(--color-success-700);--subject-biology:var(--color-purple);--subject-physics-tint:var(--tint-primary);--subject-chemistry-tint:var(--tint-success);--subject-biology-tint:var(--tint-purple);--sidebar-width:258px;--topbar-height:60px;--plan-strip-height:35px;--page-gutter:18px;--section-gap:12px;--dashboard-gap:12px;--dashboard-card-radius:14px;--dashboard-card-padding:16px;--live-aside-width:270px;--live-content-gap:20px;--live-row-height:76px;--practice-aside-width:270px;--practice-gap:20px;--chapter-row-height:64px;--row-radius:12px;--revision-aside-width:270px;--revision-gap:20px;--revision-row-height:58px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(16,24,40,0.04);--shadow-sm:0 2px 6px rgba(16,24,40,0.06);--shadow-device:0 16px 38px rgba(16,24,40,0.16);--motion-fast:150ms;--motion-normal:180ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--mobile-gutter:14px;--mpx:clamp(0.889px,0.2778vw,1.111px);--fs-nano:clamp(9px,2.64vw,11px);--fs-micro:clamp(9.5px,2.92vw,12px);--fs-small:clamp(10.5px,3.19vw,13px);--fs-kpi:clamp(11px,3.33vw,14px);--fs-base:clamp(11.5px,3.47vw,14px);--fs-lead:clamp(12px,3.75vw,15px);--fs-title:clamp(13px,4.03vw,16.5px);--drawer-width:clamp(252px,64vw,282px);--drawer-inset:10px;--drawer-radius:24px;--drawer-padding:16px;--drawer-row-height:50px;--drawer-shadow:0 14px 36px rgba(16,24,40,0.14);--drawer-scrim:rgba(16,24,40,0.12);--bottom-nav-height:64px;--adrawer-width:clamp(282px,69vw,318px);--adrawer-inset:12px;--adrawer-radius:22px;--adrawer-shadow:0 18px 46px rgba(16,24,40,0.16);--adrawer-scrim:rgba(16,24,40,0.32)}@media (max-width:389px){:root{--drawer-width:clamp(244px,69vw,260px);--drawer-inset:8px;--mobile-gutter:12px;--adrawer-width:clamp(268px,76vw,288px);--adrawer-inset:10px}}@media (max-width:359px){:root{--mobile-gutter:10px;--adrawer-width:clamp(248px,78vw,270px);--adrawer-inset:8px}}@media (min-width:460px) and (max-width:480px){:root{--mobile-gutter:16px;--drawer-inset:12px;--adrawer-width:clamp(310px,70vw,328px);--adrawer-inset:15px}}@media (min-width:481px) and (max-width:767px){:root{--adrawer-width:clamp(320px,62vw,360px);--adrawer-inset:16px}}@media (min-width:1280px) and (max-width:1439px){:root{--sidebar-width:240px;--page-gutter:16px}}@media (min-width:1100px) and (max-width:1279px){:root{--sidebar-width:226px;--page-gutter:14px}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-normal:0ms}}