:root{--bg:#f0f2f5;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626;--success:#059669;--shadow:0 1px 2px #0000000f;--tap:48px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--bottom-bar-h:0px;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body{min-height:100dvh;margin:0}body{overscroll-behavior-x:none}button,input,select{font:inherit;touch-action:manipulation}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app{max-width:720px;padding:calc(.75rem + var(--safe-t)) .75rem calc(1rem + var(--bottom-bar-h) + var(--safe-b));margin:0 auto}.app.has-bottom-bar{--bottom-bar-h:132px}.header{margin-bottom:.75rem}.header h1{letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700}.header .sub{color:var(--muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.4}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;margin-bottom:.75rem;padding:.9rem .9rem 1rem}.card h2{margin:0 0 .7rem;font-size:.95rem;font-weight:700}.card h2 .badge{color:var(--primary);vertical-align:middle;background:#eff6ff;border-radius:999px;margin-left:.35rem;padding:.1rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.card h2 .badge-shuffle{color:#b45309;background:#fef3c7}.list-actions{margin:0 0 .75rem}.list-actions .btn{flex:auto;min-width:6.5rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.stretch>*{flex:auto}.stack{flex-direction:column;gap:.75rem;display:flex}label.field{color:var(--muted);flex-direction:column;gap:.35rem;width:100%;font-size:.8rem;display:flex}label.field.inline{min-height:var(--tap);flex-direction:row;align-items:center;gap:.55rem;width:auto}label.field.full{width:100%}select,input[type=number],input[type=text]{width:100%;min-height:var(--tap);border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;padding:.55rem .75rem;font-size:16px}input[type=range]{width:100%;height:var(--tap);accent-color:var(--primary);margin:0}.btn{border:1px solid var(--border);color:var(--text);min-height:var(--tap);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;padding:.55rem .9rem;font-weight:500;transition:background .15s,border-color .15s,transform 50ms}.btn:active:not(:disabled){transform:scale(.98)}.btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{color:var(--danger);background:#fff;border-color:#fecaca}.btn-block{width:100%}.btn-sm{border-radius:10px;min-height:40px;padding:.4rem .7rem;font-size:.875rem}.btn-speak{min-width:52px;min-height:44px;font-size:.95rem;font-weight:700}.btn-speak.en{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.btn-speak.zh{color:#b45309;background:#fffbeb;border-color:#fde68a}.mode-tabs{grid-template-columns:1fr 1fr 1fr;gap:.4rem;margin-bottom:.75rem;display:grid}.mode-tabs.mode-tabs-2{grid-template-columns:1fr 1fr}.mode-tabs .btn{width:100%;padding-left:.25rem;padding-right:.25rem;font-size:.85rem}.mode-tabs .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.play-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.play-actions .btn{width:100%}.play-actions .span-2{grid-column:1/-1}.stage-fold-list{flex-direction:column;gap:.5rem;display:flex}.stage-fold{border:1px solid var(--border);background:#fafbfc;border-radius:12px;overflow:hidden}.stage-fold-head{width:100%;min-height:var(--tap);cursor:pointer;font:inherit;text-align:left;background:#f3f4f6;border:none;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.stage-fold-head:active{background:#e5e7eb}.stage-fold-title{font-size:.95rem;font-weight:700}.stage-fold-meta{color:var(--muted);font-size:.8rem}.stage-fold-chevron{color:var(--primary);margin-left:auto;font-size:.8rem;font-weight:600}.stage-fold-body{border-top:1px solid var(--border);background:#fff;padding:.4rem}.book-pick-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.3rem;max-height:40vh;display:flex;overflow:auto}.book-pick{cursor:pointer;width:100%;min-height:44px;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.book-pick:hover{background:#f3f4f6}.book-pick.active{background:#eff6ff;border-color:#bfdbfe}.book-pick-title{flex:1;font-size:.9rem;line-height:1.35}.book-pick-badge{color:var(--primary);background:#dbeafe;border-radius:999px;flex-shrink:0;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.unit-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.35rem;max-height:40vh;display:flex;overflow:auto}.unit-list label{min-height:var(--tap);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.65rem;padding:.45rem .55rem;display:flex}.unit-list label:active{background:#f3f4f6}.unit-list input[type=checkbox]{flex-shrink:0;width:1.15rem;height:1.15rem}.unit-list .title{flex:1;font-size:.95rem;line-height:1.3}.unit-list .count{color:var(--muted);flex-shrink:0;font-size:.8rem}.word-cards{flex-direction:column;gap:.55rem;max-height:none;display:flex}.word-card{border:1px solid var(--border);background:#fafbfc;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:.5rem .75rem;padding:.75rem .8rem;display:grid}.word-card.current{background:#eff6ff;border-color:#93c5fd;box-shadow:0 0 0 1px #bfdbfe}.word-card .meta{min-width:0}.word-card .idx{color:var(--muted);margin-bottom:.1rem;font-size:.75rem}.word-card .en{word-break:break-word;font-size:1.05rem;font-weight:700}.word-card .en.hidden-en{filter:blur(5px);-webkit-user-select:none;user-select:none}.word-card .zh{color:#374151;margin-top:.15rem;font-size:.95rem}.word-card .phonetic{color:var(--muted);margin-top:.1rem;font-size:.8rem}.word-card .speak-pair{flex-direction:column;gap:.4rem;display:flex}@media (width>=380px){.word-card .speak-pair{flex-direction:row}}.status-bar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.85rem;display:flex}.status-pill{color:var(--muted);background:#f3f4f6;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-pill.playing{color:#1d4ed8;background:#dbeafe}.status-pill.paused{color:#b45309;background:#fef3c7}.status-pill.done{color:#047857;background:#d1fae5}.alert{border-radius:12px;margin-bottom:.75rem;padding:.7rem .85rem;font-size:.85rem;line-height:1.4}.alert-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.settings-grid{grid-template-columns:1fr 1fr;gap:.65rem .6rem;display:grid}.settings-grid .field.span-2{grid-column:1/-1}.range-value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.hint{color:var(--muted);margin:.4rem 0 0;font-size:.78rem;line-height:1.4}.import-actions{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.import-actions .btn{flex:auto;min-width:calc(50% - .25rem)}.hidden-file{display:none}.current-word-panel{text-align:center;border:1px solid var(--border);background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-radius:14px;margin-bottom:.75rem;padding:1.1rem .75rem}.current-word-panel .idx{color:var(--muted);font-size:.85rem}.current-word-panel .zh-big{word-break:break-word;margin:.4rem 0;font-size:clamp(1.6rem,7vw,2.1rem);font-weight:800}.current-word-panel .en-big{letter-spacing:.02em;word-break:break-word;font-size:clamp(1.35rem,6vw,1.85rem);font-weight:700}.current-word-panel .en-hidden{color:var(--muted);padding:0 .5rem;font-size:.95rem}.toolbar-inline{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.65rem 0 .45rem;display:flex}.toolbar-inline .hint{flex:100%;margin:0}details.settings-details{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:14px;margin-bottom:.75rem}details.settings-details>summary{cursor:pointer;min-height:var(--tap);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 .9rem;font-size:.95rem;font-weight:700;list-style:none;display:flex}details.settings-details>summary::-webkit-details-marker{display:none}details.settings-details>summary:after{content:"展开";color:var(--muted);font-size:.8rem;font-weight:500}details.settings-details[open]>summary:after{content:"收起"}details.settings-details .settings-body{border-top:1px solid var(--border);padding:.85rem .9rem 1rem}.bottom-bar{z-index:50;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:.55rem .75rem calc(.55rem + var(--safe-b));background:#fffffff5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.bottom-bar-inner{max-width:720px;margin:0 auto}.bottom-bar .mini-status{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.8rem;display:flex}.bottom-bar .mini-status strong{color:var(--text);font-size:.9rem}.bottom-bar .controls{grid-template-columns:1fr 1fr 1fr;gap:.45rem;display:grid}.bottom-bar .controls.controls-done{grid-template-columns:1.4fr 1fr}.bottom-bar .controls .btn{width:100%;font-size:.9rem}@media (width>=768px){.app{max-width:900px;padding-left:1.25rem;padding-right:1.25rem}.header h1{font-size:1.4rem}.header .sub{font-size:.875rem}.desktop-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:.75rem;display:grid}.word-card .speak-pair{flex-direction:row}.app.has-bottom-bar{--bottom-bar-h:120px}}@media (width>=1024px){.app{max-width:980px}}