:root{--bg:#101322;--surface:#1a1e33;--surface-2:#232845;--text:#eef0f8;--muted:#8b91ad;--accent:#e63946;--accent-soft:#e6394624;--good:#3fb27f;--warn:#e0a63c;--info:#5a8dee;--border:#ffffff14;--radius:14px;--tabbar-h:58px;--topbar-h:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans CJK TC,Microsoft JhengHei,Yu Gothic,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.app{flex-direction:column;max-width:520px;height:100%;margin:0 auto;display:flex}.topbar{height:var(--topbar-h);padding:0 18px;padding-top:env(safe-area-inset-top);box-sizing:content-box;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;display:flex}.brand{letter-spacing:2px;font-size:20px;font-weight:700}.brand-sub{color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:1px 8px;font-size:12px}.content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tabbar{height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tab.active{color:var(--accent)}.tab-icon{font-size:20px}.page{flex-direction:column;min-height:100%;padding:18px;display:flex}.page.center{text-align:center;justify-content:center;align-items:center;gap:10px}.muted{color:var(--muted)}.small{font-size:13px}h3{color:var(--muted);margin:22px 0 10px;font-size:14px;font-weight:600}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);padding:12px 20px;font-weight:600}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn.small{border-radius:10px;padding:8px 14px;font-size:14px}.chip{background:var(--surface-2);color:var(--muted);border-radius:99px;padding:8px 18px;font-weight:600}.chip.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.option-row{flex-wrap:wrap;gap:10px;display:flex}.queue-counts{justify-content:center;gap:14px;margin-bottom:14px;font-size:13px;display:flex}.count.fresh{color:var(--info)}.count.learn{color:var(--warn)}.count.review{color:var(--good)}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:320px;padding:28px 20px;display:flex;position:relative}.badge-new{color:var(--info);border:1px solid var(--info);border-radius:99px;padding:2px 10px;font-size:12px;position:absolute;top:14px;left:14px}.fc-word{text-align:center;font-size:44px;font-weight:700;line-height:1.3}.fc-hint{color:var(--muted);font-size:14px}.fc-back{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;width:100%;padding-top:18px;display:flex}.fc-reading{color:var(--accent);align-items:center;gap:10px;font-size:24px;display:flex}.tts{font-size:20px}.fc-meaning{color:var(--text);text-align:center;max-width:40ch;font-size:16px;line-height:1.6}.fc-zh{text-align:center;max-width:24ch;font-size:20px;font-weight:600;line-height:1.6}.fc-meaning-sub{color:var(--muted);text-align:center;max-width:44ch;font-size:13px;line-height:1.5}.fc-example{background:var(--surface-2);text-align:left;border-radius:12px;width:100%;margin-top:4px;padding:12px 14px}.ex-ja{font-size:15px;line-height:1.7}.ex-tr{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.tts.small{margin-left:6px;font-size:14px}.word-zh{margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.6}.grade-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.grade{border-radius:var(--radius);color:#fff;flex-direction:column;align-items:center;gap:3px;padding:12px 4px;font-size:15px;font-weight:700;display:flex}.grade span{opacity:.85;font-size:11px;font-weight:400}.grade.again{background:#b3404a}.grade.hard{background:#a1742c}.grade.good{background:#2e7d5b}.grade.easy{background:#3c6ac2}.done .done-mark{background:var(--good);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:38px;display:flex}.level-tabs{gap:8px;margin-bottom:12px;display:flex}.level-tab{background:var(--surface-2);color:var(--muted);border-radius:10px;flex:1;padding:9px 0;font-weight:700}.level-tab.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:12px 14px;font-size:16px}.search:focus{border-color:var(--accent)}.vocab-meta{margin:10px 2px;font-size:12px}.word-list{flex-direction:column;gap:8px;list-style:none;display:flex}.word-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.word-row.open{border-color:var(--accent)}.word-main{align-items:baseline;gap:12px;display:flex}.word-ja{font-size:18px;font-weight:700}.word-reading{color:var(--muted);flex:1;font-size:14px}.word-tag{color:var(--good);border:1px solid var(--good);border-radius:99px;padding:1px 8px;font-size:11px}.word-detail{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;display:flex}.word-meaning{font-size:14px;line-height:1.6}.word-actions{gap:10px;display:flex}.more{margin-top:14px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.stat-num{font-size:30px;font-weight:700}.stat-label{color:var(--muted);margin-top:4px;font-size:12px}.forecast{align-items:flex-end;gap:8px;display:flex}.forecast-col{text-align:center;flex:1}.forecast-bar-wrap{justify-content:center;align-items:flex-end;height:80px;display:flex}.forecast-bar{background:var(--accent);opacity:.85;border-radius:4px 4px 0 0;width:60%;min-height:2px}.forecast-count{margin-top:4px;font-size:12px}.forecast-label{color:var(--muted);font-size:11px}.progress-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.progress-name{width:30px;font-size:14px;font-weight:700}.progress-track{background:var(--surface-2);border-radius:99px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%}.progress-nums{text-align:right;min-width:70px;font-size:12px}.reader-list .btn{align-self:flex-start}.empty-hint{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:24px;display:flex}.article-list{flex-direction:column;gap:8px;margin-top:14px;list-style:none;display:flex}.article-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;padding:14px;display:flex}.article-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.article-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.article-meta{font-size:12px}.article-del{color:var(--muted);padding:6px;font-size:14px}.article-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:45vh;color:var(--text);resize:none;outline:none;flex:1;margin:12px 0;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.8}.article-input:focus{border-color:var(--accent)}.reader-bar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.reader-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.center-block{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:60px;display:flex}.reader-body{padding-bottom:220px;font-size:19px;line-height:2.3}.reader-body p{margin-bottom:1.2em}.tk{cursor:pointer}.tk:active{background:var(--accent-soft);border-radius:4px}.tk.hit{border-bottom:1.5px dotted #e639468c}rt{color:var(--muted);font-size:10px}.word-sheet{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px);background:var(--surface-2);border:1px solid var(--border);z-index:10;border-radius:16px;flex-direction:column;gap:10px;width:min(490px,100% - 20px);padding:16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.sheet-head{align-items:baseline;gap:10px;display:flex}.sheet-word{font-size:24px;font-weight:700}.sheet-reading{color:var(--accent);flex:1;font-size:15px}.sheet-level{color:var(--info);border:1px solid var(--info);border-radius:99px;padding:1px 8px;font-size:11px}.sheet-close{color:var(--muted);padding:4px}.sheet-zh{font-size:16px;font-weight:600;line-height:1.6}.sheet-en{line-height:1.5}.sheet-added{color:var(--good);text-align:center;padding:8px 0;font-weight:600}.listening-list .btn{align-self:flex-start}.seek{width:100%;accent-color:var(--accent);margin-top:6px}.time-row{justify-content:space-between;margin:4px 2px 10px;display:flex}.ctrl-row{justify-content:center;align-items:center;gap:26px;margin:6px 0 14px;display:flex}.ctrl{background:var(--surface-2);border-radius:50%;width:56px;height:56px;font-size:15px;font-weight:700}.ctrl.main{background:var(--accent);color:#fff;width:72px;height:72px;font-size:26px}.option-row.center{justify-content:center;margin-bottom:10px}.chip.small{padding:6px 12px;font-size:13px}.cue-list{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:4px;padding-top:8px;display:flex;overflow-y:auto}.cue-row{cursor:pointer;border-radius:10px;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.cue-row.active{background:var(--accent-soft)}.cue-time{min-width:34px;font-size:11px}.cue-text{flex:1;font-size:15px;line-height:1.7}.cue-loop{opacity:.4;padding:2px 4px;font-size:14px}.cue-loop.on{opacity:1}.transcript{border-top:1px solid var(--border);padding-top:12px;font-size:16px;line-height:2}.transcript p{margin-bottom:.8em}.transcript-actions{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.paste-panel{flex-direction:column;gap:10px;display:flex}.paste-panel .article-input{min-height:20vh}.dictation{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:14px;display:flex}.dictation-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:90px;color:var(--text);resize:none;outline:none;padding:12px 14px;font-family:inherit;font-size:17px;line-height:1.8}.dictation-input:focus{border-color:var(--accent)}.dictation-result{flex-direction:column;align-items:center;gap:10px;display:flex}.score{font-size:34px;font-weight:700}.score.good{color:var(--good)}.score.mid{color:var(--warn)}.score.bad{color:var(--accent)}.correct-text{background:var(--surface-2);border-radius:12px;padding:12px 16px;font-size:17px;line-height:1.9}