:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--canvas: #f3f0e9;--surface: #fbfaf6;--panel: #ffffff;--text: #222722;--muted: #5e665e;--border: #d9d9d0;--accent: #2f6148;--accent-strong: #214a35;--accent-soft: #e1ede5;--danger: #a33e38;--shadow: rgba(27, 33, 28, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--canvas);color:var(--text);min-width:320px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 35%);outline-offset:2px}svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}h1,h2,p{margin-top:0}h1{font-family:Charter,Iowan Old Style,Georgia,serif;font-size:clamp(2.25rem,5vw,4.5rem);letter-spacing:-.035em;line-height:1;margin-bottom:14px}h2{font-size:1.15rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app-shell{min-height:100vh}.library-shell{background:var(--canvas);isolation:isolate;position:relative}.library-shell:before{background:radial-gradient(circle at 80% 0%,#e0eadf 0,transparent 34%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.library-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1240px;padding:22px clamp(20px,5vw,64px)}.library-actions{align-items:center;display:flex;gap:8px}.brand{align-items:center;display:flex;gap:11px}.brand>span:last-child{display:grid;gap:2px}.brand strong{letter-spacing:-.02em}.brand small{color:var(--muted);font-size:.75rem}.brand-mark{align-items:center;background:var(--accent-strong);border-radius:10px;color:#f8f5ed;display:inline-flex;height:38px;justify-content:center;width:38px}.primary-button,.secondary-button{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;min-height:42px;padding:9px 14px}.primary-button{background:var(--accent-strong);border:1px solid var(--accent-strong);color:#fff}.primary-button:hover{background:var(--accent)}.secondary-button{background:var(--panel);border:1px solid var(--border)}.secondary-button:hover{background:var(--accent-soft);border-color:var(--accent)}.primary-button:disabled{cursor:progress;opacity:.65}.library-main{margin:0 auto;max-width:1240px;padding:clamp(42px,7vw,90px) clamp(20px,5vw,64px) 80px}.library-intro{align-items:end;display:flex;gap:32px;justify-content:space-between;margin-bottom:44px}.library-intro p:not(.eyebrow){color:var(--muted);font-size:1.05rem;margin-bottom:0}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:12px}.storage-badge{align-items:center;background:#ffffffa8;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:10px 12px;text-align:left}button.storage-badge{cursor:pointer}.storage-badge>span{display:grid;gap:2px}.storage-badge strong{font-size:.78rem}.storage-badge small{color:var(--muted);font-size:.67rem}.storage-badge.is-safe svg{color:var(--accent)}.status-message{background:var(--accent-soft);border:1px solid #bad1c1;border-radius:10px;margin-bottom:24px;padding:12px 14px}.drop-zone{align-items:center;background:#ffffff8f;border:2px dashed #b7bcb3;border-radius:24px;display:flex;flex-direction:column;min-height:390px;padding:68px 24px;text-align:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.drop-zone.is-dragging{background:var(--accent-soft);border-color:var(--accent);transform:scale(1.006)}.drop-zone p{color:var(--muted)}.drop-icon{align-items:center;background:var(--accent-soft);border-radius:18px;color:var(--accent);display:inline-flex;height:64px;justify-content:center;margin-bottom:22px;width:64px}.drop-icon svg{height:32px;width:32px}.section-heading{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:20px}.section-heading h2{margin:0}.section-heading span{color:var(--muted);font-size:.85rem}.book-grid{display:grid;gap:clamp(18px,3vw,30px);grid-template-columns:repeat(4,minmax(0,1fr))}.book-card,.add-book-card{min-width:0;position:relative}.book-open{background:transparent;border:0;cursor:pointer;display:block;padding:0;text-align:left;width:100%}.book-cover{aspect-ratio:3 / 4;background:#dce2d9;border-radius:6px 14px 14px 6px;box-shadow:0 16px 34px var(--shadow);margin-bottom:16px;overflow:hidden;position:relative;transition:transform .16s ease,box-shadow .16s ease}.book-cover:after{background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 7%,transparent 93%,rgba(255,255,255,.14));content:"";inset:0;pointer-events:none;position:absolute}.book-open:hover .book-cover{box-shadow:0 20px 40px #1b211c33;transform:translateY(-4px)}.book-cover img{height:100%;object-fit:cover;width:100%}.generated-cover{align-items:flex-end;background:linear-gradient(145deg,#52665a,#20352b);color:#fff;display:flex;font-family:Charter,Georgia,serif;font-size:clamp(1.2rem,2.7vw,2rem);height:100%;padding:12%}.generated-cover span{overflow-wrap:anywhere}.book-copy{display:grid;gap:5px}.book-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-copy>span,.book-copy small{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track{background:#d7d9d3;border-radius:999px;height:4px;overflow:hidden}.progress-track span{background:var(--accent);display:block;height:100%}.card-actions{display:flex;gap:5px;opacity:0;position:absolute;right:6px;top:6px}.icon-button{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:9px;cursor:pointer;color:inherit;display:inline-flex;height:38px;justify-content:center;padding:0;text-decoration:none;width:38px}.icon-button:hover{background:var(--accent-soft);color:var(--accent-strong)}.card-actions .icon-button{background:#ffffffe6}.card-actions .icon-button:last-child{color:var(--danger)}.book-card:hover .card-actions,.book-card:focus-within .card-actions{opacity:1}.add-book-card{align-items:center;aspect-ratio:3 / 4;background:#ffffff59;border:2px dashed var(--border);border-radius:12px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center}.add-book-card:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.reader-app{--reader-bg: #fbfaf6;--reader-text: #222722;--reader-chrome: #f6f4ed;background:var(--reader-bg);color:var(--reader-text);display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;overflow:hidden}.reader-app.theme-sepia{--reader-bg: #eee4cf;--reader-text: #3c3328;--reader-chrome: #e6dac3}.reader-app.theme-night{--reader-bg: #1b1c1a;--reader-text: #ecebe5;--reader-chrome: #22231f;--panel: #292a26;--border: #44463f;--muted: #aaa;--accent-soft: #33473b}.reader-header{align-items:center;background:var(--reader-chrome);border-bottom:1px solid var(--border);display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;min-height:62px;padding:8px 14px;position:relative;z-index:10}.reader-title{display:grid;min-width:0}.reader-title strong,.reader-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-title span{color:var(--muted);font-size:.72rem}.reader-tools{display:flex;gap:4px}.tool-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;display:flex;gap:6px;min-height:38px;padding:6px 9px}.tool-button:hover,.tool-button[aria-pressed=true]{background:var(--panel);border-color:var(--border)}.tool-button span{font-size:.75rem}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.reader-layout.has-panel{grid-template-columns:310px minmax(0,1fr)}.reader-panel{background:var(--reader-chrome);border-right:1px solid var(--border);min-height:0;overflow-y:auto;padding:14px}.panel-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.panel-heading h2{margin:0}.toc-list ol{list-style:none;margin:0;padding:0}.toc-list ol ol{border-left:1px solid var(--border);margin-left:10px;padding-left:10px}.toc-list button{background:transparent;border:0;border-radius:7px;cursor:pointer;padding:8px;text-align:left;width:100%}.toc-list button:hover{background:var(--accent-soft)}.reader-stage{background:var(--reader-bg);min-height:0;overflow:hidden;position:relative;touch-action:pan-y}.readium-container{height:100%;min-height:0;width:100%}.readium-container iframe{border:0}.page-control{align-items:center;background:color-mix(in srgb,var(--reader-chrome),transparent 14%);border:1px solid var(--border);border-radius:999px;cursor:pointer;display:flex;height:46px;justify-content:center;opacity:0;position:absolute;top:calc(50% - 23px);transition:opacity .12s ease;width:46px;z-index:5}.reader-stage:hover .page-control,.page-control:focus-visible{opacity:1}.page-previous{left:14px}.page-next{right:14px}.reader-footer{align-items:center;background:var(--reader-chrome);border-top:1px solid var(--border);color:var(--muted);display:grid;font-size:.72rem;gap:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:42px;padding:6px 14px}.footer-progress{align-items:center;display:flex;gap:9px}.footer-progress .progress-track{width:100px}.flow-toggle{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;gap:5px;justify-self:end}.loading-screen{align-items:center;display:flex;gap:10px;justify-content:center;min-height:100vh}.loading-screen.is-compact{background:var(--reader-bg);inset:0;min-height:0;position:absolute;z-index:7}.spinner{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:22px;width:22px}@keyframes spin{to{transform:rotate(360deg)}}.reader-error{left:50%;max-width:480px;padding:28px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:8}.selection-bar{background:var(--panel);border:1px solid var(--border);border-radius:14px;bottom:58px;box-shadow:0 18px 50px var(--shadow);left:50%;max-width:620px;padding:14px;position:fixed;transform:translate(-50%);width:calc(100% - 32px);z-index:30}.selection-bar blockquote{border-left:3px solid #dbbe47;margin:0 0 10px;max-height:90px;overflow-y:auto;padding-left:10px}.selection-bar textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);min-height:68px;padding:9px;resize:vertical;width:100%}.selection-bar>div{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.annotation-list{display:grid;gap:9px}.annotation-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px}.annotation-open{background:transparent;border:0;cursor:pointer;padding:0;text-align:left}.annotation-open blockquote{border-left:3px solid #dbbe47;margin:8px 0;padding-left:8px}.annotation-open p{color:var(--muted);margin-bottom:8px}.annotation-type{color:var(--accent);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.annotation-open small{color:var(--muted)}.export-row{display:flex;gap:6px;margin-bottom:14px}.export-row a{background:var(--panel);border:1px solid var(--border);border-radius:7px;color:inherit;font-size:.72rem;padding:7px;text-decoration:none}.export-row a:hover{border-color:var(--accent)}.empty-panel,.result-count{color:var(--muted);font-size:.82rem}.appearance-form{display:grid;gap:16px}.appearance-form fieldset{border:0;margin:0;padding:0}.appearance-form legend,.appearance-form label{display:grid;font-size:.78rem;font-weight:600;gap:7px;width:100%}.appearance-form select,.search-input input{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);min-height:38px;padding:7px 9px;width:100%}.segmented-control{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.segmented-control button{background:var(--panel);border:1px solid var(--border);cursor:pointer;padding:8px;text-transform:capitalize}.segmented-control button:first-child{border-radius:8px 0 0 8px}.segmented-control button:last-child{border-radius:0 8px 8px 0}.segmented-control button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.range-control>span{display:flex;justify-content:space-between}.range-control output{color:var(--muted);font-weight:400}.range-control input{accent-color:var(--accent);width:100%}.search-input{align-items:center;display:grid;gap:6px;grid-template-columns:auto minmax(0,1fr) auto}.search-input input{min-width:0}.search-input button{background:var(--accent-strong);border:0;border-radius:7px;color:#fff;cursor:pointer;height:34px}.search-results{display:grid;gap:7px}.search-results button{background:var(--panel);border:1px solid var(--border);border-radius:9px;cursor:pointer;display:grid;gap:5px;padding:10px;text-align:left}.search-results button:hover{border-color:var(--accent)}.search-results span{color:var(--muted);font-size:.77rem}@media(max-width:960px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button span{display:none}.reader-layout.has-panel{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:720px){.library-intro{align-items:start;flex-direction:column}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-header{grid-template-columns:auto minmax(0,1fr)}.reader-tools{grid-column:1 / -1;justify-content:space-around}.tool-button{flex:1;justify-content:center}.tool-button span{display:inline}.reader-layout.has-panel{grid-template-columns:minmax(0,1fr)}.reader-panel{border-right:0;inset:0;position:absolute;width:min(88vw,340px);z-index:9}.reader-layout{position:relative}.reader-footer{grid-template-columns:1fr auto}.reader-footer>span:first-child{display:none}.page-control{display:none}}@media(max-width:480px){.library-header{padding:16px}.library-header .primary-button{padding:8px}.library-header .primary-button svg{display:none}.library-actions .secondary-button{padding:8px}.library-actions .secondary-button svg{display:none}.library-main{padding:40px 16px 60px}.book-grid{gap:18px 12px}.generated-cover{font-size:1.15rem}.storage-badge{width:100%}.tool-button span{display:none}.selection-bar>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-color-scheme:dark){:root{--canvas: #171916;--surface: #22241f;--panel: #292b26;--text: #eceee8;--muted: #aaafa6;--border: #42463e;--accent: #8bc09e;--accent-strong: #37654c;--accent-soft: #2d4034;--danger: #ef8d86;--shadow: rgba(0,0,0,.35)}.library-shell:before{background:radial-gradient(circle at 80% 0%,#25372b 0,transparent 34%)}.drop-zone{background:#292b26b8}.add-book-card{background:#292b2680}.storage-badge{background:#292b26b3}.book-cover{background:#313a33}.progress-track{background:#41463f}.reader-app.theme-paper{--reader-bg: #252621;--reader-text: #ecebe5;--reader-chrome: #20211d}}