:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;width:100%;height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{--surface:#f1eee7;--panel:#fbf8f1;--text:#171614;--muted:#6e665b;--line:#d8d1c3;--accent:#8f4e25;--accent-strong:#633115;--danger:#b43838;background:var(--surface);width:100%;min-width:320px;height:100dvh;color:var(--text);position:relative;overflow:hidden}.theme-dark{--surface:#101215;--panel:#181b20;--text:#f2ede5;--muted:#aaa197;--line:#30343b;--accent:#d29a5f;--accent-strong:#f0bf84;--danger:#ef7979}.floating-menu-button{z-index:24;width:32px;height:32px;color:var(--text);opacity:.34;box-shadow:none;background:0 0;border:0;border-radius:0 0 8px;place-items:center;display:inline-grid;position:fixed;top:0;left:0}.floating-menu-button:hover{opacity:1;color:var(--accent-strong)}.floating-menu-button.toolbar-open{opacity:0;pointer-events:none}.reader-toolbar{z-index:23;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);opacity:0;pointer-events:none;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 16px 10px 58px;transition:opacity .15s,transform .15s;display:flex;position:fixed;top:12px;left:12px;right:12px;transform:translateY(-16px);box-shadow:0 18px 46px #00000029}.reader-toolbar.open{opacity:1;pointer-events:auto;transform:translateY(0)}.toolbar-close-button{width:32px;height:32px;color:var(--text);opacity:.46;background:0 0;border:0;border-radius:0 0 8px;place-items:center;display:inline-grid;position:absolute;top:0;left:0}.toolbar-close-button:hover{opacity:1;color:var(--accent-strong)}.title-block{align-items:center;gap:10px;min-width:0;display:flex}.title-block h1{color:var(--text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:750;line-height:1.2;overflow:hidden}.title-line{align-items:center;gap:8px;min-width:0;display:flex}.progress-pill{border:1px solid var(--line);min-width:46px;height:24px;color:var(--accent-strong);background:var(--surface);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.title-block p{max-width:min(58vw,680px);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;line-height:1.2;overflow:hidden}.toolbar-actions,.control-group{align-items:center;gap:8px;display:flex}.control-group{border:1px solid var(--line);border-radius:8px;gap:3px;height:38px;padding:0 3px}.icon-button{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--text);border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--accent);color:var(--accent-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-button:disabled:hover{border-color:var(--line);color:var(--text)}.speech-button.active{color:#fffaf3;background:#237a46;border-color:#1f8a4c}.speech-button.active:hover{color:#fffaf3;background:#1f8a4c;border-color:#2ba761}.language-select{border:1px solid var(--line);background:var(--panel);width:108px;height:38px;color:var(--text);border-radius:8px;flex:none;padding:0 9px;font-size:12px;font-weight:750}.language-select:hover,.language-select:focus{border-color:var(--accent);outline:0}.danger:hover{border-color:var(--danger);color:var(--danger)}.font-indicator{min-width:42px;color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:inline-flex}.page-control{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:auto minmax(112px,16vw);align-items:center;gap:8px;min-width:168px;height:38px;padding:0 10px;display:grid}.page-count{min-width:44px;color:var(--muted);text-align:right;white-space:nowrap;font-size:12px;font-weight:800}.page-slider{width:100%;min-width:0;accent-color:var(--accent);cursor:pointer}.page-slider:disabled{cursor:not-allowed;opacity:.45}.reader-shell{background:var(--surface);width:100%;height:100%;min-height:0;display:block;position:relative}.viewer-panel{background:var(--panel);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.viewer{-webkit-user-select:none;user-select:none;width:100%;height:100%}.viewer iframe{border:0;outline:0}.page-zone{z-index:6;color:#0000;cursor:default;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;outline:0;position:absolute;top:0;bottom:0}.page-zone:focus,.page-zone:focus-visible,.page-zone:active{box-shadow:none;outline:0}.page-zone-left{width:50%;left:0}.page-zone-right{width:50%;right:0}.empty-state,.loading-state,.error-state{z-index:2;text-align:center;background:var(--panel);align-content:center;place-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.empty-state h2{letter-spacing:0;margin:0;font-size:22px}.empty-state p{max-width:440px;color:var(--muted);margin:0}.empty-state code{overflow-wrap:anywhere;border:1px solid var(--line);max-width:100%;color:var(--accent-strong);background:var(--surface);border-radius:6px;padding:8px 10px}.loading-state{color:var(--muted)}.error-state{color:var(--danger);font-weight:700}.drawer{z-index:30;border-left:1px solid var(--line);background:var(--panel);grid-template-rows:auto minmax(0,1fr);width:min(420px,100vw);height:100%;display:grid;position:fixed;top:0;right:0;box-shadow:-18px 0 40px #0000002e}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.drawer-header h2{letter-spacing:0;margin:0;font-size:18px}.book-list{min-height:0;padding:12px;overflow:auto}.book-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;display:grid}.book-card+.book-card{margin-top:10px}.book-card.active{border-color:var(--accent)}.book-open-button{text-align:left;min-width:0;color:var(--text);background:0 0;border:0;padding:0}.book-open-button span,.book-open-button small,.book-open-button em{text-overflow:ellipsis;white-space:nowrap;line-height:1.35;display:block;overflow:hidden}.book-open-button span{font-weight:750}.book-open-button small{color:var(--muted);margin-top:3px}.book-open-button em{color:var(--accent-strong);margin-top:6px;font-size:12px;font-style:normal}.muted-text{color:var(--muted)}.modal-layer{z-index:40;background:#0000006b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.add-dialog{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(460px,100%);box-shadow:0 22px 60px #0003}.add-dialog label{color:var(--muted);margin:16px 16px 8px;font-size:13px;font-weight:700;display:block}.add-dialog input{border:1px solid var(--line);background:var(--surface);width:calc(100% - 32px);color:var(--text);border-radius:8px;margin:0 16px;padding:12px}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fffaf3;border-radius:8px;width:calc(100% - 32px);height:44px;margin:16px;font-weight:800}@media (width<=760px){.reader-toolbar{flex-direction:column;align-items:stretch;gap:12px;max-height:min(58dvh,420px);padding:58px 10px 10px;top:8px;left:8px;right:8px;overflow:auto}.floating-menu-button{width:32px;height:32px;top:0;left:0}.toolbar-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.title-block p{max-width:calc(100vw - 72px)}.control-group{flex:none;justify-content:space-between}.page-control{flex:100%;grid-template-columns:auto minmax(120px,1fr)}.page-zone-left{width:30%}.page-zone-right{width:70%}.viewer iframe{max-width:100%}.drawer{border-left:0;width:100vw}}