:root{--bg-primary:#fff;--bg-secondary:#f4f4f5;--bg-card:#fafafa;--text-primary:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--border:#e4e4e7;--accent:#2563eb;--accent-hover:#1d4ed8;--correct:#16a34a;--incorrect:#dc2626;--correct-bg:#dcfce7;--incorrect-bg:#fee2e2;--pending:#18181b;--timer-normal:#2563eb;--timer-warning:#dc2626;--shadow:0 1px 3px rgba(0,0,0,.08);--shadow-lift:0 8px 28px rgba(37,99,235,.14),0 2px 8px rgba(0,0,0,.07);--accent-gradient:linear-gradient(135deg,#2563eb,#7c3aed)}[data-theme=dark]{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-card:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#3f3f46;--accent:#3b82f6;--accent-hover:#2563eb;--correct:#22c55e;--incorrect:#ef4444;--correct-bg:#14532d;--incorrect-bg:#7f1d1d;--pending:#fafafa;--timer-normal:#3b82f6;--timer-warning:#ef4444;--shadow:0 1px 3px rgba(0,0,0,.4);--shadow-lift:0 8px 28px rgba(59,130,246,.18),0 2px 8px rgba(0,0,0,.3);--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s ease,color .2s ease,border-color .2s ease}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 16px}@media (min-width:640px){.container{padding:0 24px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.desktop-nav-link{display:inline-flex}.errors-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}@media (max-width:640px){.desktop-nav-link{display:none}.errors-grid{grid-template-columns:1fr}.card{padding:14px}.passage-box{max-height:200px;overflow-y:auto;font-size:16px!important;line-height:1.6!important}.typing-textarea{height:80px!important;font-size:16px!important}.passage-input-gap{gap:12px!important}}.kb-row{display:flex;gap:5px;margin-bottom:5px}.kb-key{width:44px;height:52px;flex-shrink:0}.kb-char{font-size:18px}.kb-shift{font-size:11px}.kb-label{font-size:9px}@media (max-width:640px){.kb-key{flex:1 1;width:auto;min-width:0;max-width:44px;height:42px;flex-shrink:1}.kb-char{font-size:15px}.kb-shift{font-size:9px}.kb-label{font-size:7px}.kb-row:nth-child(2){padding-left:7%!important}.kb-row:nth-child(3){padding-left:14%!important}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{background:rgba(251,191,36,.38);border-radius:2px;outline:1px solid rgba(217,119,6,.3);outline-offset:-1px}[data-theme=dark] .typing-cursor{background:rgba(251,191,36,.22);outline-color:rgba(251,191,36,.35)}.current-word{position:relative}.current-word:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}@keyframes cta-pulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.55),0 6px 20px rgba(37,99,235,.28)}70%{box-shadow:0 0 0 10px rgba(37,99,235,0),0 6px 20px rgba(37,99,235,.28)}to{box-shadow:0 0 0 0 rgba(37,99,235,0),0 6px 20px rgba(37,99,235,.28)}}.btn-cta{display:inline-block;background:var(--accent-gradient);color:#fff;border:none;border-radius:8px;padding:16px 34px;font-size:17px;font-weight:700;cursor:pointer;text-decoration:none;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.01em;box-shadow:0 6px 20px rgba(37,99,235,.28);animation:cta-pulse 2s ease-out infinite;transition:transform .15s ease,box-shadow .15s ease}.btn-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 30px rgba(37,99,235,.5)!important;animation:none}.btn-cta:active{transform:scale(.97);box-shadow:0 4px 12px rgba(37,99,235,.3)!important}.card-lift{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.card-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.typing-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(37,99,235,.14);outline:none}.passage-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:7px 32px 7px 12px;font-size:13px;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2371717a' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-width:160px}.passage-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.14)}.quick-start-box:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.btn-secondary{display:inline-block;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:14px 28px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;font-family:system-ui,-apple-system,sans-serif;transition:background .15s ease,border-color .15s ease,transform .15s ease}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent);transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;cursor:pointer;font-weight:500;font-family:system-ui,-apple-system,sans-serif;transition:background .15s ease,transform .1s ease}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.hero-section{background:linear-gradient(180deg,#f0f5ff 0,transparent);border-radius:0 0 16px 16px;margin:0 -16px;padding-left:16px!important;padding-right:16px!important}[data-theme=dark] .hero-section{background:linear-gradient(180deg,rgba(37,99,235,.06) 0,transparent)}.alert-urgency{display:inline-block;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600}[data-theme=dark] .alert-urgency{background:rgba(127,29,29,.5);color:#fca5a5;border-color:rgba(220,38,38,.35)}.card-elevated{box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb}[data-theme=dark] .card-elevated{box-shadow:0 4px 20px rgba(0,0,0,.3);border-color:var(--border)}.settings-panel{background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}[data-theme=dark] .settings-panel{background:var(--bg-secondary)}