@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;1,400&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap");:root,[data-theme=dark]{--bg:#191e24;--bg-elevated:#1f262e;--bg-muted:#242b34;--bg-hover:#2c343e;--fg:#d4d8df;--fg-muted:#9aa3af;--fg-subtle:#6b7280;--border:#2a323c;--border-strong:#3a434f;--accent:#536b70;--accent-soft:#1e2a2e;--accent-fg:#fff;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 12px 32px rgba(0,0,0,.4);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--font-sans:"IBM Plex Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"PT Serif","Times New Roman",serif;--transition:150ms ease}[data-theme=light]{--bg:#f7f8f8;--bg-elevated:#fcfcfc;--bg-muted:#f7f8f8;--bg-hover:#eef0f0;--fg:#1d1f20;--fg-muted:#697078;--fg-subtle:#9ca3af;--border:#e5e7eb;--border-strong:#d1d5db;--accent:#263746;--accent-soft:#eef2f3;--accent-fg:#fff;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 12px 32px rgba(0,0,0,.12)}[data-theme=sepia]{--bg:#f4ecd8;--bg-elevated:#faf3e4;--bg-muted:#ede2c8;--bg-hover:#e8dcc0;--fg:#5b4636;--fg-muted:#8a7460;--fg-subtle:#a89078;--border:#d8c9a8;--border-strong:#c4b390;--accent:#6b5344;--accent-soft:#e8d9c0;--accent-fg:#fffaf0}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}.app-shell{height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);overflow:hidden}.app-header{height:52px;justify-content:space-between;padding:0 1rem;background:color-mix(in srgb,var(--bg-elevated) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-shrink:0;z-index:20;gap:.75rem}.app-brand,.app-header{display:flex;align-items:center}.app-brand{gap:.6rem;font-weight:600;font-size:1rem;letter-spacing:-.01em}.brand-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition);white-space:nowrap}.btn:hover{background:var(--bg-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.05);background:var(--accent)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm)}.btn-danger{color:var(--danger)}.input{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--fg);font-size:.9rem;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.shelf-container{flex:1 1;overflow:auto;padding:1.5rem 1rem 3rem}.shelf-inner{max-width:1200px;margin:0 auto}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1.25rem;gap:1.25rem}@media (min-width:768px){.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.5rem}}.book-card{display:flex;flex-direction:column;cursor:pointer}.book-cover{aspect-ratio:2/3;background:linear-gradient(135deg,var(--bg-muted),var(--bg-hover));border-radius:var(--radius-md);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:var(--fg-subtle);font-size:2rem}.book-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-meta{padding:.6rem .2rem .2rem}.book-title{font-size:.88rem;font-weight:600;line-height:1.3;margin:0 0 .2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:.78rem;color:var(--fg-muted);margin:0 0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:var(--bg-muted);color:var(--fg-muted)}.status-reading{background:var(--accent-soft);color:var(--accent)}.status-read{background:#dcfce7;color:#16a34a}.book-row{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:thin}.book-card-horizontal{flex:0 0 140px;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;position:relative}.book-cover-horizontal{width:140px;height:200px;border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.book-del{position:absolute;top:6px;right:6px;z-index:2;width:28px;height:28px;padding:0;border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);border:1px solid var(--border);color:var(--fg);cursor:pointer;font-size:.95rem;line-height:1}.book-del:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.book-list-row{position:relative}.book-cover-horizontal img{width:100%;height:100%;object-fit:cover}.book-format-badge{font-size:.75rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase}.book-title-small{font-size:.85rem;font-weight:600;color:var(--fg);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author-small,.book-progress{font-size:.75rem}.add-card .add-cover{background:var(--bg-elevated);border:2px dashed var(--border);font-size:2rem;color:var(--fg-muted)}.storage-bar-wrap{margin-top:1rem}.storage-bar{height:6px}.storage-bar-fill{background:var(--accent)}.storage-label{margin-top:.4rem}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:40}.app-nav-brand{font-weight:700;color:var(--fg)}.app-nav-links{display:flex;gap:.5rem}.app-nav-link{padding:.4rem .75rem;border-radius:var(--radius-sm);color:var(--fg-muted);text-decoration:none;font-size:.9rem}.app-nav-link:hover{background:var(--bg-hover);color:var(--fg)}.app-nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.reader-sidebar{position:relative;top:auto;left:auto;bottom:auto;width:280px;flex-shrink:0;z-index:5;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%}.reader-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.85rem .85rem .7rem;border-bottom:1px solid var(--border)}.reader-sidebar-title{font-size:1.02rem;font-weight:650;line-height:1.25}.reader-sidebar-author{margin-top:.2rem;font-size:.78rem;color:var(--fg-muted)}.reader-sidebar-dock{display:flex;align-items:center;gap:.15rem;padding:.35rem .5rem;border-top:1px solid var(--border)}.reader-sidebar-tabs{display:flex;align-items:center;gap:.25rem;padding:.5rem;border-bottom:1px solid var(--border);background:var(--bg-muted)}.reader-tab{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.4rem .65rem;border-radius:8px;cursor:pointer;color:var(--fg-muted);font-size:.8rem;white-space:nowrap}.reader-tab:hover{background:var(--bg-hover)}.reader-tab.active{background:#263746;color:#fff}.reader-tab-close{margin-left:auto;background:transparent;border:none;cursor:pointer;font-size:1.1rem;color:var(--fg-muted);padding:.2rem .5rem}.reader-sidebar-body{flex:1 1;overflow:auto;padding:.35rem 0 .5rem}.toc-row{display:grid;grid-template-columns:minmax(0,1fr) 2.4rem;align-items:center;grid-gap:.6rem;gap:.6rem;width:100%;min-height:36px;padding:0 .85rem 0 0;background:none;border:none;cursor:pointer;color:var(--fg);font-size:.9rem;line-height:1.25;text-align:left;border-radius:0}.toc-row:hover{background:var(--bg-hover)}.toc-row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-row-page{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--fg-muted);text-align:right}.note-row{display:flex;align-items:flex-start;gap:.45rem;padding:.45rem .55rem .45rem .75rem}.note-swatch{width:.7rem;height:.7rem;border-radius:50%;margin-top:.35rem;flex-shrink:0}.note-swatch.is-empty{background:var(--border)}.note-body{flex:1 1;min-width:0;background:none;border:0;text-align:left;cursor:pointer;color:inherit;display:flex;flex-direction:column;gap:.15rem;padding:0}.note-kind{font-size:.68rem;letter-spacing:.02em;text-transform:uppercase;color:var(--fg-muted)}.note-quote{font-size:.85rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-text{font-size:.82rem}.bm-pane{padding:.35rem 0 .2rem}.bm-add{display:flex;align-items:center;gap:.45rem;margin:.15rem .7rem .55rem;width:calc(100% - 1.4rem);padding:.45rem .65rem;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--fg);font-size:.82rem;cursor:pointer}.bm-add svg{width:15px;height:15px;opacity:.7}.bm-add:hover{background:var(--bg-hover);border-style:solid}.bm-empty{padding:1.4rem 1rem .4rem;text-align:left}.bm-empty-title{margin:0 0 .35rem;font-size:.92rem;font-weight:600}.bm-empty-hint{margin:0;font-size:.8rem;color:var(--fg-muted);line-height:1.4}.bm-list{list-style:none;padding:0;margin:0}.bm-list li{display:flex;align-items:stretch;gap:0;border-top:1px solid var(--border)}.bm-list li:hover{background:var(--bg-hover)}.bm-row{flex:1 1;min-width:0;display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .35rem .65rem .85rem;background:none;border:0;text-align:left;cursor:pointer;color:inherit}.bm-ribbon{width:9px;height:14px;margin-top:.15rem;flex-shrink:0;background:#263746;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%)}.bm-copy{min-width:0;display:flex;flex-direction:column;gap:.12rem}.bm-name{font-size:.88rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bm-meta{font-size:.72rem}.bm-del,.bm-meta{color:var(--fg-muted)}.bm-del{flex-shrink:0;width:2.1rem;border:0;background:none;cursor:pointer;opacity:0}.bm-list li:hover .bm-del{opacity:1}.bm-del:hover{color:var(--fg)}.status-want{background:#fef3c7;color:#d97706}.library-container{flex:1 1;overflow:auto;padding:1.5rem 1rem 3rem}.lib-act-wrap{flex-shrink:0;z-index:25;flex-direction:column;gap:.45rem;padding:.55rem .75rem .85rem;background:color-mix(in srgb,var(--bg) 88%,transparent);border-top:1px solid var(--border)}.lib-act-sheet,.lib-act-wrap{display:flex;align-items:center}.lib-act-sheet{gap:.4rem;padding:.45rem .6rem;border-radius:14px;background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-md)}.lib-act-sheet input{min-width:220px;border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem;background:var(--bg);color:var(--fg)}.lib-act-status{display:flex;gap:.3rem;flex-wrap:wrap}.lib-act-status button{border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:999px;padding:.25rem .6rem;cursor:pointer;font-size:.78rem}.lib-act-status button.on{background:var(--fg);color:var(--bg)}.lib-check{position:absolute;top:.35rem;right:.35rem;width:18px;height:18px;border-radius:4px;border:1.5px solid color-mix(in srgb,var(--fg) 55%,transparent);background:color-mix(in srgb,var(--bg) 70%,transparent)}.lib-check.on{background:var(--accent);border-color:var(--accent)}.book-cover-horizontal{position:relative}.lib-actbar{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem;padding:.4rem .55rem;border-radius:18px;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lib-act-hint{font-size:.75rem;color:var(--fg-muted)}.lib-actbar button{min-width:4.4rem;border:0;background:transparent;color:var(--fg);display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .45rem;border-radius:12px;font-size:.68rem;cursor:pointer}.lib-actbar button:hover:not(:disabled){background:color-mix(in srgb,var(--fg) 8%,transparent)}.lib-actbar button:disabled{opacity:.35;cursor:default}.lib-actbar .is-danger{color:#e5484d}.library-inner{max-width:1200px;margin:0 auto}.lk-strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem;margin:0 0 1.1rem}@media (max-width:720px){.lk-strip{grid-template-columns:1fr}}.lk-card{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem}.lk-card:hover{border-color:var(--accent)}.lk-card-k{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.lk-card-t{font-size:.95rem;font-weight:600}.lk-card-s{font-size:.8rem;color:var(--fg-muted)}.sub-page{max-width:720px;margin:0 auto;padding:1.25rem 1rem 2rem}.sub-plans{display:grid;grid-gap:.75rem;gap:.75rem}.sub-plan{border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem;background:color-mix(in srgb,var(--bg-elevated) 78%,transparent)}.sub-plan.on{border-color:var(--accent)}.sub-plan h2{margin:0 0 .25rem;font-size:1.05rem}.sub-plan p{margin:0;font-size:.85rem;color:var(--fg-muted)}.lib-board{display:grid;grid-template-columns:1fr 1fr minmax(200px,.7fr);grid-gap:.85rem;gap:.85rem;margin:0 0 1.35rem}@media (max-width:820px){.lib-board{grid-template-columns:1fr}}.lib-board-col,.lib-disk{background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);border:1px solid var(--border);border-radius:14px;padding:.7rem .85rem .8rem}.lib-board-k{margin:0 0 .5rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.lib-chips{display:flex;flex-wrap:wrap;gap:.35rem}.lib-chips button{border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:999px;padding:.22rem .65rem;font-size:.78rem;cursor:pointer}.lib-chips button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.lib-group-more{margin-top:.55rem}.lib-group-find{width:100%;border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:10px;padding:.35rem .6rem;font-size:.8rem;margin-bottom:.4rem}.lib-group-list{max-height:9.5rem;overflow:auto;display:flex;flex-direction:column;gap:2px}.lib-group-list button{display:flex;justify-content:space-between;gap:.5rem;width:100%;text-align:left;border:0;background:transparent;color:var(--fg);border-radius:8px;padding:.28rem .45rem;font-size:.8rem;cursor:pointer}.lib-group-list button.on,.lib-group-list button:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}.lib-group-n{color:var(--fg-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lib-disk-nums{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.45rem}.lib-disk-nums strong{font-size:1.05rem}.lib-disk-nums span,.lib-disk-used{font-size:.75rem;color:var(--fg-muted)}.lib-disk .storage-bar{margin:0 0 .35rem}.library-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.storage-bar{height:8px;background:var(--bg-muted);border-radius:999px;overflow:hidden;margin:1rem 0 .3rem}.storage-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#7c3aed);border-radius:999px;transition:width .3s ease}.storage-label{margin-bottom:1.25rem}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;background:var(--bg-elevated);transition:border-color var(--transition),background var(--transition),transform var(--transition);margin-bottom:1.5rem}.dropzone.dragover,.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.6}.dropzone-text{font-weight:600;margin-bottom:.25rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1.25rem;gap:1.25rem}@media (min-width:768px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.5rem}}.book-info{padding:.6rem .2rem .2rem}.book-format{position:absolute;bottom:.4rem;right:.4rem;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;letter-spacing:.03em}.empty-state{padding:3rem 1rem}.empty-icon{opacity:.4;margin-bottom:.5rem}.status-dropped{background:#fee2e2;color:#dc2626}.progress-bar{height:3px;background:var(--bg-muted);border-radius:999px;overflow:hidden;margin-top:.4rem}.progress-bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem;color:var(--fg-muted);gap:1rem}.empty-icon{font-size:3rem;opacity:.5}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .6rem;flex:1 1;max-width:none}.search-box input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--fg);width:100%}.reader-shell{height:100dvh;flex-direction:row;background:var(--bg);color:var(--fg);overflow:hidden}.reader-main,.reader-shell{display:flex;position:relative}.reader-main{flex:1 1;min-width:0;flex-direction:column}.reader-chrome-hotzone{position:absolute;left:0;right:0;z-index:20;pointer-events:auto}.reader-chrome-hotzone-top{top:0;height:72px}.reader-chrome-hotzone-bottom{bottom:0;height:56px}.reader-topbar{top:0;height:44px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:.5rem;gap:.5rem;padding:0 .6rem;background:color-mix(in srgb,var(--bg-elevated) 82%,transparent);border-bottom:1px solid var(--border)}.reader-bottombar,.reader-topbar{position:absolute;left:0;right:0;z-index:21;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s ease,opacity .22s ease}.reader-bottombar{bottom:0;height:48px;display:flex;gap:.35rem;padding:0 .7rem;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);border-top:1px solid var(--border)}.reader-bottombar.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.reader-page-index{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.82rem;min-width:4.8rem;text-align:center;opacity:.85}.reader-page-slider{flex:1 1;accent-color:#7d8b99;min-width:0;cursor:pointer;height:16px}.reader-icon-btn.is-on{background:var(--bg-hover);color:var(--fg)}.reader-header-left,.reader-header-right{display:flex;align-items:center;gap:.15rem}.reader-header-right{justify-content:flex-end}.reader-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--fg);border-radius:8px;cursor:pointer}.reader-icon-btn svg{stroke-linecap:round;stroke-linejoin:round}.reader-icon-btn:hover{background:var(--bg-hover)}.reader-icon-btn:disabled{opacity:.35;cursor:default}.reader-aa{font-size:.82rem;font-weight:700;letter-spacing:.02em}.reader-offline{font-size:.7rem;color:var(--danger);margin-right:.35rem}.reader-chip{border:1px solid var(--border);background:transparent;color:var(--fg-muted);border-radius:999px;padding:.2rem .6rem;font-size:.78rem;cursor:pointer}.reader-chip.active{background:#263746;color:#fff;border-color:#263746}.reader-settings{position:absolute;top:52px;right:12px;width:min(380px,calc(100vw - 24px));max-height:calc(100% - 72px);overflow:auto;z-index:30;background:#1d1f20;color:#e8eaed;border:1px solid #2c3033;border-radius:14px;padding:.75rem .85rem 1rem;box-shadow:var(--shadow-lg)}.reader-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem;gap:.5rem}.rs-title{font-size:.95rem}.rs-tabs{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.2rem;gap:.2rem;margin-bottom:.65rem;padding:.2rem;background:#151718;border-radius:12px}.rs-tab{background:transparent;border:0;color:#9aa0a6;padding:.4rem .15rem;border-radius:9px;cursor:pointer;flex-direction:column;gap:.15rem;font-size:.68rem;line-height:1.1}.rs-tab,.rs-tab-icon{display:flex;align-items:center}.rs-tab-icon{justify-content:center;height:18px}.rs-tab-icon .reader-aa{font-size:.78rem;font-weight:700;letter-spacing:.02em}.rs-tab.active{background:#2c3033;color:#fff}.rs-range{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .85rem;font-size:.88rem}.rs-range input[type=range]{width:100%;accent-color:#7d8b99}.rs-typo .rs-range+.rs-range{border-top:1px solid #2c3033}.rs-body{display:flex;flex-direction:column;gap:.55rem}.rs-caption{margin:.45rem 0 .15rem;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:#8b9198}.rs-card{background:#151718;border-radius:12px;overflow:hidden}.rs-row,.rs-step,.rs-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;font-size:.88rem}.rs-row+.rs-row,.rs-step+.rs-step{border-top:1px solid #2c3033}.rs-step-ctrl{display:flex;align-items:center;gap:.4rem}.rs-step-ctrl strong{min-width:2rem;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rs-step-ctrl button{width:28px;height:28px;border-radius:999px;border:1px solid #3a3f44;background:#2a2e31;color:#fff;cursor:pointer}.rs-range.is-off,.rs-row select:disabled,.rs-step.is-off,.rs-toggle.is-off{opacity:.45}.rs-step-ctrl button:disabled{cursor:not-allowed;opacity:.5}.rs-toggle{background:#151718;border-radius:12px;margin:0}.rs-toggle input{accent-color:#7d8b99}.rs-card .rs-toggle{border-top:1px solid #2c3033}.rs-card .rs-toggle:first-child{border-top:0}.reader-page-hud{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rs-palettes,.rs-swatch-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.45rem;gap:.45rem}.rs-dots{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.7rem .85rem}.rs-swatch{border:1px solid #3a3f44;border-radius:10px;min-height:64px;cursor:pointer;color:#eee;font-size:.95rem;line-height:1.15;padding:.45rem;text-align:left}.rs-swatch small{font-size:.68rem;opacity:.85}.rs-swatch.on{outline:2px solid #fff;outline-offset:1px}.rs-swatch.dashed{border-style:dashed;background:transparent;color:#c5ccd3}.rs-dot{width:22px;height:22px;border-radius:999px;border:1px solid #3a3f44;cursor:pointer}.rs-dot.on{outline:2px solid #fff}.rs-dot.dashed{background:transparent;border-style:dashed;color:#c5ccd3;font-size:.85rem}[data-theme=light] .rs-card .rs-toggle{border-color:#e5e6e6}.rs-row select{background:#2a2e31;color:#fff;border:1px solid #3a3f44;border-radius:999px;padding:.25rem .7rem;max-width:58%}.rs-link{background:none;border:0;color:#c5ccd3;cursor:pointer;padding:.7rem .85rem;text-align:left}.rs-link.on{color:#fff;font-weight:600}[data-theme=light] .reader-settings{background:#fcfcfc;color:#1d1f20;border-color:#e5e6e6}[data-theme=light] .rs-card,[data-theme=light] .rs-toggle{background:#f3f4f4}[data-theme=light] .rs-tab{color:#5c6369}[data-theme=light] .rs-tab.active{background:#e8eaed;color:#1d1f20}[data-theme=light] .rs-row+.rs-row,[data-theme=light] .rs-step+.rs-step{border-color:#e5e6e6}[data-theme=light] .rs-row select,[data-theme=light] .rs-step-ctrl button{background:#fff;color:#1d1f20;border-color:#d5d7d8}[data-theme=light] .rs-caption{color:#6b7278}[data-theme=light] .rs-tabs{background:#f3f4f4}[data-theme=light] .rs-typo .rs-range+.rs-range{border-color:#e5e6e6}[data-theme=light] .rs-link{color:#263746}.reader-topbar.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.reader-title{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(48vw,420px);text-align:center}.reader-meta{font-size:.78rem;color:var(--fg-muted);margin-left:.6rem}.reader-toolbar-group{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.reader-content{flex:1 1;overflow:hidden;position:relative;background:transparent}.reader-content foliate-paginator,.reader-content foliate-view{display:block;width:100%;height:100%;background:transparent}.il-stage{position:relative;width:100%;height:100%}.il-stage-book{width:100%;height:100%;min-width:0}.il-gutter{position:absolute;top:0;bottom:0;border:0;background:transparent;display:flex;align-items:center;pointer-events:auto;color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .45rem;z-index:6}.il-gutter.show-ico{color:color-mix(in srgb,var(--fg) 28%,transparent);opacity:0;transition:opacity .16s ease}.il-gutter-prev{left:0;justify-content:flex-start}.il-gutter-next{right:0;justify-content:flex-end}.reader-content:hover .il-gutter.show-ico{opacity:1}.il-gutter.show-ico:hover{color:var(--fg)}@media (pointer:coarse){.il-gutter{min-width:22%}}.reader-content>div{height:100%}.reader-run{position:absolute;left:1.75rem;right:1.75rem;z-index:7;pointer-events:none;display:flex;justify-content:space-between;align-items:baseline;gap:1.25rem;background:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em;opacity:.55}.reader-run-top{top:.4rem}.reader-run-bottom{bottom:.4rem}.reader-run-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.reader-run-meta{flex-shrink:0}.il-sel-pop{z-index:50;width:min(348px,calc(100% - 16px));padding:0;background:none;border:0;box-shadow:none;display:flex;flex-direction:column;gap:8px;font-size:.82rem}.il-sel-row{justify-content:space-between;gap:2px;padding:5px 7px;background:color-mix(in srgb,var(--bg-elevated) 86%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;box-shadow:var(--shadow-md)}.il-sel-row,.il-sel-row button{display:flex;align-items:center;color:var(--fg)}.il-sel-row button{flex:1 1;height:32px;padding:0;border:0;background:transparent;cursor:pointer;justify-content:center;border-radius:999px}.il-sel-row button:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}.il-sel-row-loose{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;gap:6px;justify-content:center}.il-sel-row-loose button{flex:0 0 auto;width:32px;height:32px;background:color-mix(in srgb,var(--bg-elevated) 86%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.il-sel-row-loose button:hover{background:color-mix(in srgb,var(--bg-elevated) 96%,var(--fg))}.il-sel-row-loose .il-sel-dot{width:32px!important;height:32px!important;flex:0 0 32px!important;margin:0;background:color-mix(in srgb,var(--bg-elevated) 86%,transparent)}.il-sel-dot span{width:14px;height:14px;border-radius:50%;display:block;box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 18%,transparent)}.il-sel-type{width:22px;height:22px;border-radius:4px;font:700 13px/1 Georgia,serif;color:var(--fg);display:flex;align-items:center;justify-content:center}.il-sel-tr{padding:.7rem .8rem;border-radius:16px;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md);color:var(--fg)!important;-webkit-text-fill-color:var(--fg);font-size:.92rem;line-height:1.4}.il-sel-tr-k{font-size:.68rem;letter-spacing:.04em;color:var(--fg-muted)!important;-webkit-text-fill-color:var(--fg-muted);margin-bottom:.3rem}.il-sel-tr-body{color:var(--fg)!important;-webkit-text-fill-color:var(--fg);background:none}.il-sel-tr ::selection,.il-sel-tr::selection{background:color-mix(in srgb,var(--fg) 22%,transparent);color:var(--fg)}.il-sel-note{display:flex;flex-direction:column;gap:.4rem;padding:.65rem .7rem;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;box-shadow:var(--shadow-md);color:var(--fg)}.il-sel-note textarea{width:100%;resize:vertical;min-height:4.2rem;padding:.5rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--fg) 6%,var(--bg-elevated));color:var(--fg);font:inherit}.il-sel-note-actions{display:flex;justify-content:flex-end;gap:.35rem}.il-sel-note-actions button{height:30px;padding:0 .7rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--fg);cursor:pointer}.reader-empty{height:100%;align-items:center;justify-content:center;gap:1rem;color:var(--fg-muted)}.reader-empty,.side-panel{display:flex;flex-direction:column}.side-panel{position:absolute;top:0;bottom:0;width:300px;max-width:85vw;background:var(--bg-elevated);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:25;animation:slideIn .18s ease}.side-panel.right{right:0;left:auto;border-right:none;border-left:1px solid var(--border)}@keyframes slideIn{0%{transform:translateX(-12px);opacity:0}to{transform:translateX(0);opacity:1}}.side-panel.right{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translateX(12px);opacity:0}to{transform:translateX(0);opacity:1}}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.95rem}.side-panel-body{flex:1 1;overflow:auto;padding:.75rem 1rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin:0}.toc-btn{width:100%;text-align:left;background:none;border:none;padding:.45rem .5rem;border-radius:var(--radius-sm);color:var(--fg);font-size:.88rem;cursor:pointer;transition:background var(--transition)}.toc-btn:hover{background:var(--bg-hover)}.toc-sub{padding-left:1rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.setting-label{font-size:.88rem;font-weight:500}.setting-control{display:flex;align-items:center;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem;font-size:.78rem;cursor:pointer}.chip button{background:none;border:none;color:var(--danger);cursor:pointer;padding:0;font-size:.9em}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,var(--accent-soft),transparent 40%),var(--bg);padding:1rem}.login-card{width:100%;max-width:400px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.login-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.login-subtitle{color:var(--fg-muted);font-size:.9rem;margin:0 0 1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.row{align-items:center}.col,.row{display:flex;gap:.5rem}.col{flex-direction:column}.muted{color:var(--fg-muted)}.small{font-size:.8rem}.center{display:flex;align-items:center;justify-content:center}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-overlay{position:fixed;inset:0;z-index:80;background:rgba(12,14,16,.38);display:flex;align-items:center;justify-content:center;padding:1.25rem}.settings-dialog{width:min(760px,100%);height:min(520px,100%);display:flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.settings-nav{width:180px;flex-shrink:0;padding:1.1rem .7rem;background:var(--bg-muted);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.2rem}.settings-title{font-weight:650;font-size:.95rem;padding:.2rem .65rem .85rem}.settings-nav button{text-align:left;border:0;background:transparent;color:var(--fg-muted);border-radius:var(--radius-sm);padding:.45rem .65rem;cursor:pointer;font-size:.85rem}.settings-nav button.on,.settings-nav button:hover{background:var(--bg-hover);color:var(--fg)}.settings-body{flex:1 1;padding:1.25rem 1.5rem;overflow:auto;position:relative}.settings-body h3{margin:1.1rem 0 .45rem;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.settings-body h3:first-child{margin-top:0}.settings-reset{margin-top:1.4rem;padding-top:.8rem;border-top:1px solid var(--border)}.settings-close{position:absolute;top:.7rem;right:.7rem;width:32px;height:32px;padding:0}.seg{display:flex;flex-wrap:wrap;gap:.35rem}.seg button{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:999px;padding:.3rem .75rem;font-size:.8rem;cursor:pointer}.seg button.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;font-size:.9rem}.book-list{display:flex;flex-direction:column;gap:.15rem}.book-list-row{display:grid;grid-template-columns:40px 1fr 160px 56px;grid-gap:.75rem;gap:.75rem;align-items:center;padding:.45rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.book-list-row:hover{background:var(--bg-hover)}.book-list-cover{width:40px;height:56px;border-radius:4px;overflow:hidden;background:var(--bg-muted);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--fg-muted)}.book-list-cover img{width:100%;height:100%;object-fit:cover}.tts-scrim{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:rgba(16,18,20,.38);padding:1.5rem}.tts-card{width:min(420px,100%);background:#2a2c2e;color:#ececec;border-radius:22px;padding:1.15rem 1.25rem 1.2rem;box-shadow:0 24px 60px rgba(0,0,0,.4);font-family:var(--font-sans)}.tts-card-head{display:flex;align-items:flex-start;gap:.75rem}.tts-card-titles{min-width:0;flex:1 1}.tts-card-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.tts-card-chapter{margin-top:.15rem;font-size:.82rem;color:#b0b4b8}.tts-card-head-actions{display:flex;gap:.15rem}.tts-card-head-actions button{border:0;background:transparent;color:#c8ccd0;cursor:pointer;padding:.2rem .35rem;font-size:.82rem}.tts-lyrics{min-height:7.5rem;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:1.1rem .4rem .6rem;font-family:var(--font-serif);line-height:1.4}.tts-lyric{margin:.15rem 0}.tts-lyric.dim{color:#8b9096;font-size:.92em}.tts-lyric.now{color:#fff;font-weight:600}.tts-seek{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.55rem;gap:.55rem;align-items:center;font-size:.72rem;color:#9aa0a6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tts-seek input[type=range]{width:100%;accent-color:#ececec}.tts-transport{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.85rem 0 .95rem}.tts-transport button{border:0;background:transparent;color:#e8eaed;cursor:pointer;font-size:1.05rem;width:36px;height:36px;border-radius:999px}.tts-transport button.on{color:#fff;background:hsla(0,0%,100%,.12)}.tts-play{width:56px!important;height:56px!important;background:#f2f3f4!important;color:#1d1f20!important;font-size:1.15rem!important}.tts-actions{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.45rem;gap:.45rem}.tts-actions button,.tts-pane button{border:0;background:#3a3c3e;color:#ececec;border-radius:12px;padding:.65rem .4rem;cursor:pointer;font-size:.92rem;font-weight:600}.tts-actions button span{display:block;margin-top:.15rem;font-size:.68rem;font-weight:400;color:#a8adb2}.tts-actions button.on,.tts-pane button.on{background:#4a4d50}.tts-pane{margin-top:.7rem}.tts-pane input[type=range]{width:100%;accent-color:#ececec}.tts-voices{display:flex;flex-wrap:wrap;gap:.4rem}.tts-voices button{padding:.45rem .7rem;font-size:.8rem;font-weight:500}@media (max-width:720px){body,html{min-height:100dvh}.app-header{height:auto;min-height:48px;flex-wrap:wrap;padding:calc(.4rem + env(safe-area-inset-top, 0px)) .6rem .4rem;gap:.4rem}.header-actions{gap:.25rem}.btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.header-actions .btn-ghost,.header-actions .btn-primary{min-width:40px;min-height:40px;padding:0 .45rem}.search-box{min-width:0}.search-box input{font-size:16px}.library-container{padding:.85rem .7rem calc(1.5rem + env(safe-area-inset-bottom, 0px))}.book-card-horizontal{flex:0 0 108px}.book-cover-horizontal{width:108px;height:154px}.lib-act-sheet{width:calc(100% - 1rem)}.lib-act-sheet input{min-width:0;flex:1 1;font-size:16px}.lib-actbar{width:100%;justify-content:space-around}.lib-actbar button{min-width:0;flex:1 1;font-size:.62rem}.lib-act-wrap{padding-bottom:calc(.5rem + env(safe-area-inset-bottom, 0px))}.reader-sidebar{position:absolute;inset:0;width:100%;z-index:26}.reader-title{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-topbar{padding-top:env(safe-area-inset-top,0);height:calc(44px + env(safe-area-inset-top, 0px))}.reader-bottombar{padding-bottom:env(safe-area-inset-bottom,0);height:calc(48px + env(safe-area-inset-bottom, 0px))}.reader-settings{top:auto;right:0;left:0;bottom:0;width:100%;max-height:min(82dvh,calc(100% - 48px));border-radius:16px 16px 0 0;padding-bottom:calc(.8rem + env(safe-area-inset-bottom, 0px))}.rs-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-overlay{padding:0;align-items:stretch}.settings-dialog{width:100%;height:100%;max-height:100dvh;border-radius:0;flex-direction:column}.settings-nav{width:100%;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:calc(.6rem + env(safe-area-inset-top, 0px)) .5rem .5rem}.settings-body{padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0px))}.login-card{padding:1.35rem 1.1rem}.input{font-size:16px}}