:root{color-scheme:light;--font-ui: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-reading: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--bg: #ffffff;--bg-accent: #ffffff;--surface: #ffffff;--surface-strong: #ffffff;--line: #e0e0e3;--text: #17171c;--text-soft: #5c5c63;--text-muted: #8f8f96;--accent: #333338;--accent-soft: #d6d6db;--shadow: 0 8px 18px rgba(15, 18, 24, .04);--chrome-blur: blur(22px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text)}body[data-theme=dark]{color-scheme:dark;--bg: #141416;--bg-accent: #141416;--surface: #242426;--surface-strong: #2e2e30;--line: #404043;--text: #f5f5f2;--text-soft: #babab7;--text-muted: #858588;--accent: #ffffff;--accent-soft: #9e9e9e;--shadow: 0 10px 24px rgba(0, 0, 0, .24);background:var(--bg)}body[data-theme=sepia]{color-scheme:light;--bg: #faf2e0;--bg-accent: #faf2e0;--surface: #fcf8eb;--surface-strong: #fffdf8;--line: #e0d8c7;--text: #1f1f24;--text-soft: #57575e;--text-muted: #8c8c8f;--accent: #2e2e33;--accent-soft: #d6d0c5;--shadow: 0 8px 18px rgba(61, 42, 9, .06);background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 26%),var(--bg)}button,input,select,textarea{font:inherit}input[type=range]{accent-color:var(--accent)}button{cursor:pointer}a{color:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;padding:24px 20px;-webkit-backdrop-filter:var(--chrome-blur);backdrop-filter:var(--chrome-blur);background:color-mix(in srgb,var(--surface-strong) 84%,transparent);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;margin-bottom:2px}.brand-lockup{display:grid;gap:4px}.brand-button,.library-mobile-brand-button{padding:0;border:0;background:transparent;color:inherit;text-align:left}.brand-title{font-family:var(--font-reading);font-size:28px;font-weight:600;line-height:1}.brand-copy{font-size:.9rem;color:var(--text-soft)}.nav-list{display:grid;gap:8px}.nav-button,.pill-button,.chip-button,.icon-button{border:0;transition:.18s ease}.nav-button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:14px;color:var(--text-soft);background:transparent}.nav-button.active,.nav-button:hover{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 42%,transparent)}.pill-button.primary,.chip-button.active{background:var(--accent);color:var(--bg)}.nav-copy{display:flex;align-items:center;min-width:0}.nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto}.nav-icon svg,.icon-button svg,.library-mobile-select svg,.library-mobile-add svg{width:18px;height:18px}.nav-copy strong{font-size:15px;font-weight:500;line-height:1.15}.sidebar-goal{margin-top:auto;position:relative;display:grid;gap:10px;padding-top:8px}.sidebar-goal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sidebar-goal-copy{display:grid;gap:6px}.sidebar-goal-label{font-size:12px;font-weight:600;color:var(--text-soft)}.sidebar-goal-value{font-size:15px;font-weight:600;line-height:1.15}.sidebar-goal-button{width:26px;height:26px}.sidebar-goal-button svg{width:12px;height:12px}.sidebar-goal-track{height:4px}.sidebar-goal-streak{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-soft)}.sidebar-goal-streak svg{width:12px;height:12px;color:#f08e32}.sidebar-goal-panel{position:absolute;left:0;bottom:calc(100% + 12px);width:min(212px,calc(100vw - 32px));padding:10px 12px;border-radius:14px;box-shadow:0 12px 24px #0a0c1214;z-index:8}.sidebar-goal-panel .field{gap:4px}.sidebar-goal-panel .field label,.sidebar-goal-panel .muted{font-size:11px}.sidebar-goal-panel input[type=range]{width:100%;height:18px}.main-panel{min-width:0;padding:22px 18px 94px}.library-mobile-brand-lockup{display:grid;gap:4px;justify-items:start}.library-mobile-brand-version{font-size:12px;line-height:1;font-weight:500;color:var(--text-soft)}.topbar{display:flex;align-items:center;gap:16px;justify-content:flex-start;margin-bottom:22px}.topbar-card,.surface-card{border:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:var(--chrome-blur);backdrop-filter:var(--chrome-blur);box-shadow:var(--shadow)}.topbar-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px}.surface-card{border-radius:16px;padding:16px}.screen{display:grid;gap:18px}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.screen-title,.hero-title{margin:0;font-family:var(--font-reading);font-size:clamp(2rem,4vw,3.4rem);line-height:.96;letter-spacing:-.03em}.screen-copy,.muted{color:var(--text-soft)}.library-screen{gap:0;max-width:1320px;margin:0 auto}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.library-toolbar-copy{max-width:640px}.library-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.library-grid-actions{flex-wrap:nowrap}.library-desktop-section{display:grid;gap:14px}.library-desktop-reading,.library-desktop-library{max-width:1180px}.library-desktop-reading{gap:18px}.library-reading-now-title{margin:0;font-family:var(--font-reading);font-size:30px;line-height:1.02;letter-spacing:-.03em;font-weight:600}.toolbar-progress{width:200px}.library-hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch}.library-hero-card{background:transparent;border:0;box-shadow:none;padding:0}.library-hero-button{width:100%;border:0;padding:0;background:transparent;display:grid;grid-template-columns:152px minmax(0,1fr);gap:28px;align-items:stretch;text-align:left}.library-hero-cover .book-cover{width:152px;min-height:220px;height:220px;padding:32px 22px 22px 26px}.library-hero-body{display:grid;gap:26px;align-content:center;min-width:0;max-width:640px}.library-hero-meta{display:grid;gap:8px}.library-hero-title{font-size:28px;line-height:1.02;font-weight:600}.library-hero-author{font-size:14px;line-height:1.25}.library-hero-progress{display:grid;gap:10px;max-width:420px}.library-hero-progress-copy{font-size:14px;line-height:1.25}.library-hero-cta{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:11px 16px;border-radius:14px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:600}.library-desktop-divider{width:100%;max-width:1180px;height:1px;margin:24px 0;background:color-mix(in srgb,var(--line) 34%,transparent)}.library-mobile-header{padding-top:4px}.library-mobile-brand{margin:0;font-family:var(--font-reading);font-size:28px;line-height:1;letter-spacing:-.03em;font-weight:600}.library-mobile-goal{display:grid;gap:10px;padding:0 0 14px;border-bottom:1px solid color-mix(in srgb,var(--line) 92%,transparent);position:relative}.library-mobile-goal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-mobile-goal-copy{display:grid;gap:4px}.library-mobile-goal-inline{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap}.library-mobile-goal-inline .muted{font-size:13px;font-weight:500}.library-mobile-goal-copy strong{font-size:13px;font-weight:600}.library-mobile-goal-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.library-mobile-goal-row strong{font-size:.94rem;font-weight:600}.plain-icon-button{width:28px;height:28px;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background:transparent;color:var(--text-soft);box-shadow:none}.plain-icon-button svg{width:14px;height:14px}.plain-icon-button:hover{background:transparent}.library-mobile-goal-button{flex:0 0 auto}.library-mobile-goal-panel{gap:10px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:6}.library-mobile-goal-panel input[type=range]{width:100%;accent-color:var(--accent)}.library-mobile-streak{display:flex;align-items:center;gap:8px;min-height:16px;font-size:12px;line-height:1.25}.library-mobile-streak svg{width:12px;height:12px;color:#f08e32}.library-mobile-section{display:grid;gap:10px}.library-mobile-section-title{margin:0;font-family:var(--font-reading);line-height:1.02;letter-spacing:-.03em;font-weight:600}.library-mobile-section-title-reading{font-size:28px}.library-mobile-section-title-library{font-size:24px}.library-mobile-reading-card{width:100%;border:0;display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;text-align:left;padding:14px;border-radius:16px}.library-mobile-reading-cover .book-cover{width:132px;min-height:190px;--cover-title-size: 15px;--cover-divider-width: 22px;padding:34px 21px 32px 25px}.library-mobile-reading-body{display:grid;gap:20px;align-content:center;min-width:0}.library-mobile-reading-meta{display:grid;gap:8px}.library-mobile-reading-title{font-size:21px;line-height:1.05}.library-mobile-reading-progress{display:grid;gap:10px}.library-mobile-reading-cta{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:8px 12px;border-radius:14px;background:var(--accent);color:var(--bg);font-size:13px;font-weight:600;line-height:1}.library-mobile-library-header{display:grid;gap:10px}.library-mobile-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.library-mobile-select,.library-mobile-add{border:1px solid transparent;border-radius:14px;background:transparent;color:color-mix(in srgb,var(--text) 88%,transparent);min-height:auto;padding:0;box-shadow:none}.library-mobile-select{max-width:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;font-size:12px;font-weight:600}.library-mobile-select select{border:0;background:transparent;color:inherit;width:auto;outline:none;padding-right:14px;font-size:12px;font-weight:600}.library-mobile-select svg,.library-mobile-add svg{width:12px;height:12px}.library-mobile-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-color:color-mix(in srgb,var(--line) 84%,transparent);background:var(--surface-strong);font-size:12px;font-weight:600;white-space:nowrap}.library-mobile-grid{display:grid;grid-template-columns:repeat(3,100px);justify-content:space-between;gap:14px 0}.library-mobile-book{display:grid;gap:8px;min-width:0;justify-items:start;align-content:start}.library-mobile-book-button{all:unset;cursor:pointer;display:block;width:100px}.library-mobile-book-button .book-cover{min-height:144px;width:100px;--cover-title-size: 11px;--cover-divider-width: 16px;padding:26px 16px 24px 19px}.library-mobile-book-meta{display:grid;gap:4px;width:100px;min-height:46px;align-content:start}.library-mobile-book-title{font-size:13px;line-height:1.05;font-weight:600}.library-mobile-book-progress{font-size:11px;color:var(--text-soft)}.library-grid-panel{display:grid;gap:18px;padding:6px 0 0;background:transparent;border:0;box-shadow:none}.library-desktop-library-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.library-grid-actions{align-items:center;justify-content:flex-end;width:320px;flex:0 0 auto}.library-section-title{margin:0;font-family:var(--font-reading);font-size:26px;line-height:1.04;font-weight:600}.grid-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px}.stack{display:grid;gap:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.spread{justify-content:space-between}.metric{display:grid;gap:6px}.metric strong{font-size:1.7rem;line-height:1}.progress-track{width:100%;height:4px;border-radius:999px;background:color-mix(in srgb,var(--line) 68%,transparent);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--accent)}.pill-button,.chip-button{padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 96%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.pill-button.secondary:hover,.chip-button:hover,.icon-button:hover{background:color-mix(in srgb,var(--accent-soft) 78%,var(--accent) 22%)}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--text)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,220px));gap:14px}.book-card{display:grid;gap:10px;text-align:left}.desktop-book-grid{grid-template-columns:repeat(auto-fill,minmax(196px,220px));gap:14px}.desktop-book-card{align-content:start;padding:0;gap:12px;background:transparent;border:0;box-shadow:none}.desktop-book-cover-button{all:unset;cursor:pointer;display:block}.desktop-book-cover-button .book-cover{width:138px;min-height:196px;height:196px;padding:25px 17px 18px 20px}.desktop-book-content{display:grid;gap:6px;width:138px}.desktop-book-title{font-size:16px;font-weight:600;line-height:1.08}.desktop-book-author{font-size:12px;line-height:1.2}.desktop-book-pages{font-size:11px;line-height:1.2}.library-desktop-sort{flex:0 0 auto;min-height:0;font-size:13px;font-weight:500;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 96%,transparent);border:1px solid color-mix(in srgb,var(--line) 72%,transparent);color:color-mix(in srgb,var(--text) 90%,transparent);box-shadow:none}.library-desktop-add{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-height:0;font-size:13px;font-weight:500;white-space:nowrap;padding:10px 15px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--surface-strong) 88%,transparent);color:color-mix(in srgb,var(--text) 90%,transparent);box-shadow:none}.library-desktop-add svg{width:13px;height:13px}.library-desktop-add:hover{background:color-mix(in srgb,var(--surface-strong) 96%,transparent);border-color:color-mix(in srgb,var(--line) 86%,transparent);color:var(--text)}.library-desktop-sort:hover{background:color-mix(in srgb,var(--surface-strong) 98%,transparent);border-color:color-mix(in srgb,var(--line) 86%,transparent);color:var(--text)}.reader-screen-shell{gap:0;margin:-22px -18px 0}.reader-screen{display:grid;gap:0;min-height:100vh;align-content:start;grid-template-rows:auto minmax(0,1fr)}.reader-toolbar{position:sticky;top:0;z-index:12;padding:0 18px;-webkit-backdrop-filter:var(--chrome-blur);backdrop-filter:var(--chrome-blur);background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);box-shadow:0 1px color-mix(in srgb,var(--line) 42%,transparent)}.reader-toolbar-inner{width:min(1120px,100%);margin:0 auto;display:grid;gap:0}.reader-toolbar-topline{height:8px}.reader-toolbar-main{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:48px}.reader-back-button{flex:0 0 auto;width:32px;height:32px;border-radius:10px}.reader-back-button svg{width:15px;height:15px;stroke-width:1.7}.reader-toolbar-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.reader-toolbar-copy .muted{font-size:11px;line-height:1.1}.reader-toolbar-title{margin:0;font-family:var(--font-reading);font-size:16px;line-height:1;letter-spacing:-.03em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-toolbar-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}.reader-goal-indicator{position:relative;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-soft)}.reader-goal-indicator-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#8bc39d calc(var(--goal-progress, 0) * 1turn),#00000014 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}.reader-goal-indicator svg{position:relative;z-index:1;width:12px;height:12px}.reader-close-button,.reader-settings-button{width:26px;height:26px}.reader-settings-button svg,.reader-close-button svg{width:14px;height:14px;stroke-width:1.45}.reader-settings-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19}.reader-settings-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent}.reader-settings-popover{position:absolute;top:52px;right:24px;width:320px;display:grid;gap:16px;padding:18px 18px 16px;border-radius:16px;box-shadow:0 18px 36px #0a0c1224}.reader-settings-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.reader-settings-title{margin:0;font-family:var(--font-reading);font-size:18px;line-height:1.08}.reader-settings-close{width:22px;height:22px}.reader-settings-close svg{width:12px;height:12px}.reader-settings-group{display:grid;gap:8px}.reader-settings-group-title{font-size:13px;font-weight:500;color:var(--text-soft)}.reader-settings-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-soft)}.reader-settings-label-row strong{color:var(--text);font-weight:600}.reader-settings-slider{width:100%;height:18px}.reader-settings-segment{display:flex;gap:8px;flex-wrap:wrap}.reader-settings-chip{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--surface-strong) 96%,transparent);color:var(--text);border-radius:12px;padding:8px 11px;font-size:12px;font-weight:600}.reader-settings-chip.active{background:var(--accent);color:var(--bg);border-color:transparent}.book-cover{position:relative;aspect-ratio:.7;border-radius:9px;display:flex;align-items:flex-start;color:#272629;overflow:hidden;border:.7px solid rgba(0,0,0,.07);box-shadow:8px 12px 14px #00000024,16px 24px 24px #00000014,0 1px #ffffff73;background:linear-gradient(145deg,var(--cover-top, #faf8f3) 0%,var(--cover-mid, #f4f0e8) 48%,var(--cover-bottom, #efebe3) 100%)}.book-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff3d,#fff0 36%,#0000000d),linear-gradient(90deg,rgba(0,0,0,.05),transparent 14%,transparent 100%)}.book-cover:after{content:"";position:absolute;left:0;top:0;bottom:0;width:10%;background:linear-gradient(90deg,var(--cover-spine-dark, #cdc4b8),var(--cover-spine-light, #f7f4ed) 58%,rgba(255,255,255,.42) 72%,rgba(0,0,0,.08) 100%);box-shadow:inset -1px 0 #00000014}.book-cover>*{position:relative;z-index:1}.book-cover-content{display:grid;gap:8px;align-content:start;width:100%}.book-cover-title{font-family:var(--font-reading);font-size:var(--cover-title-size, 12px);line-height:1.08;font-weight:500}.book-cover-divider{width:var(--cover-divider-width, 18px);height:1px;background:#00000057}.book-meta-title{font-family:var(--font-reading);font-size:1rem;line-height:1.2}.book-meta-copy{font-size:.87rem;color:var(--text-soft)}.reader-layout{position:relative;width:min(1120px,calc(100% - 40px));margin:0 auto;align-self:start}.reader-pane{position:relative;min-width:0}.reader-brightness-dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:2}.reader-scroll{max-height:calc(100vh - 74px);overflow:auto;padding:0 20px 28px;border-radius:0;border:0;background:transparent;box-shadow:none}.reader-text-flow{display:grid;align-content:start;padding-top:0}.reader-text-start-spacer{height:16px;flex:0 0 auto}.reader-toolbar-progress{height:4px;max-width:248px}.reader-scroll[data-font-style=serif]{font-family:var(--font-reading)}.reader-scroll[data-font-style=sansSerif]{font-family:var(--font-ui)}.reader-paragraph{margin:0 0 1.2em;line-height:1.8;color:var(--text)}.reader-word{border-radius:7px;padding:.08em .12em;background:transparent;transition:.12s ease}.reader-word:hover,.reader-word.active{background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}.reader-word.is-highlighted-word,.reader-word.in-highlighted-sentence,.reader-token.in-highlighted-sentence{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--text) 88%,transparent);text-decoration-thickness:1.5px;text-underline-offset:.18em}.reader-lookup-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none}.reader-lookup-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;pointer-events:auto}.reader-lookup-layer.mobile .reader-lookup-scrim{background:#0a0c1229}.reader-lookup-popover{position:absolute;width:min(420px,calc(100vw - 24px));pointer-events:auto;background:color-mix(in srgb,var(--surface-strong) 98%,transparent);border-radius:16px;padding:20px 24px 22px;max-height:min(78dvh,720px);overflow:auto;box-shadow:0 18px 32px #0000001f;border:1px solid color-mix(in srgb,var(--line) 40%,transparent)}.reader-lookup-popover .word-title{align-items:baseline}.reader-lookup-popover .word-title strong{font-family:var(--font-reading);font-size:clamp(1.75rem,4.4vw,27px);line-height:1.05;font-weight:600;color:color-mix(in srgb,var(--text) 74%,transparent)}.reader-lookup-layer.mobile .reader-lookup-popover{left:14px!important;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);top:auto!important;width:auto;max-height:min(80dvh,calc(100dvh - 28px));border-radius:22px 22px 18px 18px;padding:18px 18px 20px}.reader-lookup-layer.mobile .reader-lookup-popover .word-title strong{font-size:clamp(1.65rem,8vw,2rem)}.reader-lookup-topbar{display:flex;justify-content:flex-end}.reader-lookup-close{flex:0 0 auto;width:26px;height:26px}.reader-lookup-meta{font-size:13px;line-height:1.35;color:var(--text-soft)}.reader-lookup-meta-rows{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.reader-meta-dot{color:var(--text-muted)}.reader-lookup-lexical{font-size:11px;font-weight:500;color:var(--text-muted);padding-top:4px}.reader-lookup-translation-row{display:grid;gap:8px}.reader-lookup-translation{font-family:var(--font-reading);font-size:clamp(1.65rem,4.7vw,27px);line-height:1.06;font-weight:600;word-break:break-word}.reader-lookup-layer.mobile .reader-lookup-translation-row{gap:12px}.reader-lookup-layer.mobile .reader-lookup-translation{font-size:clamp(1.55rem,7vw,2rem)}.reader-lookup-layer.mobile .reader-lookup-translation.is-placeholder{font-size:11px;line-height:1.3}.reader-lookup-translation.is-placeholder{font-family:var(--font-ui);font-size:12px;line-height:1.35;font-weight:500;color:var(--text-soft);letter-spacing:0}.reader-sentence-trigger{border:0;padding:0;background:transparent;color:var(--text-muted);font-size:11px;font-weight:500;text-align:left;display:inline-flex;align-items:center;gap:6px}.reader-sentence-block{display:grid;gap:8px}.reader-sentence-divider{height:1px;background:color-mix(in srgb,var(--line) 68%,transparent);margin:2px 0 4px}.reader-sentence-label{font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase}.reader-sentence-original,.reader-sentence-translation{font-family:var(--font-reading);font-size:clamp(15px,3.6vw,17px);line-height:1.5}.reader-sentence-original{color:color-mix(in srgb,var(--text) 68%,transparent)}.reader-save-action{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--text-soft);font-size:12px;font-weight:500}.reader-save-action svg{width:13px;height:13px}.reader-save-action:disabled{color:var(--text-muted)}.reader-lookup-layer.mobile .reader-save-action{width:100%;justify-content:center;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent)}.reader-lookup-layer.mobile .reader-save-action:disabled{background:color-mix(in srgb,var(--surface) 78%,transparent)}.reader-lookup-loading{font-size:12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px}.field label{font-size:.85rem;color:var(--text-soft)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 90%,transparent);border-radius:16px;padding:12px 14px;color:var(--text)}.field textarea{min-height:118px;resize:vertical}.list{display:grid;gap:10px}.list-item{display:grid;gap:8px;padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}.word-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.word-title strong{font-family:var(--font-reading);font-size:1.15rem}.reader-lookup-count{font-size:12px;font-weight:600;color:var(--text-muted)}.article{margin-right:6px;font-weight:600}.article.der{color:#6f8fe8}.article.die{color:#dd76a8}.article.das{color:#d9b242}.mobile-nav{display:none}.empty-state{padding:28px;text-align:center;color:var(--text-soft)}.status{padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 88%,transparent);color:var(--text-soft)}@media (max-width: 1100px){.library-toolbar,.library-hero-layout,.grid-hero,.reader-toolbar{grid-template-columns:1fr}.library-toolbar{align-items:stretch;flex-direction:column}.library-toolbar-actions{justify-content:flex-start}.library-grid-actions{width:auto}.library-hero-button{grid-template-columns:1fr}.library-hero-cover .book-cover{min-height:240px}.reader-scroll{max-height:none}.reader-toolbar{position:sticky;top:0;display:grid;gap:14px;padding:0;box-shadow:0 1px color-mix(in srgb,var(--line) 42%,transparent)}.reader-toolbar-side{display:flex;justify-content:flex-end}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-panel{padding:calc(env(safe-area-inset-top,0px) + 8px) 18px calc(env(safe-area-inset-bottom,0px) + 94px)}.reader-screen-shell{margin:0}.library-screen-mobile{max-width:390px;width:100%;margin:0 auto;gap:22px}.reader-screen{min-height:100dvh;gap:16px}.reader-toolbar{top:env(safe-area-inset-top,0px);margin:0 -18px;padding:0 18px}.reader-text-start-spacer{height:10px}.reader-toolbar-title{font-size:1rem}.library-hero-title{font-size:2rem}.mobile-nav{position:fixed;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:7px 8px 6px;border-radius:20px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--surface-strong) 96%,transparent);-webkit-backdrop-filter:var(--chrome-blur);backdrop-filter:var(--chrome-blur);box-shadow:0 8px 20px #16181e12}.nav-button{flex-direction:column;justify-content:center;min-height:46px;border-radius:14px;padding:4px 6px 3px;gap:3px}.nav-copy{align-items:center;gap:0}.nav-copy strong{font-size:11px;font-weight:600;line-height:1.1}.nav-copy span{display:none}.nav-icon{width:16px;height:16px}.nav-icon svg{width:16px;height:16px}.mobile-nav .nav-button,.mobile-nav .nav-button.active,.mobile-nav .nav-button:hover{background:transparent;color:var(--text-soft)}.mobile-nav .nav-button.active{color:var(--text);background:color-mix(in srgb,var(--surface-strong) 78%,transparent)}.field-grid{grid-template-columns:1fr}.topbar{align-items:stretch;flex-direction:column}.reader-settings-popover{top:auto;right:14px;left:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);width:auto;max-height:min(78dvh,calc(100dvh - 28px));overflow:auto;border-radius:22px 22px 18px 18px;padding:18px 18px 16px}.library-desktop-divider{margin:18px 0 22px}}@media (max-width: 520px){.library-mobile-grid{grid-template-columns:repeat(3,100px)}.reader-toolbar-main{align-items:flex-start}.reader-toolbar-side{display:flex}.reader-scroll{padding:14px 4px 28px;max-height:calc(100dvh - 92px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}@media (max-width: 860px) and (orientation: landscape){.main-panel{padding:calc(env(safe-area-inset-top,0px) + 8px) 16px calc(env(safe-area-inset-bottom,0px) + 78px)}.library-screen-mobile{max-width:none;gap:18px}.library-mobile-goal{gap:8px;padding-bottom:12px}.library-mobile-section{gap:8px}.library-mobile-reading-card{max-width:560px}.library-mobile-reading-body{gap:18px}.library-mobile-library-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.library-mobile-actions{flex-wrap:nowrap;justify-content:flex-end}.library-mobile-grid{grid-template-columns:repeat(auto-fit,100px);justify-content:space-between;gap:14px 10px}.reader-screen{gap:12px}.reader-toolbar{gap:10px;padding-bottom:8px}.reader-toolbar-main{min-width:0}.reader-toolbar-progress{max-width:180px}.reader-scroll{padding:10px 10px 24px;max-height:calc(100dvh - 88px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.reader-lookup-layer.mobile .reader-lookup-popover{left:auto!important;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:min(420px,calc(100vw - 32px));max-height:min(76dvh,calc(100dvh - 24px))}.mobile-nav{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 4px);padding:6px 8px 5px}.nav-button{min-height:42px;padding:3px 6px}}