: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}[data-theme=dark]{--primary-color:#9b6cdc;--primary-dark:#6020c0;--primary-glow:#6428c84d;--text-color:#d0d0d0;--secondary-text:#909090;--border-color:#2a2a2a}[data-skin=hextech][data-theme=dark]{--primary-color:#a87828;--primary-glow:#a878284d}[data-skin=tactical][data-theme=dark]{--primary-color:#5a9030;--primary-glow:#5a90304d}[data-skin=valorant][data-theme=dark]{--primary-color:#c83040;--primary-glow:#c830404d}[data-skin=aurora][data-theme=dark]{--primary-color:#3498c0;--primary-glow:#3498c04d}[data-skin=sakura][data-theme=dark]{--primary-color:#b81070;--primary-glow:#b810704d}[data-skin=hextech]{--primary-color:#c89b3c;--primary-dark:#8b6914;--primary-glow:#c89b3c73}[data-skin=hextech][data-theme=dark]{--bg-color:#091428;--bg-secondary:#060e1e;--bg-tertiary:#0d1a30;--surface:#0f2040;--card-bg:#132448;--card-alt:#0a1830;--border-color:#1e3a5f;--text-color:#e8d5a3;--secondary-text:#b8a070;--muted-text:#6a5840}[data-skin=hextech][data-theme=light]{--bg-color:#e8e0cc;--bg-secondary:#ddd5bb;--bg-tertiary:#f0ead8;--surface:#d4c9a8;--card-bg:#faf6ee;--card-alt:#f5f0e4;--border-color:#c5b88a;--text-color:#1a1208;--secondary-text:#4a3820;--muted-text:#8a7550;--primary-color:#785a28;--primary-dark:#5c4010;--primary-glow:#785a2840}[data-skin=tactical]{--primary-color:#5a8a30;--primary-dark:#3a6010;--primary-glow:#5a8a3066}[data-skin=tactical][data-theme=dark]{--bg-color:#141610;--bg-secondary:#0e1009;--bg-tertiary:#181c12;--surface:#141a0e;--card-bg:#1a2212;--card-alt:#0f1509;--border-color:#2a3a1e;--text-color:#d4d8c8;--secondary-text:#8a9080;--muted-text:#4a5040;--primary-color:#7ab840;--primary-dark:#508020;--primary-glow:#7ab84066}[data-skin=tactical][data-theme=light]{--bg-color:#ede9dc;--bg-secondary:#e0dcc8;--bg-tertiary:#f2eee0;--surface:#d8d2bc;--card-bg:#fafaf2;--card-alt:#f4f2e8;--border-color:#beb890;--text-color:#141808;--secondary-text:#4a5030;--muted-text:#8a9060;--primary-color:#3a6010;--primary-dark:#284008;--primary-glow:#3a601040}[data-skin=valorant]{--primary-color:#ff4655;--primary-dark:#cc2030;--primary-glow:#ff465573}[data-skin=valorant][data-theme=dark]{--bg-color:#0f1012;--bg-secondary:#0a0b0d;--bg-tertiary:#141518;--surface:#1a1c20;--card-bg:#1e2024;--card-alt:#141618;--border-color:#2e3038;--text-color:#ece8e1;--secondary-text:#9a9890;--muted-text:#5a5850}[data-skin=valorant][data-theme=light]{--bg-color:#f5f0eb;--bg-secondary:#eae4dc;--bg-tertiary:#faf6f0;--surface:#e0d8cc;--card-bg:#fff;--card-alt:#faf8f4;--border-color:#d8cebf;--text-color:#1a1714;--secondary-text:#5a5248;--muted-text:#9a9288;--primary-color:#bd3d4a;--primary-dark:#8a2030;--primary-glow:#bd3d4a40}[data-skin=aurora]{--primary-color:#4fc3f7;--primary-dark:#0288d1;--primary-glow:#4fc3f766}[data-skin=aurora][data-theme=dark]{--bg-color:#061b2a;--bg-secondary:#041420;--bg-tertiary:#082030;--surface:#0c2840;--card-bg:#103050;--card-alt:#082035;--border-color:#1a4060;--text-color:#e0f4ff;--secondary-text:#80c4e8;--muted-text:#3a7090;--primary-color:#4fc3f7;--primary-dark:#0288d1;--primary-glow:#4fc3f766}[data-skin=aurora][data-theme=light]{--bg-color:#e8f5f0;--bg-secondary:#d8eee8;--bg-tertiary:#f0faf6;--surface:#c8e8dc;--card-bg:#fff;--card-alt:#f4fcf8;--border-color:#a8d8c8;--text-color:#08201a;--secondary-text:#2a6050;--muted-text:#6a9a8a;--primary-color:#0288d1;--primary-dark:#0160a0;--primary-glow:#0288d140}[data-skin=sakura]{--primary-color:#e91e8c;--primary-dark:#b5006b;--primary-glow:#e91e8c59}[data-skin=sakura][data-theme=dark]{--bg-color:#1a0a18;--bg-secondary:#140816;--bg-tertiary:#200c20;--surface:#2a1028;--card-bg:#321435;--card-alt:#1e0a1e;--border-color:#4a1848;--text-color:#f8d8f0;--secondary-text:#c890c0;--muted-text:#805a78}[data-skin=sakura][data-theme=light]{--bg-color:#fff0f8;--bg-secondary:#ffe4f2;--bg-tertiary:#fff8fc;--surface:#ffd8ee;--card-bg:#fff;--card-alt:#fff4fa;--border-color:#f0b8dc;--text-color:#2a0820;--secondary-text:#6a2050;--muted-text:#b060a0;--primary-color:#c8006a;--primary-dark:#900048;--primary-glow:#c8006a33}html{transition:background-color .3s}*{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}}