:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;line-height:1.5;font-weight:400;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-surface: #1a1a1a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: #888;--accent: #646cff;--accent-hover: #535bf2;--border: #333;--error: #ff6b6b;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}body{margin:0;display:flex;justify-content:center;min-width:960px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;margin:0 auto;padding:2rem 6rem;box-sizing:border-box;overflow-x:hidden;text-align:center}.app{min-height:80vh;display:flex;flex-direction:column;align-items:center}.app-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;padding-top:1rem}.dashboard{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border);border-radius:8px;box-sizing:border-box;flex-wrap:wrap}.dashboard-username{font-weight:600;font-family:var(--font-mono);font-size:1rem;color:var(--accent)}.dashboard-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-left:auto}.dashboard-actions button{padding:.35rem .75rem;font-size:.85rem}.dashboard-inline-input{display:flex;gap:.35rem;align-items:center}.dashboard-inline-input input{padding:.3rem .5rem;font-size:.85rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-primary);color:inherit;width:140px}.dashboard-error{color:var(--error);font-size:.8rem;margin-left:.5rem}.leaderboard-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.leaderboard-modal{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;max-width:500px;width:90%;max-height:70vh;overflow-y:auto}.leaderboard-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.leaderboard-modal-header h3{margin:0;font-size:1.25rem}.leaderboard-close{background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem}.leaderboard-modal table{width:100%;border-collapse:collapse}.leaderboard-modal th,.leaderboard-modal td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.leaderboard-modal th{color:var(--text-secondary);font-size:.9rem;font-weight:500}.delete-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.delete-modal{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:2rem 2.5rem;max-width:420px;width:90%;text-align:center}.delete-modal-warning{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;color:#ef4444}.delete-modal-detail{margin:0 0 1.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.delete-modal-error{margin:0 0 1rem;font-size:.85rem;color:#ef4444}.delete-modal-actions{display:flex;gap:.75rem;justify-content:center}.delete-modal-cancel{padding:.5rem 1.5rem;font-size:.95rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.delete-modal-cancel:hover{background-color:#2563eb}.delete-modal-confirm{padding:.5rem 1.5rem;font-size:.95rem;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer}.delete-modal-confirm:hover{background-color:#dc2626}.delete-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.language-selection{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.language-selection h2{margin-bottom:0;font-size:2rem}.language-selection .error{color:var(--error);font-size:.875rem;margin:0}.language-buttons{display:flex;gap:1.5rem;justify-content:center}.language-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 3rem;border:2px solid var(--border);border-radius:12px;background-color:var(--bg-surface);cursor:pointer;transition:border-color .25s,transform .15s,box-shadow .25s;min-width:160px;font-size:1.15rem}.language-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 4px 20px #646cff26}.language-card .lang-ext{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary)}.race-view{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;width:100%}.race-stats-bar{display:flex;justify-content:center;gap:3rem;padding:.75rem 1.5rem;background-color:var(--bg-secondary);border-radius:8px;font-family:var(--font-mono);font-size:1rem;color:var(--text-secondary)}.race-progress-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background-color:var(--bg-surface);border-radius:8px;font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);position:relative;overflow:hidden}.race-progress-fill{position:absolute;left:0;bottom:0;height:4px;background-color:var(--accent);border-radius:8px;transition:width .15s ease}.race-code-container{text-align:left;padding:2rem;background-color:var(--bg-surface);border:2px solid var(--border);border-radius:8px;overflow-x:auto;outline:none;min-height:200px}.race-code-container:focus{border-color:var(--accent)}.race-code-container pre{margin:0}.race-code-container code{font-family:var(--font-mono);font-size:1.05rem;line-height:1.7;white-space:pre;font-variant-ligatures:none}.char-untyped{color:#555}.char-correct{color:var(--text-primary)}.char-current{background-color:#646cff4d;color:var(--accent);border-bottom:2px solid var(--accent)}.char-error{background-color:#ff6b6b4d;color:var(--error);text-decoration:underline}.race-hint{font-size:.9rem;color:var(--text-secondary);min-height:1.25rem}.race-view button{align-self:center;padding:.75rem 2rem;font-size:1.05rem}.results-view{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;overflow-x:hidden}.results-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem}.results-hero .cpm-value{font-family:var(--font-mono);font-size:5rem;font-weight:700;color:var(--accent);line-height:1}.results-hero .cpm-label{font-size:1.35rem;color:var(--text-secondary)}.results-comparison{display:flex;gap:3rem;padding:1.25rem 2.5rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:1rem}.results-comparison .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.results-comparison .stat-label{color:var(--text-secondary);font-size:.85rem}.results-comparison .stat-value{font-weight:700;font-size:1.35rem}.results-details{display:flex;gap:2rem;width:100%}.results-leaderboard{width:100%;max-width:100%;text-align:left;overflow-x:hidden}.results-leaderboard h3{margin-bottom:.75rem;font-size:1.25rem}.results-leaderboard table{width:100%;border-collapse:collapse}.results-leaderboard th,.results-leaderboard td{padding:.6rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}.results-leaderboard th{color:var(--text-secondary);font-size:.9rem;font-weight:500}.results-education{text-align:center;padding:1.25rem 2.5rem;background-color:var(--bg-surface);border:2px solid var(--border);border-radius:8px;max-width:560px}.results-education h3{margin-top:0;margin-bottom:.75rem;font-size:1.05rem;color:#4ade80;font-weight:700}.results-education .edu-title{margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.results-education .edu-description{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4;text-align:left}.results-education .edu-complexity{margin:0 0 1rem;font-family:var(--font-mono);font-size:.85rem;color:#fb923c}.results-education .edu-code{margin:0;padding:1rem;background-color:#0d0d0d;border-radius:6px;font-family:var(--font-mono);font-size:.95rem;line-height:1.5;text-align:left;overflow-x:auto;white-space:pre;color:var(--text-primary)}.new-pb-badge{display:inline-block;margin-top:.25rem;padding:.25rem .75rem;font-size:.9rem;font-weight:600;color:#fbbf24;background-color:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:999px}.results-view>button{padding:.75rem 2rem;font-size:1.05rem}.mobile-message{display:none}@media(max-width:768px){.mobile-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;text-align:center;max-width:320px}.mobile-message h2{margin:0}.mobile-message p{color:var(--text-secondary);margin:0;line-height:1.5}.race-view,.language-selection,.results-view{display:none}}