:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0f172a;color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1e293b,#0f172a 70%)}.app-shell{max-width:720px;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.app-title{margin:0;font-size:1.4rem}.app-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#94a3b8}.env-pill,.mic-permission-pill{padding:.35rem .75rem;border-radius:999px;background:#94a3b826;border:1px solid rgba(148,163,184,.25);font-size:.8rem}.privacy-notice{padding:.75rem 1rem;border-radius:.75rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);font-size:.85rem;color:#bae6fd}.voice-panel{background:#1e293bbf;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.voice-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.voice-status-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.5rem .9rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.3)}.voice-status-dot{width:.65rem;height:.65rem;border-radius:50%;background:#94a3b8}.status-listening .voice-status-dot{background:#22c55e;box-shadow:0 0 10px #22c55e}.status-thinking .voice-status-dot{background:#eab308}.status-speaking .voice-status-dot{background:#38bdf8}.status-reconnecting .voice-status-dot{background:#f97316}.status-error .voice-status-dot{background:#ef4444}.voice-status-copy{display:flex;flex-direction:column}.voice-status-label{font-size:.9rem}.voice-status-description{font-size:.78rem;color:#cbd5e1}.voice-error-banner{padding:.75rem 1rem;border-radius:.75rem;background:#ef444429;border:1px solid rgba(239,68,68,.45);color:#fecaca;font-size:.875rem}.voice-clarify-banner{padding:.75rem 1rem;border-radius:.75rem;background:#eab30826;border:1px solid rgba(234,179,8,.45);color:#fef08a;font-size:.875rem}.voice-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.btn-primary,.btn-danger,.btn-secondary{border:none;border-radius:.65rem;padding:.65rem 1.15rem;font-weight:600;cursor:pointer;font-size:.9rem}.btn-primary{background:#2563eb;color:#fff}.btn-danger{background:#dc2626;color:#fff}.btn-secondary{background:#334155;color:#f8fafc}.state-simulator{display:flex;gap:.35rem;flex-wrap:wrap}.btn-chip{background:#0f172a99;color:#94a3b8;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:.25rem .6rem;font-size:.75rem;cursor:pointer}.btn-chip.active{background:#2563eb40;color:#93c5fd;border-color:#3b82f6}.saved-badges-bar{display:flex;gap:.5rem;flex-wrap:wrap}.saved-mini-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:#22c55e29;border:1px solid rgba(34,197,94,.4);color:#bbf7d0;font-size:.8rem}.transcript-box{background:#0f172ab3;border:1px solid rgba(148,163,184,.18);border-radius:.75rem;padding:.9rem;min-height:140px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.transcript-turn{font-size:.9rem;line-height:1.45}.turn-user .turn-speaker{color:#38bdf8;font-weight:600}.turn-assistant .turn-speaker{color:#a855f7;font-weight:600}.utterance-form{display:flex;gap:.5rem}.utterance-form input{flex:1;background:#0f172ad9;border:1px solid rgba(148,163,184,.3);border-radius:.65rem;padding:.6rem .85rem;color:#f8fafc;font-size:.9rem}.app-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{background:#0f172aa6;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.78rem;color:#94a3b8}.stat-value{font-size:1.35rem;color:#f8fafc}.flashcard-box,.flashcard-empty{background:#0f172abf;border:1px solid rgba(148,163,184,.25);border-radius:.85rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.flashcard-pos{font-size:.78rem;text-transform:uppercase;color:#38bdf8}.flashcard-word{margin:.25rem 0;font-size:1.6rem}.srs-buttons,.vocab-toolbar,.vocab-row-header,.vocab-row-actions,.vocab-edit-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.vocab-toolbar input,.vocab-edit-form input,.csv-preview-box textarea{flex:1;width:100%;background:#0f172ad9;border:1px solid rgba(148,163,184,.3);border-radius:.5rem;padding:.55rem .75rem;color:#f8fafc}.vocab-list{display:flex;flex-direction:column;gap:.75rem}.vocab-row{background:#0f172aa6;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.85rem 1rem}