:root{color-scheme:dark;--bg: #12141a;--panel: #1b1e27;--text: #e6e8ee;--dim: #8a90a0;--accent: #4f8cff;--error: #ff5c6a;--done: #4f8cff;--key: #262a36}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.practice{max-width:900px;margin:0 auto;padding:24px 20px 60px}.practice-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.practice-header h1{font-size:22px;margin:0}.layout-select{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--dim)}.layout-select select{background:var(--panel);color:var(--text);border:1px solid #333848;border-radius:6px;padding:6px 10px;font-size:14px}.stats-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.stat{background:var(--panel);border:1px solid #2a2f3d;border-radius:8px;padding:10px 16px;min-width:90px;display:flex;flex-direction:column}.stat-value{font-size:22px;font-weight:600}.stat-label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.typing-text{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:20px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:20px;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word;margin-bottom:20px}.char{border-radius:3px}.char.done{color:var(--done)}.char.current{background:#4f8cff2e;outline:1px solid var(--accent)}.char.error{background:#ff5c6a38;color:var(--error)}.glyph{color:var(--dim);font-size:.8em}.keyboard{margin-bottom:20px}.keyboard-row{display:flex;gap:5px;margin-bottom:5px;justify-content:center}.key{background:var(--key);border:1px solid #333848;border-radius:6px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text);min-width:0}.key.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px #4f8cff40}.key.warm{background:#5c431f;border-color:#8a662e}.key.hot{background:#5c2227;border-color:#96343c}.mode-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 16px}.mode-tabs button{padding:6px 14px;background:var(--panel);border:1px solid #333848;border-radius:6px;color:var(--dim);cursor:pointer;font-size:14px}.mode-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.stage-badge{padding:4px 12px;border-radius:12px;background:var(--panel);border:1px solid #333848;color:var(--dim);font-size:13px}.stage-reset{margin-left:auto;background:transparent!important;border:1px dashed #4a4f60!important;color:var(--dim)!important}.boss-battle.shake{animation:shake .25s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.health.flash .health-fill{animation:hp-flash .3s}@keyframes hp-flash{0%{filter:brightness(2)}to{filter:brightness(1)}}.progress-chart{margin:12px 0}.progress-chart svg{width:100%;max-width:600px;background:var(--panel);border:1px solid #333848;border-radius:8px}.result{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:20px;margin-bottom:16px}.result h2{margin:0 0 8px}.result button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:15px;cursor:pointer}.hint{color:var(--dim);font-size:13px}.error-banner{background:#ff5c6a26;border:1px solid var(--error);border-radius:8px;padding:10px 14px;color:var(--error)}.topnav{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #2a2f3d}.topnav button{background:transparent;color:var(--dim);border:none;padding:8px 16px;font-size:15px;border-radius:6px;cursor:pointer}.topnav button.active{background:var(--panel);color:var(--text)}.boss-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.boss-card{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.boss-name{font-size:17px;font-weight:600}.boss-meta{color:var(--dim);font-size:13px;margin-top:2px}.badge{margin-left:8px;background:#4f8cff2e;color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px}.boss-card button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:15px;cursor:pointer}.battle-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.health-label{font-size:13px;color:var(--dim);margin-bottom:4px}.health-track{background:#12141a;border-radius:999px;height:14px;overflow:hidden}.health-fill{background:var(--accent);height:100%;border-radius:999px;transition:width .2s ease}.health-fill.danger{background:var(--error)}.combo{font-size:14px;color:var(--text)}.combo-streak{color:var(--dim)}.auth{max-width:420px}.auth-form{display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:20px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.auth-form input{background:#12141a;color:var(--text);border:1px solid #333848;border-radius:6px;padding:10px 12px;font-size:15px}.auth-form button[type=submit]{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:11px 18px;font-size:15px;cursor:pointer}.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1;background:transparent;color:var(--dim);border:1px solid #2a2f3d;border-radius:6px;padding:8px;cursor:pointer}.auth-tabs button.active{background:#262a36;color:var(--text)}.topnav .logout{margin-left:auto}.duel-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.duel-stats{font-size:14px;color:var(--dim)}.duel-countdown{font-size:48px;font-weight:700;text-align:center;margin:24px 0}.duel-result{width:100%;border-collapse:collapse;margin:12px 0 20px}.duel-result th,.duel-result td{text-align:left;padding:8px 12px;border-bottom:1px solid #2a2f3d}.duel-result th{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.05em}