:root{--bg:#f6f6f8;--surface:#fff;--surface-2:#ececf1;--text:#15151a;--muted:#6b6b76;--border:#dcdce3;--accent:#059669;--accent-text:#fff;--danger:#c62828;--ok:#047857;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0b0f;--surface:#16161c;--surface-2:#22222a;--text:#ececf1;--muted:#9a9aa6;--border:#2c2c35;--accent:#34d399;--accent-text:#052e1f;--danger:#f87171;--ok:#6ee7b7}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{min-height:100dvh}a{color:inherit;text-decoration:none}img{display:block}button{font:inherit;color:inherit}.small{font-size:.82rem}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.clamp1,.clamp2,.clamp3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp1{-webkit-line-clamp:1}.clamp2{-webkit-line-clamp:2}.clamp3{-webkit-line-clamp:3}.page{max-width:900px;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 96px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.topbar h1{margin:0;font-size:1.35rem}.back{color:var(--muted);align-items:center;gap:4px;min-height:44px;display:inline-flex}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:#0000;font-weight:600}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-small{min-height:36px;padding:0 12px;font-size:.85rem}.btn-block{width:100%}.icon{cursor:pointer;width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;display:inline-flex}.badge-muted{background:var(--surface-2);color:var(--muted)}.addlink{grid-template-columns:1fr auto;gap:8px;display:grid}.addlink input{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:44px;color:var(--text);border-radius:12px;padding:0 14px;font-size:16px}.addlink p{grid-column:1/-1;margin:0}.empty{text-align:center;padding:48px 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 12px;display:grid}.card{flex-direction:column;gap:6px;display:flex}.cover{aspect-ratio:2/3;background:var(--surface-2);color:var(--muted);border-radius:10px;place-items:center;font-size:2rem;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.resume{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px;display:flex}.resume img{object-fit:cover;border-radius:8px;width:52px;height:72px}.resume div{flex-direction:column;gap:2px;min-width:0;display:flex}.serieshead{align-items:flex-start;gap:14px;display:flex}.serieshead img{aspect-ratio:2/3;object-fit:cover;border-radius:10px;flex-shrink:0;width:104px}.serieshead h1{margin:0 0 4px;font-size:1.3rem}.serieshead p{margin:0 0 6px}.settings{flex-wrap:wrap;gap:8px 16px;display:flex}.seg{background:var(--surface-2);border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex}.seg>span{padding:0 6px}.seg button{cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:36px;padding:8px 10px}.seg button.on{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #00000026}.listhead{align-items:center;gap:8px;display:flex}.listhead .btn{margin-left:auto}.chapters{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.chapter{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:56px;display:flex}.chapter.read .chapter-main>span:first-child{color:var(--muted)}.chapter-main{flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:56px;padding:8px 0;display:flex}.progress{align-items:center;gap:4px;display:inline-flex}.dlbar{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;max-width:560px;margin:0 auto;padding:12px 14px;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.dlbar-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bar{background:var(--surface-2);border-radius:4px;height:4px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .2s}.toast{top:calc(env(safe-area-inset-top) + 12px);z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.addsearch{flex-direction:column;gap:10px;display:flex}.results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.results-head{justify-content:space-between;align-items:center;padding:4px 4px 4px 14px;display:flex}.result{text-align:left;border:0;border-top:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.result:disabled{opacity:.6}.result img,.result-noimg{object-fit:cover;background:var(--surface-2);border-radius:8px;flex-shrink:0;width:48px;height:68px}.result-text{flex-direction:column;gap:3px;min-width:0;display:flex}.result-badges{align-items:center;gap:6px;display:flex}.badge-ok{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--ok)}.listhead{flex-wrap:wrap}.chapters.selecting{margin-bottom:220px}.chapter-check{cursor:pointer;align-items:center;gap:12px;flex-direction:row!important;justify-content:flex-start!important}.chapter-check input{width:20px;height:20px;accent-color:var(--accent)}.chapter.checked{background:color-mix(in srgb, var(--accent) 8%, transparent)}.selbar{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;max-width:640px;margin:0 auto;padding:12px;display:flex;position:fixed;box-shadow:0 8px 24px #00000038}.selbar-quick{flex-wrap:wrap;gap:6px;display:flex}.selbar-range{align-items:center;gap:6px;display:flex}.selbar-range input{border:1px solid var(--border);background:var(--bg);width:0;min-height:36px;color:var(--text);border-radius:10px;flex:1;padding:0 10px;font-size:16px}.selbar-actions{align-items:center;gap:8px;display:flex}.selbar-actions>span{flex:1;min-width:0}:root{--tabbar-h:58px}.tabbar{z-index:15;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:color-mix(in srgb, var(--surface) 94%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:140px;min-height:46px;color:var(--muted);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:.72rem;display:flex}.tab.on{color:var(--accent);font-weight:600}.page:has(~.tabbar){padding-bottom:calc(env(safe-area-inset-bottom) + var(--tabbar-h) + 96px)}.dlbar.raised{bottom:calc(env(safe-area-inset-bottom) + var(--tabbar-h) + 12px)}.intro{margin:-8px 0 0}.version{text-align:center;margin:0}.empty .btn{margin-top:8px}.linkrow{min-height:56px;color:inherit;align-items:center;gap:12px;padding:8px 0;display:flex}.linkrow+.linkrow{border-top:1px solid var(--border)}.linkrow svg{color:var(--muted);flex-shrink:0}.panel+.panel{margin-top:0}.panel>p{margin:4px 0 8px}.panel>.btn{align-self:flex-start;margin:4px 0 8px}.panel>.btn-block{align-self:stretch}.stat{flex-direction:column;gap:2px;padding:6px 0 4px;display:flex}.stat-value{letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.quota{flex-direction:column;gap:6px;padding:4px 0;display:flex}.bar-thick{height:8px}.quota-row{justify-content:space-between;display:flex}.quota p{margin:0}.warn{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:10px;margin:4px 0 10px;padding:10px 12px}.reserve{align-items:center;gap:12px;padding:6px 0;display:flex}.reserve input{accent-color:var(--accent);flex:1}.usage-row,.history-row{align-items:center;gap:12px;padding:10px 0;display:flex}.usage-row+.usage-row{border-top:1px solid var(--border)}.usage-row img,.history-row img,.usage-noimg{object-fit:cover;background:var(--surface-2);border-radius:8px;flex-shrink:0;width:44px;height:62px}.usage-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.usage-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.history-group{flex-direction:column;display:flex}.history-group h2{margin:8px 0 0;font-weight:600}.history-row{border-bottom:1px solid var(--border);color:inherit}.help{background:var(--surface-2);border-radius:10px;margin:4px 0 8px;padding:10px 12px}.help ol,.help ul{margin:6px 0 0;padding-left:20px}.help li+li{margin-top:4px}.account{align-items:center;gap:12px;padding:8px 0;display:flex}.account img,.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.avatar{background:var(--surface-2);text-transform:uppercase;place-items:center;font-weight:600;display:grid}.loading{color:var(--muted);align-items:center;gap:10px;margin:0;padding:12px 0;display:flex}.spinner{border:2px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.danger{border-top:1px solid var(--border);margin-top:8px;padding:24px 0 8px}.danger-btn{color:var(--danger)!important}.welcome>.bar{height:4px;margin-top:-8px}.welcome p{margin:0;line-height:1.5}.welcome-nav{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.welcome-nav .btn-primary{flex:1;max-width:280px}.invite{gap:8px;padding-bottom:12px}.invite input,.invite-limits input{border:1px solid var(--border);background:var(--bg);min-height:40px;color:var(--text);border-radius:10px;width:100%;padding:0 12px;font-size:16px}.invite-limits{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.invite-limits label{flex-direction:column;flex:1;gap:2px;min-width:90px;display:flex}.invite>.btn{align-self:flex-start}.user-row{flex-direction:column;gap:8px;padding:12px 0;display:flex}.user-row+.user-row{border-top:1px solid var(--border)}.selbar>p{margin:0}.reader{color:#e8e8ee;overscroll-behavior:none;background:#000;position:fixed;inset:0}.reader-message{text-align:center;place-content:center;gap:16px;padding:24px;display:grid}.reader .btn{color:#e8e8ee;background:#1c1c22;border-color:#2c2c35}.reader .btn-primary{color:#052e1f;background:#34d399;border-color:#0000}.reader .btn-ghost{color:#9a9aa6;background:0 0;border-color:#0000}.reader .muted{color:#9a9aa6}.reader{touch-action:manipulation}.vscroll{overscroll-behavior:contain;height:100%;overflow:hidden auto}.vscroll.zoomed{overflow-x:auto}.vinner{width:calc(100% * var(--z,1));max-width:calc(800px * var(--z,1));margin:0 auto}.vslot{background:#0a0a0a;width:100%}.vslot img{object-fit:contain;width:100%;height:100%}.pview{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;height:100%;overflow-y:auto}.pview.zoomed{touch-action:pan-x pan-y pinch-zoom;overflow:auto}.pview.zoomed .ppage{height:auto;display:block}.pview.zoomed .ppage img{width:calc(100% * var(--z,1));max-width:none;max-height:none;margin:0}.ppage{place-items:center;height:100%;display:grid}.ppage img{object-fit:contain;max-width:100%;max-height:100%}.ppage.tall{height:auto;display:block}.ppage.tall img{width:100%;max-width:800px;max-height:none;margin:0 auto}.pend{place-items:center;min-height:100%;display:grid}.endpanel{max-width:420px;padding:32px 16px calc(env(safe-area-inset-bottom) + 96px);text-align:center;flex-direction:column;gap:12px;margin:0 auto;display:flex}.reader-ui{pointer-events:none}.reader-top,.reader-bottom{z-index:10;opacity:0;background:#0a0a0eeb;align-items:center;gap:8px;transition:transform .2s,opacity .2s;display:flex;position:fixed;left:0;right:0}.reader-top{padding:calc(env(safe-area-inset-top) + 6px) 12px 8px;top:0;transform:translateY(-100%)}.reader-bottom{padding:8px 12px calc(env(safe-area-inset-bottom) + 8px);justify-content:space-between;bottom:0;transform:translateY(100%)}.reader-ui.show .reader-top,.reader-ui.show .reader-bottom{opacity:1;pointer-events:auto;transform:none}.reader-title{flex-direction:column;flex:1;min-width:0;display:flex}.zoom-btn{min-width:52px}.reader-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seg-dark{background:#1c1c22}.seg-dark button.on{color:#fff;background:#34343e}.topbar-actions{align-items:center;gap:8px;display:inline-flex}.title{margin:0;font-size:1.35rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:6px 16px;display:flex}.panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 0;font-size:.8rem}.toggle{text-align:left;align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.toggle-text{flex-direction:column;flex:1;gap:2px;display:flex}.switch{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:46px;height:28px;padding:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--accent);border-color:#0000}.switch[aria-checked=true]:after{transform:translate(18px)}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reader .switch{background:#2c2c35;border-color:#3a3a44}.reader .switch[aria-checked=true]{background:#34d399}.chapter-divider{border-top:1px solid #22222a;border-bottom:1px solid #22222a;flex-direction:column;align-items:center;gap:4px;max-width:800px;margin:0 auto;padding:28px 16px;display:flex}.fade{animation:.18s ease-out fadein}@keyframes fadein{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}