:root{--color-primary:#ff6b35;--color-primary-light:#ff8c61;--color-primary-dark:#e55a2b;--color-primary-50:#fff5f0;--color-primary-100:#ffe8e0;--color-primary-200:#ffd0c0;--color-secondary:#4ecdc4;--color-secondary-light:#6eddd6;--color-secondary-dark:#3ba99f;--color-secondary-50:#f0faf9;--color-accent:#ffe66d;--color-accent-light:#fff0a3;--color-success:#2ecc71;--color-success-light:#e8f8f0;--color-warning:#f39c12;--color-warning-light:#fef5e7;--color-error:#e74c3c;--color-error-light:#fdedec;--color-bg:#fffbf7;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-hover:#fdf8f5;--color-border:#f0e6dc;--color-border-subtle:#f7f0eb;--color-border-focus:#ff6b35;--color-text-primary:#2d2a26;--color-text-secondary:#6b6560;--color-text-tertiary:#9b9690;--color-text-muted:#c4beb8;--color-text-inverse:#fff;--color-math:#e85d4e;--color-math-light:#fdedec;--color-vietnamese:#27ae60;--color-vietnamese-light:#e8f8f0;--color-english:#3498db;--color-english-light:#ebf5fb;--color-science:#9b59b6;--color-science-light:#f5eef8;--color-history:#f39c12;--color-history-light:#fef5e7;--color-xp:#ff6b35;--color-level:gold;--color-streak:#ff4757;--color-streak-cold:#95a5a6;--color-streak-fire:#ff6348;--font-family:"Inter",system-ui,-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(45,42,38,.05);--shadow-md:0 4px 6px -1px rgba(45,42,38,.08),0 2px 4px -2px rgba(45,42,38,.05);--shadow-lg:0 10px 15px -3px rgba(45,42,38,.08),0 4px 6px -4px rgba(45,42,38,.05);--shadow-xl:0 20px 25px -5px rgba(45,42,38,.08),0 8px 10px -6px rgba(45,42,38,.05);--shadow-glow:0 0 20px rgba(255,107,53,.3);--shadow-glow-secondary:0 0 20px rgba(78,205,196,.3);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=dark]{--color-bg:#1a1816;--color-surface:#252320;--color-surface-elevated:#2d2a26;--color-surface-hover:#353230;--color-border:#3d3a36;--color-border-subtle:#353230;--color-text-primary:#f7f4f0;--color-text-secondary:#c4beb8;--color-text-tertiary:#9b9690;--color-text-muted:#6b6560;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.3)}[data-theme=admin]{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-surface-elevated:#242424;--color-surface-hover:#2a2a2a;--color-border:#333;--color-border-subtle:#2a2a2a;--color-border-focus:#4ecdc4;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#666;--color-text-muted:#444;--color-primary:#4ecdc4;--color-primary-light:#6eddd6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,.6)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-warm{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%)}.bg-gradient-subject-math{background:linear-gradient(135deg,var(--color-math) 0,#ff8a80 100%)}.bg-gradient-subject-vietnamese{background:linear-gradient(135deg,var(--color-vietnamese) 0,#58d68d 100%)}.bg-gradient-subject-english{background:linear-gradient(135deg,var(--color-english) 0,#5dade2 100%)}.bg-gradient-subject-science{background:linear-gradient(135deg,var(--color-science) 0,#bb8fce 100%)}@keyframes ring-progress{0%{stroke-dashoffset:var(--circumference)}to{stroke-dashoffset:var(--stroke-dashoffset)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(255,107,53,.4)}50%{box-shadow:0 0 0 10px rgba(255,107,53,0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);background-size:200% 100%;animation:shimmer 2s infinite}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}