@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500;600&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500&display=swap";:root{color-scheme:light;--teal-950: #0a201f;--teal-900: #0d2b2a;--teal-800: #163f3d;--teal-700: #1d5754;--teal-500: #2a9d8f;--teal-300: #6dd5c9;--teal-100: #d6f4f1;--stone-950: #1a1814;--stone-800: #3a362e;--stone-700: #524d43;--stone-600: #6e6860;--stone-500: #8c857a;--stone-400: #aba49a;--stone-300: #c9c3bb;--stone-200: #dedad4;--stone-100: #f0ede6;--bg-base: #f7f5f0;--bg-surface: #fcfaf6;--bg-sunken: #f0ede6;--bg-dark: #0d2b2a;--border-subtle: #e0dcd4;--border-default: #ccc7be;--border-strong: #aba49a;--text-primary: #1a1814;--text-secondary: #6e6860;--text-muted: #938d82;--text-inverse: #f7f5f0;--accent: #2a9d8f;--accent-hover: #237570;--accent-light: #d6f4f1;--warm: #b68a37;--warm-light: #f6edda;--danger: #a55b4f;--font-serif: "Source Serif 4", "Noto Serif SC", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;--shadow-soft: 0 12px 28px rgba(26, 24, 20, .06)}:root[data-theme=dark]{color-scheme:dark;--bg-base: #191b19;--bg-surface: #202421;--bg-sunken: #141715;--bg-dark: #0c2625;--border-subtle: #343832;--border-default: #4b514a;--border-strong: #697068;--text-primary: #eee9df;--text-secondary: #b5b6aa;--text-muted: #858c82;--text-inverse: #f7f5f0;--accent-light: #173d3a;--warm-light: #3a301e;--stone-100: #292b27;--stone-200: #383c36;--stone-300: #565d54;--shadow-soft: 0 14px 28px rgba(0, 0, 0, .16)}*{box-sizing:border-box}html{background:var(--bg-base)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-serif);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body:before{content:"";position:fixed;top:-16vh;right:-8vw;width:66vw;height:68vh;pointer-events:none;z-index:0;transform:rotate(-10deg);background:radial-gradient(ellipse at 65% 25%,rgba(200,170,100,.15) 0%,rgba(42,157,143,.075) 43%,transparent 72%)}:root[data-theme=dark] body:before{background:radial-gradient(ellipse at 65% 25%,rgba(190,150,75,.08) 0%,rgba(42,157,143,.06) 43%,transparent 72%)}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;padding:28px 18px 20px;border-right:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-base) 93%,transparent)}.sidebar-brand{padding:0 10px 34px;border-bottom:1px solid var(--border-subtle)}.brand-button{border:0;padding:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:16px;font-weight:500;letter-spacing:.03em}.brand-button span{color:var(--accent)}.brand-caption{margin-top:9px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.side-nav{display:grid;gap:4px;padding-top:26px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:9px 11px;border:1px solid transparent;background:transparent;color:var(--text-secondary);text-align:left;font-family:var(--font-sans);font-size:13px;transition:color .18s ease,border-color .18s ease,background .18s ease}.nav-item:hover{color:var(--text-primary);border-color:var(--border-subtle)}.nav-item.active{color:var(--accent-hover);border-color:var(--border-subtle);background:var(--bg-surface)}:root[data-theme=dark] .nav-item.active{color:var(--teal-300)}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.streak-block{display:flex;align-items:center;gap:11px;padding:15px 11px;border-top:1px solid var(--border-subtle);color:var(--warm)}.streak-block strong{display:block;font-family:var(--font-serif);font-size:24px;font-weight:300;line-height:1}.streak-block span{display:block;margin-top:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:9px}.main-content{width:calc(100% - 232px);min-height:100vh;margin-left:232px}.main-inner{width:min(1120px,calc(100% - 72px));margin:0 auto;padding:40px 0 80px}.mobile-topbar{display:none}.page{animation:fadeUp .48s cubic-bezier(.16,1,.3,1) both}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:14px 0 48px}.eyebrow,.section-label,.panel-kicker{color:var(--accent-hover);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .section-label,:root[data-theme=dark] .panel-kicker{color:var(--teal-300)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px}.eyebrow-line{display:inline-block;width:24px;height:1px;background:currentColor}.page-header h1{max-width:760px;margin:0;font-size:clamp(38px,5.2vw,62px);font-weight:300;line-height:1.1;letter-spacing:0}.page-header p{max-width:560px;margin:18px 0 0;color:var(--text-secondary);font-size:15px;font-weight:300;line-height:1.9}.header-note{display:inline-flex;align-items:center;gap:8px;padding-top:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.page-header-action{padding-top:5px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:20px}.panel{border:1px solid var(--border-subtle);background:var(--bg-surface)}.panel-dark{background:var(--bg-dark);border-color:var(--teal-800);color:var(--text-inverse)}.today-focus{min-height:326px;padding:32px;display:flex;flex-direction:column}.today-focus .panel-kicker{color:var(--teal-300)}.focus-number{margin-top:48px;font-size:clamp(54px,8vw,92px);font-weight:300;line-height:.9}.focus-number span{margin-left:12px;color:var(--teal-300);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}.focus-breakdown{display:flex;gap:20px;margin-top:18px;color:#b9d8d3;font-family:var(--font-mono);font-size:11px}.focus-breakdown b{color:var(--text-inverse);font-weight:400}.focus-progress{height:1px;margin-top:auto;background:#d6f4f138}.focus-progress span{display:block;height:100%;background:var(--teal-300);transition:width .3s ease}.dark-action{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:11px 15px;border:1px solid var(--teal-500);background:var(--teal-500);color:var(--teal-950);font-family:var(--font-mono);font-size:11px;transition:background .18s ease,border-color .18s ease}.dark-action:hover{border-color:var(--teal-300);background:var(--teal-300)}.stat-stack{display:grid;grid-template-rows:repeat(3,1fr);border:1px solid var(--border-subtle);background:var(--border-subtle);gap:1px}.stat-row{min-height:102px;display:flex;align-items:center;gap:13px;padding:20px 22px;background:var(--bg-surface)}.stat-row-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--accent);border:1px solid var(--border-subtle)}.stat-row-copy{min-width:82px}.stat-row-copy>span{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.stat-row-copy strong{display:block;margin-top:7px;font-size:27px;font-weight:300;line-height:1}.stat-row-copy small{margin-left:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.stat-row em{margin-left:auto;color:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-style:normal;text-align:right}.verse-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:52px 0 54px}.verse-divider span{height:1px;background:var(--border-subtle)}.verse-divider em{color:var(--text-muted);font-size:13px;font-weight:300;font-style:italic;white-space:nowrap}.section-block{margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-heading h2,.info-band h2,.settings-heading h2{margin:8px 0 0;font-size:27px;font-weight:300}.text-button,.outline-button,.primary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid transparent;padding:9px 13px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.text-button{min-height:32px;padding:4px 0;background:transparent;color:var(--accent-hover)}.text-button:hover{color:var(--accent)}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;transition:background .18s ease,border-color .18s ease,transform .14s ease}.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover);transform:translateY(-1px)}.outline-button{border-color:var(--border-default);background:transparent;color:var(--text-secondary);transition:color .18s ease,border-color .18s ease}.outline-button:hover{border-color:var(--accent);color:var(--accent-hover)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{min-height:236px;padding:22px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);text-align:left;transition:border-color .18s ease,background .18s ease}.mode-card:hover{border-color:var(--accent);background:var(--bg-base)}.mode-card-top{display:flex;justify-content:space-between;align-items:center}.mode-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-subtle)}.mode-card.mode-teal .mode-icon{color:var(--accent)}.mode-card.mode-stone .mode-icon{color:var(--stone-600)}.mode-card.mode-amber .mode-icon{color:var(--warm)}.mode-meta{display:block;margin-top:35px;color:var(--text-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em}.mode-card strong{display:block;margin-top:9px;font-size:24px;font-weight:300}.mode-card p{max-width:220px;margin:12px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.7}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;border:1px solid var(--border-subtle);background:var(--border-subtle)}.quick-action{display:flex;align-items:center;gap:11px;padding:17px 18px;border:0;background:var(--bg-surface);color:var(--text-secondary);text-align:left;font-family:var(--font-mono);font-size:10px}.quick-action:hover{color:var(--accent-hover);background:var(--bg-base)}.quick-action svg:last-child{margin-left:auto}.plan-create,.plan-overview,.session-builder,.library-tools{padding:30px}.plan-create h2,.plan-overview h2{margin:19px 0 11px;font-size:29px;font-weight:300}.plan-create p,.plan-overview p{max-width:610px;margin:0;color:var(--text-secondary);font-size:14px;line-height:1.8}.plan-form{display:flex;align-items:end;gap:18px;margin-top:30px}.plan-form label,.select-control{display:grid;gap:8px}.plan-form label span,.select-control span,.search-field span{color:var(--text-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}.plan-form input,.select-control select{width:100%;height:42px;border:1px solid var(--border-default);border-radius:0;background:var(--bg-base);color:var(--text-primary);padding:8px 11px;outline:0}.plan-form input{width:126px;font-family:var(--font-mono)}.plan-form input:focus,.select-control select:focus{border-color:var(--accent)}.plan-estimate{padding-bottom:9px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.plan-estimate strong{margin-right:5px;color:var(--text-primary);font-family:var(--font-serif);font-size:25px;font-weight:300}.warm-note{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--warm);font-family:var(--font-mono);font-size:10px}.plan-overview{display:flex;justify-content:space-between;align-items:center}.plan-progress-ring{--progress: 0%;display:grid;place-items:center;width:116px;height:116px;border:1px solid var(--border-default);background:conic-gradient(var(--accent) var(--progress),var(--bg-sunken) 0);clip-path:circle(50%)}.plan-progress-ring:before{content:"";position:absolute;width:84px;height:84px;background:var(--bg-surface);clip-path:circle(50%)}.plan-progress-ring span{position:relative;z-index:1;font-size:22px;font-weight:300}.plan-progress-ring small{margin-left:2px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.task-panel{min-height:222px;padding:23px}.task-panel.is-done{background:var(--bg-sunken)}.task-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:28px;border:1px solid var(--border-subtle);color:var(--accent)}.task-panel strong{display:inline-block;margin-top:14px;font-size:48px;font-weight:300;line-height:1}.task-unit{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.task-panel p{min-height:42px;margin:12px 0 16px;color:var(--text-secondary);font-size:13px;line-height:1.7}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0 24px}.control-grid.two{grid-template-columns:1fr 1fr;max-width:660px}.builder-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.builder-heading>span{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.panel-warm{background:color-mix(in srgb,var(--bg-surface) 90%,var(--warm-light))}.info-band{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:0 3px}.info-band p{max-width:360px;margin:0;color:var(--text-secondary);font-size:14px;line-height:1.8}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:34px;border:1px solid var(--border-subtle);background:var(--border-subtle)}.mini-stats .stat-row{min-height:112px}.session-page{min-height:calc(100vh - 120px);animation:fadeUp .36s ease both}.session-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.session-top>span:nth-child(2){color:var(--text-primary)}.session-save{justify-self:end}.back-button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px}.back-button:hover{color:var(--accent-hover)}.preview-stage{max-width:860px;margin:0 auto;padding:74px 0 40px}.preview-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.preview-heading h1{margin:18px 0 10px;font-size:48px;font-weight:300}.preview-heading p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.8}.batch-counter{color:var(--text-primary);font-family:var(--font-mono);font-size:26px}.batch-counter small{color:var(--text-muted);font-size:11px}.preview-list{margin-top:45px;border-top:1px solid var(--border-subtle)}.preview-row{position:relative;border-bottom:1px solid var(--border-subtle)}.preview-row>button{display:flex;justify-content:center;align-items:center;width:100%;padding:20px 48px;border:0;background:transparent;color:var(--text-primary);text-align:center}.preview-row>button>span{display:block;min-width:0}.preview-row>button:hover{color:var(--accent-hover)}.preview-row strong{display:block;min-width:0;font-size:21px;font-weight:400;line-height:1.35}.preview-row small{display:block;margin-top:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.preview-row>button>svg{position:absolute;right:5px;color:var(--text-muted)}.rotate{transform:rotate(180deg)}.preview-detail{display:grid;justify-items:center;gap:18px;max-width:760px;margin:0 auto;padding:0 28px 23px;text-align:center}.preview-detail p{max-width:700px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.8;overflow-wrap:anywhere;word-break:break-word}.meaning-block{display:grid;gap:10px;width:100%;color:var(--text-secondary);font-size:14px;line-height:1.7;text-align:center}.meaning-pair{display:grid;gap:2px;min-width:0}.meaning-en{color:var(--text-secondary)}.meaning-zh{color:var(--text-primary)}.meaning-block-compact{gap:5px}.meaning-block-compact .meaning-pair{gap:0}.preview-start{margin-top:30px}.question-stage{max-width:760px;margin:0 auto;padding:60px 0 40px}.question-progress{display:grid;grid-template-columns:58px 1fr 75px;align-items:center;gap:16px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.question-progress>span:last-child{text-align:right}.question-progress>div{height:1px;background:var(--border-subtle)}.question-progress i{display:block;height:100%;background:var(--accent);transition:width .2s ease}.question-card{min-height:570px;padding:76px 62px 54px;border:1px solid var(--border-subtle);background:var(--bg-surface);margin-top:24px;text-align:center}.question-type{color:var(--accent-hover);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.question-card h1{margin:23px 0 9px;font-size:clamp(43px,8vw,76px);font-weight:300;line-height:1}.phonetic{color:var(--text-muted);font-family:var(--font-mono);font-size:13px}.recall-line{margin-top:70px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.question-card textarea{display:block;width:100%;min-height:100px;margin-top:13px;resize:vertical;border:0;border-bottom:1px solid var(--border-default);background:transparent;color:var(--text-primary);padding:13px 0;outline:0;text-align:center;font-size:20px;line-height:1.7}.question-card textarea:focus{border-color:var(--accent)}.question-card textarea::placeholder{color:var(--text-muted)}.input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.input-actions>span{color:var(--text-muted);font-family:var(--font-mono);font-size:9px}.equiv-meaning-row{display:flex;justify-content:center;align-items:center;gap:13px;min-height:34px;margin-top:13px}.equiv-meaning{color:var(--text-secondary);font-size:15px}.equiv-meaning-placeholder{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.meaning-toggle{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 10px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;transition:color .18s ease,border-color .18s ease,background .18s ease}.meaning-toggle:hover,.meaning-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent-light);color:var(--accent-hover)}.option-list{display:grid;gap:10px;margin-top:54px;text-align:left}.option-list button{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:12px 16px;border:1px solid var(--border-default);background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;text-align:left;transition:border-color .18s ease,background .18s ease}.option-list button:hover,.option-list button.selected{border-color:var(--accent);background:var(--accent-light)}.option-list button>span{color:var(--accent)}.option-letter{display:block;width:14px;height:14px;border:1px solid currentColor;border-radius:50%}.feedback{margin-top:46px;text-align:left}.feedback-heading{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px}.feedback-correct .feedback-heading{color:var(--accent-hover)}.feedback-incorrect .feedback-heading{color:var(--warm)}.feedback-uncertain .feedback-heading{color:var(--text-secondary)}.feedback-note,.feedback-hint{margin:14px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.8}.feedback-hint{color:var(--warm);font-style:italic}.feedback .outline-button{margin-top:18px}.manual-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.answer-reveal{margin-top:21px;padding-top:18px;border-top:1px solid var(--border-subtle)}.answer-reveal span{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:9px}.answer-reveal>.meaning-block,.answer-reveal>strong{display:block;margin-top:7px;font-size:16px;font-weight:400;line-height:1.7;text-align:left}.answer-reveal p{margin:10px 0 0;color:var(--text-muted);font-size:13px;line-height:1.7}.feedback-next{margin-top:32px}.session-summary{max-width:560px;margin:0 auto;padding:120px 0 60px;text-align:center}.summary-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 30px;border:1px solid var(--accent);color:var(--accent)}.session-summary h1{margin:22px 0 10px;font-size:92px;font-weight:300;line-height:.9}.session-summary h1 small{color:var(--text-muted);font-family:var(--font-mono);font-size:18px}.session-summary p{color:var(--text-secondary);font-size:14px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:45px 0 35px;border:1px solid var(--border-subtle);background:var(--border-subtle)}.summary-stats>div{padding:17px 10px;background:var(--bg-surface)}.summary-stats strong{display:block;font-size:22px;font-weight:300}.summary-stats span{display:block;margin-top:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:9px}.filter-tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle)}.filter-tabs button{padding:12px 13px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.filter-tabs button.active{border-bottom-color:var(--accent);color:var(--accent-hover)}.filter-tabs span{margin-left:5px;color:var(--text-muted)}.wrong-list{border-top:1px solid var(--border-subtle)}.wrong-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 4px;border-bottom:1px solid var(--border-subtle)}.wrong-row strong{display:block;font-size:20px;font-weight:400}.wrong-row span{display:block;max-width:640px;margin-top:6px;color:var(--text-secondary);font-size:13px;line-height:1.6}.wrong-row-meta{display:flex;align-items:center;gap:15px;color:var(--warm);font-family:var(--font-mono);font-size:10px;white-space:nowrap}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary)}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.empty-state{padding:72px 25px;border:1px solid var(--border-subtle);background:var(--bg-surface);text-align:center}.empty-circle{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 22px;border:1px solid var(--border-default);border-radius:50%;color:var(--text-muted)}.empty-state h2{margin:0;font-size:20px;font-weight:300}.empty-state p{max-width:280px;margin:10px auto 21px;color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.8}.library-tools{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px;gap:13px;align-items:end}.search-field{display:flex;align-items:center;gap:9px;height:42px;border-bottom:1px solid var(--border-default);color:var(--text-muted)}.search-field input{width:100%;border:0;background:transparent;color:var(--text-primary);outline:0;font-family:var(--font-sans);font-size:13px}.search-field input::placeholder{color:var(--text-muted)}.alphabet-index{display:flex;flex-wrap:wrap;gap:4px;margin:20px 0 17px}.alphabet-index button{min-width:29px;height:28px;padding:0 6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:9px}.alphabet-index button:hover,.alphabet-index button.active{border-color:var(--accent);color:var(--accent-hover)}.library-count{margin-bottom:10px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.library-list{max-width:920px;border-top:1px solid var(--border-subtle)}.library-row{border-bottom:1px solid var(--border-subtle)}.library-row-main{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,2fr) 78px 20px;gap:20px;align-items:start;width:100%;padding:18px 6px;border:0;background:transparent;color:var(--text-primary);text-align:left}.library-row-main:hover{color:var(--accent-hover)}.library-word{font-family:var(--font-sans);font-size:17px;font-weight:500;line-height:1.35}.library-word small{display:block;margin-top:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:300}.library-meaning{min-width:0;color:var(--text-secondary);font-size:13px;line-height:1.55;white-space:normal}.library-meaning .meaning-block{gap:6px;text-align:left}.library-meaning .meaning-pair{gap:0}.library-meaning .meaning-en,.library-meaning .meaning-zh{overflow-wrap:anywhere;word-break:break-word}.status-dot{font-family:var(--font-mono);font-size:9px;text-align:right}.status-未学习{color:var(--text-muted)}.status-学习中{color:var(--warm)}.status-已掌握{color:var(--accent-hover)}.library-row-main>svg{color:var(--text-muted);transition:transform .18s ease}.library-detail{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px 20px;padding:4px 45px 22px 4px;color:var(--text-secondary);font-size:13px}.library-detail>div{display:contents}.library-detail span{color:var(--text-muted);font-family:var(--font-mono);font-size:9px}.library-detail strong{color:var(--text-primary);font-weight:400}.library-detail p{margin:0;line-height:1.7;overflow-wrap:anywhere;word-break:break-word}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.settings-section{margin-bottom:14px;padding:27px 30px}.settings-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.settings-note{color:var(--text-muted);font-family:var(--font-mono);font-size:9px}.theme-options{display:flex;gap:8px;margin-top:28px}.theme-options button{display:inline-flex;align-items:center;gap:9px;min-width:120px;min-height:42px;padding:9px 12px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px}.theme-options button.active,.theme-options button:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-light)}.range-setting{display:flex;align-items:center;gap:17px;max-width:600px;margin-top:26px}.range-setting input{width:100%;accent-color:var(--accent)}.range-setting strong{min-width:35px;font-size:24px;font-weight:300}.setting-description,.danger-zone p{margin:17px 0 0;color:var(--text-muted);font-size:13px;line-height:1.8}.backup-actions{display:flex;gap:10px;margin-top:27px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.danger-zone{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:27px 30px;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border-subtle));background:color-mix(in srgb,var(--danger) 4%,var(--bg-surface))}.danger-zone h2{margin:8px 0 0;font-size:21px;font-weight:300}.outline-button.danger,.danger-button{border-color:color-mix(in srgb,var(--danger) 60%,var(--border-default));color:var(--danger);background:transparent}.danger-button{background:var(--danger);color:#fff}.confirm-actions{display:flex;align-items:center;gap:16px}.toast{position:fixed;right:28px;bottom:24px;z-index:10;display:flex;align-items:flex-start;gap:12px;width:min(390px,calc(100vw - 40px));padding:15px 16px;border:1px solid var(--border-subtle);border-left:2px solid var(--accent);background:var(--bg-surface);box-shadow:var(--shadow-soft);animation:fadeUp .28s ease both}.toast-warm{border-left-color:var(--warm)}.toast-gentle{border-left-color:var(--stone-400)}.toast-dot{flex:0 0 auto;width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--accent)}.toast-warm .toast-dot{background:var(--warm)}.toast-gentle .toast-dot{background:var(--stone-400)}.toast strong{display:block;font-size:13px;font-weight:400}.toast p{margin:4px 0 0;color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.6}.toast-close{margin-left:auto;border:0;background:transparent;color:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.sidebar{display:none}.main-content{width:100%;margin-left:0}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:0 20px;border-bottom:1px solid var(--border-subtle)}.mobile-topbar-actions{display:flex;align-items:center;gap:12px}.streak-chip{display:inline-flex;align-items:center;gap:5px;color:var(--warm);font-family:var(--font-mono);font-size:10px}.main-inner{width:min(100% - 40px,760px);padding-top:25px}.hero-grid{grid-template-columns:1fr}.stat-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.stat-row{min-height:106px;padding:15px}.stat-row em{display:none}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:180px}.mode-meta{margin-top:24px}}@media (max-width: 620px){.main-inner{width:calc(100% - 28px);padding-bottom:48px}.page-header{display:block;padding-bottom:34px}.page-header h1{font-size:40px}.page-header p{font-size:14px}.page-header-action{margin-top:18px}.today-focus{min-height:310px;padding:24px}.focus-number{margin-top:42px;font-size:62px}.focus-number span{display:block;margin:13px 0 0}.stat-stack{display:block}.stat-row{min-height:88px;border-bottom:1px solid var(--border-subtle)}.stat-row:last-child{border-bottom:0}.stat-row-copy strong{font-size:23px}.verse-divider{gap:12px;margin:38px 0}.verse-divider em{font-size:11px}.section-heading{display:block}.section-heading .text-button{margin-top:13px}.quick-row{display:block}.quick-action{width:100%;border-bottom:1px solid var(--border-subtle)}.quick-action:last-child{border-bottom:0}.plan-create,.plan-overview,.session-builder,.library-tools{padding:22px 18px}.plan-form{display:grid;grid-template-columns:1fr 1fr;align-items:end}.plan-form .primary-button{grid-column:span 2}.plan-form input{width:100%}.plan-estimate{padding-bottom:10px}.plan-overview{align-items:start}.plan-overview h2{font-size:24px}.plan-progress-ring{flex:0 0 auto;width:86px;height:86px}.plan-progress-ring:before{width:62px;height:62px}.plan-progress-ring span{font-size:17px}.task-grid,.control-grid,.control-grid.two{grid-template-columns:1fr}.control-grid{gap:12px}.info-band{display:block}.info-band p{margin-top:17px}.mini-stats{display:block}.mini-stats .stat-row{border-bottom:1px solid var(--border-subtle)}.session-top{grid-template-columns:1fr auto}.session-top>span:nth-child(2){display:none}.preview-stage,.question-stage{padding-top:42px}.preview-heading{align-items:start}.preview-heading h1{font-size:38px}.batch-counter{display:none}.preview-detail{gap:14px;padding-right:18px;padding-left:18px}.question-progress{grid-template-columns:50px 1fr}.question-progress>span:last-child{display:none}.question-card{min-height:530px;padding:55px 20px 35px}.question-card h1{font-size:52px}.preview-row strong{font-size:20px}.equiv-meaning-row{flex-wrap:wrap;gap:9px}.recall-line{margin-top:58px}.input-actions{display:block}.input-actions>span{display:block;margin-bottom:13px}.input-actions .primary-button{width:100%}.option-list{margin-top:40px}.summary-stats{grid-template-columns:1fr}.summary-stats>div{display:flex;justify-content:space-between;align-items:center;padding:13px 17px}.summary-stats strong{font-size:20px}.summary-stats span{margin-top:0}.wrong-row{align-items:start}.wrong-row-meta{display:grid;justify-items:end;gap:9px}.library-tools{display:block}.library-tools .select-control{margin-top:14px}.library-row-main{grid-template-columns:minmax(0,1fr) 18px;gap:10px;padding:17px 2px}.library-meaning,.status-dot{display:none}.library-detail{grid-template-columns:70px minmax(0,1fr);padding-right:4px}.theme-options{display:grid;grid-template-columns:1fr 1fr 1fr}.theme-options button{min-width:0;justify-content:center;padding:9px 6px}.theme-options button span{display:none}.backup-actions{display:grid}.backup-actions>*{width:100%}.danger-zone{display:block}.danger-zone .outline-button,.danger-zone .confirm-actions{margin-top:22px}.toast{right:14px;bottom:14px;width:calc(100vw - 28px)}}