: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}