*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1A202C;--surface: #2D3748;--inset: rgba(255,255,255,.04);--text: #E2E8F0;--text-secondary: #A0AEC0;--text-muted: #718096;--border: #4A5568;--green: #48BB78;--red: #FC8181;--radius: 8px;--radius-lg: 12px;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}#root{min-height:100vh}.container{max-width:448px;margin:0 auto;padding:2.5rem 1rem}.vstack{display:flex;flex-direction:column}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:5rem}.heading{font-weight:700;line-height:1.2}.heading--2xl{font-size:2.25rem}.heading--mono{font-family:var(--font-mono)}.text--sm{font-size:.875rem}.text--uppercase{text-transform:uppercase}.text--medium{font-weight:500}.text--muted{color:var(--text-muted)}.text--secondary{color:var(--text-secondary)}.text--error{color:var(--red);font-size:.875rem;text-align:center}.card{text-align:center;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%}.spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.spinner--xl{width:48px;height:48px;border-width:4px}.spinner--sm{width:16px;height:16px;border-width:2px;display:inline-block;vertical-align:middle;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:1.125rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;min-width:130px;font-family:inherit;line-height:1.2}.btn:hover:not(:disabled){opacity:.85}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--up{background:var(--green);color:#1a202c}.btn--down{background:var(--red);color:#1a202c}.btn--ghost{background:transparent;color:var(--text-secondary);padding:.5rem;min-width:auto;font-size:.875rem;width:100%}.btn--ghost:hover:not(:disabled){color:var(--text);opacity:1}.btn--loading{width:100%}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius);font-size:1.25rem;font-weight:700}.badge--green{background:#48bb7833;color:var(--green)}.badge--red{background:#fc818133;color:var(--red)}.badge--gray{background:#a0aec033;color:var(--text-secondary)}.progress{width:100%;height:8px;background:var(--surface);border-radius:999px;overflow:hidden}.progress__fill{height:100%;border-radius:999px;transition:width .1s linear}.progress__fill--blue{background:#3182ce}.progress__fill--green{background:var(--green)}.controls-container{width:100%}.controls-text{text-align:center;color:var(--text-muted);font-weight:500;margin-bottom:1rem}.controls-buttons{display:flex;justify-content:center;gap:1rem;width:100%}.controls-waiting{text-align:center;font-size:.875rem;color:var(--text-muted);margin-top:1rem}.status-box{text-align:center;padding:1rem;border-radius:var(--radius-lg);width:100%}.status-box--correct{background:#48bb7826}.status-box--wrong{background:#fc818126}.status-box--active{background:var(--surface)}.status-label{font-weight:500;margin-bottom:.5rem}.status-result{font-weight:700;font-size:1.125rem}.status-result--correct{color:var(--green)}.status-result--wrong{color:var(--red)}.status-score{font-size:.875rem;margin-top:.25rem;color:var(--text-secondary)}.status-details{display:flex;justify-content:center;gap:1rem;margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.score-container{display:flex;align-items:center;justify-content:center;gap:.5rem}.score-label{font-weight:500}.chart-container{width:100%}.chart-box{margin-top:.5rem;padding:1rem;background:var(--inset);border-radius:var(--radius)}.chart-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.chart-wrapper{width:100%;height:200px}