:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4f2;--surface:#fffffff0;--surface-solid:#fff;--text:#29272c;--muted:#6f6b75;--line:#d8d5dc;--accent:#7c3aed;--accent-strong:#5b21b6;--accent-fill-hover:#6d28d9;--accent-soft:#eee8fb;--shadow:0 18px 55px #1f162e24;--popover-shadow:0 18px 48px #1f162e33;--control-shadow:none;--focus:#7c3aed;--surface-raised:#fff;--surface-control:#f1eff3;--border-subtle:#d8d5dc;--border-strong:#8b5cf6;--active-fill:#ede9fe;--active-text:#5b21b6;--radius-control:6px;--radius-popover:10px;--space-control:0;--control-hover-bg:#f0eafb;--control-hover-border:#a985ec;--control-active-bg:#7c3aed;--control-active-border:#8b5cf6;--control-active-text:#fff;--field-bg:#faf9fb;--layout-gutter:clamp(16px, 3vw, 48px);--header-height:72px;--reader-panel-gap:12px;--settings-group-gap:24px;--settings-label-gap:8px;--reader-edge-gap:calc(var(--header-height) + var(--reader-panel-gap));--motion-immediate:.14s;--motion-exit:.16s;--motion-routine:.2s;--motion-page:.26s;--ease-enter:cubic-bezier(.23, 1, .32, 1);--ease-move:cubic-bezier(.77, 0, .175, 1);--font-interface:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-reader:Charter, Georgia, "Times New Roman", serif;font-family:var(--font-interface);font-synthesis:none}.settings-backdrop:not([hidden]){display:none}#settings-panel.settings-panel{z-index:80;background:var(--bg);width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0;padding:0;position:fixed;inset:0;overflow:auto}#settings-panel.settings-panel:not([hidden]){display:block}.settings-panel-header{z-index:2;min-height:72px;padding:0 var(--layout-gutter);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:240px minmax(0,760px);justify-content:center;display:grid;position:sticky;top:0}.settings-panel-header h2{align-self:center;margin:0;padding-inline:48px;font-size:20px}.settings-back{border-radius:var(--radius-control);min-height:36px;color:var(--text);background:0 0;border:1px solid #0000;place-self:center start;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.settings-back:hover{border-color:var(--control-hover-border);background:var(--control-hover-bg)}.settings-back svg{width:18px}.settings-layout{min-height:calc(100% - 72px);padding:0 var(--layout-gutter);grid-template-columns:240px minmax(0,760px);justify-content:center;display:grid}.settings-navigation{border-right:1px solid var(--border-subtle);align-content:start;gap:6px;padding:36px 32px 36px 0;display:grid}.settings-navigation button{border-radius:var(--radius-control);min-height:40px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;padding:0 14px}.settings-navigation button:hover{border-color:var(--control-hover-border);background:var(--control-hover-bg)}.settings-navigation button[aria-current=page]{border-color:var(--control-active-border);color:var(--control-active-text);background:var(--control-active-bg)}.settings-content{min-width:0;padding:42px 48px 64px}.settings-view[hidden]{display:none}#settings-reading-view{align-content:start;gap:var(--settings-group-gap);display:grid}#settings-reading-view>.settings-group{gap:var(--settings-label-gap);display:grid}#settings-reading-view>.settings-group+.settings-group{border-top:0;padding-top:0}#settings-reading-view>.settings-group legend{margin:0 0 var(--settings-label-gap)}.analytics-view{overflow-wrap:anywhere}.analytics-heading{gap:28px;margin-bottom:44px;display:grid}.analytics-heading h3,.analytics-chart-section h4,.analytics-calendar-section h4,.analytics-sessions-section h4,.analytics-insights h4{margin:0 0 10px}.analytics-heading h3{font-size:24px}.analytics-heading p{max-width:62ch;color:var(--muted);margin:0;line-height:1.55}.analytics-switch{border-block:1px solid var(--border-subtle);cursor:pointer;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:18px;min-height:48px;padding-block:10px;display:grid}.analytics-switch input{opacity:0;position:absolute}.analytics-switch-track{border:1px solid var(--border-subtle);background:var(--surface-control);width:40px;height:22px;transition:background var(--motion-immediate) var(--ease-enter), border-color var(--motion-immediate) var(--ease-enter);border-radius:999px;position:relative}.analytics-switch-track:after{background:var(--text);content:"";width:14px;height:14px;transition:transform var(--motion-immediate) var(--ease-enter);border-radius:50%;position:absolute;top:3px;left:3px}.analytics-switch input:checked+.analytics-switch-track{border-color:var(--control-active-border);background:var(--control-active-bg)}.analytics-switch input:checked+.analytics-switch-track:after{background:#fff;transform:translate(18px)}.analytics-switch input:focus-visible+.analytics-switch-track{outline:3px solid color-mix(in srgb, var(--focus) 75%, transparent);outline-offset:3px}.analytics-empty{min-height:240px;color:var(--muted);text-align:center;place-content:center;gap:10px;display:grid}.analytics-empty strong{color:var(--text);font-size:18px}.analytics-empty p{max-width:58ch;margin:0;line-height:1.55}.analytics-dashboard{grid-template-columns:minmax(0,1fr);gap:46px;display:grid}.analytics-summary{border-block:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:28px;padding-block:22px;display:grid}.analytics-summary>div{gap:7px;display:grid}.analytics-summary span{color:var(--muted);font-size:13px}.analytics-summary strong{font-variant-numeric:tabular-nums;font-size:20px}.analytics-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}.analytics-insights section+section{border-left:1px solid var(--border-subtle);padding-left:48px}#analytics-speed,#analytics-forecast{gap:8px;display:grid}#analytics-speed strong{font-size:28px}#analytics-speed span,#analytics-forecast span{color:var(--muted)}#analytics-forecast strong{font-size:18px}.analytics-week{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:190px;padding-top:22px;display:grid}.analytics-week>div{text-align:center;grid-template-rows:145px 24px;align-items:end;gap:8px;display:grid}.analytics-week span{width:min(28px,70%);height:var(--bar-height);background:var(--accent);min-height:4px;margin:0 auto;display:block}.analytics-week small{color:var(--muted)}.analytics-calendar{grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(8px,1fr);grid-auto-flow:column;gap:4px;padding-bottom:4px;display:grid;overflow-x:auto}.analytics-calendar span{aspect-ratio:1;background:var(--surface-control);border-radius:2px}.analytics-calendar span[data-level="1"]{background:color-mix(in srgb, var(--accent) 30%, var(--surface-control))}.analytics-calendar span[data-level="2"]{background:color-mix(in srgb, var(--accent) 50%, var(--surface-control))}.analytics-calendar span[data-level="3"]{background:color-mix(in srgb, var(--accent) 75%, var(--surface-control))}.analytics-calendar span[data-level="4"]{background:var(--accent)}.analytics-sessions{display:grid}.analytics-sessions>div{border-bottom:1px solid var(--border-subtle);gap:6px;padding:16px 0;display:grid}.analytics-sessions>div>div{grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:24px;display:grid}.analytics-sessions small{color:var(--muted);line-height:1.45}.analytics-history-toggle{color:var(--accent-strong);background:0 0;border:0;margin-top:18px}.analytics-history-toggle:hover{color:var(--text);background:var(--control-hover-bg)}.analytics-clear{color:var(--accent-strong);background:0 0;border:0;margin-top:46px}.analytics-clear-dialog{border:1px solid var(--border-subtle);border-radius:var(--radius-popover);width:min(440px,100% - 32px);color:var(--text);background:var(--surface-solid);box-shadow:var(--popover-shadow);padding:0}.analytics-clear-dialog::backdrop{background:#0000008c}.analytics-clear-dialog form{gap:20px;padding:24px;display:grid}.analytics-clear-dialog h2,.analytics-clear-dialog p{margin:0}.analytics-clear-dialog p{color:var(--muted);line-height:1.5}.analytics-clear-dialog form>div{justify-content:flex-end;gap:10px;display:flex}.analytics-clear-dialog button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);min-height:36px;color:var(--text);background:var(--surface-control);padding:0 16px}.analytics-clear-dialog .destructive{color:#fff;background:#b83232;border-color:#d14b4b}.settings-project-info--page{border:0;padding:0;position:static}#settings-sync-view .sync-settings{border:0;margin:0;padding:0}#settings-sync-view .sync-settings>legend{margin-bottom:18px;font-size:24px;font-weight:650}#settings-sync-view .sync-help{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 28px;margin:0 0 30px;padding:0;font-size:13px;list-style:none}#settings-sync-view .sync-help li{color:var(--text);padding-left:18px;position:relative}#settings-sync-view .sync-help li:before{color:var(--accent-strong);content:"✓";position:absolute;left:0}#settings-sync-view .sync-help li:nth-child(n+5){color:var(--muted);grid-column:1/-1;padding-left:0;line-height:1.5}#settings-sync-view .sync-help li:nth-child(5){margin-top:14px}#settings-sync-view .sync-help li:nth-child(n+5):before{content:none}#settings-sync-view .sync-provider{min-height:62px;padding:10px 0}#settings-sync-view .sync-provider strong{font-size:14px}#settings-sync-view .sync-provider span,#settings-sync-view .sync-summary span{font-size:12px}#settings-sync-view .sync-provider button,#settings-sync-view .sync-summary button{min-width:124px;min-height:36px}#settings-sync-view .sync-summary{gap:14px;padding-top:22px}@media (max-width:720px){#settings-panel.settings-panel{inset:0}.settings-panel-header{grid-template-columns:1fr;min-height:64px;padding:0 16px}.settings-panel-header h2{display:none}.settings-layout{width:100%;min-width:0;padding:0;display:block}.settings-navigation{z-index:1;border:0;border-bottom:1px solid var(--border-subtle);background:var(--bg);grid-template-columns:repeat(4,max-content);width:100%;min-width:0;padding:12px 16px;position:sticky;top:64px;overflow-x:auto}.settings-navigation button{white-space:nowrap}.settings-content{width:100%;min-width:0;padding:30px 20px 56px}.analytics-heading{margin-bottom:32px}.analytics-summary{gap:14px}.analytics-summary strong{font-size:16px}.analytics-insights{grid-template-columns:1fr;gap:30px}.analytics-insights section+section{border-top:1px solid var(--border-subtle);border-left:0;padding:30px 0 0}.analytics-dashboard{gap:38px}.analytics-calendar{gap:4px}#settings-sync-view .sync-help{grid-template-columns:1fr;gap:9px}#settings-sync-view .sync-help li:nth-child(n+5){grid-column:auto}#settings-sync-view .sync-provider{align-items:flex-start}#settings-sync-view .sync-provider>div{min-width:0}#settings-sync-view .sync-provider button{flex:none;min-width:110px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171717;--surface:#202021f5;--surface-solid:#202021;--text:#f0edf3;--muted:#aaa6b0;--line:#424045;--accent:#7c3aed;--accent-strong:#d7c2ff;--accent-fill-hover:#6d28d9;--accent-soft:#2b203b;--shadow:0 18px 55px #0000004d;--popover-shadow:0 18px 48px #00000075;--control-shadow:0 2px 9px #0000003d;--focus:#b98bff;--surface-raised:#222123;--surface-control:#19191a;--border-subtle:#454249;--border-strong:#9362df;--active-fill:#7c3aed;--active-text:#fff;--control-hover-bg:#2b2434;--control-hover-border:#76569c;--control-active-bg:#7c3aed;--control-active-border:#9b69eb;--control-active-text:#fff;--field-bg:#1b1b1c}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{color:var(--text);background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit}button,.open-button{-webkit-tap-highlight-color:transparent}button:focus-visible,#book-file:focus-visible+.open-button,.language-select:focus-within,.settings-close:focus-visible,.panel-close:focus-visible,.setting-step:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 75%, transparent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38}[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}#app{height:100%}.app-header{z-index:10;height:var(--header-height);padding:0 var(--layout-gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--motion-routine) var(--ease-enter), opacity var(--motion-routine) var(--ease-enter);grid-template-columns:minmax(10rem,1fr) minmax(16rem,2fr) minmax(10rem,1fr);align-items:center;display:grid;position:fixed;inset:0 0 auto}#app[data-header-visibility=hidden] .app-header{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1px))}.brand{border-radius:14px;place-items:center;width:48px;height:48px;text-decoration:none;display:grid}.brand-mascot{object-fit:contain;pointer-events:none;width:60px;max-width:none;height:60px;display:block}.book-heading{text-align:center;min-width:0}.book-heading strong,.book-heading span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.book-heading strong{font-family:var(--font-reader);font-size:18px;font-weight:600}.book-heading span{color:var(--muted);margin-top:3px;font-size:12px}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.language-select{border-radius:999px;flex:none;width:66px;height:40px;display:block;position:relative}.language-select select{appearance:none;border:1px solid var(--line);width:100%;height:100%;color:var(--accent-strong);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);cursor:pointer;transition:border-color var(--motion-immediate) ease, background var(--motion-immediate) ease, color var(--motion-immediate) ease;border-radius:999px;padding:0 25px 0 13px;font-size:12px;font-weight:700;line-height:1}.language-select:hover select{border-color:var(--accent);background:var(--accent-soft)}.language-select select:focus{outline:0}.language-select svg{pointer-events:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:10px;height:7px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.icon-button,.open-button,.page-button,.setting-step,.settings-close,.panel-close{border:1px solid var(--line);color:var(--text);background:var(--surface-solid);cursor:pointer;transition:border-color var(--motion-immediate) ease, background var(--motion-immediate) ease, color var(--motion-immediate) ease, transform var(--motion-immediate) var(--ease-enter)}.icon-button:hover,.page-button:hover:not(:disabled),.setting-step:hover:not(:disabled),.settings-close:hover,.panel-close:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));color:var(--accent-strong)}.icon-button:active,.page-button:active:not(:disabled),.setting-step:active:not(:disabled),.settings-close:active,.panel-close:active,.open-button:active{transform:translateY(1px)}.icon-button{background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;min-width:40px;height:40px;padding:0;font-size:19px;display:grid}.icon-button:active,.icon-button[aria-expanded=true]{background:var(--accent-soft)}.icon-button:hover{border-color:var(--accent);background:var(--accent-soft)}.settings-icon,.toc-icon,.bookmark-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px;display:block}.toc-icon{stroke-width:2px}.bookmark-icon{stroke-width:1.9px}.open-button{border-color:var(--accent);color:#fff;background:var(--accent);border-radius:999px;flex:0 0 40px;place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}.open-button:hover{border-color:var(--accent-fill-hover);background:var(--accent-fill-hover)}.upload-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:21px;height:21px;display:block}.settings-backdrop,.panel-backdrop{display:none}.toc-panel,.settings-panel,.annotations-panel,.quote-menu,.annotation-editor,.toast{opacity:1;transition:transform var(--motion-routine) var(--ease-enter), opacity var(--motion-routine) var(--ease-enter);transform-origin:var(--motion-origin-x,calc(100% - 32px)) var(--motion-origin-y,0);transform:translate(0)translateY(0)scale(1)}.toc-panel,.settings-panel,.annotations-panel{--motion-closed-transform:translateY(-8px) scale(.98)}.quote-menu{--motion-closed-transform:translateY(6px) scale(.98)}.annotation-editor{--motion-closed-transform:translateX(12px)}.toast{--motion-closed-transform:translateY(8px) scale(.98)}.toc-panel[data-motion-state=opening],.toc-panel[data-motion-state=closing],.settings-panel[data-motion-state=opening],.settings-panel[data-motion-state=closing],.annotations-panel[data-motion-state=opening],.annotations-panel[data-motion-state=closing],.quote-menu[data-motion-state=opening],.quote-menu[data-motion-state=closing],.annotation-editor[data-motion-state=opening],.annotation-editor[data-motion-state=closing],.toast[data-motion-state=opening],.toast[data-motion-state=closing]{opacity:0;transform:var(--motion-closed-transform);will-change:transform, opacity}.toc-panel[data-motion-state=closing],.settings-panel[data-motion-state=closing],.annotations-panel[data-motion-state=closing],.quote-menu[data-motion-state=closing],.annotation-editor[data-motion-state=closing],.toast[data-motion-state=closing]{transition-duration:var(--motion-exit);pointer-events:none}.settings-backdrop,.panel-backdrop{opacity:1;transition:opacity var(--motion-routine) var(--ease-enter)}.settings-backdrop[data-motion-state=opening],.settings-backdrop[data-motion-state=closing],.panel-backdrop[data-motion-state=opening],.panel-backdrop[data-motion-state=closing]{opacity:0;will-change:opacity}.settings-backdrop[data-motion-state=closing],.panel-backdrop[data-motion-state=closing]{transition-duration:var(--motion-exit);pointer-events:none}.toc-panel{z-index:40;top:var(--reader-edge-gap);right:var(--layout-gutter);width:min(420px,100vw - 32px);max-height:calc(100dvh - var(--reader-edge-gap) - 16px);border:1px solid var(--line);color:var(--text);background:var(--surface-solid);box-shadow:var(--popover-shadow);border-radius:18px;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:20px;display:grid;position:fixed}.toc-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.toc-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600}.panel-close{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:grid}.toc-navigation{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}.toc-list{margin:0;padding:0;list-style:none}.toc-list .toc-list{border-inline-start:1px solid var(--line);margin-inline-start:9px;padding-inline-start:15px}.toc-link,.toc-label{width:100%;color:var(--text);font:inherit;text-align:start;background:0 0;border:0;border-radius:9px;padding:8px 10px;line-height:1.35;display:block}.toc-link{cursor:pointer}.toc-link:hover{color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 50%, transparent)}.toc-link[aria-current=location]{color:var(--accent-strong);background:var(--accent-soft);font-weight:700}.settings-panel{z-index:40;top:var(--reader-edge-gap);width:min(340px,100vw - 32px);max-height:calc(100dvh - var(--reader-edge-gap) - 16px);border:1px solid var(--line);color:var(--text);background:var(--surface-solid);box-shadow:var(--popover-shadow);border-radius:18px;gap:18px;padding:20px;display:grid;position:fixed;right:clamp(16px,3vw,48px);overflow:auto}.annotations-panel{z-index:40;top:var(--reader-edge-gap);right:var(--layout-gutter);width:min(480px,100vw - 32px);max-height:calc(100dvh - var(--reader-edge-gap) - 16px);border:1px solid var(--line);color:var(--text);background:var(--surface-solid);box-shadow:var(--popover-shadow);border-radius:18px;grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:20px;display:grid;position:fixed}.annotations-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.annotations-panel h2,.annotations-panel h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600}.annotations-panel h2{font-size:20px}.annotations-panel h3{font-size:17px}.annotation-tabs{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 58%, var(--surface-solid));border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.annotation-tabs button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:700}.annotation-tabs button[aria-selected=true]{color:var(--accent-strong);background:var(--surface-solid);box-shadow:var(--control-shadow)}.annotation-view{overscroll-behavior:contain;min-height:0;overflow:auto}.annotation-primary-action,.annotation-save,.sync-provider button,.sync-summary button{border:1px solid var(--accent);color:#fff;background:var(--accent);cursor:pointer;border-radius:10px;min-height:38px;padding:0 14px;font-weight:700}.annotation-primary-action{width:100%;margin-bottom:12px}.annotation-list{gap:8px;display:grid}.annotation-empty{color:var(--muted);text-align:center;padding:28px 12px}.annotation-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 72%, transparent);border-radius:12px;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.annotation-card-color{background:var(--quote-color);border-radius:999px;width:8px;height:100%;min-height:38px}.annotation-card-main{min-width:0;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.annotation-card-main strong,.annotation-card-main span{display:block}.annotation-card-main strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:14px;overflow:hidden}.annotation-card-main span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.annotation-card-edit{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 7px}.annotation-card-edit:hover{color:var(--accent-strong);background:var(--accent-soft)}.annotation-editor{z-index:2;border-radius:inherit;background:var(--surface-solid);align-content:start;gap:16px;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.annotation-editor label,.quote-menu label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.annotation-editor textarea,.quote-menu textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);background:color-mix(in srgb, var(--bg) 42%, var(--surface-solid));border-radius:10px;padding:10px 12px;line-height:1.4}.annotation-editor-actions{justify-content:flex-end;gap:8px;display:flex}.annotation-editor-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;min-height:38px;padding:0 13px}.annotation-editor-actions .annotation-delete{color:#b42318;margin-right:auto}.annotation-color{background:var(--quote-color);cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.annotation-color:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 75%, transparent);outline-offset:3px}[data-quote-color=purple],.annotation-color[data-color=purple],.annotation-card[data-color=purple]{--quote-color:#8b5cf661}[data-quote-color=blue],.annotation-color[data-color=blue],.annotation-card[data-color=blue]{--quote-color:#3b82f657}[data-quote-color=green],.annotation-color[data-color=green],.annotation-card[data-color=green]{--quote-color:#22c55e57}[data-quote-color=yellow],.annotation-color[data-color=yellow],.annotation-card[data-color=yellow]{--quote-color:#eab30866}[data-quote-color=orange],.annotation-color[data-color=orange],.annotation-card[data-color=orange]{--quote-color:#f973165c}[data-quote-color=pink],.annotation-color[data-color=pink],.annotation-card[data-color=pink]{--quote-color:#ec489957}.book-content,.book-content[data-quote-selection-color=purple]{--quote-selection-color:#8b5cf661}.book-content[data-quote-selection-color=blue]{--quote-selection-color:#3b82f657}.book-content[data-quote-selection-color=green]{--quote-selection-color:#22c55e57}.book-content[data-quote-selection-color=yellow]{--quote-selection-color:#eab30866}.book-content[data-quote-selection-color=orange]{--quote-selection-color:#f973165c}.book-content[data-quote-selection-color=pink]{--quote-selection-color:#ec489957}.book-content ::selection{color:inherit;background:var(--quote-selection-color)}:root,:root[data-quote-preview-color=purple]{--quote-preview-color:#8b5cf661}:root[data-quote-preview-color=blue]{--quote-preview-color:#3b82f657}:root[data-quote-preview-color=green]{--quote-preview-color:#22c55e57}:root[data-quote-preview-color=yellow]{--quote-preview-color:#eab30866}:root[data-quote-preview-color=orange]{--quote-preview-color:#f973165c}:root[data-quote-preview-color=pink]{--quote-preview-color:#ec489957}::highlight(reader-quote-preview){color:inherit;background:var(--quote-preview-color)}.reader-quote-preview{color:inherit;background:var(--quote-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.reader-quote-highlight{color:inherit;background:var(--quote-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer;padding:0}.quote-menu{z-index:80;border:1px solid var(--line);width:min(360px,100vw - 24px);color:var(--text);background:var(--surface-solid);box-shadow:var(--popover-shadow);border-radius:16px;gap:12px;padding:16px;display:grid;position:fixed}.quote-menu-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:20px;position:absolute;top:7px;right:7px}.quote-menu-actions{gap:8px;display:flex}.quote-menu-actions .annotation-delete{border:1px solid color-mix(in srgb, #b42318 45%, var(--line));color:#b42318;cursor:pointer;background:0 0;border-radius:10px;padding:0 12px}.settings-help{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.4}.sync-help{gap:4px;padding-left:18px;display:grid}.sync-provider{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.sync-provider>div{gap:2px;display:grid}.sync-provider strong{font-size:13px}.sync-provider span,.sync-summary span{color:var(--muted);font-size:11px}.sync-provider button,.sync-summary button{min-height:34px;padding-inline:10px;font-size:12px}.sync-summary{gap:8px;padding-top:10px;display:grid}.sync-summary button{justify-self:start}.settings-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600}.settings-close{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:grid}.settings-group{border:0;min-width:0;margin:0;padding:0}.settings-group legend{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;padding:0;font-size:12px;font-weight:700}.font-size-control{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.setting-step{border-radius:10px;height:40px;font-weight:700}.font-size-control output{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 58%, var(--surface-solid));font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;height:40px;font-size:14px;font-weight:700;display:grid}.segmented-control{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 58%, var(--surface-solid));border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.setting-option{cursor:pointer;min-width:0;position:relative}.setting-option input{opacity:0;width:1px;height:1px;position:absolute}.setting-option span{min-height:34px;color:var(--muted);text-align:center;transition:color var(--motion-immediate) ease, background var(--motion-immediate) ease, box-shadow var(--motion-immediate) ease;border-radius:8px;place-items:center;padding:0 8px;font-size:13px;font-weight:700;display:grid}.setting-option:hover span{color:var(--text)}.setting-option input:checked+span{color:var(--accent-strong);background:var(--surface-solid);box-shadow:var(--control-shadow), inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, var(--line))}.setting-option input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--focus) 75%, transparent);outline-offset:3px}.reader-shell{height:100vh;height:100svh;min-height:0;position:relative}.reader{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.reader.is-preparing{visibility:hidden;pointer-events:none}.reader-status{z-index:1;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.reader-status.is-error{color:var(--accent-strong)}.reader-status p{max-width:34rem;margin:0}.book-viewport{min-width:0;min-height:0;margin:var(--reader-edge-gap) var(--layout-gutter);overscroll-behavior:none;touch-action:pan-y;contain:paint;view-transition-name:reader-page;position:relative;overflow:hidden}::view-transition-old(reader-page){animation-duration:var(--motion-page);animation-fill-mode:both;animation-timing-function:var(--ease-move);mix-blend-mode:normal}::view-transition-new(reader-page){animation-duration:var(--motion-page);animation-fill-mode:both;animation-timing-function:var(--ease-move);mix-blend-mode:normal}:root[data-reader-direction=forward]::view-transition-old(reader-page){animation-name:reader-page-old-forward}:root[data-reader-direction=forward]::view-transition-new(reader-page){animation-name:reader-page-new-forward}:root[data-reader-direction=backward]::view-transition-old(reader-page){animation-name:reader-page-old-backward}:root[data-reader-direction=backward]::view-transition-new(reader-page){animation-name:reader-page-new-backward}@keyframes reader-page-old-forward{to{transform:translate(-100%)}}@keyframes reader-page-new-forward{0%{transform:translate(100%)}}@keyframes reader-page-old-backward{to{transform:translate(100%)}}@keyframes reader-page-new-backward{0%{transform:translate(-100%)}}.book-content{--page-width:600px;--page-gap:36px;column-fill:auto;column-gap:var(--page-gap);column-width:var(--page-width);text-rendering:optimizelegibility;height:100%;padding-block:clamp(24px,4vh,52px);padding-inline:0;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.62;overflow:visible}.book-content.is-swiping{will-change:transform}.book{color:var(--text);display:contents}.book-chunk{display:contents}.reader-measurer{z-index:-1;visibility:hidden;pointer-events:none;top:0;left:-100000px;overflow:hidden;position:fixed!important}.book p{text-align:inherit;text-indent:1.35em;hanging-punctuation:first last;-webkit-hyphens:auto;hyphens:auto;orphans:3;widows:3;margin:0 0 .75em}.book-title,.book-subtitle{break-after:avoid-column;break-inside:avoid;text-align:center;text-wrap:balance;font-weight:500;line-height:1.2}.book-title{margin:0 0 1.2em;font-size:1.55em}.book-subtitle{margin:1.6em 0 .8em;font-size:1.05em}.book-title p,.book-subtitle p,.book-annotation p:first-child,.book-section>p:first-of-type{text-indent:0}.book-section{break-inside:auto}.book-section+.book-section{break-before:column}.book ul,.book ol,.book dl{margin:.8em 0 1em}.book ul,.book ol{padding-inline-start:1.8em}.book li{margin:.3em 0}.book li>p,.book td>p,.book th>p{text-indent:0}.book dt{margin-top:.7em;font-weight:650}.book dd{margin-inline-start:1.5em}.book pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:1em 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em;line-height:1.45}.book table{border-collapse:collapse;break-inside:auto;width:100%;margin:1em 0;font-size:.88em}.book th,.book td{border:1px solid var(--line);vertical-align:top;text-align:start;padding:.35em .5em}.book-annotation{break-inside:avoid;border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 58%, transparent);border-radius:0 10px 10px 0;margin-bottom:2em;padding:1.2em 1.35em;font-size:.92em}.book-cover{break-inside:avoid-column;page-break-inside:avoid;justify-content:center;align-items:center;height:calc(100% - 7rem);min-height:12rem;margin:0;display:flex}.book-cover+*{break-before:column}.book-image{max-width:100%;max-height:max(1px, calc(var(--page-content-height,100%) - 2.4em));break-inside:avoid-column;page-break-inside:avoid;text-align:center;flex-direction:column;align-items:center;margin:1.2em 0;display:flex}.book-image img{width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:max(1px, calc(var(--page-content-height,100%) - 2.4em));object-fit:contain;border-radius:3px;flex:auto;margin:auto;display:block}.book-image figcaption{width:100%;color:var(--muted);text-align:center;flex:none;margin-top:.55em;font-size:.82em;line-height:1.4}.book-cover img{max-height:100%;box-shadow:0 16px 38px #1e191233}.book-epigraph,.book-cite,.book-poem{break-inside:avoid;margin:1.5em 0 1.5em auto}.book-epigraph{width:min(78%,24em);font-size:.92em}.book-cite,.book-poem{border-left:2px solid var(--line);padding-left:1.2em}.book-stanza+.book-stanza{margin-top:.8em}.book a{color:var(--accent-strong);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:.18em}.footnote-link{white-space:nowrap}.book[data-footnotes=inline] .book-notes,.book[data-footnotes=inline] .book-footnote{display:none}.book[data-footnotes=inline] .footnote-link{color:inherit;white-space:normal;cursor:text;text-decoration:none}.book[data-footnotes=inline] .footnote-link>.footnote-reference,.book[data-footnotes=inline] .footnote-link>sup{display:none}.book[data-footnotes=inline] .footnote-link:after{content:" [" attr(data-note-text) "]";color:var(--muted);font-size:.86em}.book-notes{break-before:column;font-size:.9em}.book-footnote{scroll-margin-block:1em}.book-notes .book-section{break-before:auto;break-inside:avoid}.back-to-text{z-index:5;border:1px solid var(--accent);color:var(--accent-strong);background:var(--surface-solid);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;padding:9px 14px;position:absolute;bottom:104px;right:clamp(28px,6vw,92px)}.reader-footer{min-height:82px;padding:12px var(--layout-gutter) 16px;grid-template-columns:auto minmax(12rem,1fr);align-items:center;gap:clamp(16px,3vw,44px);display:grid}.paging-controls{align-items:center;gap:8px;display:flex}:root[data-page-buttons=hide] .paging-controls{display:none}:root[data-page-buttons=hide] .reader-footer{grid-template-columns:minmax(12rem,1fr);gap:0}.page-button{border-radius:10px;place-items:center;width:44px;height:38px;font-size:20px;font-weight:650;display:inline-grid}.progress-group{min-width:0;position:relative}.progress-copy{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.progress-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}progress{appearance:none;background:var(--line);border:0;border-radius:999px;width:100%;height:4px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent);border-radius:999px}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.drop-overlay{z-index:20;border:2px dashed var(--accent);background:color-mix(in srgb, var(--surface-solid) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;place-items:center;display:grid;position:absolute;inset:14px}.drop-overlay div{justify-items:center;gap:8px;display:grid}.drop-overlay strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,4vw,40px)}.drop-overlay span{color:var(--muted)}.toast{z-index:50;border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));max-width:min(28rem,100vw - 44px);color:var(--text);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:12px;padding:13px 16px;position:fixed;bottom:22px;right:22px}@media (max-width:860px){.app-header{grid-template-columns:auto minmax(0,1fr) auto}.book-heading span{display:none}.book-heading{padding-inline:10px}.reader-footer{grid-template-columns:auto minmax(0,1fr)}.back-to-text{bottom:94px;right:20px}}@media (max-width:640px){:root[data-page-buttons=auto] .paging-controls{display:none}:root[data-page-buttons=auto] .reader-footer{grid-template-columns:minmax(12rem,1fr);gap:0}.settings-backdrop,.panel-backdrop{z-index:30;inset:var(--header-height) 0 0;background:#1613106b;display:block;position:fixed}.settings-panel,.toc-panel,.annotations-panel{width:100%;max-height:min(82dvh,680px);padding:20px max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));--motion-closed-transform:translateY(28px);transform-origin:bottom;border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;inset:auto 0 0}.quote-menu{bottom:max(12px, env(safe-area-inset-bottom));--motion-closed-transform:translateY(18px);transform-origin:bottom;width:auto;top:auto!important;left:12px!important;right:12px!important}}@media (max-width:520px){:root{--layout-gutter:12px;--header-height:62px;--reader-panel-gap:6px}.brand{width:44px;height:44px}.brand-mascot{width:54px;height:54px}.header-actions{gap:4px}.language-select{width:58px}.language-select select{padding-inline:11px 22px}.language-select svg{right:9px}.book-heading strong{font-size:15px}.book-content{padding-block:22px;line-height:1.55}.reader-footer{min-height:78px;padding:6px var(--layout-gutter) 10px;gap:8px 12px}.progress-copy #time-label{display:none}}@media (prefers-reduced-motion:reduce){.app-header{transition:opacity .12s var(--ease-enter)}#app[data-header-visibility=hidden] .app-header{transform:none}.toc-panel,.settings-panel,.annotations-panel,.quote-menu,.annotation-editor,.toast,.settings-backdrop,.panel-backdrop{transition-property:opacity;transition-duration:.12s}.toc-panel[data-motion-state=opening],.toc-panel[data-motion-state=closing],.settings-panel[data-motion-state=opening],.settings-panel[data-motion-state=closing],.annotations-panel[data-motion-state=opening],.annotations-panel[data-motion-state=closing],.quote-menu[data-motion-state=opening],.quote-menu[data-motion-state=closing],.annotation-editor[data-motion-state=opening],.annotation-editor[data-motion-state=closing],.toast[data-motion-state=opening],.toast[data-motion-state=closing]{transform:none}::view-transition-old(reader-page){animation-duration:.12s;animation-timing-function:var(--ease-enter);animation-name:reader-fade-out!important}::view-transition-new(reader-page){animation-duration:.12s;animation-timing-function:var(--ease-enter);animation-name:reader-fade-in!important}}@keyframes reader-fade-out{to{opacity:0}}@keyframes reader-fade-in{0%{opacity:0}}@media print{body{background:#fff;overflow:visible}.app-header,.toc-panel,.annotations-panel,.quote-menu,.panel-backdrop,.settings-panel,.settings-backdrop,.reader-footer,.back-to-text{display:none!important}.reader-shell,.reader,.book-viewport,.book-content{height:auto;box-shadow:none;column-width:auto;border:0;display:block;overflow:visible}}:root{--ui-font-family:var(--font-interface);--ui-font-size:13px;--ui-font-size-sm:11px;--ui-title-size:14px;--ui-display-size:18px;--ui-line-height:1.4;--ui-line-height-compact:1.3;--ui-weight-regular:400;--ui-weight-medium:500;--ui-weight-semibold:600;--ui-control-size:34px;--ui-border-width:1px;--ui-border:var(--border-subtle);--ui-border-active:var(--control-active-border);--ui-radius:var(--radius-control);--ui-popup-radius:var(--radius-popover);--ui-popup-padding:16px}button:focus-visible,#book-file:focus-visible+.open-button,.language-select:focus-within,.setting-option input:focus-visible+span,.annotation-color:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button,.open-button,select,textarea{transition:color var(--motion-immediate) ease, border-color var(--motion-immediate) ease, background-color var(--motion-immediate) ease, box-shadow var(--motion-immediate) ease, transform var(--motion-immediate) var(--ease-enter)}.close-icon,.page-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:18px;height:18px;display:block}.app-header{z-index:45;pointer-events:none;height:0;min-height:0;font-family:var(--ui-font-family);background:0 0;border:0;padding:0}.brand,.book-heading,.app-header>.language-select{display:none}.header-actions{z-index:46;top:24px;right:calc(var(--layout-gutter) + 20px);pointer-events:none;gap:5px;display:flex;position:fixed}.header-actions>*{pointer-events:auto}#toc-button{z-index:46;top:24px;left:calc(var(--layout-gutter) + 20px);pointer-events:auto;position:fixed}.icon-button,.open-button,.page-button,.settings-close,.panel-close,.quote-menu-close{width:var(--ui-control-size);height:var(--ui-control-size);min-width:var(--ui-control-size);flex:0 0 var(--ui-control-size);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius);color:var(--muted);box-shadow:none;cursor:pointer;font-family:var(--ui-font-family);background:0 0;place-items:center;padding:0;display:grid}.icon-button:hover,.open-button:hover,.page-button:hover:not(:disabled),.settings-close:hover,.panel-close:hover,.quote-menu-close:hover{border-color:var(--control-hover-border);color:var(--accent-strong);background:var(--control-hover-bg)}.icon-button:active,.open-button:active,.page-button:active:not(:disabled),.settings-close:active,.panel-close:active,.quote-menu-close:active{transform:scale(.96)}.settings-icon,.toc-icon,.bookmark-icon,.upload-icon{stroke-width:1.65px;width:18px;height:18px}.header-actions .open-button{width:var(--ui-control-size);height:var(--ui-control-size);margin:0}.book-viewport{width:auto;max-width:none;margin:18px var(--layout-gutter) 8px;box-shadow:none;background:0 0;border:0}.book-content{padding-top:clamp(76px,9vh,100px)}.toc-panel,.settings-panel,.annotations-panel,.quote-menu{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-popup-radius);color:var(--text);background:var(--surface-raised);box-shadow:var(--popover-shadow);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height)}#toc-panel,#annotations-panel,#settings-panel{top:68px}#toc-panel{right:auto;left:calc(var(--layout-gutter) + 8px);width:min(320px,100vw - 32px)}#annotations-panel{right:calc(var(--layout-gutter) + 60px);width:min(380px,100vw - 32px)}#settings-panel{right:calc(var(--layout-gutter) + 8px);width:min(340px,100vw - 32px)}.toc-panel,.annotations-panel,.settings-panel{max-height:calc(100dvh - 84px);padding:var(--ui-popup-padding);gap:12px}.toc-panel-header,.settings-panel-header,.annotations-panel-header,.quote-menu-header{min-height:var(--ui-control-size);border-bottom:var(--ui-border-width) solid var(--ui-border);justify-content:space-between;align-items:center;gap:12px;padding:0 0 10px;display:flex}.toc-panel h2,.settings-panel h2,.annotations-panel h2,.quote-menu h2{font-family:var(--ui-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-weight-semibold);letter-spacing:0;line-height:var(--ui-line-height-compact);margin:0}.toc-panel .panel-close,.settings-panel .settings-close,.annotations-panel .panel-close,.quote-menu-close{color:var(--text);font-size:inherit;background:0 0;flex:none}.toc-navigation,.annotation-view,.settings-panel{scrollbar-color:color-mix(in srgb, var(--muted) 55%, transparent) transparent;scrollbar-width:thin}.toc-link,.toc-label{border-radius:var(--ui-radius);min-height:34px;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height-compact);border:1px solid #0000;padding:7px 9px}.toc-link:hover{border-color:var(--control-hover-border);color:var(--accent-strong);background:var(--control-hover-bg)}.toc-link[aria-current=location]{border-color:var(--control-active-border);color:var(--control-active-text);background:var(--control-active-bg);font-weight:600}.toc-label{color:var(--muted);font-weight:600}.toc-list li{margin:2px 0}.toc-list .toc-list{border-inline-start-color:var(--ui-border);margin-inline-start:8px;padding-inline-start:12px}.annotation-tabs{border:0;border-bottom:var(--ui-border-width) solid var(--ui-border);background:0 0;border-radius:0;grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.annotation-tabs button{min-height:36px;color:var(--muted);cursor:pointer;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-medium);line-height:var(--ui-line-height-compact);background:0 0;border:0;border-radius:0;padding:0 12px;position:relative}.annotation-tabs button:hover{color:var(--accent-strong);background:color-mix(in srgb, var(--control-hover-bg) 55%, transparent)}.annotation-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.annotation-tabs button[aria-selected=true]:after{background:var(--accent)}.annotation-primary-action,.annotation-save,.sync-provider button,.sync-summary button{border:var(--ui-border-width) solid var(--control-active-border);border-radius:var(--ui-radius);min-height:34px;color:var(--control-active-text);background:var(--control-active-bg);box-shadow:none;cursor:pointer;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-semibold);line-height:var(--ui-line-height-compact);padding:0 13px}.annotation-primary-action:hover,.annotation-save:hover,.sync-provider button:hover:not(:disabled),.sync-summary button:hover:not(:disabled){border-color:color-mix(in srgb, var(--control-active-border) 80%, white);background:var(--accent-fill-hover)}.annotation-primary-action{margin-bottom:10px}.annotation-list{gap:7px}.annotation-card:hover{border-color:var(--control-hover-border);background:color-mix(in srgb, var(--control-hover-bg) 48%, transparent)}.annotation-card-color{border-radius:2px;width:2px;min-height:100%}.annotation-card-main{color:var(--text);font-family:var(--ui-font-family);text-align:start;background:0 0;border:0;border-radius:0;padding:0}.annotation-card-main strong{font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height);text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.annotation-card-main span{color:var(--muted);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height-compact);margin-top:5px}.annotation-card-edit{border-radius:var(--ui-radius);width:28px;height:28px;color:var(--muted);letter-spacing:-.08em;background:0 0;border:1px solid #0000;padding:0}.annotation-card-edit:hover{border-color:var(--control-hover-border);color:var(--accent-strong);background:var(--control-hover-bg)}.annotation-editor{padding:var(--ui-popup-padding);border-radius:inherit;color:var(--text);background:var(--surface-raised);font-family:var(--ui-font-family);gap:14px}.annotation-editor h3{border-bottom:var(--ui-border-width) solid var(--ui-border);font-family:var(--ui-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-weight-semibold);line-height:var(--ui-line-height-compact);padding-bottom:10px}.annotation-editor label,.quote-menu label{color:var(--text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-weight-medium);line-height:var(--ui-line-height-compact);gap:7px}.annotation-editor textarea,.quote-menu textarea{resize:vertical;border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);min-height:76px;color:var(--text);background:var(--field-bg);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height);padding:9px 10px}.annotation-editor textarea:hover,.quote-menu textarea:hover,.settings-panel select:hover{border-color:var(--control-hover-border)}.annotation-editor textarea:focus,.quote-menu textarea:focus,.settings-panel select:focus{border-color:var(--focus);outline:2px solid color-mix(in srgb, var(--focus) 34%, transparent);outline-offset:0}.annotation-editor textarea::placeholder,.quote-menu textarea::placeholder{color:color-mix(in srgb, var(--muted) 90%, var(--text));opacity:1}.annotation-editor-actions,.quote-menu-actions{justify-content:flex-end;gap:8px;display:flex}.annotation-editor-actions button,.quote-menu-actions .annotation-delete{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);min-height:34px;color:var(--text);font-family:var(--ui-font-family);font-size:var(--ui-font-size);background:0 0;padding:0 12px}.annotation-editor-actions button:hover,.quote-menu-actions .annotation-delete:hover{border-color:var(--control-hover-border);color:var(--accent-strong);background:var(--control-hover-bg)}.annotation-editor-actions .annotation-delete,.quote-menu-actions .annotation-delete{color:var(--muted);margin-right:auto}.annotation-editor-actions .annotation-save{border-color:var(--control-active-border);color:var(--control-active-text);background:var(--control-active-bg)}.annotation-colors{flex-wrap:wrap;gap:10px;display:flex}.annotation-color{border:1px solid color-mix(in srgb, var(--text) 16%, transparent);width:24px;height:24px;box-shadow:none;border-radius:4px;padding:0;position:relative}.annotation-color:hover{border-color:var(--text);transform:translateY(-1px)}.annotation-color[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface-raised) 70%, transparent)}.annotation-color[aria-checked=true]:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:translateY(-1px)rotate(-45deg)}.settings-panel{align-content:start;overflow:auto}.settings-panel .settings-group{border:0;gap:7px;padding:0;display:grid}.settings-panel .settings-group+.settings-group{border-top:0;padding-top:0}.settings-panel .settings-group legend{color:var(--text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-weight-medium);letter-spacing:0;line-height:var(--ui-line-height-compact);text-transform:none;margin:0;padding:0}.settings-panel .font-size-control{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--field-bg);grid-template-columns:42px minmax(64px,1fr) 42px;gap:0;min-height:34px;padding:0;display:grid;overflow:hidden}.settings-panel .setting-step{width:auto;min-width:42px;height:34px;min-height:34px;color:var(--text);font-family:var(--ui-font-family);background:0 0;border:0;border-radius:0;padding:0;font-size:17px;font-weight:400}.settings-panel .setting-step:first-child{border-right:var(--ui-border-width) solid var(--ui-border)}.settings-panel .setting-step:last-child{border-left:var(--ui-border-width) solid var(--ui-border)}.settings-panel .setting-step:hover:not(:disabled){border-color:var(--ui-border);color:var(--accent-strong);background:var(--control-hover-bg)}.settings-panel .font-size-control output{min-width:64px;height:34px;color:var(--text);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-variant-numeric:tabular-nums;font-weight:var(--ui-weight-medium);line-height:var(--ui-line-height-compact);background:0 0;border:0;border-radius:0;place-items:center;display:grid}.settings-panel .segmented-control{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--field-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;min-height:34px;padding:0;display:grid;overflow:hidden}.settings-panel .setting-option span{border:0;border-right:var(--ui-border-width) solid var(--ui-border);min-height:34px;color:var(--text);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height-compact);background:0 0;border-radius:0;padding:0 8px}.settings-panel .setting-option:last-child span{border-right:0}.settings-panel .setting-option:hover span{color:var(--accent-strong);background:var(--control-hover-bg)}.settings-panel .setting-option input:checked+span{color:var(--control-active-text);background:var(--control-active-bg);box-shadow:none;border-color:#0000;font-weight:600}.settings-panel .settings-language-group .language-select{width:100%;height:36px;display:block}.settings-panel .settings-language-group .language-select select{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);min-height:36px;color:var(--text);background:var(--field-bg);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height-compact)}.settings-help,.sync-provider,.sync-summary{font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height)}.settings-project-info{border-top:var(--ui-border-width) solid var(--ui-border);color:var(--muted);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height);justify-content:flex-start;align-items:center;padding-top:12px;display:flex}.settings-project-info p{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:5px;margin:0;display:flex}.settings-project-info a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:2px;border-radius:2px}.settings-project-info a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.sync-provider{border-bottom-color:var(--ui-border);min-height:42px;padding:7px 0}.sync-provider button,.sync-summary button{min-height:30px;font-size:var(--ui-font-size-sm);padding-inline:10px}.quote-menu{width:min(330px,100vw - 24px);padding:var(--ui-popup-padding);gap:13px}.quote-menu-header{margin-bottom:1px}.quote-menu-close{position:static}.quote-menu-actions .annotation-save{flex:0 auto}.reader-footer{width:auto;max-width:none;min-height:68px;padding:5px var(--layout-gutter) 12px;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height-compact);margin-inline:0}.reader-status,.back-to-text,.drop-overlay,.toast{font-family:var(--ui-font-family);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height)}.drop-overlay strong{font-family:var(--ui-font-family);font-size:var(--ui-display-size);font-weight:var(--ui-weight-semibold);line-height:var(--ui-line-height-compact)}.drop-overlay span,.toast,.back-to-text{font-size:var(--ui-font-size)}.page-button{width:var(--ui-control-size);height:var(--ui-control-size);font-size:inherit}.progress-copy{color:var(--muted);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--ui-weight-regular);line-height:var(--ui-line-height-compact);letter-spacing:0;text-transform:none;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:7px;display:grid}.progress-copy #chapter-pages-left{justify-self:start}.progress-copy #page-label{justify-self:center}.progress-copy #time-label{justify-self:end}.progress-group progress{background:var(--ui-border);border:0;border-radius:999px;height:3px;overflow:hidden}progress::-webkit-progress-bar{background:var(--ui-border);border-radius:999px}progress::-webkit-progress-value{background:var(--accent);border-radius:999px}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}@media (max-width:720px){.header-actions{top:14px;right:12px}#toc-button{top:14px;left:12px}.book-viewport{margin:8px 10px 6px}.book-content{padding-top:58px}.reader-footer{padding-inline:18px}}@media (max-width:640px){#toc-panel,#annotations-panel,#settings-panel{width:100%;max-height:min(82dvh,680px);padding:18px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;inset:auto 0 0}.quote-menu{bottom:max(12px, env(safe-area-inset-bottom));width:auto;top:auto!important;left:12px!important;right:12px!important}.progress-copy{grid-template-columns:1fr auto 1fr}}@layer legacy-quiet-chrome{.header-actions{gap:6px}.icon-button{color:var(--muted);background:0 0;border-color:#0000}.icon-button:hover,.icon-button[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent) 78%, transparent);color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 72%, transparent)}.header-actions .open-button{margin-left:4px}.settings-language-group .language-select{width:100%;height:42px;display:block}.settings-language-group .language-select select{color:var(--text);background:color-mix(in srgb, var(--surface-solid) 80%, transparent);border-radius:10px;font-size:14px;font-weight:550}.book-viewport{margin-top:calc(var(--header-height) + 18px);margin-bottom:10px}.reader-footer{min-height:72px;padding-top:4px}.paging-controls{gap:2px}.page-button{color:var(--muted);background:0 0;border-color:#0000}.page-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 78%, transparent);color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 72%, transparent)}.progress-copy{letter-spacing:.02em;text-transform:none;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:7px;font-size:12px;display:grid}.progress-copy #chapter-pages-left{justify-self:start}.progress-copy #page-label{justify-self:center}.progress-copy #time-label{justify-self:end}.progress-group progress{height:3px}.skim-track{height:16px;margin-block:-6px;position:relative}.skim-track:after{z-index:1;top:6px;left:min(var(--skim-committed-position,0%), var(--skim-position,0%));width:calc(max(var(--skim-committed-position,0%), var(--skim-position,0%)) - min(var(--skim-committed-position,0%), var(--skim-position,0%)));background:color-mix(in srgb, var(--accent) 42%, transparent);content:"";opacity:0;pointer-events:none;border-radius:999px;height:3px;position:absolute}.progress-group.is-skimming .skim-track:after{opacity:1}.skim-track progress{position:absolute;top:6px;left:0}.book-scrubber{z-index:2;cursor:pointer;appearance:none;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;width:100%;height:16px;margin:0;position:absolute;inset:0}.book-scrubber:focus{outline:none}.book-scrubber::-webkit-slider-runnable-track{background:0 0;height:16px}.book-scrubber::-moz-range-track{background:0 0;border:0;height:16px}.book-scrubber::-webkit-slider-thumb{border:2px solid var(--surface-raised);appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent);opacity:0;border-radius:50%;margin-top:2px}.book-scrubber::-moz-range-thumb{border:2px solid var(--surface-raised);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent);opacity:0;border-radius:50%}.book-scrubber:hover::-webkit-slider-thumb{opacity:1}.book-scrubber:focus-visible::-webkit-slider-thumb{opacity:1}.progress-group.is-skimming .book-scrubber::-webkit-slider-thumb{opacity:1}.book-scrubber:hover::-moz-range-thumb{opacity:1}.book-scrubber:focus-visible::-moz-range-thumb{opacity:1}.progress-group.is-skimming .book-scrubber::-moz-range-thumb{opacity:1}.book-scrubber:disabled{cursor:default}.book-scrubber:disabled::-webkit-slider-thumb{opacity:0}.book-scrubber:disabled::-moz-range-thumb{opacity:0}.progress-group:has(.book-scrubber:focus-visible):after{z-index:2;border:1px solid var(--accent);border-radius:var(--radius-control);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);content:"";pointer-events:none;position:absolute;inset:-8px -10px}.skim-popover{--skim-popover-half:132px;z-index:20;bottom:31px;left:clamp(var(--skim-popover-half), var(--skim-popover-position,50%), calc(100% - var(--skim-popover-half)));box-sizing:border-box;width:calc(var(--skim-popover-half) * 2);border:1px solid var(--border-subtle);border-radius:var(--radius-popover);background:var(--surface-raised);box-shadow:var(--popover-shadow);color:var(--text);font-family:var(--ui-font-family);pointer-events:none;-webkit-user-select:none;user-select:none;padding:10px;position:absolute;transform:translate(-50%)}.skim-popover[hidden]{display:none}.skim-popover:after{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-raised);content:"";width:9px;height:9px;position:absolute;top:100%;left:50%;transform:translate(-50%,-5px)rotate(45deg)}.skim-chapter,.skim-page,.skim-hint{text-align:center;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.skim-hint:empty{display:none}.skim-chapter{font-size:var(--ui-font-size);font-weight:var(--ui-weight-semibold);line-height:var(--ui-line-height-compact);margin-bottom:8px}.skim-preview{contain:strict;background:0 0;border:0;border-radius:0;width:100%;min-height:104px;max-height:180px;position:relative;overflow:hidden}.skim-preview-content{box-sizing:border-box;transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.skim-page{font-size:var(--ui-font-size-sm);font-variant-numeric:tabular-nums;margin-top:8px}.skim-hint{color:var(--muted);font-size:10px;line-height:var(--ui-line-height-compact);margin-top:4px}@media (max-width:640px){.skim-popover{--skim-popover-half:min(124px, calc((100vw - 32px) / 2))}.skim-hint{font-size:9px}}@media (prefers-reduced-motion:reduce){.book-scrubber::-webkit-slider-thumb{transition:none}.book-scrubber::-moz-range-thumb{transition:none}}.toc-panel,.settings-panel,.annotations-panel{border-color:var(--border-subtle);border-radius:var(--radius-popover);background:var(--surface-raised);box-shadow:var(--popover-shadow)}.toc-panel .panel-close,.settings-panel .settings-close,.annotations-panel .panel-close{background:0 0;border-color:#0000}@media (max-width:640px){.progress-copy{grid-template-columns:1fr auto 1fr}.reader-footer{padding-inline:var(--layout-gutter)}}.app-header{z-index:45;pointer-events:none;background:0 0;border:0;height:0;min-height:0;padding:0}.brand,.book-heading,.language-select{display:none}.header-actions{z-index:46;top:28px;right:max(var(--layout-gutter), calc((100vw - 1060px) / 2 + 24px));pointer-events:none;display:flex;position:fixed}.header-actions>*{pointer-events:auto}.header-actions .open-button{width:40px;height:40px;color:var(--muted);background:0 0;border:0;margin-left:2px;display:grid}.header-actions .open-button:hover{color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 72%, transparent)}#toc-button{top:28px;left:max(var(--layout-gutter), calc((100vw - 1060px) / 2 + 24px));position:fixed}#toc-panel{top:76px;right:auto;left:max(var(--layout-gutter), calc((100vw - 1060px) / 2 + 12px));width:min(320px,100vw - 32px)}#annotations-panel,#settings-panel{top:76px}#annotations-panel{right:max(var(--layout-gutter), calc((100vw - 1060px) / 2 + 72px))}#settings-panel{right:max(var(--layout-gutter), calc((100vw - 1060px) / 2 + 16px))}.book-viewport{width:calc(100% - 2 * var(--layout-gutter));margin-top:24px;max-width:1060px;margin-inline:auto}.book-content{padding-top:clamp(84px,10vh,112px)}.reader-footer{width:calc(100% - 2 * var(--layout-gutter));max-width:1060px;margin-inline:auto}@media (max-width:720px){.header-actions{top:16px;right:12px}#toc-button{top:16px;left:12px}#toc-panel,#annotations-panel,#settings-panel{width:auto;top:68px;left:12px;right:12px}.book-viewport{width:calc(100% - 20px);margin-top:10px}.book-content{padding-top:62px}.reader-footer{width:calc(100% - 36px)}}#settings-panel{border:1px solid var(--border-strong);border-radius:var(--radius-popover);background:var(--surface-raised);width:min(356px,100vw - 32px);box-shadow:var(--popover-shadow);gap:14px;padding:18px}.settings-panel-header{border-bottom:1px solid var(--border-subtle);padding-bottom:4px}.settings-panel h2{letter-spacing:-.01em;font-size:18px}.settings-panel .settings-close{width:30px;height:30px;color:var(--muted);background:0 0}.settings-panel .settings-group{border:0;gap:8px;padding:0;display:grid}.settings-panel .settings-group+.settings-group{border-top:1px solid var(--border-subtle);padding-top:12px}.settings-panel .settings-group legend{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:0;font-size:11px;font-weight:700}.settings-panel .font-size-control,.settings-panel .segmented-control{gap:var(--space-control);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-control);padding:3px}.settings-panel .setting-step,.settings-panel .setting-option span{border-radius:calc(var(--radius-control) - 2px);background:0 0;border:0;min-height:34px}.settings-panel .setting-step:hover:not(:disabled),.settings-panel .setting-option:hover span{color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 72%, transparent)}.settings-panel .setting-option input:checked+span{color:var(--active-text);background:var(--active-fill);box-shadow:inset 0 0 0 1px var(--border-strong)}.settings-panel .font-size-control output{min-width:58px;color:var(--accent-strong);font-size:13px;font-weight:700}.settings-panel .settings-language-group .language-select select{border-color:var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-control);min-height:38px}@media (max-width:640px){#settings-panel{width:100%;padding:20px max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-radius:24px 24px 0 0}}}#time-label-compact{display:none}.reader-footer{bottom:var(--mobile-browser-bottom-inset,0px);position:relative}.fullscreen-reader-status{inset:0 var(--layout-gutter);visibility:hidden;opacity:0;color:var(--muted);pointer-events:none;align-items:center;display:grid;position:absolute}.fullscreen-reader-status>span{justify-self:center;display:none}.fullscreen-page-viewport,.fullscreen-page-track,.fullscreen-page-spread{position:absolute;inset:0}.fullscreen-page-viewport{contain:paint;view-transition-name:reader-page-status;display:none;overflow:hidden}.fullscreen-page-track{will-change:transform}.fullscreen-page-spread{align-items:center;display:grid}.fullscreen-page-spread[data-pages-per-view="2"]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}.fullscreen-page-spread>span{font-variant-numeric:tabular-nums;justify-self:center}::view-transition-old(reader-page-status){animation-duration:var(--motion-page);animation-fill-mode:both;animation-timing-function:var(--ease-move);mix-blend-mode:normal}::view-transition-new(reader-page-status){animation-duration:var(--motion-page);animation-fill-mode:both;animation-timing-function:var(--ease-move);mix-blend-mode:normal}:root[data-reader-direction=forward]::view-transition-old(reader-page-status){animation-name:reader-page-old-forward}:root[data-reader-direction=forward]::view-transition-new(reader-page-status){animation-name:reader-page-new-forward}:root[data-reader-direction=backward]::view-transition-old(reader-page-status){animation-name:reader-page-old-backward}:root[data-reader-direction=backward]::view-transition-new(reader-page-status){animation-name:reader-page-new-backward}.paging-controls,.progress-group,.fullscreen-reader-status{transition:transform var(--motion-routine) var(--ease-enter), opacity var(--motion-routine) var(--ease-enter)}#app[data-header-visibility=hidden] .paging-controls,#app[data-header-visibility=hidden] .progress-group{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(12px)}#app[data-header-visibility=hidden] .fullscreen-reader-status{visibility:visible;opacity:1}#app[data-header-visibility=hidden][data-fullscreen-status=progress] .fullscreen-reader-status #fullscreen-progress-percent{grid-column:1/-1;display:block}#app[data-header-visibility=hidden][data-fullscreen-status=page] .fullscreen-page-viewport{display:block}@media (max-width:520px){.fullscreen-page-spread[data-pages-per-view="2"]{column-gap:20px}.progress-copy{font-size:clamp(10px, 2.8vw, var(--ui-font-size-sm));gap:0 8px}.progress-copy>span{white-space:nowrap;min-width:0}.progress-copy #time-label{display:none}.progress-copy #time-label-compact{justify-self:end;display:block}}@media (prefers-reduced-motion:reduce){.paging-controls,.progress-group,.fullscreen-reader-status{transition:opacity .12s var(--ease-enter)}#app[data-header-visibility=hidden] .paging-controls,#app[data-header-visibility=hidden] .progress-group{transform:none}::view-transition-old(reader-page-status){animation:none}::view-transition-new(reader-page-status){animation:none}}#settings-panel.settings-panel{border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;inset:0}#settings-panel .settings-panel-header{width:100%;min-height:72px;padding:0 var(--layout-gutter);grid-template-columns:240px minmax(0,760px);display:grid;position:sticky;top:0}#settings-panel .settings-panel-header h2{margin:0;padding-inline:48px}@media (max-width:720px){#settings-panel.settings-panel{width:100%;inset:0}#settings-panel .settings-panel-header{grid-template-columns:1fr;min-height:64px;padding:0 16px}#settings-panel .settings-panel-header h2{display:none}}@layer legacy-consistency{:root{--ui-font-family:var(--font-interface);--ui-font-size:13px;--ui-font-size-sm:11px;--ui-title-size:18px;--ui-control-size:40px;--ui-border-width:1px;--ui-border:var(--border-subtle);--ui-border-active:var(--border-strong);--ui-radius:9px;--ui-popup-radius:var(--radius-popover);--ui-popup-padding:18px}.icon-button,.page-button,.open-button,.settings-close,.panel-close,.setting-step{width:var(--ui-control-size);height:var(--ui-control-size);min-width:var(--ui-control-size);border:var(--ui-border-width) solid transparent;color:var(--muted);font-family:var(--ui-font-family);font-size:var(--ui-font-size);background:0 0;border-radius:50%}.icon-button:hover,.icon-button[aria-expanded=true],.page-button:hover:not(:disabled),.open-button:hover,.settings-close:hover,.panel-close:hover,.setting-step:hover:not(:disabled){border-color:var(--ui-border-active);color:var(--accent-strong);background:var(--active-fill)}.settings-icon,.toc-icon,.bookmark-icon,.upload-icon{stroke-width:1.7px;width:20px;height:20px}.toc-panel,.settings-panel,.annotations-panel{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-popup-radius);background:var(--surface-raised);width:auto;box-shadow:var(--popover-shadow);color:var(--text);font-family:var(--ui-font-family);font-size:var(--ui-font-size)}.toc-panel{width:min(320px,100vw - 32px)}.settings-panel{width:min(356px,100vw - 32px)}.annotations-panel{width:min(400px,100vw - 32px)}.toc-panel-header,.settings-panel-header,.annotations-panel-header{min-height:var(--ui-control-size);border-bottom:var(--ui-border-width) solid var(--ui-border);padding-bottom:10px}.toc-panel h2,.settings-panel h2,.annotations-panel h2{font-family:Georgia,Times New Roman,serif;font-size:var(--ui-title-size);margin:0;font-weight:600;line-height:1.2}.toc-panel .panel-close,.settings-panel .settings-close,.annotations-panel .panel-close{border:var(--ui-border-width) solid transparent;background:0 0;font-size:22px}.toc-link,.toc-label,.annotation-card-main,.annotation-card-edit,.annotation-tabs button,.annotation-primary-action,.settings-panel .setting-option span,.settings-panel .setting-step,.settings-panel output,.settings-panel select{font-family:var(--ui-font-family);font-size:var(--ui-font-size)}.toc-link,.toc-label{min-height:36px;padding-block:8px}.annotation-tabs,.settings-panel .font-size-control,.settings-panel .segmented-control{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--surface-control)}.annotation-tabs button,.settings-panel .setting-option span,.settings-panel .setting-step{border:var(--ui-border-width) solid transparent;border-radius:calc(var(--ui-radius) - 2px);min-height:34px}.annotation-tabs button[aria-selected=true],.settings-panel .setting-option input:checked+span{border-color:var(--ui-border-active);color:var(--active-text);background:var(--active-fill);box-shadow:none}.settings-panel .settings-group legend{font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:1.25}.settings-panel .settings-group+.settings-group{border-top-color:var(--ui-border)}.settings-panel .settings-language-group .language-select select{border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);font-family:var(--ui-font-family);font-size:var(--ui-font-size);background:var(--surface-control)}.progress-copy,.reader-footer .page-button{font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm)}.header-actions{right:calc(var(--layout-gutter) + 24px)}#toc-button{left:calc(var(--layout-gutter) + 24px);z-index:46;pointer-events:auto}#toc-panel{left:calc(var(--layout-gutter) + 12px)}#annotations-panel{right:calc(var(--layout-gutter) + 72px)}#settings-panel{right:calc(var(--layout-gutter) + 16px)}.book-viewport{width:auto;max-width:none;margin-inline:var(--layout-gutter)}.reader-footer{width:auto;max-width:none;margin-inline:0}@media (max-width:720px){.header-actions{right:12px}#toc-button{left:12px}#toc-panel,#annotations-panel,#settings-panel{left:12px;right:12px}}}:root{--reading-gutter:clamp(24px, 6vw, 100px);--book-alignment:start;--bg:#f4f2ee;--surface:#fffffff0;--surface-solid:#fbfaf8;--surface-raised:#fff;--surface-control:#f2f0f3;--field-bg:#f8f7f9;--text:#27252a;--muted:#6c6872;--line:#d8d4dc;--border-subtle:#d8d4dc;--border-strong:#8b4de8;--accent:#8b4de8;--accent-strong:#6425bd;--accent-fill-hover:#7c3fd5;--accent-soft:#efe8fa;--active-fill:#eee6fa;--active-text:#6425bd;--control-hover-bg:#f1eafb;--control-hover-border:#b18ae8;--control-active-bg:#8b4de8;--control-active-border:#8b4de8;--control-active-text:#fff;--focus:#8b4de8;--shadow:0 14px 38px #2a1f3724;--popover-shadow:0 18px 52px #22192d33;--radius-control:6px;--radius-popover:10px;--ui-font-size:13px;--ui-font-size-sm:12px;--ui-title-size:15px;--ui-control-size:34px;--ui-radius:var(--radius-control);--ui-popup-radius:var(--radius-popover);--ui-popup-padding:16px;--motion-immediate:.14s;--motion-exit:.16s;--motion-routine:.18s;--motion-sheet:.36s;--motion-preview:.125s;--ease-enter:cubic-bezier(.23, 1, .32, 1);--ease-move:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1)}:root[data-theme=dark]{--bg:#151617;--surface:#1d1e20f5;--surface-solid:#1c1d1f;--surface-raised:#1d1e20;--surface-control:#242528;--field-bg:#202124;--text:#eeeaf2;--muted:#a9a4af;--line:#424047;--border-subtle:#454249;--border-strong:#9a65e8;--accent:#9a59ed;--accent-strong:#d9c4fa;--accent-fill-hover:#8846db;--accent-soft:#30243e;--active-fill:#302440;--active-text:#dfccfb;--control-hover-bg:#2b2434;--control-hover-border:#78599e;--control-active-bg:#914ee5;--control-active-border:#a86df0;--control-active-text:#fff;--focus:#bd8cff;--shadow:0 16px 42px #00000057;--popover-shadow:0 22px 58px #0000007a}body,button,input,select,textarea,.toc-panel,.annotations-panel,.settings-panel,.quote-menu,.reader-footer{font-family:var(--font-interface)}:root[data-text-alignment=justify]{--book-alignment:justify}.book-content{font-family:var(--font-reader);text-align:var(--book-alignment);line-height:1.6}.book p{-webkit-hyphens:manual;hyphens:manual}:root[data-text-alignment=justify] .book p{-webkit-hyphens:auto;hyphens:auto}.book-title p,.book-subtitle p{text-align:inherit}.book-section>.book-title{letter-spacing:.1em;text-align:center;margin-block:.5em 1.5em;font-size:1.1em;font-weight:500}.book-section>h2.book-title{text-transform:uppercase;font-size:.9em}.book-epigraph{margin:1.5em auto 2em;font-style:italic}.book-epigraph p{text-align:center}.toolbar-label,.mobile-type-icon,.mobile-folder-icon{display:none}.app-header{-webkit-backdrop-filter:none;backdrop-filter:none}#app[data-header-visibility=hidden] .app-header{transform:none}button,.open-button,select,textarea{font-size:var(--ui-font-size)}button:focus-visible,#book-file:focus-visible+.open-button,.language-select:focus-within,.setting-option input:focus-visible+span,.analytics-switch input:focus-visible+.analytics-switch-track,.annotation-color:focus-visible,.book-scrubber:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.icon-button,.open-button,.page-button,.settings-close,.panel-close,.quote-menu-close{width:var(--ui-control-size);height:var(--ui-control-size);min-width:var(--ui-control-size);flex-basis:var(--ui-control-size);border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--muted);background:color-mix(in srgb, var(--surface-raised) 68%, transparent);box-shadow:none;transition:color var(--motion-immediate) ease, border-color var(--motion-immediate) ease, background-color var(--motion-immediate) ease, transform var(--motion-immediate) var(--ease-enter)}.icon-button[aria-expanded=true]{border-color:var(--control-active-border);color:var(--control-active-text);background:var(--control-active-bg)}.icon-button:active,.open-button:active,.page-button:active:not(:disabled),.settings-close:active,.panel-close:active,.quote-menu-close:active,.settings-back:active,.annotation-primary-action:active,.annotation-save:active,.annotation-editor-actions button:active,.analytics-clear-dialog button:active,.sync-provider button:active,.sync-summary button:active{transform:scale(.97)}.settings-icon,.toc-icon,.bookmark-icon,.upload-icon,.close-icon,.page-icon{stroke-width:1.65px;width:18px;height:18px}.header-actions{gap:6px}.header-actions .open-button{width:var(--ui-control-size);height:var(--ui-control-size);border:1px solid var(--border-subtle);color:var(--muted);background:color-mix(in srgb, var(--surface-raised) 68%, transparent);margin-left:0}.book-viewport{box-shadow:none;margin-inline:var(--reading-gutter);contain:layout;background:0 0;border:0}.reader-footer{min-height:62px;color:var(--muted);font-size:var(--ui-font-size-sm);padding-top:4px;padding-bottom:10px}.paging-controls{gap:6px}.page-button{font-size:var(--ui-font-size)}.progress-copy{color:var(--muted);font-size:var(--ui-font-size-sm);letter-spacing:0;margin-bottom:7px;line-height:1.3}.progress-group progress,.skim-track:after{height:3px}@keyframes reader-pending-ellipsis{0%,to{opacity:.42}50%{opacity:1}}.reader-footer.is-pending #time-label,.reader-footer.is-pending #time-label-compact{animation:reader-pending-ellipsis 1.2s var(--ease-move) infinite}.toc-panel,.annotations-panel,.quote-menu{border:1px solid var(--border-subtle);border-radius:var(--radius-popover);color:var(--text);background:var(--surface-raised);box-shadow:var(--popover-shadow);font-size:var(--ui-font-size);transition:opacity .18s var(--ease-enter), transform .18s var(--ease-enter);line-height:1.4}.toc-panel,.annotations-panel{padding:var(--ui-popup-padding);gap:12px}.toc-panel{--motion-closed-transform:translateY(-4px) scale(.97);width:min(320px,100vw - 32px)}.annotations-panel{--motion-closed-transform:translateY(-4px) scale(.97);width:min(400px,100vw - 32px)}.quote-menu{width:min(330px,100vw - 24px);padding:var(--ui-popup-padding);--motion-closed-transform:translateY(4px) scale(.97);gap:13px}.toc-panel-header,.annotations-panel-header,.quote-menu-header{min-height:var(--ui-control-size);border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.toc-panel h2,.annotations-panel h2,.quote-menu h2,.annotation-editor h3{font-family:var(--font-interface);font-size:var(--ui-title-size);letter-spacing:0;margin:0;font-weight:600;line-height:1.3}.toc-panel .panel-close,.annotations-panel .panel-close,.quote-menu-close{color:var(--muted);background:0 0;border-color:#0000}.toc-link,.toc-label{border-radius:var(--radius-control);min-height:34px;font-size:var(--ui-font-size);border:1px solid #0000;padding:7px 9px;font-weight:400;line-height:1.35}.toc-link[aria-current=location]{color:var(--active-text);background:var(--active-fill);border-color:#0000;font-weight:600}.toc-book-heading{gap:4px;padding:4px 9px 8px;display:grid}.toc-book-heading strong{font-size:15px;font-weight:500}.toc-book-heading span{color:var(--muted)}.toc-panel{grid-template-rows:auto auto minmax(0,1fr) auto}.toc-summary{border-radius:var(--radius-control);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 9px;list-style:none;display:flex}.toc-summary::-webkit-details-marker{display:none}.toc-summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:0 0 7px;width:7px;height:7px;transform:rotate(-45deg)}.toc-branch[open]>.toc-summary:after{transform:rotate(45deg)}.toc-summary:hover{color:var(--accent-strong);background:var(--control-hover-bg)}.toc-summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.toc-branch:has([aria-current=location])>.toc-summary{color:var(--accent-strong)}.toc-list>li:has(>.toc-branch){border-bottom:1px solid var(--border-subtle)}.toc-children{padding-left:10px}.toc-children>.toc-link{color:var(--muted);font-size:var(--ui-font-size-sm)}.toc-link{justify-content:space-between;align-items:center;gap:12px;display:flex}.toc-current-label{flex:none;font-size:11px;font-weight:400;display:none}.toc-link[aria-current=location] .toc-current-label{display:inline}.toc-hint{color:var(--muted);margin:4px 9px 0;font-size:12px;line-height:1.5}.toc-panel:not(:has(details)) .toc-hint{display:none}.annotation-tabs{border:0;border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;gap:0;padding:0}.annotation-tabs button{min-height:36px;color:var(--muted);font-size:var(--ui-font-size);background:0 0;border:0;border-radius:0;font-weight:500}.annotation-tabs button:after{transition:background-color .18s var(--ease-move)}.annotation-tabs button[aria-selected=true]{color:var(--text);box-shadow:none;background:0 0;border:0}.annotation-primary-action,.annotation-save,.sync-provider button,.sync-summary button{border:1px solid var(--control-active-border);border-radius:var(--radius-control);min-height:34px;color:var(--control-active-text);background:var(--control-active-bg);box-shadow:none;font-size:var(--ui-font-size);font-weight:600}.annotation-card{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:0 0;grid-template-columns:2px minmax(0,1fr) 28px;gap:9px;min-height:58px;padding:9px}.annotation-card-main,.annotation-card-main strong,.annotation-card-main span,.annotation-card-edit{font-family:var(--font-interface)}.annotation-card-main strong{font-size:var(--ui-font-size);font-weight:400;line-height:1.4}.annotation-card-main span{font-size:var(--ui-font-size-sm);margin-top:5px;line-height:1.3}.annotation-card-edit{border-radius:var(--radius-control);border:1px solid #0000;width:28px;height:28px}.annotation-editor{padding:var(--ui-popup-padding);border-radius:inherit;background:var(--surface-raised);font-family:var(--font-interface);transition:opacity .18s var(--ease-enter), transform .18s var(--ease-enter);gap:14px}.annotation-editor label,.quote-menu label{color:var(--text);font-size:var(--ui-font-size-sm);gap:7px;font-weight:500}.annotation-editor textarea,.quote-menu textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-control);min-height:76px;color:var(--text);background:var(--field-bg);font-size:var(--ui-font-size);padding:9px 10px;line-height:1.45}.annotation-editor-actions button,.quote-menu-actions .annotation-delete{border:1px solid var(--border-subtle);border-radius:var(--radius-control);min-height:34px;color:var(--text);font-size:var(--ui-font-size);background:0 0}.annotation-editor-actions .annotation-save,.quote-menu-actions .annotation-save{border-color:var(--control-active-border);color:var(--control-active-text);background:var(--control-active-bg)}.annotation-color{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);width:24px;height:24px;transition:border-color var(--motion-immediate) ease, transform var(--motion-immediate) var(--ease-enter);border-radius:4px}#settings-panel.settings-panel{font-size:var(--ui-font-size);opacity:1;transition:opacity .18s var(--ease-enter), transform .18s var(--ease-enter);--motion-closed-transform:translateY(8px);line-height:1.45;transform:translateY(0)}#settings-panel.settings-panel[data-motion-state=opening],#settings-panel.settings-panel[data-motion-state=closing]{opacity:0;transform:var(--motion-closed-transform)}#settings-panel .settings-panel-header{border-bottom-color:var(--border-subtle);background:color-mix(in srgb, var(--bg) 94%, transparent);grid-template-columns:200px minmax(0,1100px);min-height:68px}#settings-panel .settings-panel-header h2{font-family:var(--font-interface);padding-inline:44px;font-size:18px;font-weight:600}.settings-back{border-radius:var(--radius-control);min-height:34px;color:var(--text);font-size:var(--ui-font-size);transition:color var(--motion-immediate) ease, border-color var(--motion-immediate) ease, background-color var(--motion-immediate) ease, transform var(--motion-immediate) var(--ease-enter);background:0 0;border:1px solid #0000;padding:0 9px}.settings-layout{grid-template-columns:200px minmax(0,1100px);min-height:calc(100% - 68px)}.settings-navigation{gap:5px;padding:34px 26px 40px 0}.settings-navigation button{border-radius:var(--radius-control);min-height:38px;color:var(--text);font-size:var(--ui-font-size);transition:color var(--motion-immediate) ease, border-color var(--motion-immediate) ease, background-color var(--motion-immediate) ease, transform var(--motion-immediate) var(--ease-enter);background:0 0;border:1px solid #0000;padding:0 12px;font-weight:500}.settings-navigation button[aria-current=page]{color:var(--active-text);background:var(--active-fill);border-color:#0000;font-weight:600}.settings-content{padding:32px 32px 64px}.settings-view{width:min(100%,680px)}#settings-reading-view{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:32px;width:100%}.reading-settings-controls{gap:22px;min-width:0;display:grid}#settings-panel .reading-settings-controls>.settings-group{border:0;gap:8px;padding:0}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.theme-option{text-align:center;cursor:pointer;gap:8px;display:grid;position:relative}.theme-option input{opacity:0;width:1px;height:1px;position:absolute}.theme-sample{border:1px solid var(--border-subtle);height:64px;font:28px var(--font-reader);color:#27252a;background:#f4f2ee;border-radius:8px;place-items:center;display:grid;position:relative}.theme-option--dark .theme-sample{color:#eeeaf2;background:#202124}.theme-option--auto .theme-sample{color:#8b4de8;background:linear-gradient(115deg,#f4f2ee 50%,#46444c 50%)}.theme-option input:checked+.theme-sample{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-option input:checked+.theme-sample:after{content:"✓";background:var(--accent-strong);width:16px;height:16px;color:var(--surface-solid);font:11px var(--font-interface);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.theme-option input:checked~.theme-name{color:var(--accent-strong)}.theme-option input:focus-visible+.theme-sample{outline:2px solid var(--focus);outline-offset:4px}.reading-preview{min-width:0;position:sticky;top:100px}.reading-preview>h3{font:500 13px var(--font-interface);margin:0 0 10px}.reading-preview-page{border:1px solid var(--border-subtle);min-height:400px;max-height:calc(100svh - 180px);color:var(--text);background:var(--bg);font:var(--preview-font-size,20px)/1.6 var(--font-reader);text-align:var(--book-alignment);border-radius:8px;padding:clamp(20px,3vw,44px);overflow:auto}.reading-preview-title{color:var(--muted);text-align:center;margin:0 0 1.5em;font-size:.85em}.reading-preview-text h3{text-align:center;margin:0 0 1.5em;font-size:1.1em;font-weight:500;line-height:1.4}.reading-preview-text p{text-indent:1.35em;margin:0 0 .75em}.reading-preview-text p:first-of-type{text-indent:0}.reading-preview-hint{color:var(--muted);margin:10px 0 0;font-size:12px}@media (min-width:721px) and (max-width:1050px){.settings-layout{grid-template-columns:170px minmax(0,1fr)}#settings-reading-view{grid-template-columns:minmax(0,1fr)}.reading-preview{position:static}.reading-preview-page{min-height:220px;max-height:300px}}#settings-panel .settings-group legend{color:var(--text);font-size:var(--ui-font-size-sm);letter-spacing:0;text-transform:none;margin:0;font-weight:500}#settings-panel .font-size-control,#settings-panel .segmented-control{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--field-bg);gap:0;min-height:34px;padding:0;overflow:hidden}#settings-panel .font-size-control{grid-template-columns:42px minmax(64px,1fr) 42px}#settings-panel .setting-step,#settings-panel .setting-option span{border:0;border-right:1px solid var(--border-subtle);min-height:34px;color:var(--text);font-size:var(--ui-font-size);background:0 0;border-radius:0;font-weight:400}#settings-panel .setting-step:last-child,#settings-panel .setting-option:last-child span{border-right:0}#settings-panel .setting-step:first-child{border-left:0}#settings-panel .font-size-control output{border:0;border-right:1px solid var(--border-subtle);height:34px;color:var(--text);font-size:var(--ui-font-size);background:0 0;border-radius:0;font-weight:500}#settings-panel .setting-option input:checked+span{color:var(--active-text);background:var(--active-fill);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);border-color:#0000;font-weight:600}#settings-panel .settings-language-group .language-select,#settings-panel .settings-language-group .language-select select{width:100%;height:36px}#settings-panel .settings-language-group .language-select select{border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--text);background:var(--field-bg);font-size:var(--ui-font-size);font-weight:400}.analytics-heading{gap:24px;margin-bottom:40px}.analytics-heading h3,#settings-sync-view .sync-settings>legend,.about-app h3{color:var(--text);font-family:var(--font-interface);letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:600;line-height:1.25}.analytics-heading p,.about-app>p{max-width:60ch;color:var(--muted);margin:0;line-height:1.55}.analytics-switch{border-color:var(--border-subtle);min-height:48px}.analytics-switch-track{transition:background-color var(--motion-immediate) ease, border-color var(--motion-immediate) ease}.analytics-switch-track:after{transition:transform var(--motion-immediate) var(--ease-enter)}.analytics-dashboard{gap:42px}.analytics-summary{gap:24px;padding-block:20px}.analytics-insights{gap:42px}@media (min-width:721px){.analytics-insights section+section{padding-left:42px}}#settings-sync-view .sync-help{gap:10px 28px;margin-bottom:32px}#settings-sync-view .sync-provider{min-height:62px}.about-app{gap:14px;max-width:560px;display:grid}.about-app-links{gap:8px;margin-top:14px;display:grid}.about-app-links p{margin:0}.about-app a,.settings-project-info a{color:var(--accent-strong);-webkit-text-decoration-color:color-mix(in srgb, currentColor 48%, transparent);text-decoration-color:color-mix(in srgb, currentColor 48%, transparent);text-underline-offset:3px}:root[data-language=en] .about-telegram--ru,:root[data-language=ru] .about-telegram--en{display:none}.settings-project-info--page{border-top:1px solid var(--border-subtle);color:var(--muted);font-size:var(--ui-font-size-sm);margin-top:36px;padding-top:20px}.skim-popover:not([hidden]){opacity:1;transform-origin:50% 100%;transition:opacity var(--motion-preview) var(--ease-enter), transform var(--motion-preview) var(--ease-enter);transform:translate(-50%)scale(1)}@starting-style{.skim-popover:not([hidden]){opacity:0;transform:translate(-50%)scale(.97)}}@media (hover:hover) and (pointer:fine){.icon-button:hover:not([aria-expanded=true]),.open-button:hover,.page-button:hover:not(:disabled),.settings-close:hover,.panel-close:hover,.quote-menu-close:hover,.settings-back:hover,.settings-navigation button:hover:not([aria-current=page]),.annotation-card-edit:hover,.annotation-editor-actions button:hover,.quote-menu-actions .annotation-delete:hover{border-color:var(--control-hover-border);color:var(--accent-strong);background:var(--control-hover-bg)}.toc-link:hover:not([aria-current=location]),.annotation-tabs button:hover,#settings-panel .setting-step:hover:not(:disabled),#settings-panel .setting-option:hover span,.annotation-card:hover{color:var(--accent-strong);background:color-mix(in srgb, var(--control-hover-bg) 68%, transparent)}.annotation-primary-action:hover,.annotation-save:hover,.sync-provider button:hover:not(:disabled),.sync-summary button:hover:not(:disabled){border-color:color-mix(in srgb, var(--control-active-border) 82%, white);background:var(--accent-fill-hover)}.annotation-color:hover{border-color:var(--text);transform:translateY(-1px)}}@media (hover:none),(pointer:coarse){.icon-button:hover:not([aria-expanded=true]),.open-button:hover,.page-button:hover:not(:disabled),.settings-close:hover,.panel-close:hover,.quote-menu-close:hover{border-color:var(--border-subtle);color:var(--muted);background:color-mix(in srgb, var(--surface-raised) 68%, transparent)}}@media (max-width:720px){:root{--ui-control-size:40px}.reader-footer{min-height:66px}#settings-panel .settings-panel-header{min-height:64px}.settings-navigation{grid-template-columns:repeat(4,max-content);gap:6px;padding:10px 16px;top:64px}.settings-navigation button{min-height:40px}.settings-content{padding:30px 20px max(56px, env(safe-area-inset-bottom))}#settings-reading-view{grid-template-columns:minmax(0,1fr);gap:28px;width:100%}.reading-preview{grid-row:1;position:static}.reading-preview-page{height:180px;min-height:0;padding:20px 24px}.reading-preview-title{margin-bottom:.75em}.reading-preview-hint{margin-top:6px}#settings-panel .font-size-control,#settings-panel .segmented-control,#settings-panel .setting-step,#settings-panel .setting-option span{min-height:40px}#settings-panel .font-size-control output{height:40px}}@media (max-width:640px){:root{--reading-gutter:max(24px, env(safe-area-inset-left), env(safe-area-inset-right))}.app-header{z-index:20;display:block}.panel-backdrop{inset:0}.book-heading{top:max(14px, env(safe-area-inset-top));text-align:center;display:block;position:fixed;left:24px;right:24px}.book-heading strong{font:400 12px var(--font-interface);color:var(--muted)}.book-heading #book-author{display:none}.book-content{padding-top:52px;padding-bottom:18px}.header-actions{top:auto;bottom:var(--mobile-browser-bottom-inset,0px);padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--border-subtle);background:var(--surface-solid);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;left:0;right:0}.header-actions .icon-button,.header-actions .open-button{flex-direction:column;flex-basis:auto;justify-content:center;gap:4px;width:100%;min-width:0;height:48px;margin:0;padding:4px 0;display:flex}.header-actions #toc-button{position:static}.toolbar-label{font:400 10px/1.3 var(--font-interface);white-space:nowrap;display:block}.mobile-type-icon{font:24px/24px var(--font-interface);display:block}.mobile-folder-icon{fill:none;stroke:currentColor;stroke-width:1.5px;width:24px;height:24px;display:block}.header-actions .settings-icon,.header-actions .upload-icon{display:none}.header-actions .toc-icon,.header-actions .bookmark-icon{width:24px;height:24px}.reader-footer{min-height:calc(108px + env(safe-area-inset-bottom));padding-bottom:calc(76px + env(safe-area-inset-bottom))}.back-to-text{bottom:calc(120px + env(safe-area-inset-bottom))}.progress-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;font-size:10px}.progress-copy>span{min-width:0;max-width:100%}.progress-copy #time-label{display:none}.progress-copy #chapter-pages-left{justify-self:start}.progress-copy #page-label{grid-area:2/1/auto/-1;justify-self:center}.progress-copy #time-label-compact{grid-area:1/2;justify-self:end;display:block}#toc-panel,#annotations-panel{width:100%;max-height:min(82dvh,680px);padding:18px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));--motion-closed-transform:translateY(100%);transition:opacity var(--motion-sheet) var(--ease-drawer), transform var(--motion-sheet) var(--ease-drawer);border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;inset:auto 0 0}.quote-menu{width:100%;padding:18px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));--motion-closed-transform:translateY(100%);transition:opacity var(--motion-sheet) var(--ease-drawer), transform var(--motion-sheet) var(--ease-drawer);border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;inset:auto 0 0!important}.toc-link,.toc-label,.annotation-tabs button,.annotation-primary-action,.annotation-card-main,.annotation-card-edit,.annotation-editor-actions button,.quote-menu-actions button{min-height:40px}}@media (prefers-reduced-motion:reduce){.reader-footer.is-pending #time-label,.reader-footer.is-pending #time-label-compact{opacity:.72;animation:none}.icon-button,.open-button,.page-button,.settings-close,.panel-close,.quote-menu-close,.settings-back,.settings-navigation button,.toc-panel,.annotations-panel,.quote-menu,.annotation-editor,#settings-panel.settings-panel,.skim-popover{transition-property:opacity,color,border-color,background-color;transition-duration:.12s}.toc-panel[data-motion-state=opening],.toc-panel[data-motion-state=closing],.annotations-panel[data-motion-state=opening],.annotations-panel[data-motion-state=closing],.quote-menu[data-motion-state=opening],.quote-menu[data-motion-state=closing],.annotation-editor[data-motion-state=opening],.annotation-editor[data-motion-state=closing],#settings-panel.settings-panel[data-motion-state=opening],#settings-panel.settings-panel[data-motion-state=closing]{transform:none}.skim-popover:not([hidden]){transform:translate(-50%)}}.app-header .icon-button,.header-actions .open-button,.reader-footer .page-button{background:0 0;border-color:#0000}.app-header .icon-button[aria-expanded=true]{background:var(--control-active-bg);border-color:#0000}@media (hover:hover) and (pointer:fine){.app-header .icon-button:hover:not([aria-expanded=true]),.header-actions .open-button:hover,.reader-footer .page-button:hover:not(:disabled){color:var(--accent-strong);background:var(--control-hover-bg);border-color:#0000}}@media (hover:none),(pointer:coarse){.app-header .icon-button:hover:not([aria-expanded=true]),.header-actions .open-button:hover,.reader-footer .page-button:hover:not(:disabled){background:0 0;border-color:#0000}}