:root{--bg:#12121a;--surface:#1c1c27;--surface-2:#24242f;--border:#33333f;--text:#eceaf3;--text-dim:#9a97a8;--accent:#8b7cf6;--accent-ink:#fff;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none}.app{grid-template-rows:auto 1fr auto;height:100dvh;display:grid}.app-header{padding:max(env(safe-area-inset-top), 12px) 16px 10px;border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-link{color:var(--text-dim);font-size:13px}.app-main{-webkit-overflow-scrolling:touch;overflow-y:auto}.app-nav{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);display:grid}.app-nav a{min-height:44px;color:var(--text-dim);letter-spacing:.02em;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;font-size:11px;text-decoration:none;display:flex}.app-nav a.active{color:var(--accent)}.app-nav svg{width:22px;height:22px}.wordmark{letter-spacing:-.02em;margin:0;font-weight:600}.wordmark.small{color:var(--text-dim);font-size:15px}.tagline{color:var(--text-dim);text-align:center;max-width:30ch;margin:0 0 8px;line-height:1.5}.diag{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:42ch;color:var(--text-dim);text-align:left;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;font-size:12px;line-height:1.55}.empty,.hint{color:var(--text-dim);text-align:center;font-size:14px;line-height:1.6}.centered{flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:24px;display:flex}.splash .wordmark{font-size:30px}.btn{font:inherit;border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;padding:12px 22px;font-weight:500}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.avatar{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--text-dim);font:inherit;cursor:pointer;border-radius:50%;font-size:13px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.capture{height:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.capture-prompt{max-width:22ch;color:var(--text);text-align:center;margin:12px auto 0;font-size:22px;font-weight:600;line-height:1.35}.capture-spacer{flex:3}.capture-voice{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;display:flex}.mic-btn{background:var(--surface-2);width:132px;height:132px;color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mic-btn svg{width:52px;height:52px}.mic-btn.recording{color:#fff;background:#f2777a;animation:1.4s ease-out infinite mic-pulse}@keyframes mic-pulse{0%{box-shadow:0 0 #f2777a73}70%{box-shadow:0 0 0 24px #f2777a00}to{box-shadow:0 0 #f2777a00}}.capture-status{min-height:1.4em;color:var(--text-dim);text-align:center;margin:0;font-size:13px}.capture-status.error{color:#f2777a}.capture-retry{margin:-6px 0 0}.capture-footer{flex-direction:column;flex:1;align-items:center;padding-top:22px;display:flex}.capture-type-toggle{color:var(--text-dim);font-size:13px}.capture-text{width:100%}.capture-text-input{resize:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:44px;color:var(--text);font:inherit;outline:none;padding:10px 12px;font-size:16px;line-height:1.4;display:block}.capture-text-input::placeholder{color:var(--text-dim)}.capture-text-input:focus{border-color:var(--accent)}.capture-text-save{width:100%;margin-top:10px}.note-list{gap:10px;margin:0;padding:12px;list-style:none;display:grid}.note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.note-text{margin:0 0 8px;line-height:1.5}.note-meta{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.badge{border:1px solid var(--border);border-radius:999px;padding:2px 8px}.badge-quiet{color:var(--text-dim);font-size:11px}.badge-live{color:var(--accent);border-color:var(--accent)}.badge-bad{color:#f2777a;border-color:#f2777a}.note-delete{margin-left:auto}.card-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 12px}.card-front{margin:0 0 4px;font-size:15px;line-height:1.45}.card-back{color:var(--accent);margin:0;font-size:15px;line-height:1.45}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;display:flex}.card-spacer{flex:1}.card-label{color:var(--text-dim);letter-spacing:.03em;text-transform:uppercase;margin-bottom:3px;font-size:11px;display:block}.card-input{resize:vertical;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;margin-bottom:9px;padding:8px 10px;font-size:16px;line-height:1.45}.card-input:focus{outline:1px solid var(--accent)}.linkbtn{font:inherit;min-height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:13px}.linkbtn:hover{color:var(--text)}.linkbtn.danger:hover{color:#f2777a}.btn-small{min-height:32px;padding:7px 14px;font-size:13px}.card-fail{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.card-fail-msg{min-width:12ch;color:var(--text-dim);word-break:break-word;flex:1;margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.list-note{margin:0;padding:14px 16px 0}.review{flex-direction:column;gap:10px;height:100%;padding:12px 16px 16px;display:flex}.review-progress{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.review-count{color:var(--text-dim)}.review-error{text-align:center;color:#f2777a;margin:0;font-size:12px;line-height:1.5}.review-face{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;padding:8px 4px;display:flex}.review-face:disabled{cursor:default;opacity:1}.review-front{margin:0;font-size:21px;line-height:1.4}.review-rule{border:none;border-top:1px solid var(--border);width:100%;margin:18px 0}.review-back{color:var(--accent);margin:0;font-size:20px;line-height:1.45}.review-context{display:grid}.review-context-bar{align-items:center;gap:8px;display:flex}.review-note{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:10px;margin:4px 0 0;padding:10px 12px;font-size:13px;line-height:1.55}.review-editor{flex:1;overflow-y:auto}.review-reveal{width:100%}.review-actions{display:flex}.grade-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grade{border:1px solid var(--border);background:var(--surface-2);min-height:56px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:11px 2px;display:flex}.grade-label{font-size:13px;font-weight:500}.grade-interval{color:var(--text-dim);font-size:11px}.grade-again{border-color:#6d3739}.grade-again .grade-label{color:#f2777a}.grade-hard{border-color:#6b5730}.grade-hard .grade-label{color:#d9a441}.grade-good{border-color:var(--accent)}.grade-good .grade-label{color:var(--accent)}.grade-easy{border-color:#3a6b60}.grade-easy .grade-label{color:#63c6a8}.review-done{margin:0;font-size:20px}.nav-icon{display:inline-flex;position:relative}.nav-badge{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);text-align:center;border-radius:999px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-5px;left:13px}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.review-shell{gap:16px;display:grid}.review-mode-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:6px;margin:0 16px;padding:4px;display:flex}.review-mode-btn{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 12px;font-size:13px}.review-mode-btn.active{background:var(--surface-2);color:var(--text)}.voice-idle{gap:14px}.voice-review{justify-items:center;gap:24px;padding:16px;display:grid}.voice-stage{justify-items:center;gap:14px;padding:40px 0;display:grid}.voice-indicator{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;width:88px;height:88px}.voice-indicator.voice-listening{border-color:var(--accent);animation:1.4s ease-out infinite voice-pulse;box-shadow:0 0 #8b7cf680}.voice-indicator.voice-thinking{border-color:var(--text-dim);border-style:dashed;animation:1.1s linear infinite voice-spin}.voice-indicator.voice-speaking{border-color:#63c6a8;animation:.6s ease-in-out infinite voice-pulse-fast}@keyframes voice-pulse{0%{box-shadow:0 0 #8b7cf673}70%{box-shadow:0 0 0 18px #8b7cf600}to{box-shadow:0 0 #8b7cf600}}@keyframes voice-pulse-fast{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes voice-spin{to{transform:rotate(360deg)}}.voice-state-label{color:var(--text-dim);margin:0;font-size:13px}.voice-actions{gap:10px;display:flex}.avatar{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lang-grid{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0;display:flex}.lang-chip{font:inherit;border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--text-dim);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px}.lang-chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lang-chip:disabled{opacity:.3;cursor:default}.lang-setup{padding:max(env(safe-area-inset-top), 24px) 16px 16px;justify-content:flex-start;gap:12px;overflow-y:auto}.lang-hint{text-align:center;max-width:34ch}.lang-setup .btn-primary{box-shadow:0 0 0 14px var(--bg);margin-top:4px;position:sticky;bottom:0}.settings{gap:28px;padding:16px;display:grid}.settings-section{justify-items:start;gap:10px;display:grid}.settings-section .lang-grid{justify-content:flex-start}.settings-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.settings .hint{margin:0}