:root{--ui-color-primary:#111;--ui-color-primary-dark:#000;--ui-color-primary-light:#f5f5f5;--ui-color-bg:#fafafa;--ui-color-surface:#fff;--ui-color-text:#111;--ui-color-text-secondary:#333;--ui-color-text-muted:#999;--ui-color-border:#e5e5e5;--ui-color-border-light:#f0f0f0;--ui-color-border-hover:#111;--ui-color-accent:#4f46e5;--ui-color-accent-light:#eef2ff;--ui-color-accent-muted:rgba(79,70,229,.08);--ui-color-success:#059669;--ui-color-success-light:#ecfdf5;--ui-color-success-muted:rgba(5,150,105,.08);--ui-color-warning:#d97706;--ui-color-warning-light:#fffbeb;--ui-color-warning-muted:rgba(217,119,6,.08);--ui-color-error:#dc2626;--ui-color-error-light:#fef2f2;--ui-color-error-muted:rgba(220,38,38,.06);--ui-color-info:#0284c7;--ui-color-info-light:#f0f9ff;--ui-color-info-muted:rgba(2,132,199,.06);--ui-color-subject-physics:rgba(99,102,241,.06);--ui-color-subject-math:rgba(16,185,129,.06);--ui-color-subject-chemistry:rgba(245,158,11,.06);--ui-color-subject-bio:rgba(236,72,153,.06);--ui-color-subject-english:rgba(14,165,233,.06);--ui-color-gold:#f59e0b;--ui-color-gold-light:#fffbeb;--ui-color-silver:#94a3b8;--ui-color-bronze:#c2410c;--ui-spacing-page-d:28px;--ui-spacing-page-m:18px;--ui-spacing-card-gap-d:18px;--ui-spacing-card-gap-m:14px;--ui-spacing-card-pad-d:24px;--ui-spacing-card-pad-m:18px;--ui-spacing-xs:4px;--ui-spacing-sm:8px;--ui-spacing-md:12px;--ui-spacing-lg:16px;--ui-spacing-xl:28px;--ui-spacing-2xl:36px;--ui-spacing-header-offset-d:60px;--ui-spacing-header-offset-m:52px;--ui-spacing-header-offset-student-m:56px;--ui-spacing-section-title-gap:12px;--ui-spacing-compact-gap:8px;--ui-radius-card:14px;--ui-radius-button:10px;--ui-radius-input:10px;--ui-radius-tag:6px;--ui-radius-pill:999px;--ui-shadow-none:none;--ui-shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--ui-shadow-card:0 2px 5px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.04);--ui-shadow-md:0 6px 14px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.05);--ui-shadow-card-hover:0 10px 24px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.06);--ui-shadow-lg:0 16px 32px rgba(0,0,0,.12),0 6px 14px rgba(0,0,0,.06);--ui-shadow-xl:0 24px 48px rgba(0,0,0,.16),0 10px 24px rgba(0,0,0,.08);--ui-shadow-accent:0 4px 14px rgba(79,70,229,.12),0 2px 6px rgba(79,70,229,.06);--ui-shadow-success:0 4px 14px rgba(5,150,105,.12);--ui-shadow-warning:0 4px 14px rgba(217,119,6,.12);--ui-shadow-error:0 4px 14px rgba(220,38,38,.12);--ui-font-page-title:26px;--ui-font-section-title:17px;--ui-font-body:14px;--ui-font-caption:13px;--ui-font-tag:12px;--ui-font-bottom-nav:12px;--ui-weight-bold:700;--ui-weight-semibold:600;--ui-weight-medium:500;--ui-weight-normal:400;--ui-transition-fast:0.15s ease;--ui-transition-normal:0.25s ease;--ui-transition-spring:0.35s cubic-bezier(0.22,1,0.36,1);--ui-transition-bounce:0.4s cubic-bezier(0.34,1.56,0.64,1)}body,html{overflow:hidden;height:100%}.student-content,.teacher-content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.student-content::-webkit-scrollbar,.teacher-content::-webkit-scrollbar{width:5px}.student-content::-webkit-scrollbar-track,.teacher-content::-webkit-scrollbar-track{background:transparent}.student-content::-webkit-scrollbar-thumb,.teacher-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:10px}.student-content::-webkit-scrollbar-thumb:hover,.teacher-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.student-content:hover,.teacher-content:hover{scrollbar-color:rgba(0,0,0,.2) transparent}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}