@font-face{font-family:Lexend;src:url(/fonts/lexend.ttf) format("truetype-variations"),url(/fonts/lexend.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson_regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson_bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/opendyslexic_regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/opendyslexic_bold.otf) format("opentype");font-weight:700;font-display:swap}:root{--ground: #f4eedf;--surface: #eae1cb;--card: #fffdf6;--card-high: #dbd0b4;--teal: #12807d;--teal-bright: #0e8f8b;--text: #1b2440;--text-faint: rgba(27, 36, 64, .66);--text-ghost: rgba(27, 36, 64, .42);--stroke: rgba(16, 35, 71, .1);--danger: #c24534;--marigold: #fdbe2c;--marigold-deep: #e2a416;--paper: #faf6ec;--paper-ink: #23262e;--on-accent: #102347;--shadow-card: 0 1px 2px rgba(16, 35, 71, .06), 0 6px 18px rgba(16, 35, 71, .07);--shadow-lift: 0 2px 6px rgba(16, 35, 71, .1), 0 14px 34px rgba(16, 35, 71, .12);--focus-ring: var(--teal-bright);--scrim: rgba(16, 35, 71, .42);--sentence-band: rgba(18, 128, 125, .16);color-scheme:light}:root[data-theme=dark]{--ground: #0b1b38;--surface: #102347;--card: #1a3155;--card-high: #24406b;--teal: #1aa9a6;--teal-bright: #2cc5c1;--text: #ffffff;--text-faint: rgba(255, 255, 255, .62);--text-ghost: rgba(255, 255, 255, .38);--stroke: rgba(255, 255, 255, .06);--danger: #e2604c;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .34);--shadow-lift: 0 2px 6px rgba(0, 0, 0, .36), 0 14px 34px rgba(0, 0, 0, .44);--scrim: rgba(4, 10, 24, .62);--sentence-band: rgba(44, 197, 193, .2);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--ground: #0b1b38;--surface: #102347;--card: #1a3155;--card-high: #24406b;--teal: #1aa9a6;--teal-bright: #2cc5c1;--text: #ffffff;--text-faint: rgba(255, 255, 255, .62);--text-ghost: rgba(255, 255, 255, .38);--stroke: rgba(255, 255, 255, .06);--danger: #e2604c;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .34);--shadow-lift: 0 2px 6px rgba(0, 0, 0, .36), 0 14px 34px rgba(0, 0, 0, .44);--scrim: rgba(4, 10, 24, .62);--sentence-band: rgba(44, 197, 193, .2);color-scheme:dark}}:root{--font-ui: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;--font-read: var(--font-ui);--font-scale: 1;--read-scale: 1;--read-line: 1.6;--read-letter: 0em;--read-word: normal;--display-small: calc(30px * var(--font-scale));--display-small-line: calc(36px * var(--font-scale));--headline-small: calc(24px * var(--font-scale));--headline-small-line: calc(30px * var(--font-scale));--title-large: calc(20px * var(--font-scale));--title-large-line: calc(26px * var(--font-scale));--title-medium: calc(17px * var(--font-scale));--title-medium-line: calc(23px * var(--font-scale));--body-large: calc(16px * var(--font-scale));--body-large-line: calc(24px * var(--font-scale));--body-medium: calc(14px * var(--font-scale));--body-medium-line: calc(21px * var(--font-scale));--label-large: calc(15px * var(--font-scale));--label-large-line: calc(20px * var(--font-scale));--label-medium: calc(13px * var(--font-scale));--label-medium-line: calc(18px * var(--font-scale));--label-small: calc(11px * var(--font-scale));--label-small-line: calc(15px * var(--font-scale));--r-small: 10px;--r-medium: 16px;--r-large: 22px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--touch: 48px;--touch-large: 72px;--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{background:var(--ground);-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--text);font-family:var(--font-ui);font-size:var(--body-large);line-height:var(--body-large-line);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-small)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s4);top:-100px;z-index:100;background:var(--marigold);color:var(--on-accent);padding:var(--s3) var(--s5);border-radius:var(--r-small);font-weight:600;text-decoration:none;transition:top .12s var(--ease)}.skip-link:focus{top:var(--s4)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--ground)}.page{width:100%;max-width:880px;margin:0 auto;padding:var(--s5) var(--s5) var(--s12)}.page-wide{max-width:1180px}.row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--s4)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.grow{flex:1 1 auto;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--surface);border-bottom:1px solid var(--stroke)}.topbar-title{font-size:var(--title-medium);line-height:var(--title-medium-line);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandmark{display:flex;align-items:center;gap:var(--s2);font-weight:600;font-size:var(--title-medium);color:var(--text);text-decoration:none}.brandmark img{width:30px;height:30px;border-radius:8px}.sweep{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--marigold) 0%,var(--marigold) 75%,rgba(253,190,44,0) 100%)}.screen-title{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s5)}.screen-title h1{font-size:var(--display-small);line-height:var(--display-small-line);font-weight:600;letter-spacing:-.3px;color:var(--text)}.screen-subtitle{margin-top:2px;font-size:var(--body-medium);line-height:var(--body-medium-line);color:var(--text-faint)}.section-label{font-size:var(--label-small);line-height:var(--label-small-line);letter-spacing:.6px;font-weight:500;text-transform:uppercase;color:var(--text-ghost);margin:var(--s5) 0 var(--s2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:var(--r-large);font-size:var(--title-medium);line-height:var(--title-medium-line);font-weight:600;cursor:pointer;transition:transform 90ms var(--ease),filter .12s var(--ease),background-color .12s var(--ease)}.btn:active:not(:disabled){transform:translateY(1px) scale(.995)}.btn:disabled{cursor:default}.btn-primary{min-height:64px;padding:0 var(--s6);background:var(--marigold);color:var(--on-accent);box-shadow:var(--shadow-card)}.btn-primary:hover:not(:disabled){background:var(--marigold-deep)}.btn-primary:disabled{background:var(--card);color:var(--text-ghost);box-shadow:none}.btn-secondary{min-height:56px;padding:0 var(--s5);background:var(--card);color:var(--teal-bright);border:1px solid var(--stroke)}.btn-secondary:hover:not(:disabled){background:var(--card-high)}.btn-secondary:disabled{color:var(--text-ghost)}.btn-quiet{min-height:var(--touch);width:auto;padding:0 var(--s4);background:transparent;color:var(--teal-bright);border-radius:var(--r-medium);font-size:var(--label-large)}.btn-quiet:hover:not(:disabled){background:var(--card)}.btn-danger{min-height:56px;width:auto;padding:0 var(--s5);background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:var(--r-large)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.btn-inline{width:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--r-pill);color:var(--text);cursor:pointer;transition:background-color .12s var(--ease),transform 90ms var(--ease)}.icon-btn:hover:not(:disabled){background:var(--card)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{color:var(--text-ghost);cursor:default}.icon-btn-md{width:var(--touch);height:var(--touch)}.icon-btn-lg{width:60px;height:60px}.icon-btn-xl{width:var(--touch-large);height:var(--touch-large)}.icon-btn[aria-pressed=true]{background:var(--card-high);color:var(--teal-bright)}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-medium);box-shadow:var(--shadow-card);overflow:hidden}.card-hit{display:block;width:100%;text-align:left;background:transparent;border:0;padding:var(--s4);cursor:pointer;color:inherit}.card-hit:hover{background:color-mix(in srgb,var(--card-high) 45%,transparent)}.card-pad{padding:var(--s4)}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--touch);padding:0 var(--s4);background:var(--card);color:var(--text);border:1px solid var(--stroke);border-radius:var(--r-pill);font-size:var(--label-large);font-weight:500;cursor:pointer;transition:background-color .12s var(--ease),border-color .12s var(--ease),transform 90ms var(--ease)}.chip:hover{background:var(--card-high)}.chip-selected{background:var(--marigold);color:var(--on-accent);border-color:transparent}.chip-drop{border-color:var(--marigold);border-style:dashed;background:color-mix(in srgb,var(--marigold) 22%,var(--card));transform:scale(1.04)}.modal{width:min(560px,calc(100vw - 32px));max-height:min(86dvh,780px);padding:0;border:1px solid var(--stroke);border-radius:var(--r-large);background:var(--card);color:var(--text);box-shadow:var(--shadow-lift);overflow:hidden}.modal-wide{width:min(860px,calc(100vw - 32px))}.modal::backdrop{background:var(--scrim);backdrop-filter:blur(2px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s3) var(--s4) var(--s5);border-bottom:1px solid var(--stroke)}.modal-head h2{font-size:var(--title-large);line-height:var(--title-large-line);font-weight:600}.modal-body{padding:var(--s5);overflow-y:auto;max-height:calc(min(86dvh,780px) - 160px)}.modal-foot{display:flex;gap:var(--s3);padding:var(--s4) var(--s5);border-top:1px solid var(--stroke)}.toast{position:fixed;left:50%;bottom:calc(var(--s6) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--s4);min-height:56px;padding:0 var(--s3) 0 var(--s5);background:var(--card);color:var(--text);border:1px solid var(--stroke);border-radius:var(--r-pill);box-shadow:var(--shadow-lift);overflow:hidden;max-width:calc(100vw - 32px)}.toast-msg{font-size:var(--label-large)}.toast-undo{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--touch);padding:0 var(--s4);background:var(--marigold);color:var(--on-accent);border:0;border-radius:var(--r-pill);font-weight:600;cursor:pointer}.toast-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--on-accent) 16%,transparent);font-size:var(--label-medium)}.toast-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left center;background:var(--teal-bright)}.busy{display:inline-flex;align-items:center;gap:var(--s3);color:var(--text-faint);font-size:var(--label-large)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.notice{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4);border-radius:var(--r-medium);border:1px solid var(--stroke);background:var(--card);font-size:var(--body-medium);line-height:var(--body-medium-line)}.notice-warn{border-color:color-mix(in srgb,var(--marigold) 55%,var(--stroke));background:color-mix(in srgb,var(--marigold) 12%,var(--card))}.notice-error{border-color:color-mix(in srgb,var(--danger) 55%,var(--stroke));background:color-mix(in srgb,var(--danger) 10%,var(--card))}.notice-action{flex:0 0 auto}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s4);padding:var(--s8) var(--s4)}.empty-art{width:min(280px,62vw);border-radius:var(--r-large)}.empty h2{font-size:var(--headline-small);line-height:var(--headline-small-line);font-weight:600}.empty p{max-width:44ch;color:var(--text-faint);font-size:var(--body-large);line-height:var(--body-large-line)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--label-large);font-weight:600}.field-hint{font-size:var(--body-medium);color:var(--text-faint)}input[type=text],input[type=email],input[type=search],textarea,select{min-height:56px;padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-medium);color:var(--text);font-size:var(--body-large);width:100%}textarea{min-height:88px;resize:vertical;line-height:var(--body-large-line)}select{cursor:pointer}.segmented{border:0;padding:0;margin:0;min-width:0}.segmented legend{padding:0 0 6px;font-size:var(--label-large);font-weight:600}.segmented-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.seg{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 var(--s4);background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-pill);font-size:var(--label-large);font-weight:500;cursor:pointer}.seg:hover{background:var(--card-high)}.seg-on{background:var(--marigold);color:var(--on-accent);border-color:transparent}.seg:has(:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.toggle{display:flex;align-items:flex-start;gap:var(--s4);min-height:var(--touch);padding:var(--s2) 0;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{flex:0 0 auto;position:relative;width:52px;height:32px;margin-top:2px;border-radius:var(--r-pill);background:var(--card-high);transition:background-color .14s var(--ease)}.toggle-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:var(--r-pill);background:var(--card);box-shadow:var(--shadow-card);transition:transform .14s var(--ease)}.toggle input:checked+.toggle-track{background:var(--teal)}.toggle input:checked+.toggle-track .toggle-knob{transform:translate(20px)}.toggle:has(input:focus-visible) .toggle-track{outline:3px solid var(--focus-ring);outline-offset:2px}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:var(--body-large);font-weight:500}.toggle-hint{font-size:var(--body-medium);color:var(--text-faint)}.meta{font-size:var(--label-medium);line-height:var(--label-medium-line);color:var(--text-faint)}.footer-version{padding:var(--s6) var(--s5) var(--s8);text-align:center;font-size:var(--label-medium);color:var(--text-ghost)}.progress{height:8px;border-radius:var(--r-pill);background:var(--card-high);overflow:hidden}.progress-fill{height:100%;background:var(--teal);transition:width .2s var(--ease)}.reader{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--ground)}.reader-bar{flex:0 0 auto}.reader-stage-wrap{flex:1 1 auto;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:var(--s4);background:var(--surface);overscroll-behavior:contain}.reader-stage{position:relative;flex:0 0 auto;max-width:none;border-radius:var(--r-small);overflow:hidden;box-shadow:var(--shadow-lift);background:var(--paper)}.reader-page-img,.reader-page-blank{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.reader-page-blank{background:var(--paper)}.reader-overlay{position:absolute;inset:0;cursor:pointer;touch-action:manipulation}.reader-pending{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s10) var(--s5);text-align:center;max-width:46ch}.page-strip{flex:0 0 auto;display:flex;gap:var(--s2);padding:var(--s2) var(--s4);overflow-x:auto;background:var(--surface);border-top:1px solid var(--stroke);scrollbar-width:thin}.page-pill{flex:0 0 auto;min-height:40px;padding:0 var(--s4);background:var(--card);color:var(--text-faint);border:1px solid var(--stroke);border-radius:var(--r-pill);font-size:var(--label-medium);font-weight:500;cursor:pointer;white-space:nowrap}.page-pill:disabled{opacity:.5;cursor:default}.page-pill-on{background:var(--teal);color:var(--on-accent);border-color:transparent}.transport{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--stroke);flex-wrap:wrap}.play{width:var(--touch-large);height:var(--touch-large);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:var(--marigold);color:var(--on-accent);box-shadow:var(--shadow-lift);cursor:pointer;transition:transform 90ms var(--ease),background-color .12s var(--ease)}.play:hover{background:var(--marigold-deep)}.play:active{transform:scale(.95)}.transport-side{display:flex;align-items:center;gap:var(--s2)}.pillbtn{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch);padding:0 var(--s4);background:var(--card);color:var(--text);border:1px solid var(--stroke);border-radius:var(--r-pill);font-size:var(--label-large);font-weight:600;cursor:pointer}.pillbtn:hover{background:var(--card-high)}.transport-status{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:var(--label-medium);color:var(--text-faint);background:var(--surface);padding:0 var(--s3);border-radius:var(--r-pill);white-space:nowrap}.sheet-scrim{position:fixed;inset:0;z-index:50;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(560px,100%);max-height:82dvh;overflow-y:auto;padding:var(--s5) var(--s5) calc(var(--s5) + env(safe-area-inset-bottom,0px));background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-large) var(--r-large) 0 0;box-shadow:var(--shadow-lift);display:flex;flex-direction:column;gap:var(--s3)}.sheet-tall{max-height:88dvh}.sheet h2{font-size:var(--title-large);line-height:var(--title-large-line);font-weight:600}.voice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)}.voice-list li{display:flex;align-items:center;gap:var(--s2);border-radius:var(--r-medium)}.voice-on{background:color-mix(in srgb,var(--marigold) 16%,transparent)}.voice-pick{flex:1 1 auto;display:flex;align-items:center;gap:var(--s3);min-height:var(--touch);padding:0 var(--s3);background:transparent;border:0;border-radius:var(--r-medium);color:var(--text);font-size:var(--body-large);text-align:left;cursor:pointer}.voice-pick:hover{background:var(--card-high)}.voice-check{width:20px;display:inline-flex;color:var(--teal-bright)}.voice-preview{flex:0 0 auto;width:var(--touch);height:var(--touch);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--r-pill);color:var(--teal-bright);cursor:pointer}.voice-preview:hover:not(:disabled){background:var(--card-high)}.textview-wrap{flex:1 1 auto;overflow:auto;display:flex;justify-content:center;padding:var(--s5) var(--s4);background:var(--surface);overscroll-behavior:contain}.textview{width:min(72ch,100%);padding:var(--s6) var(--s5);border-radius:var(--r-medium);background:var(--read-tint, var(--paper));color:var(--paper-ink);box-shadow:var(--shadow-card);font-family:var(--font-read);font-size:calc(19px * var(--read-scale));line-height:var(--read-line);letter-spacing:var(--read-letter);word-spacing:var(--read-word);white-space:pre-wrap;text-align:left;text-wrap:pretty;hyphens:none}.tv-word{cursor:pointer;border-radius:4px;box-shadow:0 0 0 2px transparent}.tv-word:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 30%,transparent)}.tv-band{background:#1aa9a62e}.tv-current{background:#fdbe2c;box-shadow:0 0 0 2px #fdbe2c}.tv-silent{opacity:.45}.boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);color:var(--text-faint)}.boot img{border-radius:var(--r-medium);opacity:.9}.strip{display:flex;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s2) var(--s4);background:var(--card);border-bottom:1px solid var(--stroke);font-size:var(--label-large);color:var(--text-faint);text-align:center}.strip-warn{background:color-mix(in srgb,var(--marigold) 18%,var(--card));color:var(--text)}.strip-error{background:color-mix(in srgb,var(--danger) 14%,var(--card));color:var(--text)}.strip-quiet{background:transparent}.strip a{color:var(--teal-bright);font-weight:600}.strip-x{background:transparent;border:0;color:var(--teal-bright);font-weight:600;cursor:pointer;min-height:36px;padding:0 var(--s2)}.landing{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s5);text-align:center;max-width:520px}.landing-art{width:min(300px,66vw);border-radius:var(--r-large)}.landing-copy{display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.landing-copy h1{font-size:var(--display-small);line-height:var(--display-small-line);font-weight:600;letter-spacing:-.3px}.landing-copy p{max-width:34ch;color:var(--text-faint);font-size:var(--body-large);line-height:var(--body-large-line)}.landing-actions{width:100%;display:flex;flex-direction:column;gap:var(--s3)}.landing-note{font-size:var(--body-medium);line-height:var(--body-medium-line);color:var(--text-ghost);max-width:40ch}.signin-page{min-height:100dvh;background:var(--ground)}.signin{max-width:460px;display:flex;flex-direction:column;gap:var(--s5);padding-top:var(--s5)}.signin-back{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--touch);padding:0 var(--s3) 0 0;background:transparent;border:0;color:var(--teal-bright);font-size:var(--label-large);font-weight:600;cursor:pointer}.signin-head{display:flex;flex-direction:column;gap:var(--s2)}.signin-head img{border-radius:var(--r-medium)}.signin-head h1{font-size:var(--headline-small);line-height:var(--headline-small-line);font-weight:600}.signin-head p,.signin-lede{color:var(--text-faint);font-size:var(--body-medium);line-height:var(--body-medium-line)}.signin-actions,.signin-form{display:flex;flex-direction:column;gap:var(--s3)}.signin-or{display:flex;align-items:center;gap:var(--s3);color:var(--text-ghost);font-size:var(--label-medium)}.signin-or:before,.signin-or:after{content:"";flex:1 1 auto;height:1px;background:var(--stroke)}.signin-links{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center}.shelf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}.shelf-none{padding:var(--s3) 0}.reading{display:flex;align-items:stretch}.reading-open{flex:1 1 auto;display:flex;align-items:center;gap:var(--s4);min-height:84px;padding:var(--s3) var(--s4);background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;min-width:0}.reading-open:hover{background:color-mix(in srgb,var(--card-high) 45%,transparent)}.reading-thumb{flex:0 0 auto;width:52px;height:66px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-small);background:var(--card-high);color:var(--text-ghost);overflow:hidden}.reading-thumb img{width:100%;height:100%;object-fit:cover}.reading-text{display:flex;flex-direction:column;gap:4px;min-width:0}.reading-title{font-size:var(--title-medium);line-height:var(--title-medium-line);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-progress{width:140px;height:6px;display:block}.reading-actions{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:var(--s2) var(--s2) var(--s2) 0}@media(min-width:620px){.reading-actions{flex-direction:row;align-items:center}}.chip-dot{width:12px;height:12px;border-radius:var(--r-pill);display:inline-block}.modal-lede{margin-bottom:var(--s4);color:var(--text-faint);font-size:var(--body-medium);line-height:var(--body-medium-line)}.modal-progress{margin-top:var(--s3);color:var(--text-faint);font-size:var(--body-medium)}.modal-spacer{height:var(--s5)}.code-input{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;letter-spacing:.02em}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s10) var(--s5);border:2px dashed var(--stroke);border-radius:var(--r-large);background:var(--card);text-align:center;transition:border-color .12s var(--ease),background-color .12s var(--ease)}.dropzone-hot{border-color:var(--marigold);background:color-mix(in srgb,var(--marigold) 12%,var(--card))}.dropzone h2{font-size:var(--title-large);line-height:var(--title-large-line);font-weight:600}.dropzone p{max-width:40ch;color:var(--text-faint)}.import-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s3);list-style:none;margin:0;padding:0}.import-page{position:relative;border-radius:var(--r-small);overflow:hidden;border:1px solid var(--stroke);background:var(--card-high);aspect-ratio:.7727}.import-page img{width:100%;height:100%;object-fit:cover}.import-badge{position:absolute;inset:auto 0 0;padding:2px var(--s2);background:var(--scrim);color:#fff;font-size:var(--label-small);text-align:center}.study-cards{display:flex;flex-direction:column;gap:var(--s4)}.study-card{padding:var(--s5)}.study-card h2{font-size:var(--title-large);line-height:var(--title-large-line);font-weight:600;margin-bottom:var(--s2)}.study-card p{color:var(--text-faint);font-size:var(--body-large);line-height:var(--body-large-line)}.analogy{font-size:calc(18px * var(--read-scale));line-height:1.7;color:var(--text)}.vocab-list,.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s4)}.vocab-word{font-size:var(--title-medium);font-weight:600}.vocab-def{margin-top:4px;line-height:var(--body-large-line)}.vocab-example{margin-top:var(--s2);padding-left:var(--s3);border-left:3px solid var(--marigold);color:var(--text-faint);font-style:italic}.vocab-actions{margin-top:var(--s3);display:flex;flex-wrap:wrap;gap:var(--s2)}.flashcard{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s6);text-align:center;cursor:pointer;background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-large);box-shadow:var(--shadow-card);width:100%}.flashcard-face{font-size:calc(20px * var(--read-scale));line-height:1.6;font-weight:600}.flashcard-hint{font-size:var(--label-medium);color:var(--text-ghost)}.quiz-choices{display:flex;flex-direction:column;gap:var(--s3)}.choice{display:flex;align-items:center;gap:var(--s3);min-height:64px;padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-medium);color:var(--text);font-size:var(--body-large);text-align:left;cursor:pointer;width:100%}.choice:hover:not(:disabled){background:var(--card-high)}.choice-right{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 16%,var(--card))}.choice-wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--card))}.choice-dim{opacity:.5;color:var(--text-faint)}.choice:disabled{cursor:default}.stars{display:inline-flex;gap:2px;color:var(--marigold)}.quote{margin-top:var(--s3);padding:var(--s3) var(--s4);border-left:3px solid var(--teal);background:color-mix(in srgb,var(--teal) 8%,transparent);border-radius:0 var(--r-small) var(--r-small) 0;font-size:var(--body-medium);line-height:var(--body-medium-line);color:var(--text-faint)}.ask-box{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);position:sticky;top:0;z-index:5;background:var(--ground)}.ask-answers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s4)}.ask-q{font-size:var(--label-large);font-weight:600;color:var(--text-faint)}.ask-a{margin-top:var(--s2);font-size:calc(17px * var(--read-scale));line-height:1.7}.folder-head{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}.folder-swatch{width:44px;height:44px;border-radius:var(--r-medium);flex:0 0 auto}.mastery{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5)}.mastery-figure{font-size:var(--display-small);line-height:1.1;font-weight:600}.settings-group{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5)}.code-show{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:var(--body-medium);word-break:break-all;padding:var(--s3);background:var(--card-high);border-radius:var(--r-small)}