:root{--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-display:"Outfit",sans-serif;--font-mono:"Space Mono",monospace}:root,[data-theme=dark]{--bg-primary:#09090b;--bg-secondary:#18181b;--nav-bg:#09090bd9;--card-bg:#ffffff05;--input-bg:#18181b;--answer-bg:#9333ea0d;--tag-bg:#ffffff0d;--badge-bg:#9333ea1a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border-color:#ffffff0f;--grid-color:#ffffff05;--glow-color:#9333ea26;--purple-500-30:#a855f74d;--purple-600-10:#9333ea1a;--purple-600-20:#9333ea33;--purple-700-5:#7c3aed0d;--cyan-600-20:#06b6d433;--cyan-300:#22d3ee;--tooltip-bg:#27272a;--highlight-bg:#9333ea40;--highlight-text:#e9d5ff;--correct-bg:#10b98126;--incorrect-bg:#ef444426}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f4f4f5;--nav-bg:#ffffffe6;--card-bg:#fff;--input-bg:#f4f4f5;--answer-bg:#9333ea0d;--tag-bg:#f4f4f5;--badge-bg:#9333ea1a;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--border-color:#00000014;--grid-color:#00000008;--glow-color:#9333ea1a;--purple-300:#a855f7;--purple-400:#9333ea;--purple-500-30:#9333ea33;--purple-600-10:#9333ea14;--purple-600-20:#9333ea26;--purple-700-5:#7c3aed0d;--cyan-600-20:#06b6d426;--cyan-300:#0891b2;--tooltip-bg:#fff;--highlight-bg:#9333ea26;--highlight-text:#7c3aed;--correct-bg:#10b9811a;--incorrect-bg:#ef44441a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#9333ea;background:var(--purple-600);border-radius:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards;opacity:0}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientFlow 5s ease infinite;background:linear-gradient(135deg,#c084fc,#9333ea,#ec4899);background:linear-gradient(135deg,var(--purple-400),var(--purple-600),#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.spinner{animation:spin .8s linear infinite;border-top-color:#a855f7;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--purple-500);height:40px;width:40px}input:focus{border-color:#9333ea!important;border-color:var(--purple-600)!important;outline:none}button{font-family:Outfit,sans-serif;font-family:var(--font-display)}@media (max-width:768px){.hide-mobile{display:none!important}}[data-theme=light] .card-hover:hover{box-shadow:0 10px 40px #0000001a}[data-theme=dark] .card-hover:hover{box-shadow:0 10px 40px #9333ea1a}
/*# sourceMappingURL=main.41a54ad7.css.map*/