:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f2ee;--paper-2:#eae6df;--surface:#fff;--lip:#e2ded6;--ink:#1c1b19;--ink-2:#5e5a53;--ink-3:#8a857c;--line:#e2ded6;--line-soft:#efebe4;--ring-track:#ece8e1;--green-soft:#b5d3bf;--chip-off-border:#bbb3a5;--brick-dark:#3a3631;--brick-dark-lip:#1e1c19;--brick-mid:#d9d3c8;--brick-mid-lip:#bbb3a5;--brick-light:#efebe4;--brick-light-lip:#d6cfc3;--stop-border:#e3ded5;--stop-lip:#dad4ca;--accent:#c24a2e;--accent-lip:#8f3420;--accent-ink:#fff;--font-read:"Literata", "Iowan Old Style", Georgia, serif;--font-ui:"Bricolage Grotesque", -apple-system, system-ui, "Segoe UI", sans-serif;--read-size:18px;--read-lh:1.66;--read-measure:34em;--radius-brick:14px;--radius-card:26px;--shadow-brick:0 3px 0 var(--lip);--shadow-card:0 4px 0 var(--lip), 0 10px 24px #1c1b1914;--gutter:24px;--tap:44px;--topbar-h:56px;--dock-card-h:212px;--dock-pad-top:6px;--dock-pad-bottom:12px;--dock-h:calc(var(--dock-card-h) + var(--dock-pad-top) + var(--dock-pad-bottom) + env(safe-area-inset-bottom));--mark-new-bg:#dce6f3;--mark-new-ink:#22406a;--mark-new-lip:#b7c9e3;--mark-learning-bg:#cfe5d6;--mark-learning-lip:#8fbf9f;--mark-learning-ink:#1f4a33;--mark-familiar-line:#6e9e7e;--mark-green:#3e8159;--mark-selected-ring:var(--ink);--phrase-line:#78a888;--select-bg:#3a363126;--verb-known-bg:#ddede2;--verb-known-lip:#9fc4ab;--pron-a-bg:#f6e1a2;--pron-a-lip:#d3ae55;--pron-b-bg:#e4a088;--pron-b-lip:#b9735a;--audio-band:#f0dfc5;--audio-word-line:#8a6440;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.18s}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}input:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}textarea:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.icon{flex-shrink:0}.muted{color:var(--ink-2)}.small{font-size:13px;font-weight:600}.note{color:var(--ink-2);margin:12px 0 0;font-size:14px;font-weight:600}.note.error{color:var(--accent-lip)}.note.error:empty{display:none}[hidden]{display:none!important}.btn{letter-spacing:-.01em;background:var(--surface);height:52px;box-shadow:var(--shadow-brick);border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn .icon{stroke-width:3px;width:18px;height:18px}.btn:active{box-shadow:0 1px 0 var(--lip);transform:translateY(2px)}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 5px 0 var(--accent-lip)}.btn.primary:active{box-shadow:0 2px 0 var(--accent-lip);transform:translateY(3px)}.btn.primary:disabled{opacity:.45}.btn.brick-2,.icon-btn.brick-2,.btn.ghost{background:var(--brick-light);box-shadow:0 3px 0 var(--brick-light-lip)}.btn.small{border-radius:14px;height:44px;padding:0 12px;font-size:14px}.btn.wide{width:100%}.btn-text{background:0 0;border:0;min-height:44px;padding:0 8px;font-weight:700}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-brick);font-family:var(--font-read);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex}.icon-btn .icon{stroke-width:2.4px}.icon-btn.brick{background:var(--surface);box-shadow:var(--shadow-brick)}.icon-btn.ghost{color:var(--ink-2)}.icon-btn:active{transform:translateY(2px)}.screen{min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.plain-head{align-items:center;gap:12px;padding:10px 12px;display:flex}.plain-head h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:800}.plain-head .icon-btn{background:var(--surface);box-shadow:var(--shadow-brick)}.library{padding:calc(14px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.lib-top{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:30px;font-weight:800;display:flex}.brand-dots .dots{gap:4px}.brand-dots .dot{background:var(--brick-dark);width:9px;height:9px;box-shadow:0 2px 0 var(--brick-dark-lip)}.lib-stats{gap:8px;margin-top:16px;display:flex}.stat{background:var(--surface);box-shadow:var(--shadow-brick);border-radius:18px;flex-direction:column;flex:1;padding:10px 12px;display:flex}.stat strong{letter-spacing:-.02em;font-size:24px;font-weight:800}.stat span{color:var(--ink-2);font-size:13px;font-weight:700}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:24px 4px 10px;font-size:13px;font-weight:800}.book-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:0 4px 0 var(--lip);margin-bottom:14px;padding:14px 10px 8px}.book-head{align-items:center;gap:12px;padding:0 6px 8px;display:flex}.book-cover{background:var(--brick-dark);width:44px;height:52px;box-shadow:0 3px 0 var(--brick-dark-lip);color:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex}.book-head>div:nth-child(2){flex:1;min-width:0}.book-title{margin:0;font-size:18px;font-weight:800}.book-meta{color:var(--ink-2);margin:2px 0 0;font-size:13px;font-weight:600}.chapter-list{margin:0;padding:0;list-style:none}.chapter-row{text-align:left;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px;display:flex}.chapter-row:active{background:var(--paper)}.chapter-list li+li .chapter-row{border-top:1.5px solid var(--line-soft);border-radius:0}.ch-num{background:var(--brick-light);width:32px;height:32px;box-shadow:0 2px 0 var(--brick-light-lip);border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:flex}.ch-title{font-family:var(--font-read);flex-direction:column;flex:1;font-size:17px;display:flex}.ch-status{font-family:var(--font-ui);color:var(--ink-2);font-size:12px;font-weight:700}.ch-pct{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.chapter-row>.icon{color:var(--ink-3);width:18px}.ring .ring-bg{fill:none;stroke:#ece8e1;stroke-width:3px}.ring .ring-fg{fill:none;stroke:var(--mark-green);stroke-width:3px;stroke-linecap:round}.lib-actions{gap:10px;margin-top:18px;display:flex}.lib-actions .btn{flex:1}.import-body,.settings-body{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;padding:4px 16px 32px;display:flex}.field{border:2px solid var(--stop-border);background:var(--surface);width:100%;font:16px var(--font-ui);color:var(--ink);border-radius:16px;padding:12px 14px}.field.area{font-family:var(--font-read);resize:vertical;min-height:220px}.file-input{opacity:0;width:1px;height:1px;position:absolute}.preview-list{margin:0;padding-left:20px;font-size:14px}.set-card{background:var(--surface);box-shadow:0 4px 0 var(--lip);border-radius:22px;flex-direction:column;gap:10px;padding:14px 14px 16px;display:flex}.set-card.set-row{flex-direction:row;justify-content:space-between;align-items:center}.set-label{margin:0;font-size:16px;font-weight:800}.set-help{color:var(--ink-2);margin:2px 0 0;font-size:13px;font-weight:600}.seg{background:var(--brick-light);border-radius:16px;gap:4px;padding:4px;display:flex;box-shadow:inset 0 2px #e2dcd2}.seg-btn{min-height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:12px;flex:1;font-weight:700}.seg-btn.active{background:var(--surface);box-shadow:0 2px 0 var(--brick-light-lip);color:var(--ink);font-weight:800}.set-preview{font-family:var(--font-read);line-height:var(--read-lh);margin:4px 0 0}.switch{background:var(--brick-mid);width:58px;height:36px;box-shadow:inset 0 2px 0 var(--brick-mid-lip);transition:background var(--dur);border:0;border-radius:18px;flex-shrink:0;padding:3px;display:flex}.switch-knob{background:var(--surface);width:30px;height:30px;box-shadow:0 2px 0 var(--brick-mid-lip);transition:transform var(--dur) var(--ease);border-radius:50%}.switch.on{background:var(--brick-dark);box-shadow:inset 0 2px 0 var(--brick-dark-lip)}.switch.on .switch-knob{transform:translate(22px)}.set-voice{color:var(--ink-2);margin:4px 4px 0;font-size:13px;font-weight:600}.reader{min-height:0;padding:env(safe-area-inset-top) 0 0;grid-template-rows:var(--topbar-h) minmax(0, 1fr) var(--dock-h);overscroll-behavior:none;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.topbar{align-items:center;gap:10px;padding:4px 12px 0;display:flex}.top-center{flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;display:flex}.top-book{color:var(--ink-2);letter-spacing:.02em;font-size:12px;font-weight:600}.top-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;font-weight:800;overflow:hidden}.top-spacer{width:var(--tap);flex-shrink:0}.page-wrap{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:0;position:relative;overflow:hidden}.page{height:100%;max-width:var(--read-measure);padding:14px var(--gutter) 6px;font-family:var(--font-read);font-size:var(--read-size);line-height:var(--read-lh);color:var(--ink);font-optical-sizing:auto;-webkit-hyphens:manual;hyphens:manual;margin:0 auto;overflow:hidden}.para{margin:0}.para+.para{margin-top:8px}.w{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color var(--dur), box-shadow var(--dur);border-radius:8px;margin:0 -1px;padding:0 3px;position:relative}.w[data-st=new]{background-color:var(--mark-new-bg)}.w[data-st=learning]{background-color:var(--mark-learning-bg);box-shadow:inset 0 -3px 0 var(--mark-learning-lip)}.w[data-st=familiar]{text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--mark-familiar-line);text-decoration-color:var(--mark-familiar-line);text-underline-offset:5px;text-decoration-thickness:2px}.w.is-selected{box-shadow:0 0 0 2.5px var(--mark-selected-ring)}.w[data-st=learning].is-selected{box-shadow:inset 0 -3px 0 var(--mark-learning-lip), 0 0 0 2.5px var(--mark-selected-ring)}:root[data-marks=off] .page .w[data-st]{box-shadow:none;background-color:#0000;text-decoration:none}:root[data-marks=off] .page .w.is-selected{box-shadow:0 0 0 2.5px var(--mark-selected-ring)}.ph{background-image:linear-gradient(var(--phrase-line), var(--phrase-line));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:3px}.w.ph{border-radius:0}.w.ph.ph-first{border-radius:8px 0 0}.w.ph.ph-last{border-radius:0 8px 0 0}:root[data-marks=off] .page .ph{background-image:none}.page .sel,.page .w.sel[data-st]{background-color:var(--select-bg);box-shadow:none;border-radius:0;text-decoration:none}.page .sel-first{border-top-left-radius:6px;border-bottom-left-radius:6px}.page .sel-last{border-top-right-radius:6px;border-bottom-right-radius:6px}.s.is-speaking{background:var(--audio-band);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px}.w.is-spoken{box-shadow:inset 0 -2.5px 0 var(--audio-word-line)}.dock{padding:var(--dock-pad-top) 12px calc(var(--dock-pad-bottom) + env(safe-area-inset-bottom));touch-action:none;position:relative}.dock-card{height:var(--dock-card-h);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);transition:transform .12s var(--ease);position:relative;overflow:hidden}.panel{flex-direction:column;gap:8px;height:100%;padding:12px 14px 12px 16px;display:flex}.panel>*{min-width:0}.panel.fade-in{animation:fade-in var(--dur) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel-head{align-items:flex-start;gap:6px;display:flex}.audio-panel{gap:10px;padding:14px 16px 14px 18px}.audio-row{align-items:center;gap:8px;display:flex}.audio-where{flex-direction:column;flex:1;min-width:0;display:flex}.audio-page{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.audio-sub{color:var(--ink-2);font-size:13px;font-weight:600}.rate-toggle{background:var(--brick-light);font-variant-numeric:tabular-nums;border:0;border-radius:14px;flex-shrink:0;align-items:center;gap:2px;height:44px;padding:0 4px;display:flex;box-shadow:inset 0 2px #e2dcd2}.rate-toggle span{min-width:42px;height:34px;color:var(--ink-2);border-radius:11px;justify-content:center;align-items:center;padding:0 8px;font-size:15px;font-weight:700;display:flex}.rate-toggle span.on{background:var(--surface);box-shadow:0 2px 0 var(--brick-light-lip);color:var(--ink);font-weight:800}.strip{gap:4px;height:10px;display:flex}.seg-page{background:var(--lip);border-radius:5px;flex:1;height:10px;display:flex;overflow:hidden}.seg-fill{background:var(--brick-dark);height:10px;transition:width .3s var(--ease);border-radius:5px;display:block}.audio-controls{flex:1;justify-content:center;align-items:center;gap:34px;display:flex}.round-btn{background:var(--brick-light);width:52px;height:52px;box-shadow:0 3px 0 var(--brick-light-lip);border:0;border-radius:17px;justify-content:center;align-items:center;padding:0;display:flex}.round-btn .icon{stroke-width:2.3px}.round-btn:active,.play-btn:active{transform:translateY(2px)}.play-btn{background:var(--accent);width:72px;height:62px;box-shadow:0 5px 0 var(--accent-lip);color:#fff;border:0;border-radius:22px;justify-content:center;align-items:center;padding:0 0 0 2px;display:flex}.play-btn .icon{width:26px;height:26px}.audio-panel.unavailable .play-btn{opacity:.5}.word-line{flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.card-word{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:30px;font-weight:800;line-height:1;overflow:hidden}.base-link{background:var(--brick-light);height:30px;box-shadow:0 2px 0 var(--brick-light-lip);border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:2px;padding:0 6px 0 10px;font-size:14px;font-weight:800;display:inline-flex;position:relative}.base-link:before{content:"";position:absolute;top:-7px;bottom:-7px;left:-4px;right:-4px}.base-link .icon{stroke-width:3px;width:14px;height:14px}.meaning-row{align-items:center;gap:10px;min-height:30px;display:flex}.card-meaning{min-width:0;font-family:var(--font-read);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:19px;line-height:1.3;display:-webkit-box;overflow:hidden}.card-meaning.missing,.phrase-meaning.missing{color:var(--ink-2);font-style:italic}.word-panel .stops{margin-top:auto}.panel-head.has-bricks{padding-top:4px}.brick-word{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.bricks{display:flex}.brick-col{flex-direction:column;align-items:stretch;gap:3px;display:flex}.word-panel:has(.has-bricks){gap:4px}.part{letter-spacing:-.01em;background:var(--bg-c);min-width:58px;height:46px;box-shadow:0 4px 0 var(--lip-c);justify-content:center;align-items:center;margin-top:7px;padding:0 14px;font-size:26px;font-weight:800;display:flex;position:relative}.brick-col+.brick-col .part{box-shadow:0 4px 0 var(--lip-c), inset 2px 0 0 #1c1b1929}.brick-col:first-child .part{border-radius:14px 0 0 14px}.brick-col:last-child .part{border-radius:0 14px 14px 0}.part .stud{background:var(--bg-c);border-radius:5px 5px 0 0;width:18px;height:7px;position:absolute;top:-7px;left:14px}.part .stud+.stud{left:auto;right:14px}.part.verb.st-known,.part.verb.st-familiar{--bg-c:var(--verb-known-bg);--lip-c:var(--verb-known-lip)}.part.verb.st-familiar .brick-text{-webkit-text-decoration:underline dotted var(--mark-familiar-line) 2.5px;text-decoration:underline dotted var(--mark-familiar-line) 2.5px;text-underline-offset:5px}.part.verb.st-learning{--bg-c:var(--mark-learning-bg);--lip-c:var(--mark-learning-lip)}.part.verb.st-new{--bg-c:var(--mark-new-bg);--lip-c:var(--mark-new-lip)}.part.pron.p0{--bg-c:var(--pron-a-bg);--lip-c:var(--pron-a-lip)}.part.pron.p1{--bg-c:var(--pron-b-bg);--lip-c:var(--pron-b-lip)}.brick-gloss{line-height:18px;font-family:var(--font-read);color:var(--ink-2);text-align:center;font-size:15px;font-style:italic}.stops{flex-shrink:0;gap:8px;height:54px;display:flex}.stop{background:0 0;border:0;flex:1;height:54px;padding:0;position:relative}.studs{justify-content:center;gap:5px;display:flex;position:absolute;top:0;left:0;right:0}.studs .stud{border:2px solid var(--stop-border);background:var(--surface);border-bottom:0;border-radius:5px 5px 0 0;width:14px;height:8px}.stop-face{border:2px solid var(--stop-border);background:var(--surface);height:44px;box-shadow:0 4px 0 var(--stop-lip);border-radius:14px;justify-content:center;align-items:center;gap:5px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute;top:6px;left:0;right:0}.stop-face .icon{stroke-width:3.4px;width:14px;height:14px}.stop:active .stop-face{box-shadow:0 2px 0 var(--stop-lip);transform:translateY(2px)}.stop.active .stop-face{border-color:var(--ink);background:var(--paper);box-shadow:0 1px 0 var(--brick-light-lip);transform:translateY(2px)}.stop.active .studs .stud{border-color:var(--ink);background:var(--paper);transform:translateY(2px)}.stop.active[data-stop=learning] .stop-label{background:var(--mark-learning-bg);box-shadow:inset 0 -3px 0 var(--mark-learning-lip);border-radius:6px;padding:1px 6px 2px}.stop.active[data-stop=familiar] .stop-label{-webkit-text-decoration:underline dotted var(--mark-familiar-line) 2px;text-decoration:underline dotted var(--mark-familiar-line) 2px;text-underline-offset:4px}.phrase-title{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.phrase-tag{background:var(--brick-dark);height:22px;box-shadow:0 2px 0 var(--brick-dark-lip);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:0 9px 0 7px;font-size:11px;font-weight:800;display:inline-flex}.phrase-tag-icon{background:#fff;border-radius:3px;width:16px;height:6px}.phrase-meaning{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;font-weight:800;line-height:1.1;overflow:hidden}.phrase-meaning.hint{color:var(--ink-2);padding-top:4px;font-size:17px;font-weight:700}.phrase-chips{scrollbar-width:none;touch-action:pan-x;gap:6px;min-height:42px;padding-bottom:6px;display:flex;position:relative;overflow-x:auto}.pchip{background:var(--paper);height:34px;box-shadow:0 2px 0 var(--brick-light-lip), 0 6px 0 -2px var(--phrase-line);font-family:var(--font-read);border:0;border-radius:10px;flex-shrink:0;padding:0 11px;font-size:17px}.phrase-panel .stops,.phrase-actions,.stops-placeholder{margin-top:auto}.phrase-actions{display:flex}.save-phrase{flex:1;height:48px}.phrase-chips::-webkit-scrollbar{display:none}.snack{background:var(--brick-dark);height:52px;box-shadow:0 4px 0 var(--brick-dark-lip);color:#fff;animation:fade-in var(--dur) var(--ease);z-index:2;border-radius:18px;align-items:center;gap:10px;padding:0 4px 0 14px;font-size:15px;font-weight:700;display:flex;position:absolute;top:8px;left:8px;right:8px}.snack>span{flex:1}.snack .icon{stroke-width:3px;width:18px;height:18px}.snack-undo{color:#fff;background:#ffffff24;border:0;border-radius:14px;height:44px;padding:0 16px;font-weight:800}.learn-more-page{z-index:30;background:var(--paper);padding-top:env(safe-area-inset-top);-webkit-overflow-scrolling:touch;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.lm-body{padding:0 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;max-width:600px;margin:0 auto;display:flex}.lm-section{background:var(--surface);box-shadow:0 4px 0 var(--lip);border-radius:22px;padding:14px 16px}.lm-section h3{margin:0 0 8px;font-size:15px;font-weight:800}.lm-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:800}.lm-lemma-row{justify-content:space-between;align-items:center;display:flex}.lm-lemma-row h2{letter-spacing:-.02em;margin:2px 0;font-size:30px;font-weight:800}.lm-lemma-row .icon-btn{background:var(--brick-light);box-shadow:0 3px 0 var(--brick-light-lip)}.lm-gloss{font-family:var(--font-read);margin:0 0 6px;font-size:19px}.lm-gloss.missing{color:var(--ink-2);font-style:italic}.lm-section p{margin:4px 0}.gram-list,.form-list{margin:0;padding:0;list-style:none}.gram-row{flex-direction:column;gap:2px;padding:8px 0;display:flex}.gram-row+.gram-row{border-top:1.5px solid var(--line-soft)}.gram-name{font-weight:700}.gram-explain{color:var(--ink-2);font-size:14px}.form-list li{min-height:40px;font-family:var(--font-read);justify-content:space-between;align-items:center;font-size:17px;display:flex}.form-list li+li{border-top:1.5px solid var(--line-soft)}.badge{background:var(--brick-light);height:24px;box-shadow:0 2px 0 var(--brick-light-lip);font-family:var(--font-ui);border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.st-new{background:var(--mark-new-bg);box-shadow:0 2px 0 var(--mark-new-lip);color:var(--mark-new-ink)}.badge.st-learning{background:var(--mark-learning-bg);box-shadow:0 2px 0 var(--mark-learning-lip)}.lm-example mark{box-shadow:0 0 0 2px var(--ink);color:inherit;background:0 0;border-radius:6px;padding:0 3px}.lm-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.dots{gap:3px;display:inline-flex}.dot{border:1.5px solid var(--mark-green);border-radius:50%;width:7px;height:7px;display:block}.dot.on{background:var(--mark-green)}.complete{max-width:480px;padding:calc(8px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex;position:relative;overflow:hidden}.confetti{pointer-events:none;width:100%;max-width:390px;height:170px;position:absolute;top:20px;left:0}.complete-close{z-index:3;top:calc(8px + env(safe-area-inset-top));position:absolute;right:14px}.complete-hero{flex-direction:column;align-items:center;gap:10px;padding-top:64px;display:flex;position:relative}.hero-dots{align-items:flex-end;gap:8px;display:flex}.hero-dots span{background:var(--brick-dark);width:22px;height:22px;box-shadow:0 4px 0 var(--brick-dark-lip);border-radius:50%}.hero-dots span:nth-child(2){transform:translateY(-8px)}.complete-hero h1{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:800;line-height:1.05}.complete-sub{font-family:var(--font-read);color:var(--ink-2);margin:0;font-size:16px;font-style:italic}.brick-card{background:var(--surface);box-shadow:0 4px 0 var(--lip);border-radius:24px;position:relative}.understand{align-items:center;gap:16px;padding:10px 16px;display:flex}.understand-ring{flex-shrink:0;width:76px;height:76px;position:relative}.understand-ring>span{justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.understand-text{flex-direction:column;gap:4px;font-size:14px;font-weight:600;display:flex}.understand-text strong{font-size:21px;font-weight:800}.understand-text .arrow{color:var(--ink-3);font-weight:600}.tag-brick{background:var(--brick-light);height:24px;box-shadow:0 2px 0 var(--brick-light-lip);border-radius:8px;align-self:flex-start;align-items:center;padding:0 9px;font-size:13px;font-weight:800;display:inline-flex}.stat-bricks{gap:10px;display:flex}.stat-brick{background:var(--surface);box-shadow:0 3px 0 var(--lip);border-radius:20px;flex-direction:column;flex:1;padding:9px 14px;display:flex}.stat-brick.blue{background:var(--mark-new-bg);box-shadow:0 3px 0 var(--mark-new-lip);color:#22406a}.stat-brick strong{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.stat-brick span{font-size:14px;font-weight:700}.moved{padding:2px 16px}.moved-row{align-items:center;gap:10px;min-height:40px;display:flex}.moved-row+.moved-row{border-top:1.5px solid var(--line-soft)}.moved-word{font-family:var(--font-read);align-items:center;gap:8px;font-size:17px;display:inline-flex}.moved-word .icon{stroke-width:3px;width:16px;height:16px}.moved-step{color:var(--ink-2);font-size:13px;font-weight:600}.moved-more{margin:0 0 8px}.auto{flex-direction:column;gap:6px;padding:8px 10px 10px 14px;display:flex}.auto-head{align-items:center;gap:8px;display:flex}.auto-head>div{flex:1}.auto-head h2{margin:0;font-size:14px;font-weight:800}.auto-head p{margin:0}.auto-chips{flex-wrap:wrap;column-gap:6px;display:flex}.k>span{background:var(--paper);height:36px;box-shadow:0 2px 0 var(--brick-light-lip);font-family:var(--font-read);border-radius:11px;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:15px;display:flex}.k .icon{stroke-width:3px;width:12px;height:12px;color:var(--ink-2)}.k.undone>span{background:var(--mark-new-bg);box-shadow:0 2px 0 var(--mark-new-lip);color:#22406a}.k.undone .icon{color:#22406a}.complete-actions{margin-top:8px}.complete-actions .btn{height:56px;font-size:19px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page .g.sel{margin:0 -1px;padding:0 1px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.w.tl{margin-left:-1px;padding-left:1px}.w.tr{margin-right:-1px;padding-right:1px}.page.measure{visibility:hidden;pointer-events:none;height:auto;position:absolute;top:0;left:0;right:0;overflow:visible}.audio-panel{justify-content:space-between;gap:0;padding:14px 14px 12px 18px;position:relative}.audio-row{height:44px}.audio-where{gap:1px}.audio-page .of{color:var(--ink-2);font-weight:600}.audio-sub{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.sub-cancel{background:var(--brick-light);border:0;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.sub-cancel .icon{stroke-width:2.6px;width:14px;height:14px}.speed-brick,.listening-brick{background:var(--brick-light);height:44px;box-shadow:0 3px 0 var(--brick-light-lip);font-variant-numeric:tabular-nums;border:0;border-radius:14px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px 0 13px;font-size:15px;font-weight:800;display:flex}.speed-brick .icon,.listening-brick .icon:last-child{stroke-width:3px;width:14px;height:14px;color:var(--ink-2)}.speed-brick.open{background:var(--lip);box-shadow:inset 0 2px 0 var(--brick-light-lip)}.listening-brick{align-self:flex-start;gap:8px;margin-left:-4px;padding:0 9px 0 12px}.listening-brick .icon:first-child{width:16px;height:16px}.speed-tray{background:var(--brick-light);height:54px;box-shadow:0 3px 0 var(--brick-light-lip), 0 10px 22px #1c1b1924;z-index:2;animation:fade-in var(--dur) var(--ease);border-radius:18px;gap:3px;padding:5px;display:flex;position:absolute;top:62px;left:10px;right:10px}.tray-notch{background:var(--brick-light);border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;right:27px;transform:rotate(45deg)}.speed-opt{background:var(--surface);min-width:0;height:44px;box-shadow:0 3px 0 var(--brick-light-lip);font-variant-numeric:tabular-nums;letter-spacing:-.01em;border:0;border-radius:12px;flex:1;padding:0;font-size:14px;font-weight:800;position:relative}.speed-opt.on{background:var(--brick-dark);box-shadow:0 3px 0 var(--brick-dark-lip);color:#fff}.audio-panel.speed-open .strip{visibility:hidden}.strip{cursor:pointer;align-items:center;gap:4px;height:44px;padding-right:4px}.seg-page{background:var(--lip);height:10px;box-shadow:0 2px 0 var(--brick-light-lip);border-radius:4px;flex:1;display:flex;position:relative;overflow:visible}.seg-page.done{background:var(--brick-dark);box-shadow:0 2px 0 var(--brick-dark-lip)}.seg-page.viewing{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.seg-page.pending{background:var(--line-soft);box-shadow:none}.seg-page.bar{flex:1}.seg-fill{background:var(--brick-dark);height:10px;box-shadow:0 2px 0 var(--brick-dark-lip);border-radius:4px}.knob{background:var(--surface);border:2.5px solid var(--ink);width:22px;height:22px;box-shadow:0 2px 0 var(--brick-mid-lip);transition:left .3s var(--ease);z-index:1;border-radius:50%;margin:-11px 0 0 -11px;position:absolute;top:50%}.view-mark{background:var(--ink);border-radius:2px;width:4px;height:18px;margin-left:-2px;position:absolute;top:-4px}.audio-controls{flex:0 0 74px;align-items:flex-start;gap:22px;padding-right:4px}.ctrl{flex-direction:column;align-items:center;gap:6px;width:56px;display:flex}.ctrl-label{color:var(--ink-2);font-size:13px;font-weight:700}.play-btn{width:68px;margin-top:-5px}.k{background:0 0;border:0;align-items:center;height:44px;padding:0;display:flex}.k>span{background:var(--surface);border:2px solid var(--stop-lip);height:38px;box-shadow:0 3px 0 var(--stop-lip);font-family:var(--font-read);border-radius:12px;align-items:center;gap:6px;padding:0 7px;font-size:16px;line-height:24px;display:flex}.k.out>span{background:var(--paper);border:2px dashed var(--brick-mid-lip);box-shadow:none}.k.out .w[data-st]{box-shadow:none;color:var(--ink-2);background:0 0}.k.known>span{padding-right:9px}.k.undone>span{background:var(--paper);box-shadow:none;border-style:dashed}.auto-chips{column-gap:5px}.stat-brick.green{background:var(--mark-learning-bg);box-shadow:0 4px 0 var(--mark-learning-lip);color:#1f4d31}.moved-head{justify-content:space-between;align-items:center;padding:4px 0 6px;font-size:15px;font-weight:800;display:flex}.link-btn{background:0 0;border:0;align-items:center;gap:3px;padding:6px 2px;font-size:15px;font-weight:800;display:inline-flex}.link-btn.quiet{color:var(--ink-2);gap:5px;font-size:13px}.listened{flex-direction:column;gap:4px;padding:10px 10px 10px 14px;display:flex}.listened h2{margin:0;font-size:15px;font-weight:800}.complete-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;display:flex}.action-row{gap:10px;display:flex}.action-row .btn.primary{flex:1}.btn.not-now{white-space:nowrap;border:2px solid var(--lip);background:var(--surface);width:104px;height:56px;box-shadow:0 3px 0 var(--lip);border-radius:20px;flex-shrink:0;font-size:16px;font-weight:800}.btn.not-now .icon{width:16px;height:16px}.btn.next-quiet{box-shadow:none;color:var(--ink);border:2px solid var(--lip);background:0 0;border-radius:18px;height:48px!important;font-size:16px!important}.complete-note{justify-content:space-between;align-items:center;margin:4px 6px;display:flex}.history-page{z-index:20;background:var(--paper);max-width:520px;margin:0 auto;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.history-help{margin:0 16px 10px}.history-list{flex-direction:column;gap:8px;margin:0;padding:0 12px 24px;list-style:none;display:flex}.history-row{background:var(--surface);box-shadow:var(--shadow-brick);border-radius:18px;align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex}.history-row.undone{opacity:.6}.history-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:14px;display:flex}.history-undone{color:var(--ink-2);font-size:13px;font-weight:700}.book-row{text-align:left;border:0;align-items:center;gap:12px;width:100%;padding:12px 14px 12px 12px;display:flex}.book-row:active{transform:translateY(2px)}.book-row>.icon{color:var(--ink-3)}.book-text{flex:1;min-width:0}.book-progress{color:var(--ink);margin:4px 0 0;font-size:13px;font-weight:700}.note-inline{color:var(--accent)}.lib-actions .btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 0 var(--accent-lip)}.book-page{max-width:560px;padding:env(safe-area-inset-top) 16px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.book-hero{align-items:center;gap:14px;margin:4px 0 16px;display:flex}.book-cover.big{border-radius:14px;width:64px;height:80px}.book-hero .book-title{letter-spacing:-.02em;font-size:24px}.continue{text-align:left;justify-content:space-between;min-height:64px;padding:10px 18px 10px 20px;height:auto!important}.continue-text{flex-direction:column;gap:2px;font-size:19px;display:flex}.book-page .chapter-list{background:var(--surface);border-radius:var(--radius-card);box-shadow:0 4px 0 var(--lip);padding:6px 8px}.chapter-item+.chapter-item{border-top:1.5px solid var(--line-soft)}.chapter-list li+li .chapter-row{border-top:0}.ch-audio{align-items:center;gap:6px;margin-top:-10px;padding:0 6px 8px 50px;display:flex}.ch-audio:empty{display:none}.gen-btn{color:var(--ink-2);margin-left:-8px;height:30px!important;box-shadow:none!important;background:0 0!important;border-radius:10px!important;padding:0 8px!important;font-size:13px!important}.gen-btn .icon{width:16px;height:16px}.gen-progress,.gen-done,.gen-error{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.gen-done{color:var(--mark-green)}.gen-done .icon{stroke-width:3px;width:15px;height:15px}.gen-error{color:var(--accent)}.icon-btn.small-x{width:32px;height:32px}.book-note{margin:12px 6px 0}.remove-book{margin:18px auto 0;display:block}.drop-zone{border-radius:var(--radius-card);border:2.5px dashed var(--brick-mid-lip);background:var(--surface);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.drop-zone .icon{width:30px;height:30px}.drop-zone strong{font-size:17px;font-weight:800}.drop-zone.over{border-color:var(--ink);background:var(--brick-light)}.epub-preview{flex-direction:column;gap:8px;padding:16px;display:flex}.preview-list{max-height:340px;overflow-y:auto}.preview-list li{justify-content:space-between;gap:10px;display:flex}.paste-box{background:var(--surface);box-shadow:var(--shadow-brick);border-radius:18px;flex-direction:column;gap:10px;padding:10px 14px;display:flex}.paste-box[open]{padding-bottom:14px}.paste-box summary{cursor:pointer;padding:4px 0;font-weight:800}.paste-box>*+*{margin-top:10px}@media (min-width:600px){.reader{border-left:1.5px solid var(--line-soft);border-right:1.5px solid var(--line-soft);max-width:520px;margin:0 auto}.complete{max-width:520px;margin:0 auto}}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.btn.secondary{background:var(--surface);box-shadow:inset 0 0 0 2px var(--lip), 0 3px 0 var(--lip);border-radius:20px}.btn.secondary:disabled{background:var(--paper);color:var(--ink-3);box-shadow:inset 0 0 0 2px var(--lip)}.btn.big{border-radius:20px;height:56px;font-size:18px}.btn.primary .icon,.btn.big .icon{width:20px;height:20px}.grow{flex:1}.screen:not(.reader)>.topbar{height:64px;padding:10px 12px 0}.screen .topbar h1.top-title{margin:0}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}label.btn{cursor:pointer;-webkit-user-select:none;user-select:none}.bottom-action{padding:16px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#f4f2ee00, var(--paper) 24px);margin-top:auto;position:sticky;bottom:0}.link-btn{background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:0;font-size:15px;font-weight:800;display:inline-flex}.link-btn .icon{stroke-width:2.6px;width:16px;height:16px}.library{padding:calc(30px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.library .lib-head{margin-bottom:4px}.library .lib-top{justify-content:space-between;align-items:flex-start;display:flex}.library .brand{align-items:center;gap:10px;display:flex}.library .brand h1{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:800;line-height:1}.library .brand-dots{align-items:flex-end;gap:4px;padding-top:10px;display:flex}.library .brand-dots span{background:var(--brick-dark);width:9px;height:9px;box-shadow:0 2px 0 var(--brick-dark-lip);border-radius:50%}.library .brand-dots span:nth-child(2){transform:translateY(-4px)}.lib-known{color:var(--ink-2);margin:6px 0 0;font-size:15px;font-weight:700}.lib-forms{color:var(--ink-3);font-weight:600}.library.empty{min-height:100dvh}.empty-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding-bottom:40px;display:flex}.empty-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.es-brick{border-radius:8px;height:30px;display:block;position:relative}.es-brick.light{background:var(--brick-light);border:2px solid var(--brick-light-lip);width:118px;box-shadow:0 3px 0 var(--brick-light-lip)}.es-brick.light i{background:var(--brick-light);border:2px solid var(--brick-light-lip);border-bottom:0;border-radius:3px 3px 0 0;width:14px;height:9px;position:absolute;top:-9px}.es-brick.light i:first-child{left:20px}.es-brick.light i:last-child{right:20px}.es-brick.mid{background:var(--brick-mid);width:140px;box-shadow:0 4px 0 var(--brick-mid-lip)}.es-brick.dark{background:var(--brick-dark);width:160px;box-shadow:0 4px 0 var(--brick-dark-lip)}.empty-text h2{letter-spacing:-.02em;margin:0 0 8px;font-size:26px;font-weight:800}.empty-text p{max-width:270px;color:var(--ink-2);margin:0 auto;font-size:16px;font-weight:600;line-height:1.4}.cover-brick{border-radius:9px;flex-shrink:0;display:block;position:relative}.cover-brick.md{width:46px;height:52px;margin-top:7px}.cover-brick.sm{width:36px;height:42px;margin-top:6px}.cover-brick.dark{background:var(--brick-dark);box-shadow:0 3px 0 var(--brick-dark-lip)}.cover-brick.sand{background:var(--brick-mid);box-shadow:0 3px 0 var(--brick-mid-lip)}.cb-stud{background:inherit;border-radius:3px 3px 0 0;width:10px;height:7px;position:absolute;top:-6px}.cb-stud:first-child{left:7px}.cb-stud:last-child{right:7px}.continue-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:18px;display:flex}.cc-head{align-items:flex-start;gap:14px;display:flex}.cc-text{min-width:0}.cc-title{font-family:var(--font-read);overflow-wrap:anywhere;margin:4px 0 2px;font-size:21px;font-weight:500}.cc-chapter{color:var(--ink-2);margin:0;font-size:14px;font-weight:700}.cc-strip,.mini-strip{gap:4px;display:flex}.cc-strip span,.mini-strip span{background:var(--lip);height:10px;box-shadow:0 2px 0 var(--brick-light-lip);border-radius:4px;flex:1}.cc-strip span.on,.mini-strip span.on{background:var(--brick-dark);box-shadow:0 2px 0 var(--brick-dark-lip)}.mini-strip{max-width:270px;margin-top:8px}.mini-strip span{height:6px;box-shadow:none;border-radius:3px}.mini-strip span.on{box-shadow:none}.cc-sub{color:var(--ink-2);margin:0;font-size:14px;font-weight:600}.cc-btn{margin-top:4px}.lib-section{margin:6px 4px 0;font-size:17px;font-weight:800}.lib-books{flex-direction:column;gap:12px;display:flex}.library .book-row{background:var(--surface);width:100%;min-height:76px;box-shadow:0 3px 0 var(--lip);text-align:left;border:0;border-radius:22px;align-items:center;gap:14px;padding:12px 16px;display:flex}.library .book-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.library .book-title{font-family:var(--font-read);overflow-wrap:anywhere;font-size:19px;font-weight:400}.library .book-meta{color:var(--ink-2);font-size:14px;font-weight:600}.library .book-row>.icon{stroke-width:2.6px;width:18px;height:18px}.book-page{padding:env(safe-area-inset-top) 0 0;flex-direction:column;display:flex}.book-page .plain-head{padding:30px 12px 0}.book-hero{align-items:center;gap:16px;padding:18px 20px 16px;display:flex}.gen-cover{width:72px;height:104px;box-shadow:0 3px 0 var(--lip);background:#f1e2c7;border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.gc-sun{background:var(--surface);border-radius:50%;width:14px;height:14px;position:absolute;top:14px;right:12px}.gc-letter{text-align:center;font-family:var(--font-read);color:var(--brick-dark);font-size:40px;line-height:1;position:absolute;top:28px;left:0;right:0}.gc-sea{background:var(--brick-mid);height:22px;position:absolute;bottom:0;left:0;right:0}.bh-title{letter-spacing:-.025em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.05}.bh-meta{color:var(--ink-2);margin:0;font-size:14px;font-weight:600}.chapters-card{margin:0 20px;padding:4px 16px}.book-page .chapter-list{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;list-style:none}.book-page .chapter-list li+li .chapter-row{border-top:1.5px solid var(--line-soft)}.book-page .chapter-row{text-align:left;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:14px;width:100%;padding:16px 0;display:flex}.book-page .ch-num{background:var(--brick-light);width:36px;height:36px;box-shadow:0 3px 0 var(--brick-light-lip);color:var(--ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.book-page .ch-num.done{background:var(--brick-dark);box-shadow:0 3px 0 var(--brick-dark-lip);color:#fff}.book-page .ch-num.done .icon{stroke-width:3px;width:18px;height:18px}.book-page .ch-num.current{background:var(--surface);box-shadow:inset 0 0 0 2.5px var(--ink), 0 3px 0 var(--lip)}.book-page .ch-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.book-page .ch-title{font-family:var(--font-read);overflow-wrap:anywhere;font-size:18px}.book-page .ch-sub{color:var(--ink-2);font-size:14px;font-weight:600}.book-page .ch-gen{color:var(--ink-3);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.book-page .ch-gen:empty{display:none}.book-page .ch-gen svg{width:14px;height:14px}.book-page .ch-gen.ready{color:var(--ink-2)}.ch-right{color:var(--ink-2);flex-shrink:0;padding-top:4px;font-size:14px;font-weight:700}.ch-right.strong{color:var(--ink);font-weight:800}.prep-slot{padding:14px 20px 0}.prep-slot:empty{display:none}.prep-card{background:var(--surface);width:100%;box-shadow:inset 0 0 0 2px var(--lip), 0 3px 0 var(--lip);text-align:left;border:0;border-radius:20px;align-items:center;gap:14px;padding:12px 16px;display:flex}.prep-card.ready{cursor:default;color:inherit}.prep-icon .icon{width:20px;height:20px}.prep-text{flex-direction:column;flex:1;gap:1px;display:flex}.prep-text strong{font-size:15px;font-weight:800}.prep-text span{color:var(--ink-2);font-size:13px;font-weight:600}.book-links{justify-content:center;gap:8px;padding:12px 20px 0;display:flex}.book-links .btn-text{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.book-links .icon{width:16px;height:16px}.btn.continue{flex-direction:column;gap:1px;height:64px}.continue-text{flex-direction:column;align-items:center;font-size:18px;font-weight:800;line-height:1.15;display:flex}.continue-text small{opacity:.92;font-size:13px;font-weight:700;font-family:var(--font-ui)}.import{flex-direction:column;min-height:100dvh;display:flex}.import-body{flex-direction:column;gap:14px;padding:16px 20px 24px;display:flex}.pick-card{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:26px 18px 20px;display:flex}.pick-card h2,.paste-card h2{margin:14px 0 0;font-size:22px;font-weight:800}.pick-card p{margin:0 0 16px;font-size:14px;font-weight:700}.pick-icon,.problem-icon{background:var(--brick-light);width:64px;height:68px;box-shadow:0 4px 0 var(--brick-light-lip);border-radius:14px;justify-content:center;align-items:center;margin-top:8px;display:inline-flex;position:relative}.pick-icon i,.problem-icon i{background:inherit;border-radius:4px 4px 0 0;width:14px;height:8px;position:absolute;top:-7px}.pick-icon i:first-child,.problem-icon i:first-child{left:12px}.pick-icon i:nth-child(2),.problem-icon i:nth-child(2){right:12px}.or-divider{color:var(--ink-2);align-items:center;gap:14px;font-size:14px;font-weight:700;display:flex}.or-divider span{background:var(--lip);flex:1;height:1.5px}.paste-card{flex-direction:column;gap:12px;padding:4px 18px 18px;display:flex}.paste-card h2{font-size:17px}.import .field{border:2px solid var(--lip);background:var(--paper);width:100%;font:inherit;color:var(--ink);border-radius:14px;padding:12px 14px}.import .field.area{resize:vertical;min-height:132px;font-family:var(--font-read);font-size:17px}.preview{padding-bottom:8px}.pv-book{align-items:center;gap:14px;padding:0 4px;display:flex}.pv-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pv-title{font-family:var(--font-read);overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:500}.pv-author{color:var(--ink-2);margin:0;font-size:15px;font-weight:700}.pv-chapters{padding:12px 18px 6px}.pv-head{border-bottom:1.5px solid var(--line-soft);justify-content:space-between;align-items:baseline;padding:6px 0 12px;display:flex}.pv-head strong{font-size:17px;font-weight:800}.pv-head span{color:var(--ink-2);font-size:14px;font-weight:700}.pv-list{margin:0;padding:0;list-style:none}.pv-list li{border-bottom:1.5px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:45px;display:flex}.pv-ch{font-family:var(--font-read);overflow-wrap:anywhere;font-size:18px}.pv-min{color:var(--ink-2);flex-shrink:0;font-size:14px;font-weight:700}.pv-switch{border-radius:22px;align-items:center;gap:14px;padding:14px 18px;display:flex}.pv-switch>div{flex:1}.pv-switch h3{margin:0;font-size:16px;font-weight:800}.pv-switch p{color:var(--ink-2);margin:2px 0 0;font-size:14px;font-weight:600}.switch{flex-shrink:0}.switch.on{background:var(--brick-dark)}.problem{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:0 20px 80px;display:flex}.problem-icon{background:var(--brick-mid);width:84px;height:92px;box-shadow:0 4px 0 var(--brick-mid-lip)}.problem-icon .icon{stroke-width:2.2px;width:30px;height:30px}.problem h2{letter-spacing:-.02em;margin:10px 0 0;font-size:26px;font-weight:800}.problem p{color:var(--ink-2);overflow-wrap:anywhere;margin:0 0 16px;font-size:16px;font-weight:600;line-height:1.45}.problem p strong{color:var(--ink)}.settings .settings-body{flex-direction:column;gap:8px;padding:4px 16px 32px;display:flex}.set-section{color:var(--ink-2);margin:10px 4px 0;font-size:14px;font-weight:700}.settings .set-card{border-radius:22px;flex-direction:column;gap:10px;padding:16px;display:flex}.settings .set-label{margin:0;font-size:16px;font-weight:800}.settings .set-help{color:var(--ink-2);margin:2px 0 0;font-size:14px;font-weight:600}.size-tray{background:var(--lip);box-shadow:inset 0 2px 0 var(--brick-light-lip);border-radius:16px;gap:4px;padding:4px;display:flex}.size-opt{height:42px;font-family:var(--font-read);color:var(--ink-2);background:0 0;border:0;border-radius:12px;flex:1}.size-opt.on{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--brick-light-lip)}.settings .set-preview{font-family:var(--font-read);margin:4px 0 0;line-height:1.6}.set-row{align-items:center;gap:12px;display:flex}.set-row>div{flex:1}.set-row.divided{border-top:1.5px solid var(--line-soft);padding-top:12px}.set-status{color:var(--ink-2);align-items:center;gap:6px;margin:6px 0 0;font-size:14px;font-weight:700;display:flex}.set-status.ok{color:#2d6a46}.set-status .icon{stroke-width:2.4px;width:18px;height:18px}.set-pair{gap:10px;display:flex}.set-pair .btn{flex:1}.about-row{border:0;border-top:1.5px solid var(--line-soft);text-align:left;background:0 0;width:100%;min-height:52px;padding:12px 0 0}.about-row .set-label{flex:1}.about-row .icon{width:18px;height:18px}.about-text p{color:var(--ink-2);margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.4}.seek-btn{background:var(--brick-light);width:52px;height:52px;box-shadow:0 3px 0 var(--brick-light-lip);border-radius:17px}.seek-btn .icon{stroke-width:2px;width:30px;height:30px}.audio-controls{justify-content:center}.audio-sub .sep{color:var(--ink-3)}.audio-sub .ahead{align-items:center;gap:4px;display:inline-flex}.audio-sub .ahead .icon{width:13px;height:13px}.status-panel{justify-content:space-between;gap:12px;padding:18px 16px 16px 18px}.sp-head{align-items:center;gap:14px;display:flex}.sp-icon{background:var(--brick-light);width:44px;height:44px;box-shadow:0 3px 0 var(--brick-light-lip);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sp-icon .icon{stroke-width:2.3px;width:20px;height:20px}.sp-head h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.sp-head p,.sp-line{color:var(--ink-2);margin:2px 0 0;font-size:14px;font-weight:600;line-height:1.35}.sp-line{margin:0}.sp-actions{gap:10px;display:flex}.sp-actions .btn.primary{flex:1;padding:0 12px;font-size:15px}.sp-actions .btn.secondary{padding:0 14px;font-size:15px}.sp-bar{background:var(--lip);height:14px;box-shadow:0 2px 0 var(--brick-light-lip);border-radius:7px;overflow:hidden}.sp-bar span{background:var(--brick-dark);height:100%;transition:width .3s var(--ease);border-radius:7px;display:block}.sp-numbers{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:14px;font-weight:600;display:flex}.sp-numbers strong{color:var(--ink)}.sp-note{background:var(--paper);border-radius:12px;align-items:center;gap:8px;height:40px;margin:0;padding:0 14px;font-size:14px;font-weight:700;display:flex}.sp-note .icon{width:17px;height:17px}.word-panel .meaning-row{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.card-word{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.playing-pill{background:0 0;border:0;flex-shrink:0;align-items:center;height:44px;margin:-6px 0;padding:0;display:inline-flex}.pp-face{background:var(--surface);height:30px;box-shadow:inset 0 0 0 2px var(--stop-border), 0 2px 0 var(--stop-lip);border-radius:10px;align-items:center;gap:8px;padding:0 11px 0 10px;display:inline-flex}.pp-face .icon{width:13px;height:13px}.pp-sep{background:var(--brick-light-lip);border-radius:1px;width:1.5px;height:14px}.phrase-chips{align-items:center;gap:8px;display:flex}.phrase-chips-words{flex-wrap:wrap;flex:1;gap:4px;display:flex}.toast{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;background:var(--brick-dark);min-height:52px;box-shadow:0 4px 0 var(--brick-dark-lip);color:#fff;animation:fade-in var(--dur) var(--ease);border-radius:18px;align-items:center;gap:10px;padding:4px 6px 4px 18px;font-size:15px;font-weight:700;display:flex;position:fixed}.toast-text{flex:1}.toast-undo{color:#fff;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:0 14px;font-weight:800;text-decoration:underline}.toast.over-dock{left:12px;right:12px;bottom:calc(var(--dock-h) + 6px);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);font-size:14px;position:absolute}.toast.over-dock .toast-undo{color:var(--ink);background:var(--brick-light);box-shadow:0 3px 0 var(--brick-light-lip);border-radius:14px;text-decoration:none}.empty-chapter{text-align:center;font-family:var(--font-ui);margin-top:24px;padding:22px 18px 18px}.empty-chapter h2{margin:0 0 4px;font-size:18px;font-weight:800}.empty-chapter p{color:var(--ink-2);margin:0 0 16px;font-size:14px;font-weight:600}.learn-more-page{background:var(--paper);overflow-y:auto}.learn-more-page .topbar{height:64px;padding:calc(10px + env(safe-area-inset-top)) 12px 0}.learn-more-page .lm-body{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;padding:12px 16px 32px;display:flex}.lm-card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;padding:16px 18px}.lm-word-row,.lm-sentence-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lm-word-text{letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:34px;font-weight:800}.lm-meaning{font-family:var(--font-read);margin:4px 0 0;font-size:21px}.lm-meaning.missing{color:var(--ink-3)}.lm-form{border-top:1.5px solid var(--line-soft);margin-top:12px;padding-top:12px}.learn-more-page .lm-kicker{color:var(--ink-2);text-transform:none;letter-spacing:0;margin:0 0 4px;font-size:13px;font-weight:700}.lm-base{margin:0 0 12px;font-size:22px}.lm-base strong{font-weight:800}.lm-base em{font-family:var(--font-read);color:var(--ink-2);font-size:16px}.lm-note{background:var(--paper);color:var(--ink-2);border-radius:12px;margin:10px 0 0;padding:10px 12px;font-size:14px;font-weight:600}.lm-example{font-family:var(--font-read);margin:0;font-size:19px;line-height:1.55}.lm-example mark{box-shadow:0 0 0 2.5px var(--ink);background:0 0;border-radius:8px;padding:0 3px}.lm-level .stops{margin-top:6px}.lm-ignore{min-height:44px;color:var(--ink-2);background:0 0;border:0;align-self:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.lm-ignore .icon{width:16px;height:16px}.complete{flex-direction:column;display:flex}.complete .complete-actions{padding:4px 0 calc(16px + env(safe-area-inset-bottom));background:var(--paper);flex:none;margin-top:auto}.complete-foot{text-align:center;color:var(--ink-2);margin:0 0 12px;font-size:13px;font-weight:600}.inline-link{font:inherit;color:var(--ink);text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.moved-fold{align-items:center;gap:10px;padding:12px 16px;display:flex}.mf-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mf-text strong{font-size:15px;font-weight:800}.mf-words{font-family:var(--font-read);color:var(--ink-2);font-size:16px}.passed{padding:14px 16px 16px}.passed-head h2{margin:0;font-size:16px;font-weight:800}.passed-head p{color:var(--ink-2);margin:2px 0 12px;font-size:13px;font-weight:600}.pchips{flex-wrap:wrap;gap:6px;display:flex}.pk{background:0 0;border:0;align-items:center;min-height:44px;padding:0;display:inline-flex}.pk>.pk-word{background:var(--surface);height:38px;box-shadow:inset 0 0 0 2px var(--stop-lip), 0 3px 0 var(--stop-lip);font-family:var(--font-read);border-radius:12px;align-items:center;padding:0 10px;font-size:16px;display:inline-flex}.pk.learning,.pk.back{box-shadow:inset 0 0 0 2px var(--stop-lip), 0 3px 0 var(--stop-lip);background:var(--surface);border-radius:12px;gap:4px;height:38px;min-height:38px;margin:3px 0;padding:0 8px 0 4px}.pk.learning>.pk-word,.pk.back>.pk-word{height:28px;box-shadow:none;padding:0 6px}.pk.learning>.pk-word{background:var(--mark-learning-bg);box-shadow:inset 0 -3px 0 var(--mark-learning-lip);border-radius:8px}.pk.back{background:var(--paper);box-shadow:inset 0 0 0 2px var(--chip-off-border);outline:2px dashed var(--chip-off-border);outline-offset:-2px;border:0}.pk.back>.pk-word{background:var(--mark-new-bg);border-radius:8px}.pk-tag{color:var(--mark-learning-ink);font-size:12px;font-weight:800}.pk.back .pk-tag{color:var(--mark-new-ink)}.book-done .complete-sub.italic{font-family:var(--font-read);font-size:17px;font-style:italic}.done-bricks{gap:6px;padding:10px 14px;display:flex}.done-bricks .db{background:var(--brick-dark);height:24px;box-shadow:0 3px 0 var(--brick-dark-lip);border-radius:6px;flex:1}.done-known{align-items:center;gap:16px;padding:18px;display:flex}.dk-check{background:var(--brick-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.dk-check .icon{stroke-width:3px;width:22px;height:22px}.done-known strong{letter-spacing:-.02em;font-size:32px;font-weight:800;display:block}.done-known span{color:var(--ink-2);font-size:15px;font-weight:700}.stat-bricks.plain .stat-brick{background:var(--surface);box-shadow:0 3px 0 var(--lip)}.quiet-exit{margin:10px auto 0;font-size:15px;display:block}.log-page{flex-direction:column;display:flex}.log-intro{color:var(--ink-2);margin:8px 20px 12px;font-size:15px;font-weight:600;line-height:1.35}.log-body{background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;flex-direction:column;margin:0 16px;padding:4px 16px;display:flex}.log-chapter+.log-chapter{border-top:1.5px solid var(--line-soft)}.log-chapter{padding-bottom:12px}.log-chapter:not(.open){padding-bottom:0}.log-head{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:12px 0 10px;display:flex}.log-head-text{flex-direction:column;flex:1;gap:2px;display:flex}.log-head-text strong{font-size:16px;font-weight:800}.log-head-text>span{color:var(--ink-2);font-size:14px;font-weight:600}.log-chapter .btn.secondary{border-radius:14px;height:44px;margin-top:12px;font-size:15px}.log-empty{box-shadow:none;padding:14px 0}.log-empty p{color:var(--ink-2);margin:4px 0 0;font-size:14px;font-weight:600}@media (min-width:600px){.library,.book-page,.import,.settings,.log-page{max-width:520px;margin:0 auto}.toast{max-width:488px;margin:0 auto}}.screen.complete{overflow:clip visible}.word-panel .card-meaning{flex:0 auto}.reader.has-toast .page{padding-bottom:68px}.pchips-more{margin-top:8px}.done-known .dk-check{color:#fff}.page-wrap>.page:not(.measure){position:absolute;top:0;bottom:0;left:0;right:0}.page-wrap>.page.off{visibility:hidden;pointer-events:none}.page.measure{contain:layout style paint}.page.measure .w{transition:none;position:static}.screen.complete:not(.book-done){height:100vh;box-sizing:border-box;height:100dvh;min-height:0;padding-bottom:0;overflow:hidden auto}.complete:not(.book-done)>*{flex:none}.complete>.passed{flex-direction:column;flex:auto;min-height:168px;padding-right:6px;display:flex}.passed-head{flex:none;padding-right:10px}.pchips-scroll{overscroll-behavior:contain;flex:1 1 0;min-height:0;padding:0 10px 14px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.complete-foot{line-height:16px}.understand-ring>.ring-pct.wide{letter-spacing:-.03em;font-size:16px}.pchips{display:block}.pchip-block{content-visibility:auto;contain-intrinsic-size:auto 240px;flex-wrap:wrap;gap:6px;padding-bottom:4px;display:flex}.pchip-block+.pchip-block{margin-top:2px}.page-wrap>.page.tall{overscroll-behavior:contain;touch-action:pan-y;padding-bottom:28px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.reader .dock-card,.reader .page-wrap{contain:layout style}.word-panel.is-miss .card-meaning{color:var(--ink-2);font-style:normal}.miss-note{font-family:var(--font-ui);color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.miss-note .miss-guess{color:var(--ink-2)}.library .starter-row.preparing .cover-brick{opacity:.55}.library .starter-row .starter-state{color:var(--ink-2)}.library .starter-row.failed .starter-state{color:var(--ink)}.library .starter-row>.icon{color:var(--ink-2)}.prep-dots{flex-shrink:0;gap:4px;display:inline-flex}.prep-dots i{background:var(--brick-mid-lip);border-radius:3px;width:6px;height:6px;animation:1.2s cubic-bezier(.2,.8,.2,1) infinite prep-dot}.prep-dots i:nth-child(2){animation-delay:.2s}.prep-dots i:nth-child(3){animation-delay:.4s}@keyframes prep-dot{0%,to{opacity:.35}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.prep-dots i{opacity:.6;animation:none}}.classics-card{flex-direction:column;padding:18px 18px 8px;display:flex}.classics-head h2{margin:0;font-size:17px;font-weight:800}.classics-head p{margin:2px 0 4px;font-size:14px;font-weight:600}.classics-list{margin:0;padding:0;list-style:none}.classic-row{align-items:flex-start;gap:12px;padding:14px 0;display:flex}.classic-row+.classic-row{border-top:1.5px solid var(--line-soft)}.classic-row .cover-brick{margin-top:8px}.classic-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.classic-text .book-title{font-family:var(--font-read);color:var(--ink);font-size:17px;font-weight:400;line-height:1.3}.classic-text .book-meta{margin:0}.classic-blurb{color:var(--ink-2);font-size:13px;font-weight:600;line-height:1.35}.btn.classic-add{flex-shrink:0;align-self:center;gap:4px;min-width:76px}.btn.classic-add .icon{width:16px;height:16px}.btn.classic-add.done:disabled{box-shadow:none;color:var(--mark-green);background:0 0;padding:0 4px}.classic-empty{padding:12px 0 14px;font-size:14px;font-weight:600}.sp-head .sp-why{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:13px;font-weight:700}.voice-diag{background:var(--paper);color:var(--ink-2);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:12px;margin:8px 0 0;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.45}.set-row.diag-row{flex-direction:column;align-items:stretch;gap:0}.diag-head{align-items:center;gap:12px;display:flex}.diag-head>div{flex:1}