[data-pupil-portal]{--color-primary:#37b0c4;--color-primary-dark:#329aaa;--color-primary-light:#4bc0d4;--color-secondary:#ffcd00;--color-secondary-dark:#ffac28;--color-secondary-light:#ffe7a8;--color-background:#fff;--color-background-primary:#20adbf;--color-content-bg:#f8fafc;--color-surface:#fff;--color-surface-yellow:#ffe7a8;--color-surface-blue:#eef7ff;--color-surface-green:#f5fef5;--color-surface-red:#f6e1ea;--color-surface-orange:#fff0e6;--color-background-resources:#167987;--color-background-filterbar:#ffcd001a;--color-background-overdue:#c82a5a1a;--color-background-homework-rank:#c7faff;--color-bg-correct-opacity:#e8f5e9;--color-bg-incorrect-opacity:#ffebee;--color-bg-warning-opacity:#fff8e1;--color-bg-opponent-carousel:#ffeded;--color-bg-challenge-footer:#fdf5ff;--color-surface-overdue:#f9e9ee;--color-surface-done-late:#f4d4de;--color-surface-done-pending:#ffcd001a;--color-background-opponent:#f4cfff;--color-rank-first:gold;--color-rank-second:silver;--color-rank-third:#cd7f32;--color-light-pink:#fefaff;--color-light-purple:#f6f6ff;--color-light-yellow:#fffae5;--color-light-red:#faeeed;--color-text-primary:#334155;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-text-overdue:#fd3874;--color-text-green:#00a36d;--color-text-dark:#282828;--color-text-win:#10b981;--color-text-lose:#ef4444;--color-text-cyan:#20adc0;--color-text-error:#c82a5a;--color-text-done-pending:#ffac28;--color-border:#e2e8f0;--color-border-primary:#329aaa;--color-border-light:#f1f5f9;--color-border-dark:#cbd5e1;--color-border-blue:#b2dbff;--color-border-cyan:#20adc0;--color-border-yellow:#ffcb44;--color-border-red:#d94a75;--color-border-light-blue:#d2eff2;--color-border-opponent:#d598e8;--color-border-error:#c82a5a;--color-border-resources:#2dcbe6;--color-border-homework-rank:#00b0c2;--color-border-challenge-footer:#f6d9ff;--color-border-avatar:#32c8dc;--color-border-avatar-secondary:#ffd465;--color-border-green:#0ab80a;--color-border-light-pink:#d598e8;--color-border-light-purple:#6169ff;--color-border-light-yellow:#ffd916;--color-border-light-red:#fdbcbc;--color-success:#0ab80a;--color-success-dark:#099909;--color-warning:#ffac28;--color-warning-dark:#ff8c00;--color-danger:#d94a75;--color-danger-dark:#c82a5a;--color-error:#d94a75;--color-info:#009dff;--color-info-dark:#0088e6;--color-reflective-white:#fff6;--color-reflective-secondary:#ffdea9;--color-reflective-primary:#a6dee6;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-subject-math:#3dafff;--color-subject-english:#645bd7;--color-subject-vietnamese:#a3a8ff;--color-subject-toan:#3dafff;--color-subject-ngoai-ngu:#645bd7;--color-subject-van:#a3a8ff;--color-subject-khoa-hoc:#ff9861;--color-subject-tieng-viet:#a3a8ff;--color-subject-lich-su:#4ecdc4;--color-subject-dia-ly:#ff6b6b;--color-subject-tin-hoc:#45b7d1;--color-subject-gd-con-nguoi:#d598e8;--color-category-orange:#ffc7a8;--color-category-purple:#a3a8ff;--color-category-green:#94e4ff;--color-category-blue:#a8d8ff;--color-category-yellow:#fff0b3;--color-category-task:#e8b4e0;--color-shadow:#1a000000;--color-shadow-light:#0d000000;--color-shadow-dark:#3000;--color-shadow-filter:#fff3cc;--color-chat-bubble-me:#d2eff2;--color-chat-bubble-other:#f2f5f8;--color-chat-timestamp:#94a3b8;--color-challenge-button:#ffe5fb;--color-challenge-button-text:#d956c3;--color-answer-correct:#00a36d;--color-answer-incorrect:#fd3874;--color-answer-partial:#ffac28;--color-bg-opacity-correct:#00a36d1a;--color-bg-opacity-incorrect:#fd38741a;--color-bg-opacity-selected:#25b0c41a;--color-bg-opacity-warning:#ffbb4e1a;--color-bg-opacity-overlay:#00000080;--color-bg-opacity-white:#fff3;--color-question-text:#3dafff;--color-question-fill-blank:#645bd7;--color-question-order:#a3a8ff;--color-question-matching:#ff6b6b;--color-question-single-choice:#4ecdc4;--color-question-multiple-choice:#45b7d1;--color-energy:#a78bfa;--color-coin:#fbbf24;--color-assignment-border:#ffcd00;--color-progress:#37b0c4;--color-reward-energy:#d956c3;--color-reward-online:#0ab80a;--color-reward-speed:#ff9861;--color-reward-skill:#00b8d1;--color-reward-coin:#ffd733;--color-header-bg:#26c2d6;--color-top-bar-background:#0099ad;--spacing-xs:4px;--spacing-sm:8px;--spacing-base:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--spacing-question-gap:12px;--spacing-answer-gap:8px;--spacing-image-gap:16px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--radius-question-card:20px;--radius-answer-box:10px;--radius-image-box:12px;--font-pupil:"DVN - Visby Round CF",sans-serif;--font-pupil-question:"Manrope",sans-serif;font-family:var(--font-pupil);--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:32px;--font-size-5xl:40px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #00000026;--color-disabled:#f5f5f5;--color-disabled-light:#9bd8e2;--color-disabled-border-light:#8dc5cd}