:root{--bg-color: #0f0c29;--text-color: #cdd6f4;--key-bg: rgba(255, 255, 255, .05);--key-active: #89b4fa;--key-correct: #a6e3a1;--key-wrong: #f38ba8;--highlight: #f9e2af;--accent: #cba6f7;--result-color: #a6e3a1;--glass-bg: rgba(24, 24, 37, .8);--glass-border: 1px solid rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .3);--bg-gradient: radial-gradient(circle at center, #6a11cb 0%, #2575fc 40%, #0f0c29 100%);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--mono-font: "Courier New", Courier, monospace}[data-theme=light]{--bg-color: #f0f2f5;--text-color: #2c3e50;--key-bg: rgba(255, 255, 255, .6);--key-active: #3498db;--key-correct: #27ae60;--key-wrong: #e74c3c;--highlight: #f39c12;--accent: #8e44ad;--result-color: #27ae60;--glass-bg: rgba(255, 255, 255, .7);--glass-border: 1px solid rgba(0, 0, 0, .1);--input-bg: rgba(255, 255, 255, .5);--bg-gradient: radial-gradient(circle at center, #a1c4fd 0%, #c2e9fb 100%)}body{background:var(--bg-gradient);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-color);font-family:var(--font-family);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;-webkit-user-select:none;user-select:none;transition:background .5s ease;overflow-x:hidden}.container{text-align:center;width:90%;max-width:1000px;padding:20px}input[type=text],input[type=password]{background:var(--input-bg);color:var(--text-color);border:var(--glass-border)}.stats-bar,.text-display,.keyboard,.sidebar,.modal-content{background:var(--glass-bg);border:var(--glass-border)}[data-theme=light] .text-display{color:#34495e}header{margin-bottom:2rem;display:flex;flex-direction:column;gap:15px}h1{color:#fff;margin:0;text-shadow:0 0 20px rgba(137,180,250,.5);font-size:2.5rem;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,#fff,#cba6f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.icon-btn{background:var(--glass-bg);border:var(--glass-border);font-size:1.4rem;cursor:pointer;padding:12px;border-radius:12px;color:var(--text-color);transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;justify-content:center;align-items:center}.hidden{display:none!important}.icon-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.stats-bar{display:flex;justify-content:space-around;background:var(--glass-bg);padding:1.2rem;border-radius:16px;font-size:1.1rem;font-weight:600;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);margin-top:10px}.stat span{color:var(--accent);font-family:var(--mono-font)}.text-display{background:#0a0a14b3;padding:2.5rem;border-radius:20px;font-family:var(--mono-font);font-size:1.8rem;line-height:1.6;margin-bottom:2.5rem;min-height:120px;white-space:pre-wrap;word-break:break-all;text-align:left;box-shadow:inset 0 0 30px #00000080;position:relative;border:var(--glass-border);color:#ffffffb3}.char-correct{color:var(--key-correct);text-shadow:0 0 5px var(--key-correct);opacity:1}.char-wrong{color:var(--key-wrong);text-decoration:underline;background:#f38ba826}.char-current{background:#cba6f733;border-bottom:2px solid var(--highlight);box-shadow:0 0 10px var(--highlight);color:#fff}.keyboard-container{display:flex;justify-content:center;margin-bottom:2rem}.keyboard{display:grid;grid-template-columns:repeat(15,1fr);gap:8px;background:var(--glass-bg);padding:20px;border-radius:24px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:var(--glass-border);box-shadow:0 20px 50px #0006}.key{background-color:var(--key-bg);border-radius:10px;height:55px;display:flex;justify-content:center;align-items:center;font-weight:600;color:var(--text-color);min-width:40px;transition:all .1s ease;border:1px solid rgba(255,255,255,.02);box-shadow:0 4px #0003}.key.active{background-color:var(--key-active);color:#1e1e2e;transform:translateY(4px);box-shadow:0 0 15px var(--key-active);border-color:transparent}.key.guide{border:2px solid var(--highlight);box-shadow:0 0 10px var(--highlight)}.backspace,.tab,.enter,.caps,.shift-left{grid-column:span 2}.space{grid-column:span 7}.ctrl,.alt,.alt-gr,.win,.menu{grid-column:span 1.5}.controls button,.modal-actions button{background:linear-gradient(135deg,var(--accent) 0%,#89b4fa 100%);color:#1e1e2e;border:none;padding:12px 25px;font-size:1rem;border-radius:4px;cursor:pointer;font-weight:700;margin:5px;transition:all .2s;box-shadow:0 5px 15px #0003}.controls button:hover,.modal-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;filter:brightness(1.1)}.sidebar{position:fixed;top:0;left:0;width:340px;height:100%;background:#0f0c29e6;border-right:1px solid rgba(255,255,255,.1);z-index:2000;padding:20px;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:10px 0 30px #00000080}.sidebar.hidden{transform:translate(-105%)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-size:1.5rem;text-transform:none;margin:0;text-shadow:none}.module-item{background:#ffffff08;border-radius:12px;margin-bottom:12px;overflow:hidden;border:1px solid transparent;transition:all .2s}.module-item.active{border-color:var(--accent);background:#ffffff0f}.module-header{padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600}.module-header:hover{background:#ffffff0d}.exercise-list{display:none;padding:10px;flex-direction:column;gap:5px}.module-item.active .exercise-list{display:flex}.exercise-btn{background:transparent;border:none;padding:10px 12px;color:#ffffffb3;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s}.exercise-btn:hover:not(.locked){background:#ffffff1a;color:#fff;transform:translate(5px)}.exercise-btn.active{background:var(--accent);color:#1e1e2e;font-weight:700;box-shadow:0 0 15px var(--accent)}.exercise-btn.locked{opacity:.4;cursor:not-allowed}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease}.modal.hidden{display:none!important}.modal-content{background:#121218f2;border:1px solid rgba(255,255,255,.1);padding:2.5rem;border-radius:4px;width:90%;max-width:550px;box-shadow:0 0 50px #000c;text-align:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.modal-content h2{font-size:2rem;margin-bottom:1.5rem;background:linear-gradient(90deg,#89b4fa,#cba6f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.setting-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;text-align:left;margin-bottom:25px}.setting-group label{font-weight:600;font-size:.85rem;color:#ffffffb3;display:flex;flex-direction:column;gap:8px}input[type=color]{-webkit-appearance:none;border:1px solid rgba(255,255,255,.2);width:100%;height:40px;padding:0;overflow:hidden;border-radius:4px;cursor:pointer;background:transparent;transition:transform .2s,border-color .2s}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]:hover{transform:scale(1.02);border-color:var(--accent)}input[type=text],input[type=password]{width:100%;padding:14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;outline:none;box-sizing:border-box;font-size:1rem;transition:all .3s}input:focus{border-color:var(--accent);background:#00000080;box-shadow:0 0 20px #cba6f733}#login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:4px;color:#fff;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 10px 30px #2575fc4d;transition:all .3s}#login-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #2575fc80}.admin-user-list{margin-top:20px;max-height:250px;overflow-y:auto;text-align:left;padding-right:5px}.user-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:10px;margin-bottom:8px;border:1px solid transparent;transition:border .2s}.user-item:hover{border-color:#ffffff1a;background:#ffffff14}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}