@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8f2ff;--muted:#aaa1bb;--bg:#110d1c;--panel:#211a31d1;--panel-solid:#211a31;--line:#ffffff1a;--accent:#ff79b0;--accent-2:#9f8cff;--accent-ink:#1f1325;--reader-bg:#fffaf3;--reader-ink:#2c2533;background:var(--bg);color:var(--ink);font-family:Manrope,Noto Sans SC,system-ui,sans-serif}body[data-theme=original]{--reader-bg:#fff;--reader-ink:#222}body[data-theme=paper]{--reader-bg:#fffaf3;--reader-ink:#302534}body[data-theme=sakura]{--reader-bg:#fff1f6;--reader-ink:#4d2942}body[data-theme=sepia]{--reader-bg:#fef3d6;--reader-ink:#5d4037}body[data-theme=eye]{--reader-bg:#e8f5e8;--reader-ink:#2d4a2b}body[data-theme=night]{--reader-bg:#211b2c;--reader-ink:#f3eaff}body[data-theme=oled]{--reader-bg:#000;--reader-ink:#f5f5f5}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:var(--bg);min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.topbar,.reader-toolbar{align-items:center;gap:14px;display:flex}.topbar{max-width:1200px;height:72px;margin:auto;padding:0 28px}.brand{letter-spacing:.16em;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.brand em{color:var(--accent);font-style:normal}.brand-mark{width:30px;height:30px;color:var(--accent);border:1px solid #ff79b080;border-radius:10px;place-items:center;display:grid;box-shadow:0 0 25px #ff79b02e}.beta-pill,.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:10px;font-weight:800}.beta-pill{border:1px solid #ff79b040;border-radius:999px;padding:6px 9px}.topbar-spacer{flex:1}.icon-button{min-width:38px;height:38px;color:var(--ink);border:1px solid var(--line);background:#ffffff12;border-radius:12px;place-items:center;padding:0 10px;transition:all .2s;display:grid}.icon-button:hover{color:var(--accent);border-color:#ff79b080;transform:translateY(-1px)}.home-main{max-width:1200px;margin:auto;padding:22px 28px 50px}.hero{border:1px solid var(--line);background:radial-gradient(circle at 85% 18%,#9f8cff38,#0000 31%),linear-gradient(135deg,#21182e,#171225 68%);border-radius:30px;min-height:390px;padding:55px 64px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000040}.hero:after{content:"";filter:blur(70px);pointer-events:none;background:#ff79b01f;border-radius:50%;height:300px;position:absolute;inset:auto -10% -70% 25%}.hero.drag-over{border-color:var(--accent);box-shadow:0 0 0 4px #ff79b01f,0 25px 80px #00000040}.hero-copy{z-index:1;max-width:580px;position:relative}.hero h1{letter-spacing:-.06em;margin:13px 0 18px;font-size:clamp(44px,7vw,76px);line-height:1.05}.hero h1 span{color:var(--accent);text-shadow:0 0 35px #ff79b040}.hero-subtitle{max-width:480px;color:var(--muted);margin:0;font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.hero-art{place-items:center;width:43%;min-width:280px;display:grid;position:absolute;inset:0 0 0 auto}.mascot{z-index:1;color:#ffe8f2;text-shadow:0 14px 35px #ff79b059;font-size:clamp(32px,5vw,60px);animation:5s ease-in-out infinite float;position:relative;transform:rotate(-7deg)}.orbit{border:1px solid #ff79b040;border-radius:50%;position:absolute;transform:rotate(-24deg)}.orbit-a{width:245px;height:245px}.orbit-b{border-color:#9f8cff40;width:320px;height:110px}.spark{color:var(--accent);font-size:24px;animation:2.4s ease-in-out infinite pulse;position:absolute}.spark-a{top:20%;right:23%}.spark-b{color:var(--accent-2);animation-delay:.8s;bottom:20%;left:24%}@keyframes float{50%{transform:translateY(-9px)rotate(4deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}.button{min-height:42px;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:0 17px;font-weight:700;transition:all .2s}.button:hover{transform:translateY(-1px)}.button.primary{color:var(--accent-ink);background:var(--accent);border-color:#0000;box-shadow:0 8px 24px #ff79b033}.button.secondary{background:#ffffff0f}.url-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:22px;justify-content:space-between;align-items:end;gap:25px;margin-top:17px;padding:25px 30px;display:flex}.url-panel h2,.section-heading h2{letter-spacing:-.03em;margin:5px 0 4px;font-size:20px}.url-panel p:not(.eyebrow){max-width:570px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}#url-form{flex:1;gap:8px;max-width:500px;display:flex}#url-input{min-width:0;height:42px;color:var(--ink);border:1px solid var(--line);background:#0000003d;border-radius:11px;outline:none;flex:1;padding:0 13px}#url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff79b01f}.library{margin-top:48px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.muted{color:var(--muted);font-size:12px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px;display:grid}.book-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;min-width:0;padding:13px;transition:all .2s;display:grid;position:relative}.book-card:hover{border-color:#ff79b059;transform:translateY(-2px)}.book-cover{color:#fff;border-radius:12px;place-items:center;width:54px;height:73px;font-weight:900;display:grid;box-shadow:inset 0 0 20px #ffffff29}.cover-epub{background:linear-gradient(145deg,#ff79b0,#9f6af3)}.cover-pdf{background:linear-gradient(145deg,#ff9c87,#dd496e);font-size:12px}.cover-comic{background:linear-gradient(145deg,#89d8d0,#625edb);font-size:24px}.cover-txt{background:linear-gradient(145deg,#f9cb75,#ed7d9b)}.book-card-content{min-width:0}.book-card h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:13px;overflow:hidden}.book-card p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px;font-size:10px;overflow:hidden}.mini-progress,.reader-progress-track{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.mini-progress span,.reader-progress-track span{background:var(--accent);border-radius:inherit;height:100%;transition:width .25s;display:block}.card-actions{grid-column:2/3;align-items:center;gap:12px;display:flex}.card-open{color:var(--accent);background:0 0;border:0;justify-self:start;padding:0;font-size:11px;font-weight:700}.card-cache-action{color:var(--muted);background:0 0;border:0;padding:0;font-size:10px}.card-cache-action:hover{color:var(--ink)}.card-remove{color:var(--muted);background:0 0;border:0;padding:0;font-size:18px;position:absolute;top:7px;right:8px}.card-remove:hover{color:#ff9aaa}.empty-state{color:var(--muted);text-align:center;border:1px dashed var(--line);background:#ffffff08;border-radius:18px;grid-column:1/-1;padding:50px 20px}.empty-state span{color:var(--accent);margin-bottom:10px;font-size:28px;display:block}.empty-state h3{color:var(--ink);margin:0 0 8px}.empty-state p{margin:0;font-size:12px}.home-footer{color:#746b86;text-align:center;padding:0 28px 26px;font-size:11px}.reader-shell{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex}.reader-toolbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#110d1ce0;flex:0 0 65px;padding:0 15px}.reader-heading{flex:1;min-width:0}.reader-heading span{color:var(--accent);letter-spacing:.15em;font-size:9px;font-weight:800}.reader-heading h1{white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:14px;overflow:hidden}.reader-actions{gap:6px;display:flex}.reader-progress-track{border-radius:0;flex:0 0 3px;height:3px}.reader-main{flex:1;min-height:0;display:flex}.chapter-panel{border-right:1px solid var(--line);background:#181225e0;width:260px;padding:25px 12px;overflow:auto}.panel-title{color:var(--muted);letter-spacing:.15em;padding:0 9px 13px;font-size:11px;font-weight:800}.chapter-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;padding:10px 9px;font-size:12px;display:block}.chapter-item:hover{color:var(--ink);background:#ffffff0f}.reader-stage{flex:1;min-width:0;min-height:0;display:flex;position:relative}.reader-surface{min-width:0;min-height:0;color:var(--reader-ink);background:var(--reader-bg);border-radius:18px;flex:1;justify-content:center;align-items:center;margin:18px clamp(35px,8vw,120px);display:flex;overflow:hidden;box-shadow:0 20px 55px #00000040}.reader-surface iframe{border:0;width:100%;height:100%}.reader-surface .epub-container{height:100%!important}.page-zone{z-index:2;background:0 0;border:0;width:70px;position:absolute;inset-block:0}.page-zone-prev{left:0}.page-zone-next{right:0}.page-zone:hover{background:linear-gradient(90deg,#ff79b014,#0000)}.reader-footer{color:var(--muted);flex:0 0 30px;justify-content:space-between;padding:0 20px;font-size:10px;line-height:30px;display:flex}.txt-page{white-space:pre-wrap;width:min(800px,100%);height:100%;padding:clamp(35px,6vw,80px);font-family:Noto Sans SC,sans-serif;line-height:2;overflow:auto}.comic-page{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.comic-fit-width{width:100%;height:auto;max-height:none}.pdf-page{max-width:100%}.loading-orbit{border:2px solid #ff79b033;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-orbit span{display:block}.reader-error{max-width:420px;color:var(--reader-ink);text-align:center;padding:35px}.reader-error span{color:var(--accent);font-size:35px}.reader-error p{word-break:break-word;font-size:12px;line-height:1.7}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(420px,100vw - 44px);display:flex;position:fixed;bottom:22px;right:22px}.toast{width:max-content;max-width:100%;color:var(--ink);pointer-events:auto;background:#302342;border:1px solid #ff79b073;border-radius:12px;padding:12px 15px;font-size:12px;animation:.18s ease-out both toast-in;box-shadow:0 12px 35px #0000004d}.toast-danger{border-color:#ff8291b3}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.toast-stack{right:12px;bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.topbar{height:60px;padding:0 16px}.home-main{padding:13px 16px 40px}.hero{border-radius:24px;min-height:470px;padding:35px 25px}.hero-art{width:100%;height:180px;top:auto;bottom:-20px}.hero h1{font-size:50px}.hero-subtitle{font-size:13px}.url-panel{padding:20px;display:block}.url-panel p:not(.eyebrow){margin-bottom:15px}#url-form{max-width:none}.book-grid{grid-template-columns:1fr}.reader-toolbar{flex-basis:57px;padding:0 10px}.reader-actions{gap:3px}.reader-actions .icon-button{min-width:34px;padding:0 7px}.reader-main{position:relative}.chapter-panel{z-index:4;width:min(86vw,300px);display:none;position:absolute;inset:0 auto 0 0;box-shadow:15px 0 35px #0000004d}.chapter-panel.open{display:block}.reader-surface{border-radius:12px;margin:10px 8px}.page-zone{width:27%}.reader-footer{padding:0 12px}.reader-footer span:last-child{display:none}.txt-page{padding:25px 19px;font-size:16px}.reader-error{padding:25px}}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#110d1cdb;max-width:none;padding-inline:max(24px,50vw - 600px);position:sticky;top:0}.main-nav{border:1px solid var(--line);background:#ffffff0a;border-radius:13px;gap:5px;margin-left:auto;padding:4px;display:flex}.main-nav a{color:var(--muted);border-radius:9px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.main-nav a:hover,.main-nav a.active{color:var(--ink);background:#ff79b024}.main-nav a.active{color:var(--accent)}.page-main{width:min(1200px,100%);min-height:calc(100dvh - 110px);margin:auto;padding:24px 28px 58px}.page-heading{padding:38px 0 28px}.page-heading h1{letter-spacing:-.05em;margin:7px 0 10px;font-size:clamp(34px,5vw,58px)}.page-heading>p:last-child{max-width:650px;color:var(--muted);margin:0;line-height:1.75}.compact-hero{min-height:340px}.compact-hero h1{font-size:clamp(42px,6vw,68px)}.button{justify-content:center;align-items:center;display:inline-flex}.button.ghost{color:var(--muted);background:0 0;border-color:#0000}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px}.panel h2{margin:5px 0 8px;font-size:20px}.import-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.import-card{min-height:210px;color:var(--ink);text-align:left;background:radial-gradient(circle at 85% 10%, #9f8cff38, transparent 35%), var(--panel);border:1px solid var(--line);border-radius:24px;flex-direction:column;justify-content:end;align-items:flex-start;padding:28px;transition:all .2s;display:flex}.import-card:hover{border-color:#ff79b08c;transform:translateY(-3px);box-shadow:0 20px 50px #00000038}.import-card strong{margin:15px 0 6px;font-size:22px}.import-card small{color:var(--muted);line-height:1.6}.import-icon{width:48px;height:48px;color:var(--accent);background:#ff79b01f;border:1px solid #ff79b04d;border-radius:15px;place-items:center;font-size:25px;display:grid}.remote-panel{grid-template-columns:1fr minmax(320px,520px);gap:40px;margin-top:18px;display:grid}.remote-panel>div>p:last-child,.tips span{color:var(--muted);font-size:12px;line-height:1.7}.stack-form{gap:13px;display:grid}.stack-form label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.stack-form input,.jump-form input{width:100%;height:43px;color:var(--ink);border:1px solid var(--line);background:#00000038;border-radius:11px;outline:none;padding:0 12px}.stack-form input:focus,.jump-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff79b01c}.tips{margin-top:18px}.feature-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-list p{gap:6px;margin:10px 0 0;display:grid}.book-card{grid-template-columns:64px 1fr;padding:16px}.book-cover{grid-row:1/3;width:64px;height:88px}.book-cover-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.card-actions{grid-column:2}.card-open{min-height:34px;padding:0 12px}.empty-state .button{margin-top:18px}.catalog-tools{flex-wrap:wrap;align-items:center;gap:12px;margin:-2px 0 18px;display:flex}.catalog-tools input{min-width:min(360px,100%);height:42px;color:var(--ink);border:1px solid var(--line);background:#00000038;border-radius:12px;outline:none;flex:260px;padding:0 14px}.catalog-tools input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff79b01c}.catalog-filters{gap:6px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-filter{min-height:34px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:0 12px;font-size:11px}.catalog-filter:hover,.catalog-filter.active{color:var(--accent);background:#ff79b01a;border-color:#ff79b08c}.local-library{margin-top:34px}.local-library.hidden{display:none}.settings-layout{gap:16px;display:grid}.setting-block{grid-template-columns:minmax(180px,260px) 1fr;align-items:center;gap:30px;display:grid}.theme-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.theme-choice{color:var(--ink);text-align:left;border:1px solid var(--line);background:#ffffff06;border-radius:14px;gap:6px;padding:10px;display:grid}.theme-choice.active{border-color:var(--accent);box-shadow:0 0 0 2px #ff79b01f}.theme-choice small{color:var(--muted)}.theme-preview{border-radius:9px;height:58px;margin-bottom:3px}.theme-preview.theme-original{background:linear-gradient(135deg,#fff 50%,#e9eef6 50%)}.theme-preview.theme-sakura{background:#fff1f6}.theme-preview.theme-paper{background:#fffaf3}.theme-preview.theme-sepia{background:#fef3d6}.theme-preview.theme-eye{background:#e8f5e8}.theme-preview.theme-night{background:#211b2c}.theme-preview.theme-oled{background:#000;border:1px solid #333}.font-control{align-items:center;gap:10px;display:flex}.font-control strong{text-align:center;min-width:70px}.font-sample{color:var(--reader-ink);background:var(--reader-bg);border-radius:14px;margin-top:18px;padding:20px;line-height:1.9;transition:all .2s}.shortcut-list{color:var(--muted);grid-template-columns:repeat(2,1fr);gap:10px;font-size:12px;display:grid}.preference-groups{grid-template-columns:repeat(2,minmax(180px,1fr));gap:24px;display:grid}.preference-groups>div{gap:10px;display:grid}.preference-groups label,.setting-hint{color:var(--muted);font-size:11px}.setting-hint{margin:10px 0 0;line-height:1.7}.storage-settings{grid-template-columns:minmax(190px,280px) 1fr auto;align-items:center;gap:10px 16px;display:grid}.storage-settings label{color:var(--muted);font-size:11px;font-weight:700}.storage-settings select{min-height:42px;color:var(--ink);border:1px solid var(--line);background:#00000038;border-radius:11px;outline:none;padding:0 12px}.storage-settings select:focus{border-color:var(--accent)}.storage-settings strong{color:var(--ink);font-size:11px;line-height:1.6}.storage-settings .setting-hint{grid-column:1/3;margin:0}.storage-clear{grid-area:1/3/3}.segment-control{border:1px solid var(--line);background:#0000002e;border-radius:11px;grid-template-columns:repeat(2,1fr);gap:5px;padding:4px;display:grid}.segment-control.three{grid-template-columns:repeat(3,1fr)}.segment-control.vertical{grid-template-columns:1fr}.segment-control button{min-height:35px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700}.segment-control button.active{color:var(--accent-ink);background:var(--accent);box-shadow:0 5px 16px #ff79b033}input[type=range]{width:100%;accent-color:var(--accent)}.hidden{display:none!important}kbd{min-width:28px;height:27px;color:var(--ink);border:1px solid var(--line);font:inherit;background:#ffffff12;border-radius:7px;place-items:center;margin-right:4px;display:inline-grid;box-shadow:0 2px #00000040}.not-found,.route-loading{min-height:70dvh;color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.not-found span{color:var(--accent);font-size:45px;font-weight:900}.not-found h1{color:var(--ink);margin-bottom:0}.not-found .button{margin-top:18px}.route-loading{gap:12px}.reader-shell{position:relative;overflow:hidden}.reader-toolbar{z-index:20;background:#110d1cd1;height:48px;min-height:48px;padding:0 12px;transition:transform .22s,opacity .22s;position:absolute;inset:0 0 auto}.reader-progress-track{z-index:21;width:100%;transition:opacity .2s;position:absolute;top:47px;left:0}.reader-progress-track span.calculating{opacity:0}.reader-heading h1{font-size:15px}.reader-actions{gap:7px}.reader-action{min-width:56px;height:34px;color:var(--muted);border:1px solid var(--line);background:#ffffff0e;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:flex}.reader-action:hover{color:var(--accent);border-color:#ff79b06b}.reader-action span{font-size:16px}.reader-action b{font-size:11px}.reader-action.hidden{display:none}.reader-main{width:100%;position:absolute;inset:0;overflow:hidden}.reader-stage{min-width:0;padding:56px 66px 58px;transition:padding .22s}.reader-surface{border-radius:16px;margin:0}.reader-surface .epub-view{background:var(--reader-bg)}.reader-surface:has(.epub-container)>.loading-orbit{display:none}.page-zone{width:68px;color:var(--muted);place-items:center;display:grid}.page-zone span{border:1px solid var(--line);background:#ffffff0e;border-radius:12px;place-items:center;width:36px;height:52px;font-size:31px;transition:all .2s;display:grid}.page-zone:hover{color:var(--accent);background:0 0}.page-zone-next:hover{background:0 0}.page-zone:hover span{border-color:#ff79b073;transform:scale(1.04)}.reader-controls{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#110d1cdb;grid-template-columns:1fr minmax(150px,auto) 1fr;align-items:center;height:50px;padding:5px 12px;transition:transform .22s,opacity .22s;display:grid;position:absolute;inset:auto 0 0}.turn-button{width:max-content;height:36px;color:var(--ink);border:1px solid var(--line);background:#ffffff0f;border-radius:10px;align-items:center;gap:9px;padding:0 13px;display:flex}.turn-button:last-child{justify-self:end}.turn-button:hover{color:var(--accent);border-color:#ff79b073}.turn-button b{font-size:12px}.reader-position{justify-items:center;line-height:1.25;display:grid}.reader-position strong{font-size:12px}.reader-position small{color:var(--muted);font-size:10px}.reader-drawer{z-index:12;border-left:1px solid var(--line);background:#191326fa;width:min(340px,90vw);padding:62px 14px 58px;transition:transform .23s,padding .22s;display:block;position:absolute;inset:0 0 0 auto;overflow:auto;transform:translate(105%);box-shadow:-18px 0 50px #0000005c}.reader-drawer.open{transform:translate(0)}.appearance-panel{border-right:0;border-left:1px solid var(--line);inset:0 0 0 auto;transform:translate(105%)}.reader-drawer.pinned{z-index:5;width:300px;box-shadow:none;flex:0 0 300px;order:2;position:relative;inset:auto;transform:none}.reader-main.toc-pinned .reader-stage{order:1;padding-right:54px}.drawer-scrim{z-index:11;background:#00000070;border:0;display:none;position:absolute;inset:0}.drawer-scrim.open{display:block}.drawer-header{justify-content:space-between;align-items:center;padding:2px 6px 18px;display:flex}.drawer-header p{color:var(--accent);letter-spacing:.16em;margin:0;font-size:9px;font-weight:800}.drawer-header h2{margin:4px 0 0;font-size:21px}.drawer-header-actions{gap:6px;display:flex}.drawer-close,.drawer-pin{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:#ffffff0f;border-radius:10px;font-size:20px}.drawer-pin{font-size:15px}.drawer-pin.active{color:var(--accent);border-color:var(--accent);background:#ff79b01f}.chapter-item{grid-template-columns:30px 1fr;align-items:start;gap:6px;padding:11px 8px;display:grid}.chapter-item span{color:#746b86;font-size:9px}.chapter-item b{color:inherit;font-size:12px;font-weight:600;line-height:1.5}.chapter-item.active{color:var(--accent);background:#ff79b01c}.chapter-item.active span{color:var(--accent)}.turn-button:disabled,.page-zone:disabled{opacity:.3;cursor:default;pointer-events:none}.drawer-empty{padding:12px 8px;line-height:1.7}.drawer-section,.jump-form{border-top:1px solid var(--line);gap:12px;padding:18px 8px;display:grid}.drawer-section>label,.jump-form>label{color:var(--muted);font-size:11px;font-weight:700}.drawer-section .font-control .button{flex:1}.reader-themes{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.theme-dot{height:42px;color:var(--muted);border:1px solid var(--line);background:#ffffff09;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.theme-dot span{background:var(--reader-bg);border:1px solid #00000026;border-radius:50%;width:17px;height:17px}.theme-dot.theme-original span{background:linear-gradient(135deg,#fff 50%,#dce2eb 50%)}.theme-dot.theme-sakura span{background:#fff1f6}.theme-dot.theme-paper span{background:#fffaf3}.theme-dot.theme-sepia span{background:#fef3d6}.theme-dot.theme-eye span{background:#e8f5e8}.theme-dot.theme-night span{background:#211b2c}.theme-dot.theme-oled span{background:#000}.theme-dot.active{color:var(--accent);border-color:var(--accent)}.jump-form>div{gap:7px;display:flex}.jump-form input{min-width:0}.jump-form .button{flex:none}.txt-page{scrollbar-width:thin;overflow-y:auto}.txt-page.txt-double{column-count:2;column-rule:1px solid color-mix(in srgb, var(--reader-ink) 12%, transparent);column-gap:clamp(40px,6vw,86px);overflow:hidden}.pdf-page{background:#fff;flex:none;max-width:none;max-height:none;display:block;box-shadow:0 10px 30px #0000002e}.reader-surface.pdf-surface{justify-content:center;align-items:flex-start;padding:16px;overflow:auto}.reader-surface.pdf-surface .pdf-page{margin:0 auto}.comic-fit-width{align-self:flex-start}.chrome-reveal{z-index:24;pointer-events:none;background:0 0;border:0;height:10px;position:absolute;left:0;right:0}.chrome-reveal-top{top:0}.chrome-reveal-bottom{bottom:0}.reader-shell.chrome-hidden .reader-toolbar{opacity:0;pointer-events:none;transform:translateY(-105%)}.reader-shell.chrome-hidden .reader-progress-track{opacity:0}.reader-shell.chrome-hidden .reader-controls{opacity:0;pointer-events:none;transform:translateY(105%)}.reader-shell.chrome-hidden .reader-stage{padding-top:7px;padding-bottom:7px}.reader-shell.chrome-hidden .reader-drawer{padding-top:16px;padding-bottom:16px}.reader-shell.chrome-hidden .chrome-reveal{pointer-events:auto}@media (max-width:900px){.reader-drawer.pinned{flex-basis:auto;order:initial;width:min(340px,90vw);position:absolute;transform:translate(105%);box-shadow:-18px 0 50px #0000005c}.reader-main.toc-pinned .reader-stage{padding-right:66px}.drawer-pin{display:none}}@media (max-width:760px){.topbar{padding:0 12px}.brand{font-size:11px}.brand-mark{width:27px;height:27px}.main-nav a{padding:7px 10px;font-size:11px}.page-main{padding:14px 15px 42px}.page-heading{padding:26px 0 20px}.compact-hero{min-height:450px}.compact-hero .hero-art{opacity:.72}.import-grid{grid-template-columns:1fr}.import-card{min-height:165px}.remote-panel{grid-template-columns:1fr;gap:18px}.feature-list{grid-template-columns:1fr;gap:3px}.setting-block{grid-template-columns:1fr;gap:15px}.theme-grid{grid-template-columns:repeat(2,1fr)}.shortcut-list,.preference-groups{grid-template-columns:1fr}.reader-toolbar{gap:6px;height:44px;min-height:44px;padding:0 7px}.reader-progress-track{top:43px}.reader-heading h1{max-width:35vw;font-size:12px}.reader-heading span{font-size:8px}.reader-action{width:34px;min-width:34px;height:32px;padding:0}.reader-action b{display:none}.reader-stage{padding:49px 7px 51px}.reader-surface{border-radius:8px}.page-zone{width:25%}.page-zone span{opacity:0}.reader-controls{grid-template-columns:1fr auto 1fr;height:46px;padding:5px 7px}.turn-button{justify-content:center;width:40px;height:34px;padding:0}.turn-button b{display:none}.reader-position{min-width:124px}.reader-drawer{padding-top:54px;padding-bottom:52px}.txt-page{padding:27px 19px 60px}}@media (max-width:420px){.brand>span:last-child{display:none}.main-nav{margin-left:auto}.main-nav a{padding-inline:9px}.hero{padding-inline:20px}.hero h1{font-size:44px}.reader-heading h1{max-width:28vw}.reader-position{min-width:112px}.reader-position strong{font-size:11px}}.reader-shell .reader-stage,.reader-shell.chrome-hidden .reader-stage,.reader-shell .reader-main.toc-pinned .reader-stage{padding:6px}.reader-shell .reader-drawer,.reader-shell.chrome-hidden .reader-drawer{padding:18px 14px}.reader-floating-controls{z-index:20;align-items:center;gap:8px;transition:right .23s;display:flex;position:absolute;bottom:16px;right:16px}.reader-shell:has(.reader-main.toc-pinned) .reader-floating-controls{right:316px}.reader-fab,.reader-page-fab{color:#ffffffe6;-webkit-backdrop-filter:blur(14px);background:#140f1f9e;border:1px solid #ffffff29;transition:opacity .18s,transform .18s,background .18s,border-color .18s;box-shadow:0 8px 26px #00000038}.reader-fab{opacity:.78;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-size:18px;display:grid}.reader-fab:hover,.reader-page-fab:hover{color:#fff;opacity:1;background:#1e162de0;border-color:#ff79b080;transform:translateY(-2px)}.reader-back-fab{z-index:10;position:absolute;top:14px;left:14px}.reader-page-fab{opacity:.72;border-radius:24px;place-content:center;justify-items:center;min-width:88px;height:46px;padding:5px 12px;line-height:1.1;display:grid}.reader-page-fab strong{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:10px;overflow:hidden}.reader-page-fab small{color:#ffffffa6;margin-top:2px;font-size:9px}.drawer-section.hidden{display:none}.reader-shell .page-zone{inset-block:auto;z-index:6;pointer-events:auto;border:0;place-items:center;width:52px;height:64px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);background:0 0!important}.reader-shell .page-zone-prev{left:14px;right:auto}.reader-shell .page-zone-next{left:auto;right:14px}.reader-shell .page-zone span{color:#ffffffeb;opacity:.82;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f1fa8;border:1px solid #fff3;border-radius:16px;place-items:center;width:42px;height:58px;font-size:34px;line-height:1;display:grid;box-shadow:0 8px 22px #0000003d}.reader-shell .page-zone:hover span{opacity:1;background:#1e162de6;border-color:#ff79b0a6;transform:scale(1.05)}@media (max-width:900px){.reader-shell:has(.reader-main.toc-pinned) .reader-floating-controls{right:12px}}@media (max-width:760px){.reader-shell .reader-stage,.reader-shell.chrome-hidden .reader-stage,.reader-shell .reader-main.toc-pinned .reader-stage{padding:5px}.reader-shell .reader-drawer,.reader-shell.chrome-hidden .reader-drawer{padding:14px 12px}.reader-floating-controls{right:10px;bottom:max(10px, env(safe-area-inset-bottom));gap:6px}.reader-fab{width:42px;height:42px;font-size:17px}.reader-back-fab{top:max(10px, env(safe-area-inset-top));left:10px}.reader-page-fab{min-width:82px;height:42px;padding-inline:10px}.reader-shell .page-zone span{opacity:.18;width:30px;height:44px}}.reader-shell .reader-drawer{z-index:30;opacity:0;visibility:hidden;transform-origin:100% 100%;background:#191326f5;border:1px solid #ffffff24;border-radius:18px;width:min(360px,100vw - 32px);height:auto;max-height:min(64dvh,600px);padding:14px;transition:opacity .16s,transform .16s,visibility .16s;display:none;position:absolute;inset:auto 16px 76px auto;overflow:auto;transform:translateY(10px)scale(.98);box-shadow:0 18px 60px #0000006b}.reader-shell .reader-drawer.open{opacity:1;visibility:visible;display:block;transform:translateY(0)scale(1)}.reader-shell .chapter-panel{max-height:min(56dvh,520px)}.reader-shell .appearance-panel{border:1px solid #ffffff24;inset:auto 16px 76px auto}.reader-shell .page-jump-panel{width:min(300px,100vw - 32px)}.reader-shell .drawer-scrim{display:none!important}.reader-shell .drawer-header{z-index:1;background:#191326f5;position:sticky;top:-14px}@media (max-width:760px){.reader-shell .reader-drawer{width:min(340px,100vw - 20px);max-height:64dvh;inset:auto 10px max(62px, calc(env(safe-area-inset-bottom) + 52px)) auto;border-radius:16px;padding:12px}.reader-shell .drawer-header{top:-12px}}.reader-surface iframe{background:var(--reader-bg)!important}.reader-surface .comic-spread{justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:14px;display:flex}.reader-surface .comic-spread-reverse{flex-direction:row-reverse}.reader-surface .comic-spread-single .comic-page{max-width:100%;max-height:100%;transform:scale(var(--comic-zoom,1));transform-origin:50%}.reader-surface .comic-spread-double .comic-page{width:calc(50% - 6px);max-width:calc(50% - 6px);max-height:100%;transform:scale(var(--comic-zoom,1));transform-origin:50%}.reader-surface .comic-page{object-fit:contain;display:block}.reader-surface.comic-flow-scrolled{justify-content:center;align-items:flex-start;overflow:hidden auto}.reader-surface.comic-flow-scrolled .comic-scroll-list{width:min(var(--comic-scroll-width,90%), 980px);flex-direction:column;gap:16px;margin:0 auto;padding:18px 0 86px;display:flex}.reader-surface.comic-flow-scrolled .comic-scroll-list .comic-page{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none}.reader-surface.comic-flow-scrolled .comic-scroll-list .comic-fit-contain{width:min(100%,980px);margin-inline:auto}.image-preview{z-index:80;display:none;position:fixed;inset:0}.image-preview.open{place-items:center;display:grid}.image-preview-backdrop{background:#040209c7;position:absolute;inset:0}.image-preview-image{z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;max-width:94vw;max-height:94dvh;display:block}.reader-surface.reader-flow-scrolled{justify-content:center;align-items:flex-start;overflow:hidden}.reader-surface.reader-flow-scrolled .epub-container{margin-inline:auto;width:var(--reader-scroll-width,90%)!important;max-width:none!important;height:100%!important;min-height:0!important;display:block!important;overflow:hidden auto!important}.reader-surface.reader-flow-scrolled .epub-view{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}.reader-surface.reader-flow-scrolled .epub-container>.epub-view{margin:0!important}.reader-surface.reader-flow-scrolled iframe{height:auto;display:block;width:100%!important;max-width:none!important;min-height:0!important}.reader-shell.flow-scrolled:not(.format-pdf) .page-zone{display:none}.reader-surface.pdf-surface.pdf-scrolled{justify-content:center;align-items:flex-start;padding:16px;overflow:hidden auto}.reader-surface.pdf-surface.pdf-scrolled .pdf-scroll-list{width:min(var(--reader-scroll-width,90%), 1100px);flex-direction:column;gap:18px;margin:0 auto;padding:0 0 86px;display:flex}.reader-surface.pdf-surface.pdf-scrolled .pdf-scroll-page{justify-content:center;width:100%;display:flex}.reader-surface.pdf-surface.pdf-scrolled .pdf-scroll-page .pdf-page{max-width:100%}.txt-page.txt-flow{width:var(--reader-scroll-width,90%);white-space:pre-wrap;align-self:stretch;max-width:none;height:100%;margin:0 auto;padding:clamp(28px,5vw,70px);overflow-y:auto}@media (max-width:760px){.storage-settings{grid-template-columns:1fr}.storage-settings .setting-hint,.storage-clear{grid-area:auto/1}.storage-clear{justify-self:start}.reader-shell.flow-scrolled .reader-stage{padding-inline:0}.reader-shell.flow-scrolled .reader-surface{border-radius:0;margin-inline:0}.reader-surface.reader-flow-scrolled .epub-container,.reader-surface.reader-flow-scrolled .txt-page.txt-flow{width:100%!important;margin-inline:0!important}.reader-surface.reader-flow-scrolled .txt-page.txt-flow{padding-inline:16px}.reader-surface.comic-flow-scrolled .comic-scroll-list{width:100%}.reader-surface.pdf-surface.pdf-scrolled{padding:8px 0 0}.reader-surface.pdf-surface.pdf-scrolled .pdf-scroll-list{gap:12px;width:100%}.reader-surface .comic-spread-single .comic-page,.reader-surface .comic-spread-double .comic-page{transform:none}.image-preview-image{max-width:100vw;max-height:100dvh}}
