body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease,color .5s ease}:root{--color-text-primary: #E2E2E2;--color-text-secondary: #a0aec0;--color-text-input: #ffffff;--color-accent: #22d3ee;--color-accent-hover: #67e8f9;--color-accent-text: #000000;--color-card-bg: rgba(0, 0, 0, .2);--color-input-bg: rgba(0, 0, 0, .3);--color-border: rgba(255, 255, 255, .1);--color-tab-active-bg: rgba(34, 211, 238, .2);--color-tab-active-text: var(--color-accent);--color-tab-inactive-bg: rgba(255, 255, 255, .05);--color-tab-inactive-text: #cbd5e1;--color-danger: #f87171;--color-danger-hover-bg: rgba(248, 113, 113, .1);--color-success: #4ade80;--color-icon: var(--color-accent);--color-placeholder-text: #64748b;--scrollbar-thumb-bg: rgba(255,255,255,.2);--scrollbar-thumb-hover-bg: rgba(255,255,255,.3)}.theme-dark{--color-text-primary: #E2E2E2;--color-text-secondary: #a0aec0;--color-text-input: #ffffff;--color-accent: #22d3ee;--color-accent-hover: #67e8f9;--color-accent-text: #000000;--color-card-bg: rgba(0, 0, 0, .2);--color-input-bg: rgba(0, 0, 0, .3);--color-border: rgba(255, 255, 255, .1);--color-tab-active-bg: rgba(34, 211, 238, .2);--color-tab-active-text: var(--color-accent);--color-tab-inactive-bg: rgba(255, 255, 255, .05);--color-tab-inactive-text: #cbd5e1;--color-danger: #f87171;--color-danger-hover-bg: rgba(248, 113, 113, .1);--color-success: #4ade80;--color-icon: var(--color-accent);--color-placeholder-text: #64748b;--scrollbar-thumb-bg: rgba(255,255,255,.2);--scrollbar-thumb-hover-bg: rgba(255,255,255,.3);background:linear-gradient(-45deg,#1e3a8a,#4c1d95,#047857,#7c2d12);background-size:400% 400%;animation:gradient 15s ease infinite}.theme-light{--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-input: #1e293b;--color-accent: #0ea5e9;--color-accent-hover: #38bdf8;--color-accent-text: #ffffff;--color-card-bg: rgba(255, 255, 255, .8);--color-input-bg: #ffffff;--color-border: #cbd5e1;--color-tab-active-bg: rgba(14, 165, 233, .1);--color-tab-active-text: var(--color-accent);--color-tab-inactive-bg: rgba(0, 0, 0, .03);--color-tab-inactive-text: #475569;--color-danger: #ef4444;--color-danger-hover-bg: rgba(239, 68, 68, .1);--color-success: #22c55e;--color-icon: var(--color-accent);--color-placeholder-text: #94a3b8;--scrollbar-thumb-bg: rgba(0,0,0,.2);--scrollbar-thumb-hover-bg: rgba(0,0,0,.3);background-color:#f0f9ff}.theme-golden{--color-text-primary: #f3f4f6;--color-text-secondary: #d1d5db;--color-text-input: #ffffff;--color-accent: #facc15;--color-accent-hover: #fde047;--color-accent-text: #1f2937;--color-card-bg: rgba(0, 0, 0, .2);--color-input-bg: rgba(0, 0, 0, .3);--color-border: rgba(250, 204, 21, .25);--color-tab-active-bg: rgba(250, 204, 21, .15);--color-tab-active-text: var(--color-accent);--color-tab-inactive-bg: rgba(255, 255, 255, .05);--color-tab-inactive-text: #d1d5db;--color-danger: #fda4af;--color-danger-hover-bg: rgba(253, 164, 175, .1);--color-success: #86efac;--color-icon: var(--color-accent);--color-placeholder-text: #9ca3af;--scrollbar-thumb-bg: rgba(250, 204, 21, .2);--scrollbar-thumb-hover-bg: rgba(250, 204, 21, .3);background:linear-gradient(135deg,#1f2937,#111827,#4a044e);background-size:200% 200%;animation:golden-gradient 10s ease infinite}body{color:var(--color-text-primary)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes golden-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-bg);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-bg)}@media print{@page{size:A4;margin:.75in}body{background:#fff!important}#root,.no-print{display:none!important}#modal-root>div{position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}#modal-root>div>div{position:static!important;height:auto!important;width:100%!important;max-width:100%!important;border:none!important;box-shadow:none!important;background:none!important}.printable-area{overflow:visible!important;color:#000!important;padding:0!important}.page-preview{margin:0!important;padding:0!important;box-shadow:none!important;border:none!important;height:auto!important;min-height:unset!important;max-width:100%!important;border-radius:0!important}.printable-area header{text-align:center!important}.printable-area h1,.printable-area h2,.printable-area h3,.printable-area p,.printable-area span,.printable-area div,.printable-area li,.printable-area ol,.printable-area section{color:#000!important;background-color:#fff!important;border-color:#666!important}.printable-area .text-slate-300{color:#333!important}.answer-key-print{page-break-before:always}}