body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fafafa;color:#030213}.app-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:2rem}.app-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0;color:#030213;font-weight:500}.auth-section.svelte-1uha8ag,.user-info.svelte-1uha8ag{display:flex;align-items:center;gap:1rem}.user-info.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#52525b;font-size:.9rem}.auth-actions.svelte-1uha8ag{display:flex;gap:.5rem;align-items:center}.login-link.svelte-1uha8ag,.numbers-link.svelte-1uha8ag,.school-link.svelte-1uha8ag,.elements-link.svelte-1uha8ag,.logout-btn.svelte-1uha8ag{padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s;border:1px solid #e5e5e5;cursor:pointer}.login-link.svelte-1uha8ag{background:#030213;color:#fff;border-color:#030213}.login-link.svelte-1uha8ag:hover{background:#1c1c2e}.numbers-link.svelte-1uha8ag{background:#9333ea;color:#fff;border-color:#9333ea}.numbers-link.svelte-1uha8ag:hover{background:#a855f7}.school-link.svelte-1uha8ag{background:#16a34a;color:#fff;border-color:#16a34a}.school-link.svelte-1uha8ag:hover{background:#22c55e}.elements-link.svelte-1uha8ag{background:#0891b2;color:#fff;border-color:#0891b2}.elements-link.svelte-1uha8ag:hover{background:#06b6d4}.logout-btn.svelte-1uha8ag{background:#fff;color:#52525b;border-color:#e5e5e5}.logout-btn.svelte-1uha8ag:hover{background:#f4f4f5}.error-message.svelte-1uha8ag{margin-top:1rem;padding:1rem;background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px}.page-container.svelte-1uha8ag{max-width:1200px;margin:2em auto;padding:0 1em}.dashboard-container.svelte-1uha8ag{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem}.left-sidebar.svelte-1uha8ag,.right-sidebar.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem}.coming-soon.svelte-1uha8ag{font-family:cursive,Brush Script MT,sans-serif;font-weight:400;color:#71717a;text-align:center}.pi-rank-section.svelte-1uha8ag{background:#fff;border-radius:12px;padding:2rem;margin:2rem auto;max-width:1200px;border:1px solid #e5e5e5}.rank-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.rank-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:#030213;margin:0;font-size:2rem;font-weight:500}.rank-tabs.svelte-1uha8ag{display:flex;gap:.5rem}.rank-tab.svelte-1uha8ag{padding:.5rem 1rem;background:#fff;color:#52525b;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.rank-tab.svelte-1uha8ag:hover{background:#f4f4f5}.rank-tab.active.svelte-1uha8ag{background:#030213;color:#fff;border-color:#030213}.refresh-btn.svelte-1uha8ag{padding:.5rem;background:#fff;color:#52525b;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;font-size:1.2rem;min-width:2.5rem}.refresh-btn.svelte-1uha8ag:hover:not(:disabled){background:#f4f4f5;color:#030213}.refresh-btn.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.rank-content.svelte-1uha8ag{min-height:200px}.rank-loading.svelte-1uha8ag{text-align:center;color:#52525b;padding:2rem}.rank-stats.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card.svelte-1uha8ag{background:#fafafa;padding:1.5rem;border-radius:8px;text-align:center;border:1px solid #e5e5e5}.stat-value.svelte-1uha8ag{font-size:2rem;font-weight:500;color:#030213;margin-bottom:.5rem}.stat-label.svelte-1uha8ag{color:#52525b;font-size:.9rem}.rank-table.svelte-1uha8ag{background:#fafafa;border-radius:8px;padding:1.5rem;overflow-x:auto;border:1px solid #e5e5e5}.rank-table.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:#030213;margin-bottom:1rem;font-weight:500}.rank-table.svelte-1uha8ag table:where(.svelte-1uha8ag){width:100%;border-collapse:collapse}.rank-table.svelte-1uha8ag th:where(.svelte-1uha8ag),.rank-table.svelte-1uha8ag td:where(.svelte-1uha8ag){padding:.75rem;text-align:left;border-bottom:1px solid #e5e5e5}.rank-table.svelte-1uha8ag th:where(.svelte-1uha8ag){background:#fff;color:#030213;font-weight:500}.rank-table.svelte-1uha8ag td:where(.svelte-1uha8ag){color:#52525b}.rank-table.svelte-1uha8ag tbody:where(.svelte-1uha8ag) tr:where(.svelte-1uha8ag):hover{background:#fff}.rank-table.svelte-1uha8ag tbody:where(.svelte-1uha8ag) tr.empty-row:where(.svelte-1uha8ag){opacity:.5}.rank-table.svelte-1uha8ag tbody:where(.svelte-1uha8ag) tr.empty-row:where(.svelte-1uha8ag):hover{background:transparent}.no-data-cta.svelte-1uha8ag{text-align:center;color:#52525b;padding:2rem;margin-top:1rem}.no-data-cta.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:1rem}.start-training-btn.svelte-1uha8ag{padding:.75rem 1.5rem;background:#030213;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.start-training-btn.svelte-1uha8ag:hover{background:#1c1c2e}.debug-info.svelte-1uha8ag{margin-top:1rem;padding:1rem;background:#fafafa;border-radius:8px;font-size:.8rem;color:#71717a;border:1px solid #e5e5e5}.debug-info.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:.25rem 0}.coming-soon.svelte-1uha8ag{text-align:center;color:#52525b;padding:2rem}.coming-soon.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:#030213;margin-bottom:1rem;font-weight:500}@media(max-width:768px){.rank-header.svelte-1uha8ag{flex-direction:column;align-items:stretch}.rank-tabs.svelte-1uha8ag{justify-content:center}.rank-stats.svelte-1uha8ag{grid-template-columns:1fr}}@media(max-width:900px){.dashboard-container.svelte-1uha8ag{grid-template-columns:1fr}.right-sidebar.svelte-1uha8ag{grid-row:2}.main-content.svelte-1uha8ag{grid-row:3}.left-sidebar.svelte-1uha8ag{grid-row:1}}h2.svelte-1uha8ag,h3.svelte-1uha8ag{color:#030213;font-weight:500}p.svelte-1uha8ag{color:#52525b}.quick-select.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.quick-select.svelte-1uha8ag button:where(.svelte-1uha8ag){width:100%;background-color:#fff;color:#030213;border:1px solid #e5e5e5;padding:.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.quick-select.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background-color:#f4f4f5}.metric.svelte-1uha8ag{background-color:#fff;border-radius:8px;padding:1rem;text-align:center;border:1px solid #e5e5e5}.metric-label.svelte-1uha8ag{font-size:.9em;color:#52525b;display:flex;justify-content:center;align-items:center;gap:.5rem}.metric-value.svelte-1uha8ag{font-size:3em;font-weight:500;line-height:1.1;color:#030213}.metric-delta.svelte-1uha8ag{font-size:1.1em;color:#71717a}.error-metric.svelte-1uha8ag{border:2px solid #fecaca;background-color:#fef2f2}.error-metric.svelte-1uha8ag .metric-value:where(.svelte-1uha8ag){color:#dc2626}.pi-score.svelte-1uha8ag{color:#9333ea}.percent.svelte-1uha8ag{font-size:.5em;color:#9333ea;margin-left:2px}.timer-metric.svelte-1uha8ag .metric-value:where(.svelte-1uha8ag){color:#030213;font-size:2.5em}.tooltip-container.svelte-1uha8ag{position:relative;display:inline-block}.tooltip-icon.svelte-1uha8ag{font-size:.9em;font-weight:500;background-color:#e5e5e5;color:#030213;border-radius:50%;width:1.2em;height:1.2em;line-height:1.2em;text-align:center;cursor:help}.tooltip-text.svelte-1uha8ag{visibility:hidden;opacity:0;width:250px;background-color:#fff;color:#030213;text-align:left;border-radius:8px;padding:1rem;position:absolute;z-index:10;top:50%;left:125%;margin-left:.5rem;transform:translateY(-50%);transition:opacity .3s;font-size:.9rem;font-weight:400;border:1px solid #e5e5e5;box-shadow:0 10px 15px -3px #0000001a}.tooltip-text.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:.5em 0 0}.tooltip-container.svelte-1uha8ag:hover .tooltip-text:where(.svelte-1uha8ag){visibility:visible;opacity:1}.progress-string.svelte-1uha8ag{font-family:monospace;font-size:1.5em;word-wrap:break-word;background-color:#fff;padding:1em;border-radius:8px;line-height:1.6;border:1px solid #e5e5e5;color:#030213}.progress-string.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#71717a}.input-area.svelte-1uha8ag{display:flex;align-items:center;gap:1rem}.digit-input.svelte-1uha8ag{font-size:2em;width:3.5rem;height:3.5rem;text-align:center;background-color:#fff;color:#030213;border:2px solid #e5e5e5;border-radius:8px}.slider.svelte-1uha8ag{width:100%}.start-button.svelte-1uha8ag{width:100%;font-size:1.1em;padding:.8em;background-color:#030213;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.start-button.svelte-1uha8ag:hover{background-color:#1c1c2e}.end-game-button.svelte-1uha8ag{width:100%;background-color:#fff;color:#52525b;border:1px solid #e5e5e5;border-radius:8px;padding:.75rem;cursor:pointer;font-weight:500;transition:all .2s}.end-game-button.svelte-1uha8ag:hover{background-color:#f4f4f5}.hint-button.svelte-1uha8ag{background-color:#fff;border:1px solid #e5e5e5;padding:.5em 1em;border-radius:8px;cursor:pointer;color:#52525b;font-weight:500;transition:all .2s}.hint-button.svelte-1uha8ag:hover{background-color:#f4f4f5}.hint-button.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.hint-display.svelte-1uha8ag{font-size:2em;font-weight:500;color:#9333ea;animation:svelte-1uha8ag-fadeOut 1s forwards}.feedback-correct.svelte-1uha8ag{font-size:2em;color:#16a34a;animation:svelte-1uha8ag-fadeOut .5s forwards}@keyframes svelte-1uha8ag-fadeOut{0%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}.wrong.svelte-1uha8ag{border-color:#dc2626;animation:svelte-1uha8ag-shake .3s}@keyframes svelte-1uha8ag-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(-6px)}}.modal-overlay.svelte-1uha8ag{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-1uha8ag{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;width:90%;max-width:450px;text-align:center;box-shadow:0 20px 25px -5px #0000001a}.modal-content.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:#030213;font-weight:500}.modal-content.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#52525b}.summary-metrics.svelte-1uha8ag{display:flex;justify-content:space-around;gap:1rem;margin:2rem 0}.summary-metric.svelte-1uha8ag{background-color:#fafafa;border-radius:8px;padding:1rem;flex:1;border:1px solid #e5e5e5}.summary-label.svelte-1uha8ag{font-size:.9em;color:#52525b}.summary-value.svelte-1uha8ag{font-size:2em;font-weight:500;color:#030213}.input-mode-toggle.svelte-1uha8ag{display:flex;gap:.5rem;margin:1.5rem 0;justify-content:center}.mode-button.svelte-1uha8ag{padding:.75rem 1.5rem;font-size:1rem;background-color:#fff;color:#52525b;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:500}.mode-button.svelte-1uha8ag:hover:not(:disabled){background-color:#f4f4f5;border-color:#d4d4d8}.mode-button.active.svelte-1uha8ag{background-color:#030213;color:#fff;border-color:#030213}.mode-button.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.voice-mode.svelte-1uha8ag{justify-content:center}.voice-indicator.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background-color:#fff;border:2px solid #e5e5e5;border-radius:12px;min-width:200px}.voice-indicator.listening.svelte-1uha8ag{border-color:#9333ea;background-color:#faf5ff}.microphone-icon.svelte-1uha8ag{font-size:4rem;position:relative;display:flex;align-items:center;justify-content:center}.pulse.svelte-1uha8ag{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#9333ea4d;animation:svelte-1uha8ag-pulse-animation 1.5s infinite}@keyframes svelte-1uha8ag-pulse-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}to{transform:scale(1.5);opacity:0}}.voice-status.svelte-1uha8ag{font-size:1.2rem;color:#52525b;font-weight:500}.voice-indicator.listening.svelte-1uha8ag .voice-status:where(.svelte-1uha8ag){color:#9333ea}.queue-status.svelte-1uha8ag{font-size:.9rem;color:#9333ea;background-color:#faf5ff;padding:.5rem 1rem;border-radius:6px;font-weight:500;border:1px solid #e9d5ff}.voice-hint.svelte-1uha8ag{font-size:.9rem;color:#71717a;text-align:center;margin-top:1rem;font-style:italic}