.piano-svg[data-v-17278544]{width:100vw;height:auto;margin-left:-50vw;left:50%;position:relative;display:block;cursor:pointer;overflow-x:auto;white-space:nowrap}.white-key[data-v-17278544],.black-key[data-v-17278544]{cursor:pointer;transition:fill .1s ease}.white-key[data-v-17278544]:hover{opacity:.9}.black-key[data-v-17278544]:hover{opacity:.95}.white-key[data-v-17278544]:active{filter:brightness(.95)}.black-key[data-v-17278544]:active{filter:brightness(1.1)}.auth-container[data-v-59b417a4]{display:flex;align-items:center;justify-content:center;background:transparent;padding:1rem}.auth-card[data-v-59b417a4]{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.auth-header[data-v-59b417a4]{text-align:center;margin-bottom:2rem}.auth-header h1[data-v-59b417a4]{margin:0 0 .5rem;font-size:1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p[data-v-59b417a4]{margin:0;color:#718096;font-size:.95rem}.tabs[data-v-59b417a4]{display:flex;gap:.75rem;margin-bottom:1.5rem;background:#f8fafc;padding:.5rem;border-radius:12px;flex-wrap:wrap}.tab-btn[data-v-59b417a4]{flex:1;min-width:80px;padding:.75rem 1rem;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab-btn[data-v-59b417a4]:hover{background:#e2e8f0;color:#334155}.tab-btn.active[data-v-59b417a4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.auth-form[data-v-59b417a4]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-59b417a4]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-59b417a4]{font-weight:600;color:#2d3748;font-size:.9rem}.form-group input[data-v-59b417a4]{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .2s ease;font-family:inherit}.form-group input[data-v-59b417a4]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn[data-v-59b417a4]{padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;margin-top:.5rem}.submit-btn[data-v-59b417a4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.submit-btn[data-v-59b417a4]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-59b417a4]:disabled{opacity:.6;cursor:not-allowed}.passkey-section[data-v-59b417a4]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.passkey-btn[data-v-59b417a4]{width:100%;padding:1rem 1.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b98166}.passkey-btn[data-v-59b417a4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.passkey-btn[data-v-59b417a4]:active:not(:disabled){transform:translateY(0)}.passkey-btn[data-v-59b417a4]:disabled{opacity:.6;cursor:not-allowed}.passkey-hint[data-v-59b417a4]{margin:0;color:#718096;font-size:.9rem;text-align:center}.message[data-v-59b417a4]{margin-top:1rem;padding:.875rem 1rem;border-radius:10px;font-size:.9rem;border-left:4px solid}.message.error[data-v-59b417a4]{background:#fef2f2;color:#dc2626;border-left-color:#ef4444}.message.success[data-v-59b417a4]{background:#f0fdf4;color:#16a34a;border-left-color:#22c55e}.message.info[data-v-59b417a4]{background:#eff6ff;color:#0284c7;border-left-color:#0ea5e9}@media(prefers-color-scheme:dark){.auth-card[data-v-59b417a4]{background:#1f1f1f;color:#f0f0f0}.auth-header h1[data-v-59b417a4]{color:#f0f0f0}.auth-header p[data-v-59b417a4]{color:#aaa}.tabs[data-v-59b417a4]{background:#2a2a2a}.tab-btn[data-v-59b417a4]{color:#aaa}.tab-btn[data-v-59b417a4]:hover{background:#333;color:#e0e0e0}.form-group label[data-v-59b417a4]{color:#e0e0e0}.form-group input[data-v-59b417a4]{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}.form-group input[data-v-59b417a4]:focus{border-color:#667eea}.passkey-hint[data-v-59b417a4]{color:#aaa}}input[data-v-e8d0aae8]{padding:.4rem;width:100%;border:1px solid #ccc;border-radius:6px;font-size:.9rem}input[data-v-e8d0aae8]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}button[data-v-e8d0aae8]{padding:.6rem 1rem;margin-right:.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}button[data-v-e8d0aae8]:hover{background:#5568d3}button[data-v-e8d0aae8]:last-child{background:#94a3b8;margin-right:0}button[data-v-e8d0aae8]:last-child:hover{background:#64748b}.twofactor[data-v-09361d19]{padding:1rem}.close-btn[data-v-09361d19]{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;cursor:pointer;border-radius:6px;transition:background .2s}.close-btn[data-v-09361d19]:hover{background:#5568d3}.setup-btn[data-v-09361d19]{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;cursor:pointer;border-radius:6px;transition:background .2s}.setup-btn[data-v-09361d19]:hover{background:#5568d3}.verify-btn[data-v-09361d19]{padding:.6rem 1rem;background:#667eea;color:#fff;border:none;cursor:pointer;border-radius:6px;transition:background .2s}.verify-btn[data-v-09361d19]:hover{background:#5568d3}input[data-v-09361d19]{padding:.6rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;flex:1;min-width:200px}input[data-v-09361d19]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.account-settings-root[data-v-28352267]{position:relative;display:inline-block}.account-button[data-v-28352267]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;border:2px solid #e2e8f0;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;color:#2d3748}.account-button[data-v-28352267]:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.account-button svg[data-v-28352267]{flex-shrink:0}.overlay[data-v-28352267]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.panel[data-v-28352267]{background:#fff;padding:2rem;border-radius:20px;width:440px;max-width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000}.panel h3[data-v-28352267]{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1e293b}.panel h4[data-v-28352267]{margin:1.5rem 0 .75rem;font-size:1.1rem;font-weight:600;color:#334155}.info[data-v-28352267]{background:#f8fafc;padding:1rem;border-radius:10px;margin-bottom:1rem;border-left:4px solid #667eea}.info div[data-v-28352267]{margin-bottom:.5rem;color:#475569;font-size:.95rem}.info div[data-v-28352267]:last-child{margin-bottom:0}.actions[data-v-28352267]{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.actions button[data-v-28352267]{flex:1;min-width:120px;padding:.75rem 1rem;font-size:.9rem;border-radius:10px;background:#667eea;color:#fff;border:none;cursor:pointer;transition:background .2s}.actions button[data-v-28352267]:hover{background:#5568d3}.passkeys-section[data-v-28352267]{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.passkeys-section ul[data-v-28352267]{list-style:none;padding:0;margin:.75rem 0}.passkeys-section li[data-v-28352267]{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#f8fafc;border-radius:10px;margin-bottom:.5rem;font-size:.9rem}.passkeys-section li button[data-v-28352267]{padding:.5rem .875rem;font-size:.85rem;background:#ef4444;color:#fff;border:none;cursor:pointer;border-radius:6px;transition:background .2s}.passkeys-section li button[data-v-28352267]:hover{background:#dc2626}.passkeys-section>div>button[data-v-28352267]{padding:.75rem 1rem;font-size:.9rem;background:#667eea;color:#fff;border:none;cursor:pointer;border-radius:10px;transition:background .2s}.passkeys-section>div>button[data-v-28352267]:hover{background:#5568d3}.change-wrap[data-v-28352267],.twofactor-setup[data-v-28352267]{margin-top:1rem;border-top:2px solid #f1f5f9;padding-top:1rem}.close-row[data-v-28352267]{text-align:right;margin-top:1rem}.close-row button[data-v-28352267]{background:#94a3b8;color:#fff;padding:.75rem 1.5rem;border:none;cursor:pointer;border-radius:10px;transition:background .2s}.close-row button[data-v-28352267]:hover{background:#64748b}.leaderboard-settings-section[data-v-28352267]{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.loading-message[data-v-28352267]{color:#64748b;font-size:.9rem;padding:.5rem 0}.setting-group[data-v-28352267]{margin-bottom:1.25rem}.setting-label[data-v-28352267]{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.95rem}.setting-input[data-v-28352267]{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;color:#334155;background:#f8fafc;transition:all .2s;box-sizing:border-box}.setting-input[data-v-28352267]:focus{outline:none;border-color:#667eea;background:#fff}.setting-hint[data-v-28352267]{margin:.5rem 0 0;font-size:.85rem;color:#64748b}.checkbox-group[data-v-28352267]{display:flex;flex-direction:column}.checkbox-label[data-v-28352267]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#334155;font-size:.95rem}.checkbox-input[data-v-28352267]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.save-button[data-v-28352267]{width:100%;padding:.75rem 1rem;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.save-button[data-v-28352267]:hover:not(:disabled){background:#5568d3}.save-button[data-v-28352267]:disabled{opacity:.6;cursor:not-allowed}.message[data-v-28352267]{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;animation:slideDown-28352267 .3s ease}.message.success[data-v-28352267]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-28352267]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideDown-28352267{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.account-button[data-v-28352267]{background:linear-gradient(135deg,#2d3748,#374151);border-color:#4a5568;color:#e2e8f0}.account-button[data-v-28352267]:hover{background:linear-gradient(135deg,#374151,#4a5568);border-color:#718096;box-shadow:0 2px 8px #0000004d}.panel[data-v-28352267]{background:#1f1f1f!important;color:#f0f0f0}.panel h3[data-v-28352267]{color:#f0f0f0}.panel h4[data-v-28352267]{color:#e0e0e0}.info[data-v-28352267]{background:#2a2a2a;border-left-color:#9f7aea}.info div[data-v-28352267]{color:#e0e0e0}.info div strong[data-v-28352267]{color:#f0f0f0}.actions button[data-v-28352267]{background:#667eea}.actions button[data-v-28352267]:hover{background:#7c3aed}.passkeys-section[data-v-28352267]{border-top-color:#333}.passkeys-section li[data-v-28352267]{background:#2a2a2a;color:#e0e0e0}.passkeys-section>div>button[data-v-28352267]{background:#667eea}.passkeys-section>div>button[data-v-28352267]:hover{background:#7c3aed}.change-wrap[data-v-28352267],.twofactor-setup[data-v-28352267]{border-top-color:#333}.close-row button[data-v-28352267]{background:#4a5568;color:#e0e0e0}.close-row button[data-v-28352267]:hover{background:#374151}.setting-label[data-v-28352267]{color:#e0e0e0}.setting-input[data-v-28352267]{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}.setting-input[data-v-28352267]:focus{background:#2a2a2a;border-color:#667eea}.setting-hint[data-v-28352267]{color:#aaa}.checkbox-label[data-v-28352267]{color:#e0e0e0}.loading-message[data-v-28352267]{color:#aaa}.save-button[data-v-28352267]{background:#667eea}.save-button[data-v-28352267]:hover:not(:disabled){background:#7c3aed}.message.success[data-v-28352267]{background:#f0fdf4;color:#16a34a;border-color:#22c55e}.message.error[data-v-28352267]{background:#fef2f2;color:#dc2626;border-color:#ef4444}.leaderboard-settings-section[data-v-28352267]{border-top-color:#333}}.leaderboard-container[data-v-7833702e]{width:100%;max-width:400px;background:transparent;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin:0 auto}.leaderboard-container.compact[data-v-7833702e]{padding:12px;box-shadow:0 1px 4px #00000014}.leaderboard-header[data-v-7833702e]{margin-bottom:12px;background:var(--header-bg, #ffffff);padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000000f}.leaderboard-header h2[data-v-7833702e]{margin:0;font-size:20px;color:var(--text-color, #333)}.leaderboard-container.compact .leaderboard-header h2[data-v-7833702e]{font-size:16px;margin-bottom:8px}.leaderboard-section[data-v-7833702e]{background:var(--section-bg, #ffffff);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000f}.leaderboard-section[data-v-7833702e]:last-child{margin-bottom:0}.section-header[data-v-7833702e]{margin-bottom:16px;margin-top:0;padding-bottom:12px;border-bottom:2px solid var(--border-color, #ddd)}.section-header h3[data-v-7833702e]{margin:0;font-size:18px;color:var(--text-color, #333);font-weight:600}.leaderboard-container.compact .section-header h3[data-v-7833702e]{font-size:14px}.filter-section[data-v-7833702e]{margin-bottom:20px}.filter-buttons[data-v-7833702e]{display:flex;gap:8px;flex-wrap:wrap}.filter-btn[data-v-7833702e]{padding:8px 16px;border:2px solid var(--border-color, #ddd);background:var(--bg-color, #ffffff);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;color:var(--text-color, #333)}.filter-btn[data-v-7833702e]:hover{border-color:var(--primary-color, #007bff);background:var(--hover-bg, #f5f5f5)}.filter-btn.active[data-v-7833702e]{background:var(--primary-color, #007bff);border-color:var(--primary-color, #007bff);color:#fff}.loading-state[data-v-7833702e],.error-state[data-v-7833702e],.empty-state[data-v-7833702e]{text-align:center;padding:40px 20px;color:var(--text-muted, #666)}.error-state[data-v-7833702e]{color:var(--error-color, #d32f2f)}.error-state p[data-v-7833702e]{margin:0 0 16px}.retry-btn[data-v-7833702e]{padding:8px 16px;background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.retry-btn[data-v-7833702e]:hover{opacity:.9}.leaderboard-table-wrapper[data-v-7833702e]{overflow-x:auto;margin-bottom:20px}.leaderboard-table[data-v-7833702e]{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.leaderboard-table thead[data-v-7833702e]{background:var(--header-bg, #f5f5f5);border-bottom:2px solid var(--border-color, #ddd)}.leaderboard-table th[data-v-7833702e]{padding:8px 6px;text-align:left;font-weight:600;color:var(--text-color, #333);white-space:nowrap;font-size:12px}.leaderboard-table td[data-v-7833702e]{padding:8px 6px;border-bottom:1px solid var(--border-color, #eee);color:var(--text-color, #333)}.leaderboard-row[data-v-7833702e]:hover{background:var(--row-hover-bg, #f9f9f9)}.leaderboard-row.current-user[data-v-7833702e]{background:var(--current-user-bg, #e3f2fd);font-weight:500}.leaderboard-row.current-user[data-v-7833702e]:hover{background:var(--current-user-hover-bg, #bbdefb)}.col-rank[data-v-7833702e]{width:50px;text-align:center;padding-left:4px!important;padding-right:4px!important}.col-player[data-v-7833702e]{width:auto;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-points[data-v-7833702e]{width:auto;text-align:left;padding-left:4px!important;padding-right:4px!important}.col-duration[data-v-7833702e]{width:65px;text-align:left;padding-left:4px!important;padding-right:4px!important}.col-actions[data-v-7833702e]{width:50px;text-align:center;padding-left:4px!important;padding-right:4px!important}.details-btn[data-v-7833702e]{background:transparent;border:none;font-size:16px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s ease;line-height:1}.details-btn[data-v-7833702e]:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.modal-overlay[data-v-7833702e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-7833702e]{background:var(--bg-color, #ffffff);border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-header[data-v-7833702e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #eee)}.modal-header h3[data-v-7833702e]{margin:0;font-size:20px;color:var(--text-color, #333)}.modal-close[data-v-7833702e]{background:transparent;border:none;font-size:32px;cursor:pointer;color:var(--text-muted, #666);line-height:1;padding:0;width:32px;height:32px;border-radius:4px;transition:background .2s ease}.modal-close[data-v-7833702e]:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-color, #333)}.modal-body[data-v-7833702e]{padding:20px}.detail-row[data-v-7833702e]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color, #eee)}.detail-row[data-v-7833702e]:last-child{border-bottom:none}.detail-label[data-v-7833702e]{font-weight:600;color:var(--text-muted, #666);flex-shrink:0;margin-right:16px}.detail-value[data-v-7833702e]{color:var(--text-color, #333);text-align:right;flex-grow:1}.pagination-section[data-v-7833702e]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color, #eee);flex-wrap:wrap;gap:12px}.pagination-info[data-v-7833702e]{font-size:13px;color:var(--text-muted, #666)}.pagination-buttons[data-v-7833702e]{display:flex;gap:8px}.pagination-btn[data-v-7833702e]{padding:8px 16px;background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:opacity .2s ease}.pagination-btn[data-v-7833702e]:hover:not(:disabled){opacity:.9}.pagination-btn[data-v-7833702e]:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.leaderboard-container[data-v-7833702e]{background:var(--bg-color, #1a1a1a)}.leaderboard-header[data-v-7833702e]{background:var(--header-bg, #2d2d2d)}.leaderboard-header h2[data-v-7833702e]{color:var(--text-color, #e0e0e0)}.leaderboard-section[data-v-7833702e]{background:var(--section-bg, #2d2d2d)}.section-header[data-v-7833702e]{border-bottom-color:var(--border-color, #444)}.section-header h3[data-v-7833702e]{color:var(--text-color, #e0e0e0)}.filter-btn[data-v-7833702e]{background:var(--bg-color, #2d2d2d);border-color:var(--border-color, #444);color:var(--text-color, #e0e0e0)}.filter-btn[data-v-7833702e]:hover{background:var(--hover-bg, #3a3a3a)}.leaderboard-table thead[data-v-7833702e]{background:var(--header-bg, #2d2d2d);border-bottom-color:var(--border-color, #444)}.leaderboard-table th[data-v-7833702e],.leaderboard-table td[data-v-7833702e]{color:var(--text-color, #e0e0e0)}.leaderboard-table td[data-v-7833702e]{border-bottom-color:var(--border-color, #333)}.leaderboard-row[data-v-7833702e]:hover{background:var(--row-hover-bg, #2a2a2a)}.leaderboard-row.current-user[data-v-7833702e]{background:var(--current-user-bg, #1a3a52)}.leaderboard-row.current-user[data-v-7833702e]:hover{background:var(--current-user-hover-bg, #1e4d6d)}.details-btn[data-v-7833702e]:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.modal-content[data-v-7833702e]{background:var(--bg-color, #2d2d2d)}.modal-header[data-v-7833702e]{border-bottom-color:var(--border-color, #444)}.modal-header h3[data-v-7833702e]{color:var(--text-color, #e0e0e0)}.modal-close[data-v-7833702e]{color:var(--text-muted, #999)}.modal-close[data-v-7833702e]:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-color, #e0e0e0)}.detail-row[data-v-7833702e]{border-bottom-color:var(--border-color, #444)}.detail-label[data-v-7833702e]{color:var(--text-muted, #999)}.detail-value[data-v-7833702e]{color:var(--text-color, #e0e0e0)}.pagination-section[data-v-7833702e]{border-top-color:var(--border-color, #333)}}@media(max-width:768px){.leaderboard-container[data-v-7833702e]{padding:10px}.leaderboard-header h2[data-v-7833702e]{font-size:18px}.leaderboard-section[data-v-7833702e]{margin-bottom:10px;padding:12px}.section-header[data-v-7833702e]{margin-bottom:12px;padding-bottom:10px}.section-header h3[data-v-7833702e]{font-size:16px}.leaderboard-table[data-v-7833702e]{font-size:12px}.leaderboard-table th[data-v-7833702e]{padding:6px 4px;font-size:11px}.leaderboard-table td[data-v-7833702e]{padding:6px 4px}.col-rank[data-v-7833702e]{width:40px}.col-player[data-v-7833702e]{max-width:120px}.col-points[data-v-7833702e]{width:70px}.col-duration[data-v-7833702e]{width:55px}.col-actions[data-v-7833702e]{width:45px}.pagination-section[data-v-7833702e]{flex-direction:column;align-items:stretch;padding-top:12px}.pagination-buttons[data-v-7833702e]{width:100%}.pagination-btn[data-v-7833702e]{flex:1}}@media(max-width:480px){.leaderboard-container[data-v-7833702e]{padding:8px;border-radius:6px}.leaderboard-header[data-v-7833702e]{margin-bottom:12px}.leaderboard-header h2[data-v-7833702e]{font-size:16px}.leaderboard-section[data-v-7833702e]{margin-bottom:10px;padding:10px}.section-header[data-v-7833702e]{margin-bottom:12px;padding-bottom:10px}.section-header h3[data-v-7833702e]{font-size:14px}.leaderboard-table[data-v-7833702e]{font-size:11px}.leaderboard-table th[data-v-7833702e]{padding:5px 3px;font-size:10px}.leaderboard-table td[data-v-7833702e]{padding:5px 3px}.col-rank[data-v-7833702e]{width:35px}.col-player[data-v-7833702e]{max-width:100px}.col-points[data-v-7833702e]{width:60px}.col-duration[data-v-7833702e]{width:50px}.col-actions[data-v-7833702e]{width:40px}.details-btn[data-v-7833702e]{font-size:14px;padding:1px 2px}.filter-btn[data-v-7833702e]{padding:6px 10px;font-size:11px}.filter-section[data-v-7833702e]{margin-bottom:12px}.pagination-info[data-v-7833702e]{font-size:11px}.pagination-btn[data-v-7833702e]{padding:6px 10px;font-size:11px}.modal-overlay[data-v-7833702e]{padding:10px}.modal-content[data-v-7833702e]{max-height:90vh}.modal-header[data-v-7833702e],.modal-body[data-v-7833702e]{padding:16px}.modal-header h3[data-v-7833702e]{font-size:18px}.detail-row[data-v-7833702e]{padding:10px 0;flex-direction:column;gap:4px}.detail-label[data-v-7833702e],.detail-value[data-v-7833702e]{text-align:left}}.modal-overlay[data-v-f9e6cab5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-f9e6cab5 .2s ease}@keyframes fadeIn-f9e6cab5{0%{opacity:0}to{opacity:1}}.modal-content[data-v-f9e6cab5]{background:#fff;border-radius:20px;padding:2rem;max-width:800px;max-height:85vh;overflow-y:auto;width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp-f9e6cab5 .3s ease}@keyframes slideUp-f9e6cab5{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-modal[data-v-f9e6cab5]{max-width:900px;width:95vw}.modal-header[data-v-f9e6cab5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.modal-header h3[data-v-f9e6cab5]{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-f9e6cab5]{background:#f7fafc!important;border:2px solid #e2e8f0!important;font-size:1.5rem;cursor:pointer;padding:0!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;color:#718096;transition:all .3s ease!important}.close-btn[data-v-f9e6cab5]:hover{background:#edf2f7!important;color:#2d3748;transform:rotate(90deg)}.stats-controls[data-v-f9e6cab5]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.time-range-selector[data-v-f9e6cab5]{display:flex;gap:10px;justify-content:center}.filter-selector[data-v-f9e6cab5]{display:flex;align-items:center;justify-content:center;gap:10px}.filter-selector label[data-v-f9e6cab5]{font-size:14px;font-weight:600;color:#333}.filter-dropdown[data-v-f9e6cab5]{padding:8px 16px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.filter-dropdown[data-v-f9e6cab5]:hover{border-color:#007bff}.filter-dropdown[data-v-f9e6cab5]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.range-btn[data-v-f9e6cab5]{padding:8px 20px;border:2px solid #ddd;background:#f9f9f9;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.range-btn[data-v-f9e6cab5]:hover{background:#e5e5e5;border-color:#007bff}.range-btn.active[data-v-f9e6cab5]{background:#007bff;color:#fff;border-color:#007bff}.date-navigator[data-v-f9e6cab5]{display:flex;align-items:center;justify-content:center;gap:15px}.nav-btn[data-v-f9e6cab5]{padding:8px 16px;border:1px solid #ddd;background:#f9f9f9;border-radius:6px;cursor:pointer;font-size:18px;transition:all .2s}.nav-btn[data-v-f9e6cab5]:hover{background:#e5e5e5}.date-label[data-v-f9e6cab5]{min-width:200px;text-align:center;font-weight:600;font-size:16px}.today-btn[data-v-f9e6cab5]{padding:8px 16px;border:1px solid #007bff;background:#007bff;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.today-btn[data-v-f9e6cab5]:hover{background:#0056b3;border-color:#0056b3}.view-toggle[data-v-f9e6cab5]{display:flex;gap:10px;justify-content:center;margin-top:15px}.view-toggle button[data-v-f9e6cab5]{padding:8px 20px;border:2px solid #ddd;background:#f9f9f9;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.view-toggle button[data-v-f9e6cab5]:hover{background:#e5e5e5;border-color:#007bff}.view-toggle button.active[data-v-f9e6cab5]{background:#007bff;color:#fff;border-color:#007bff}.chart-container[data-v-f9e6cab5]{margin-top:20px}.line-chart[data-v-f9e6cab5]{width:100%;height:auto;max-height:400px}.no-data-message[data-v-f9e6cab5]{text-align:center;padding:60px 20px;color:#999;font-size:16px}.chart-legend[data-v-f9e6cab5]{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #eee;justify-content:center}.legend-item[data-v-f9e6cab5]{display:flex;align-items:center;gap:8px;font-size:13px}.legend-color[data-v-f9e6cab5]{width:20px;height:20px;border-radius:3px}.legend-label[data-v-f9e6cab5]{color:#333}.rank-list-container[data-v-f9e6cab5]{margin-top:20px}.rank-list[data-v-f9e6cab5]{list-style:none;padding:0;margin:0}.rank-item[data-v-f9e6cab5]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background:#f9f9f9;transition:background-color .2s}.rank-item[data-v-f9e6cab5]:hover{background:#f0f0f0}.rank-item[data-v-f9e6cab5]:last-child{border-bottom:none}.rank-number[data-v-f9e6cab5]{font-weight:700;color:#667eea;margin-right:12px;min-width:30px}.rank-name[data-v-f9e6cab5]{flex:1;font-weight:500;color:#333}.rank-score[data-v-f9e6cab5]{font-weight:600;color:#667eea;background:#e8f5e9;padding:4px 8px;border-radius:4px;font-size:.9em}.test-list-container[data-v-f9e6cab5]{margin-top:20px}.test-list-scroll[data-v-f9e6cab5]{max-height:500px;overflow-y:auto;border:1px solid #eee;border-radius:8px}.test-list-table[data-v-f9e6cab5]{width:100%;border-collapse:collapse;font-size:.9em}.test-list-table thead[data-v-f9e6cab5]{position:sticky;top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;z-index:10}.test-list-table th[data-v-f9e6cab5]{padding:12px 8px;text-align:left;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.test-list-table tbody tr[data-v-f9e6cab5]{border-bottom:1px solid #eee;background:#fff;transition:background-color .2s}.test-list-table tbody tr[data-v-f9e6cab5]:hover{background:#f9f9f9}.test-list-table tbody tr[data-v-f9e6cab5]:last-child{border-bottom:none}.test-list-table td[data-v-f9e6cab5]{padding:10px 8px}.test-datetime[data-v-f9e6cab5]{color:#666;font-size:.85em;white-space:nowrap}.test-points[data-v-f9e6cab5]{font-weight:600;color:#667eea}.test-duration[data-v-f9e6cab5],.test-speed[data-v-f9e6cab5]{color:#555}.test-accuracy[data-v-f9e6cab5]{font-weight:600;color:#16a34a}.points-graph-container[data-v-f9e6cab5]{margin-top:20px}@media(max-width:768px){.stats-modal[data-v-f9e6cab5]{max-width:100%;width:100vw;max-height:95vh}.stats-controls[data-v-f9e6cab5]{gap:12px}.time-range-selector[data-v-f9e6cab5]{flex-wrap:wrap;gap:6px}.range-btn[data-v-f9e6cab5]{padding:6px 12px;font-size:12px;flex:1;min-width:60px}.filter-selector[data-v-f9e6cab5]{flex-direction:column;gap:6px;align-items:stretch}.filter-selector label[data-v-f9e6cab5]{text-align:center;font-size:13px}.filter-dropdown[data-v-f9e6cab5]{width:100%;padding:8px 12px;font-size:13px}.date-navigator[data-v-f9e6cab5]{flex-wrap:wrap;gap:8px}.nav-btn[data-v-f9e6cab5]{padding:6px 12px;font-size:16px}.date-label[data-v-f9e6cab5]{min-width:100%;font-size:13px;order:-1}.view-toggle[data-v-f9e6cab5]{flex-wrap:wrap;gap:6px;margin-top:10px}.view-toggle button[data-v-f9e6cab5]{flex:1;min-width:120px;padding:6px 12px;font-size:12px}.today-btn[data-v-f9e6cab5]{padding:6px 12px;font-size:13px}.chart-container[data-v-f9e6cab5]{margin-top:15px}.line-chart[data-v-f9e6cab5]{max-height:300px}.chart-legend[data-v-f9e6cab5]{gap:10px}.legend-item[data-v-f9e6cab5]{font-size:11px}.legend-color[data-v-f9e6cab5]{width:16px;height:16px}.no-data-message[data-v-f9e6cab5]{padding:40px 15px;font-size:14px}}@media(max-width:480px){.stats-modal[data-v-f9e6cab5]{padding:15px}.modal-header h3[data-v-f9e6cab5]{font-size:18px}.range-btn[data-v-f9e6cab5]{padding:5px 8px;font-size:11px;min-width:50px}.date-label[data-v-f9e6cab5]{font-size:12px}.nav-btn[data-v-f9e6cab5],.today-btn[data-v-f9e6cab5]{padding:5px 10px;font-size:12px}.line-chart[data-v-f9e6cab5]{max-height:250px}.legend-item[data-v-f9e6cab5]{font-size:10px}.legend-color[data-v-f9e6cab5]{width:14px;height:14px}}@media(prefers-color-scheme:dark){.modal-content[data-v-f9e6cab5]{background:#1f1f1f;color:#f0f0f0;border:1px solid #333}.modal-header[data-v-f9e6cab5]{border-bottom:1px solid #333}.modal-header h3[data-v-f9e6cab5]{color:#f0f0f0}.close-btn[data-v-f9e6cab5]{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#f0f0f0}.close-btn[data-v-f9e6cab5]:hover{background:#333!important}.range-btn[data-v-f9e6cab5]{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}.range-btn[data-v-f9e6cab5]:hover{background:#333;border-color:#2b6cb0}.range-btn.active[data-v-f9e6cab5]{background:#2b6cb0;border-color:#2b6cb0}.filter-selector label[data-v-f9e6cab5]{color:#e0e0e0}.filter-dropdown[data-v-f9e6cab5]{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}.filter-dropdown[data-v-f9e6cab5]:hover{border-color:#2b6cb0}.filter-dropdown[data-v-f9e6cab5]:focus{border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033}.nav-btn[data-v-f9e6cab5]{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}.nav-btn[data-v-f9e6cab5]:hover{background:#333}.date-label[data-v-f9e6cab5]{color:#f0f0f0}.today-btn[data-v-f9e6cab5]{background:#2b6cb0;border-color:#2b6cb0}.today-btn[data-v-f9e6cab5]:hover{background:#2c5282;border-color:#2c5282}.view-toggle button[data-v-f9e6cab5]{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}.view-toggle button[data-v-f9e6cab5]:hover{background:#333;border-color:#2b6cb0}.view-toggle button.active[data-v-f9e6cab5]{background:#2b6cb0;border-color:#2b6cb0}.no-data-message[data-v-f9e6cab5]{color:#777}.legend-label[data-v-f9e6cab5]{color:#e0e0e0}.chart-legend[data-v-f9e6cab5]{border-top-color:#333}.line-chart .grid line[data-v-f9e6cab5]{stroke:#3a3a3a}.line-chart .y-axis text[data-v-f9e6cab5],.line-chart .x-axis text[data-v-f9e6cab5]{fill:#aaa}.line-chart rect[data-v-f9e6cab5]{stroke:#666}.rank-item[data-v-f9e6cab5]{background:#2a2a2a;border-bottom-color:#333}.rank-item[data-v-f9e6cab5]:hover{background:#333}.rank-number[data-v-f9e6cab5]{color:#9f7aea}.rank-name[data-v-f9e6cab5]{color:#e0e0e0}.rank-score[data-v-f9e6cab5]{background:#1b3a1e;color:#81c784}.test-list-scroll[data-v-f9e6cab5]{border-color:#333}.test-list-table thead[data-v-f9e6cab5]{background:linear-gradient(135deg,#4c51bf,#5b21b6)}.test-list-table tbody tr[data-v-f9e6cab5]{background:#2a2a2a;border-bottom-color:#333}.test-list-table tbody tr[data-v-f9e6cab5]:hover{background:#333}.test-datetime[data-v-f9e6cab5]{color:#999}.test-points[data-v-f9e6cab5]{color:#9f7aea}.test-duration[data-v-f9e6cab5],.test-speed[data-v-f9e6cab5]{color:#aaa}.test-accuracy[data-v-f9e6cab5]{color:#81c784}}.modal-overlay[data-v-9581068e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-9581068e .2s ease}@keyframes fadeIn-9581068e{0%{opacity:0}to{opacity:1}}.modal-content[data-v-9581068e]{background:#fff;border-radius:20px;padding:2rem;max-width:800px;max-height:85vh;overflow-y:auto;width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp-9581068e .3s ease}@keyframes slideUp-9581068e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-9581068e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.modal-header h3[data-v-9581068e]{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-buttons[data-v-9581068e]{display:flex;align-items:center;gap:.75rem}.close-btn[data-v-9581068e]{background:#f7fafc!important;border:2px solid #e2e8f0!important;font-size:1.5rem;cursor:pointer;padding:0!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;color:#718096;transition:all .3s ease!important}.close-btn[data-v-9581068e]:hover{background:#edf2f7!important;color:#2d3748;transform:rotate(90deg)}.bulk-actions[data-v-9581068e]{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.action-group[data-v-9581068e]{display:flex;flex-direction:column;gap:8px}.action-group h5[data-v-9581068e]{margin:0;font-size:14px;color:#666;text-align:center}.bulk-actions button[data-v-9581068e]{padding:8px 16px;border:1px solid #ccc;background:#f5f5f5;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.bulk-actions button[data-v-9581068e]:hover{background:#e5e5e5}.deselect-btn[data-v-9581068e]{background:#ffe6e6!important;border-color:#fcc!important}.deselect-btn[data-v-9581068e]:hover{background:#fcc!important}.scale-selection[data-v-9581068e],.scale-category[data-v-9581068e]{margin-bottom:20px}.scale-category h4[data-v-9581068e]{margin:0 0 10px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}.scale-grid[data-v-9581068e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.scale-checkbox[data-v-9581068e]{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.scale-checkbox[data-v-9581068e]:hover{background:#f9f9f9}.scale-checkbox input[type=checkbox][data-v-9581068e]{margin:0}.modal-footer[data-v-9581068e]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.apply-btn[data-v-9581068e]{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:12px!important;cursor:pointer;font-weight:600!important;box-shadow:0 4px 12px #667eea4d!important;transition:all .3s ease!important}.apply-btn[data-v-9581068e]:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #667eea66!important}@media(prefers-color-scheme:dark){.modal-content[data-v-9581068e]{background:#1f1f1f;color:#f0f0f0;border:1px solid #333}.modal-header[data-v-9581068e]{border-bottom:1px solid #333}.modal-header h3[data-v-9581068e]{color:#f0f0f0}.close-btn[data-v-9581068e]{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#f0f0f0}.close-btn[data-v-9581068e]:hover{background:#333!important}.scale-category h4[data-v-9581068e]{color:#e0e0e0;border-bottom:1px solid #333}.scale-checkbox[data-v-9581068e]{background:#262626;border-color:#3a3a3a;color:#f0f0f0}.scale-checkbox[data-v-9581068e]:hover{background:#2e2e2e}.bulk-actions button[data-v-9581068e]{background:#2a2a2a;color:#eee;border-color:#3a3a3a}.bulk-actions button[data-v-9581068e]:hover{background:#333}.deselect-btn[data-v-9581068e]{background:#3a1f1f!important;border-color:#5a2a2a!important}.deselect-btn[data-v-9581068e]:hover{background:#5a2a2a!important}.modal-footer[data-v-9581068e]{border-top:1px solid #333;color:#ccc}.apply-btn[data-v-9581068e]{background:#2b6cb0!important;color:#fff!important}.apply-btn[data-v-9581068e]:hover{background:#2c5282!important}}.modal-overlay[data-v-9a7e43fe]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-9a7e43fe .2s ease}@keyframes fadeIn-9a7e43fe{0%{opacity:0}to{opacity:1}}.modal-content[data-v-9a7e43fe]{background:#fff;border-radius:20px;padding:2rem;max-width:800px;max-height:85vh;overflow-y:auto;width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp-9a7e43fe .3s ease}@keyframes slideUp-9a7e43fe{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-9a7e43fe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.modal-header h3[data-v-9a7e43fe]{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-buttons[data-v-9a7e43fe]{display:flex;align-items:center;gap:.75rem}.close-btn[data-v-9a7e43fe]{background:#f7fafc!important;border:2px solid #e2e8f0!important;font-size:1.5rem;cursor:pointer;padding:0!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;color:#718096;transition:all .3s ease!important}.close-btn[data-v-9a7e43fe]:hover{background:#edf2f7!important;color:#2d3748;transform:rotate(90deg)}.bulk-actions[data-v-9a7e43fe]{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.action-group[data-v-9a7e43fe]{display:flex;flex-direction:column;gap:8px}.action-group h5[data-v-9a7e43fe]{margin:0;font-size:14px;color:#666;text-align:center}.bulk-actions button[data-v-9a7e43fe]{padding:8px 16px;border:1px solid #ccc;background:#f5f5f5;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.bulk-actions button[data-v-9a7e43fe]:hover{background:#e5e5e5}.deselect-btn[data-v-9a7e43fe]{background:#ffe6e6!important;border-color:#fcc!important}.deselect-btn[data-v-9a7e43fe]:hover{background:#fcc!important}.scale-selection[data-v-9a7e43fe],.scale-category[data-v-9a7e43fe]{margin-bottom:20px}.scale-category h4[data-v-9a7e43fe]{margin:0 0 10px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}.scale-grid[data-v-9a7e43fe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.scale-checkbox[data-v-9a7e43fe]{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.scale-checkbox[data-v-9a7e43fe]:hover{background:#f9f9f9}.scale-checkbox input[type=checkbox][data-v-9a7e43fe]{margin:0}.modal-footer[data-v-9a7e43fe]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.apply-btn[data-v-9a7e43fe]{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:12px!important;cursor:pointer;font-weight:600!important;box-shadow:0 4px 12px #667eea4d!important;transition:all .3s ease!important}.apply-btn[data-v-9a7e43fe]:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #667eea66!important}@media(prefers-color-scheme:dark){.modal-content[data-v-9a7e43fe]{background:#1f1f1f;color:#f0f0f0;border:1px solid #333}.modal-header[data-v-9a7e43fe]{border-bottom:1px solid #333}.modal-header h3[data-v-9a7e43fe]{color:#f0f0f0}.close-btn[data-v-9a7e43fe]{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#f0f0f0}.close-btn[data-v-9a7e43fe]:hover{background:#333!important}.scale-category h4[data-v-9a7e43fe]{color:#e0e0e0;border-bottom:1px solid #333}.scale-checkbox[data-v-9a7e43fe]{background:#262626;border-color:#3a3a3a;color:#f0f0f0}.scale-checkbox[data-v-9a7e43fe]:hover{background:#2e2e2e}.bulk-actions button[data-v-9a7e43fe]{background:#2a2a2a;color:#eee;border-color:#3a3a3a}.bulk-actions button[data-v-9a7e43fe]:hover{background:#333}.deselect-btn[data-v-9a7e43fe]{background:#3a1f1f!important;border-color:#5a2a2a!important}.deselect-btn[data-v-9a7e43fe]:hover{background:#5a2a2a!important}.modal-footer[data-v-9a7e43fe]{border-top:1px solid #333;color:#ccc}.apply-btn[data-v-9a7e43fe]{background:#2b6cb0!important;color:#fff!important}.apply-btn[data-v-9a7e43fe]:hover{background:#2c5282!important}}.modal-overlay[data-v-506b1e35]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-506b1e35 .2s ease}@keyframes fadeIn-506b1e35{0%{opacity:0}to{opacity:1}}.modal-content[data-v-506b1e35]{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp-506b1e35 .3s ease}@keyframes slideUp-506b1e35{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-506b1e35]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.modal-header h3[data-v-506b1e35]{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-506b1e35]{background:#f7fafc!important;border:2px solid #e2e8f0!important;font-size:1.5rem;cursor:pointer;padding:0!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;color:#718096;transition:all .3s ease!important}.close-btn[data-v-506b1e35]:hover{background:#edf2f7!important;color:#2d3748;transform:rotate(90deg)}.duration-options[data-v-506b1e35]{display:flex;flex-direction:column;gap:12px;margin:24px 0}.duration-btn[data-v-506b1e35]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px solid #e0e0e0;background:linear-gradient(135deg,#f5f7fa,#f8fbfd);border-radius:12px;cursor:pointer;transition:all .3s ease;gap:8px}.duration-btn[data-v-506b1e35]:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.duration-btn:hover .duration-value[data-v-506b1e35]{color:#fff}.duration-btn:hover .duration-desc[data-v-506b1e35]{color:#fffc}.duration-value[data-v-506b1e35]{font-size:1.25rem;font-weight:600;color:#333;transition:color .3s ease}.duration-desc[data-v-506b1e35]{font-size:.85rem;color:#999;transition:color .3s ease}.duration-info[data-v-506b1e35]{background:#f0f4ff;border-left:4px solid #667eea;padding:12px;border-radius:4px;font-size:.9rem;color:#5a5a7a;margin-top:20px}.duration-info p[data-v-506b1e35]{margin:0}@media(prefers-color-scheme:dark){.modal-content[data-v-506b1e35]{background:#1f1f1f;color:#f0f0f0;border:1px solid #333}.modal-header[data-v-506b1e35]{border-bottom:1px solid #333}.modal-header h3[data-v-506b1e35]{color:#f0f0f0}.close-btn[data-v-506b1e35]{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#f0f0f0}.close-btn[data-v-506b1e35]:hover{background:#333!important}.duration-btn[data-v-506b1e35]{background:linear-gradient(135deg,#2a2a2a,#262626);border-color:#3a3a3a}.duration-btn[data-v-506b1e35]:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2)}.duration-value[data-v-506b1e35]{color:#f0f0f0}.duration-desc[data-v-506b1e35]{color:#aaa}.duration-info[data-v-506b1e35]{background:#1b2a4a;border-left:4px solid #667eea;color:#a8b8d8}}@media(max-width:480px){.modal-content[data-v-506b1e35]{padding:1.5rem}.modal-header h3[data-v-506b1e35]{font-size:1.25rem}.duration-btn[data-v-506b1e35]{padding:16px}.duration-value[data-v-506b1e35]{font-size:1.1rem}}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#app{width:100%;min-height:100%}body.overlay-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.completion-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;min-width:100vw!important;min-height:100vh!important;margin:0!important;padding:0!important;background:#0009!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important;animation:fadeIn .3s ease;pointer-events:all!important;cursor:default!important;overflow:hidden!important}@keyframes fadeIn-b0a717b7{0%{opacity:0}to{opacity:1}}.completion-content[data-v-b0a717b7]{background:#fff;border-radius:24px;padding:3rem 2rem;max-width:400px;width:90vw;text-align:center;box-shadow:0 25px 50px #0003;animation:popIn-b0a717b7 .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}@keyframes popIn-b0a717b7{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.completion-animation[data-v-b0a717b7]{display:flex;justify-content:center;margin-bottom:1.5rem}.checkmark[data-v-b0a717b7]{width:80px;height:80px;position:relative}.checkmark-svg[data-v-b0a717b7]{width:100%;height:100%;color:#10b981;animation:checkmarkAnimation-b0a717b7 .6s ease}@keyframes checkmarkAnimation-b0a717b7{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.completion-title[data-v-b0a717b7]{margin:0 0 1rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-stats[data-v-b0a717b7]{background:linear-gradient(135deg,#f0f4ff,#f8f5ff);padding:1.5rem;border-radius:16px;margin:1.5rem 0;border:1px solid #e8d5ff}.score-display[data-v-b0a717b7]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-value[data-v-b0a717b7]{font-size:2.5rem;font-weight:700;color:#667eea}@media(prefers-color-scheme:dark){.completion-content[data-v-b0a717b7]{background:#1f1f1f;color:#f0f0f0;border:1px solid #333}.completion-title[data-v-b0a717b7]{color:#f0f0f0}.completion-stats[data-v-b0a717b7]{background:linear-gradient(135deg,#2a2a4a,#3a2a4a);border:1px solid #4a3a5a}.score-value[data-v-b0a717b7]{color:#9f7aea}}@media(max-width:480px){.completion-content[data-v-b0a717b7]{padding:2rem 1.5rem}.checkmark[data-v-b0a717b7]{width:70px;height:70px}.completion-title[data-v-b0a717b7]{font-size:1.5rem}.score-value[data-v-b0a717b7]{font-size:2rem}}.logo.vite[data-v-9edce75b]:hover{filter:drop-shadow(0 0 2em #747bff)}.logo.vue[data-v-9edce75b]:hover{filter:drop-shadow(0 0 2em #249b73)}.modal-overlay[data-v-9edce75b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-9edce75b .2s ease}@keyframes fadeIn-9edce75b{0%{opacity:0}to{opacity:1}}.modal-content[data-v-9edce75b]{background:#fff;border-radius:20px;padding:2rem;max-width:800px;max-height:85vh;overflow-y:auto;width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp-9edce75b .3s ease}@keyframes slideUp-9edce75b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-duration-modal[data-v-9edce75b]{max-width:500px;width:85vw}.duration-options[data-v-9edce75b]{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.duration-btn[data-v-9edce75b]{padding:1.5rem;border:2px solid #e2e8f0!important;background:linear-gradient(135deg,#f7fafc,#fff)!important;border-radius:16px!important;cursor:pointer;transition:all .3s ease!important;text-align:center;box-shadow:0 2px 8px #00000014!important}.duration-btn[data-v-9edce75b]:hover{background:linear-gradient(135deg,#edf2f7,#f7fafc)!important;border-color:#667eea!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #667eea33!important}.duration-time[data-v-9edce75b]{font-size:1.4em;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.duration-desc[data-v-9edce75b]{font-size:.95em;color:#718096;font-weight:500}.test-timer[data-v-9edce75b]{font-weight:700;color:#667eea;background:#f7fafc;padding:.5rem 1rem;border-radius:8px}.unauthenticated-container[data-v-9edce75b]{display:flex;flex-direction:column;gap:40px;padding:20px;max-width:100%}.welcome-view[data-v-9edce75b]{display:flex;justify-content:center;padding:20px}.welcome-header[data-v-9edce75b]{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:500px;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.welcome-logo[data-v-9edce75b]{width:120px;height:120px;filter:drop-shadow(0 8px 16px rgba(102,126,234,.3))}.welcome-title[data-v-9edce75b]{font-size:2.5rem;font-weight:700;color:#2d3748;margin:0;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-buttons[data-v-9edce75b]{display:flex;gap:16px;width:100%;max-width:320px}.auth-btn[data-v-9edce75b]{flex:1;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.signin-btn[data-v-9edce75b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.signin-btn[data-v-9edce75b]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.signup-btn[data-v-9edce75b]{background:#fff;color:#667eea;border-color:#667eea}.signup-btn[data-v-9edce75b]:hover{background:#f7fafc;transform:translateY(-2px);box-shadow:0 6px 16px #667eea33}.auth-form-container[data-v-9edce75b]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.back-button[data-v-9edce75b]{align-self:flex-start;background:#fff;border:none;color:#667eea;font-size:1rem;font-weight:600;cursor:pointer;padding:8px 16px;transition:all .2s ease}.back-button[data-v-9edce75b]:hover{color:#764ba2;transform:translate(-4px)}.public-leaderboard-section[data-v-9edce75b]{display:flex;justify-content:center;background:transparent;padding:1rem}.leaderboard-modal[data-v-9edce75b]{max-width:1000px;max-height:90vh}.rank-list-container[data-v-9edce75b]{margin-top:20px}.rank-list[data-v-9edce75b]{list-style:none;padding:0;margin:0}.rank-item[data-v-9edce75b]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background:#f9f9f9;transition:background-color .2s}.rank-item[data-v-9edce75b]:hover{background:#f0f0f0}.rank-item[data-v-9edce75b]:last-child{border-bottom:none}.rank-number[data-v-9edce75b]{font-weight:700;color:#667eea;margin-right:12px;min-width:30px}.rank-name[data-v-9edce75b]{flex:1;font-weight:500;color:#333}.rank-score[data-v-9edce75b]{font-weight:600;color:#667eea;background:#e8f5e9;padding:4px 8px;border-radius:4px;font-size:.9em}.test-list-container[data-v-9edce75b]{margin-top:20px}.test-list-scroll[data-v-9edce75b]{max-height:500px;overflow-y:auto;border:1px solid #eee;border-radius:8px}.test-list-table[data-v-9edce75b]{width:100%;border-collapse:collapse;font-size:.9em}.test-list-table thead[data-v-9edce75b]{position:sticky;top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;z-index:10}.test-list-table th[data-v-9edce75b]{padding:12px 8px;text-align:left;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.test-list-table tbody tr[data-v-9edce75b]{border-bottom:1px solid #eee;background:#fff;transition:background-color .2s}.test-list-table tbody tr[data-v-9edce75b]:hover{background:#f9f9f9}.test-list-table tbody tr[data-v-9edce75b]:last-child{border-bottom:none}.test-list-table td[data-v-9edce75b]{padding:10px 8px}.test-datetime[data-v-9edce75b]{color:#666;font-size:.85em;white-space:nowrap}.test-name[data-v-9edce75b]{font-weight:500;color:#333}.test-points[data-v-9edce75b]{font-weight:600;color:#667eea}.test-duration[data-v-9edce75b],.test-speed[data-v-9edce75b]{color:#555}.test-accuracy[data-v-9edce75b]{font-weight:600;color:#16a34a}.logout-btn[data-v-9edce75b]{background:#ef4444!important;color:#fff!important;border:none!important;padding:.75rem 1.5rem!important;font-weight:600!important;transition:all .3s ease!important}.logout-btn[data-v-9edce75b]:hover{background:#dc2626!important;transform:translateY(-1px)!important}@media(max-width:768px){.welcome-logo[data-v-9edce75b]{width:80px;height:80px}.welcome-title[data-v-9edce75b]{font-size:1.75rem}.auth-buttons[data-v-9edce75b]{max-width:280px}.auth-btn[data-v-9edce75b]{padding:10px 20px;font-size:.9rem}}.modal-header[data-v-9edce75b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.modal-header h3[data-v-9edce75b]{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-buttons[data-v-9edce75b]{display:flex;align-items:center;gap:.75rem}.close-btn[data-v-9edce75b]{background:#f7fafc!important;border:2px solid #e2e8f0!important;font-size:1.5rem;cursor:pointer;padding:0!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;color:#718096;transition:all .3s ease!important}.close-btn[data-v-9edce75b]:hover{background:#edf2f7!important;color:#2d3748;transform:rotate(90deg)}.bulk-actions[data-v-9edce75b]{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.action-group[data-v-9edce75b]{display:flex;flex-direction:column;gap:8px}.action-group h5[data-v-9edce75b]{margin:0;font-size:14px;color:#666;text-align:center}.bulk-actions button[data-v-9edce75b]{padding:8px 16px;border:1px solid #ccc;background:#f5f5f5;border-radius:4px;cursor:pointer;font-size:13px}.bulk-actions button[data-v-9edce75b]:hover{background:#e5e5e5}.deselect-btn[data-v-9edce75b]{background:#ffe6e6!important;border-color:#fcc!important}.deselect-btn[data-v-9edce75b]:hover{background:#fcc!important}.scale-category[data-v-9edce75b]{margin-bottom:20px}.scale-category h4[data-v-9edce75b]{margin:0 0 10px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}.scale-grid[data-v-9edce75b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.scale-checkbox[data-v-9edce75b]{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.scale-checkbox[data-v-9edce75b]:hover{background:#f9f9f9}.scale-checkbox input[type=checkbox][data-v-9edce75b]{margin:0}.modal-footer[data-v-9edce75b]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.apply-btn[data-v-9edce75b]{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:12px!important;cursor:pointer;font-weight:600!important;box-shadow:0 4px 12px #667eea4d!important;transition:all .3s ease!important}.apply-btn[data-v-9edce75b]:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #667eea66!important}@media(prefers-color-scheme:dark){.modal-content[data-v-9edce75b]{background:#1f1f1f;color:#f0f0f0;border:1px solid #333}.modal-header[data-v-9edce75b]{border-bottom:1px solid #333}.modal-header h3[data-v-9edce75b]{color:#f0f0f0}.scale-category h4[data-v-9edce75b]{color:#e0e0e0;border-bottom:1px solid #333}.scale-checkbox[data-v-9edce75b]{background:#262626;border-color:#3a3a3a;color:#f0f0f0}.scale-checkbox[data-v-9edce75b]:hover{background:#2e2e2e}.bulk-actions button[data-v-9edce75b]{background:#2a2a2a;color:#eee;border-color:#3a3a3a}.bulk-actions button[data-v-9edce75b]:hover{background:#333}.deselect-btn[data-v-9edce75b]{background:#3a1f1f!important;border-color:#5a2a2a!important}.deselect-btn[data-v-9edce75b]:hover{background:#5a2a2a!important}.modal-footer[data-v-9edce75b]{border-top:1px solid #333;color:#ccc}.apply-btn[data-v-9edce75b]{background:#2b6cb0;color:#fff}.apply-btn[data-v-9edce75b]:hover{background:#2c5282}.duration-btn[data-v-9edce75b]{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}.duration-btn[data-v-9edce75b]:hover{background:#333;border-color:#2b6cb0}.duration-time[data-v-9edce75b]{color:#f0f0f0}.duration-desc[data-v-9edce75b]{color:#aaa}.test-timer[data-v-9edce75b]{color:#4b9fff}}.app-footer[data-v-9edce75b]{text-align:center;color:#888;font-size:.95rem;margin-top:2.5rem;margin-bottom:1.5rem}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;font-weight:400;color:#1a1a1a;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.container{margin:0 auto;padding:2rem 1rem;max-width:1400px;min-height:100vh;display:flex;flex-direction:column}.row{display:flex;justify-content:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{text-align:center}h2{text-align:center;font-size:1.75rem;font-weight:700;color:#2d3748;margin:0 0 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem}.keyboard-section{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;padding:2rem;border-radius:20px;margin-bottom:2rem;margin-left:0;margin-right:0}.keyboard-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.keyboard-header h2{margin:0;flex:1}.stop-btn{padding:.75rem 1.5rem!important;background:#ef4444!important;color:#fff!important;border:none!important;font-weight:600!important;white-space:nowrap;transition:all .3s ease!important}.stop-btn:hover{background:#dc2626!important;transform:translateY(-1px)!important}.stats-section{padding:1.5rem}.stats-section .score{width:100%;max-width:100%}.test-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.test-header.center-only{justify-content:center;flex-direction:column;padding:2rem}.logo-container{width:100%;display:flex;justify-content:center;margin-bottom:1rem}.app-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.score{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:.5rem 0}.score>div{font-size:.9rem;font-weight:600;color:#4a5568;background:#f7fafc;padding:.5rem 1rem;border-radius:8px;border-left:3px solid #667eea}.controls{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;width:100%}.controls.row-center{flex-direction:column;align-items:center!important;gap:1rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.action-btn{min-width:140px;padding:.875rem 1.75rem!important;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border:none!important;box-shadow:0 4px 15px #667eea66!important;transition:all .3s ease!important}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80!important}.action-btn:active{transform:translateY(0)}.selection-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.button-with-count{display:flex;flex-direction:column;align-items:center;gap:.5rem}.selection-count{font-size:.75rem;color:#718096;font-weight:600;background:#edf2f7;padding:.25rem .75rem;border-radius:12px}.settings-group{display:flex;align-items:center;gap:.75rem}.play-notes-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;border:2px solid #e2e8f0;margin:.25rem 0;transition:all .3s ease}.play-notes-toggle:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.play-notes-toggle label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.play-notes-toggle input[type=checkbox]{cursor:pointer;width:20px;height:20px;margin:0;padding:0;accent-color:#667eea}.play-notes-toggle span{font-size:.95rem;font-weight:600;color:#2d3748}.toast{position:fixed;left:24px;top:24px;padding:1rem 1.5rem;border-radius:12px;color:#fff;font-weight:600;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000}.toast.error{background:linear-gradient(135deg,#f56565,#e53e3e)}.toast.success{background:linear-gradient(135deg,#48bb78,#38a169)}.toast.info{background:linear-gradient(135deg,#4299e1,#3182ce)}input,button{border-radius:12px;border:2px solid #e2e8f0;padding:.75em 1.5em;font-size:.95em;font-weight:600;font-family:inherit;color:#2d3748;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #00000014}button{cursor:pointer}button:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}button:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}input,button{outline:none}#greet-input{margin-right:5px}@media(prefers-color-scheme:dark){:root{color:#f6f6f6;background:linear-gradient(135deg,#1a1a2e,#16213e)}a:hover{color:#9f7aea}h2{color:#e2e8f0}.test-header{background:#1a202cf2;box-shadow:0 8px 32px #0006}section{background:#1a202cf2;box-shadow:0 8px 32px #0006}.stats-section{background:#1a202cf2}.score>div{background:#2d3748;color:#e2e8f0;border-left-color:#9f7aea}input,button{color:#e2e8f0;background-color:#2d3748;border-color:#4a5568}button:hover{border-color:#718096;background-color:#374151}button:active{background-color:#1f2937}.selection-count{color:#cbd5e0;background:#2d3748}.play-notes-toggle{background:linear-gradient(135deg,#2d3748,#374151);border-color:#4a5568}.play-notes-toggle:hover{border-color:#718096}.play-notes-toggle span{color:#e2e8f0}.completion-overlay{background-color:#1a202cf2}.completion-message{color:#e2e8f0;text-shadow:0 4px 12px rgba(159,122,234,.5)}.welcome-title{color:#e2e8f0}.signin-btn{background:linear-gradient(135deg,#764ba2,#667eea)}.signin-btn:hover{box-shadow:0 6px 16px #9f7aea66}.signup-btn{background:#2d3748;color:#9f7aea;border-color:#9f7aea}.signup-btn:hover{background:#374151;box-shadow:0 6px 16px #9f7aea4d}.back-button{color:#9f7aea}.back-button:hover{color:#b794f4}}