:root{--text:#2b2b33;--text-muted:#6b6375;--bg:#fdfdfd;--card-bg:#fff;--border:#e5e4e7;--accent:#2f7d5f;--accent-bg:#2f7d5f1a;--danger:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:17px/1.5 system-ui,Segoe UI,Roboto,Hiragino Sans,Yu Gothic,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e7e6ea;--text-muted:#9ca3af;--bg:#16171d;--card-bg:#1f2028;--border:#2e303a;--accent:#6fcf9b;--accent-bg:#6fcf9b26;--danger:#ff8a80}}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app{flex-direction:column;max-width:640px;min-height:100svh;margin:0 auto;display:flex}.license-gate{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;min-height:100svh;margin:0 auto;padding:48px 20px;display:flex}.license-gate h1{margin:0;font-size:22px}.license-tagline{color:var(--text-muted);margin:0}.license-features{text-align:left;flex-direction:column;gap:8px;width:100%;margin:8px 0;padding:0;list-style:none;display:flex}.license-features li{border:1px solid var(--border);background:var(--card-bg);border-radius:10px;padding:10px 14px;font-size:14px}.license-price{margin:8px 0 0;font-size:24px;font-weight:700}.license-buy-btn{background:var(--accent);color:#fff;border-radius:10px;padding:12px 32px;font-weight:600;text-decoration:none;display:inline-block}.license-code-form{border-top:1px solid var(--border);flex-direction:column;gap:8px;width:100%;margin-top:24px;padding-top:24px;display:flex}.license-code-input{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);text-align:center;border-radius:10px;padding:12px;font-size:15px}.license-unlock-btn{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:10px;padding:12px;font-size:15px}.license-unlock-btn:disabled{opacity:.5;cursor:not-allowed}.license-error{color:var(--danger);margin:0;font-size:14px}.app-header{text-align:center;padding:20px 16px 8px;position:relative}.app-header h1{margin:0;font-size:20px}.voice-settings{position:absolute;top:16px;right:16px}.voice-settings-toggle{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.voice-settings-panel{border:1px solid var(--border);background:var(--card-bg);text-align:left;z-index:10;border-radius:12px;flex-direction:column;gap:8px;width:280px;max-width:80vw;padding:14px;display:flex;position:absolute;top:40px;right:0;box-shadow:0 8px 24px #0000001f}.voice-select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:8px;font-size:13px}.voice-preview-btn{border:1px solid var(--border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:8px;padding:8px;font-size:13px}.voice-settings-hint{color:var(--text-muted);margin:0;font-size:11px;line-height:1.5}.tab-nav{border-bottom:1px solid var(--border);gap:8px;padding:8px 16px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;font-weight:500}.tab.active{background:var(--accent-bg);color:var(--accent)}.app-main{flex:1;padding:16px}.view{flex-direction:column;gap:16px;display:flex}.home-view{align-items:center}.streak-card{border:1px solid var(--border);background:var(--card-bg);border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:28px 16px;display:flex}.streak-flame{font-size:36px;line-height:1}.streak-number{font-size:48px;font-weight:800;line-height:1.1}.streak-label{color:var(--text-muted);margin:0;font-size:14px}.week-strip{justify-content:space-between;gap:6px;width:100%;display:flex}.week-day{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.week-day-label{color:var(--text-muted);font-size:12px}.week-day-dot{border:1px solid var(--border);background:var(--card-bg);border-radius:999px;width:22px;height:22px}.week-day.active .week-day-dot{background:var(--accent);border-color:var(--accent)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.stat-tile{border:1px solid var(--border);background:var(--card-bg);text-align:center;border-radius:12px;padding:14px 8px}.stat-value{margin:0;font-size:22px;font-weight:700}.stat-label{color:var(--text-muted);margin:4px 0 0;font-size:12px}.review-card{background:var(--accent-bg);text-align:center;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:16px;display:flex}.review-card-text{margin:0;font-size:14px}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.progress-line{color:var(--text-muted);margin:0;font-size:14px}.flashcard{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:24px;display:flex}.flashcard-face{font-size:28px;font-weight:600}.flashcard-hint{color:var(--text-muted);margin:0;font-size:13px}.card-controls{gap:8px;display:flex}.card-controls button{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:10px}.learned-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.card-count{text-align:center;color:var(--text-muted);margin:0;font-size:13px}.toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.unlearned-toggle{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.unlearned-toggle input{width:16px;height:16px;accent-color:var(--accent)}.shuffle-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 16px}.quiz-answer-row{align-items:center;gap:8px;display:flex}.quiz-answer-row .translate-btn{flex:1}.mode-toggle{gap:8px;display:flex}.mode-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:8px}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.speak-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:999px;width:32px;min-width:32px;height:32px;font-size:15px;line-height:1}.speak-btn.standalone{border-radius:8px;align-self:center;width:auto;min-width:0;height:auto;padding:8px 16px}.pronunciation-check{flex-direction:column;align-items:center;gap:6px;margin-top:4px;display:flex}.mic-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px}.mic-btn:disabled{opacity:.6;cursor:default}.pronunciation-result{text-align:center;margin:0;font-size:13px}.pronunciation-result.great{color:var(--accent)}.pronunciation-result.close{color:#b8860b}.pronunciation-result.retry{color:var(--danger)}.pronunciation-error{color:var(--danger);margin:0;font-size:12px}.quiz{flex-direction:column;gap:16px;display:flex}.quiz-question{border:1px solid var(--border);background:var(--card-bg);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:24px;font-weight:600;display:flex}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;padding:14px 16px;font-size:15px}.quiz-option.correct{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.quiz-option.incorrect{border-color:var(--danger);color:var(--danger)}.quiz-result{flex-direction:column;align-items:center;gap:16px;padding:40px 16px;display:flex}.quiz-result-score{margin:0;font-size:22px;font-weight:600}.scene-group-title{color:var(--text-muted);margin:0 0 8px;font-size:15px}.scene-list{flex-direction:column;gap:8px;display:flex}.scene-card{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;display:flex}.scene-card-count{color:var(--text-muted);font-size:13px}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:14px}.scene-title{margin:0;font-size:17px}.conversation-lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.conversation-line{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:10px;padding:14px 16px}.line-ja{margin-bottom:6px;font-size:15px}.line-en-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.line-en{color:var(--accent);font-size:14px}.translate-direction{color:var(--text-muted);justify-content:center;align-items:center;gap:16px;font-size:15px;display:flex}.lang-active{color:var(--accent);font-weight:600}.swap-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:999px;width:36px;height:36px;font-size:16px}.translate-input{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);resize:vertical;border-radius:10px;padding:12px}.translate-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px;font-size:15px}.translate-btn:disabled{opacity:.5;cursor:not-allowed}.translate-error{color:var(--danger);margin:0;font-size:14px}.translate-result{background:var(--accent-bg);border-radius:10px;padding:14px 16px}.translate-result-label{color:var(--text-muted);margin:0 0 4px;font-size:13px}.translate-result-text{margin:0;font-size:17px}.translate-note{color:var(--text-muted);margin:0;font-size:12px}