:root{--bg-color:#121212;--bg-secondary:#0e0e0e;--bg-tertiary:#141414;--surface:#1a1a1a;--card-bg:#1e1e1e;--card-alt:#131313;--border-color:#333;--text-color:#e0e0e0;--secondary-text:#a0a0a0;--muted-text:#666;--primary-color:#bb86fc;--primary-dark:#7f39fb;--primary-glow:#7f39fb66;--overlay:#000000d9;--overlay-card:#0000004d;--correct-bg:#1b4d2e;--correct-border:#4caf50;--wrong-bg:#4d1b1b;--wrong-border:#e53935}@media (prefers-color-scheme:light){:root{--bg-color:#f5f3ff;--bg-secondary:#eeeaf9;--bg-tertiary:#f0ecff;--surface:#e8e2f8;--card-bg:#fff;--card-alt:#faf8ff;--border-color:#ddd8f0;--text-color:#1a1520;--secondary-text:#5a5474;--muted-text:#9490a8;--primary-color:#7f39fb;--primary-dark:#6020d0;--primary-glow:#7f39fb40;--overlay:#140a28b3;--overlay-card:#f0ecffcc;--correct-bg:#e8f5e9;--correct-border:#4caf50;--wrong-bg:#fdecea;--wrong-border:#e53935}}[data-theme=dark]{--bg-color:#121212;--bg-secondary:#0e0e0e;--bg-tertiary:#141414;--surface:#1a1a1a;--card-bg:#1e1e1e;--card-alt:#131313;--border-color:#333;--text-color:#e0e0e0;--secondary-text:#a0a0a0;--muted-text:#666;--primary-color:#bb86fc;--primary-dark:#7f39fb;--primary-glow:#7f39fb66;--overlay:#000000d9;--overlay-card:#0000004d;--correct-bg:#1b4d2e;--correct-border:#4caf50;--wrong-bg:#4d1b1b;--wrong-border:#e53935}[data-theme=light]{--bg-color:#f5f3ff;--bg-secondary:#eeeaf9;--bg-tertiary:#f0ecff;--surface:#e8e2f8;--card-bg:#fff;--card-alt:#faf8ff;--border-color:#ddd8f0;--text-color:#1a1520;--secondary-text:#5a5474;--muted-text:#9490a8;--primary-color:#7f39fb;--primary-dark:#6020d0;--primary-glow:#7f39fb40;--overlay:#140a28b3;--overlay-card:#f0ecffcc;--correct-bg:#e8f5e9;--correct-border:#4caf50;--wrong-bg:#fdecea;--wrong-border:#e53935}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .2s,color .2s}body.warm-mode{filter:sepia(22%)brightness(.92)}body.zen-mode{filter:grayscale()}.glass{-webkit-backdrop-filter:blur(10px);background:#1e1e1eb3;border-top:1px solid #ffffff1a}@media (prefers-color-scheme:light){.glass{background:#ffffffb3;border-top:1px solid #7f39fb26}}.button-premium{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.button-premium:hover{box-shadow:0 6px 20px var(--primary-glow)}.button-premium:active{transform:scale(.95)}@media (prefers-color-scheme:light){main,.page-bg,[style*="background: #0e0e0e"],[style*="background-color: #0e0e0e"],[style*="background: #121212"],[style*="background-color: #121212"]{background-color:var(--bg-color)!important}[style*="background: #141414"],[style*="background-color: #141414"]{background-color:var(--bg-tertiary)!important}[style*="background: #131313"],[style*="background-color: #131313"],[style*="background: #111"],[style*="background-color: #111"]{background-color:var(--surface)!important}[style*="background: #1a1a1a"],[style*="background-color: #1a1a1a"],[style*="background: #1e1e1e"],[style*="background-color: #1e1e1e"]{background-color:var(--card-bg)!important}[style*="color: #e0e0e0"],[style*="color: #d0d0d0"],[style*="color: #c0c0c0"]{color:var(--text-color)!important}[style*="color: #a0a0a0"],[style*="color: #888"],[style*="color: #888888"]{color:var(--secondary-text)!important}[style*="color: #555"],[style*="color: #555555"],[style*="color: #444"],[style*="color: #666"]{color:var(--muted-text)!important}[style*="border-color: #1a1a1a"],[style*="border: 1px solid #1a1a1a"],[style*="border: 1px solid #1e1e1e"]{border-color:var(--border-color)!important}input[style*="background-color: #1a1a1a"],input[style*="backgroundColor: #1a1a1a"]{background-color:var(--card-bg)!important;color:var(--text-color)!important}}[data-theme=light] main,[data-theme=light] .page-bg{background-color:var(--bg-color)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}