:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#16161a;--surface:#202026;--border:#ffffff1f;--fg:#ececf1;--muted:#9a9aa8;--accent:#7c9cff;--radius:12px;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f5f5f7;--surface:#fff;--border:#0000001f;--fg:#1c1c22;--muted:#6b6b78;--accent:#3b5bdb}}body{overscroll-behavior-y:contain;background:var(--bg);color:var(--fg);margin:0}a{color:inherit}h2{margin:1.5rem 0 .75rem;font-size:1.1rem}button,select,input,.btn{box-sizing:border-box;min-height:44px;font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 .9rem;font-size:1rem}button,.btn{cursor:pointer;justify-content:center;align-items:center;min-width:44px;text-decoration:none;display:inline-flex}button:active,.btn:active{filter:brightness(1.2)}.icon{vertical-align:middle;flex:none;width:1.5rem;height:1.5rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:#fff;border-color:#0000;font-weight:600}.error{color:#ff6b6b}.top-nav{z-index:2;padding:calc(.5rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .5rem calc(1rem + env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.menu{position:relative}.menu-scrim{z-index:3;position:fixed;inset:0}.menu-list{z-index:4;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.25rem;min-width:12rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0}.menu-list a,.menu-list button{min-height:44px;color:var(--fg);background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0 .9rem;text-decoration:none;display:flex}.crumbs{white-space:nowrap;scrollbar-width:none;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex;overflow-x:auto}.crumbs a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.crumbs a:last-child{font-weight:600}.crumbs span{color:var(--muted)}main{padding:1rem calc(1rem + env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));max-width:1100px;margin:0 auto}.dirs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.dirs a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-overflow:ellipsis;white-space:nowrap;align-items:center;min-height:52px;padding:0 1rem;text-decoration:none;display:flex;overflow:hidden}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem .75rem;display:grid}.grid.list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.5rem 1rem}.list .card{flex-direction:row;align-items:center;gap:.75rem}.list .card>a{flex:none;width:64px}.list .thumb{aspect-ratio:1}.list .badge,.list .read-overlay{display:none}.list .name{font-size:1rem}.meta.list-only{display:none}.list .meta.list-only{display:block}.shelf{scroll-snap-type:x proximity;padding-bottom:.5rem;gap:.75rem;margin:0 -1rem;padding-inline:1rem;display:flex;overflow-x:auto}.shelf .card{scroll-snap-align:start;flex:none;width:130px}.card{flex-direction:column;gap:.35rem;min-width:0;display:flex}.card a{text-decoration:none}.label{align-items:flex-start;gap:.15rem;display:flex}.label-text{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.label{box-sizing:border-box;text-align:left;width:100%;min-height:0;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;padding:0}button.label{cursor:pointer}.more{color:var(--muted);flex:none;display:flex}.more.open{color:var(--accent);transform:rotate(180deg)}.name.expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block}.cover{border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 1px 4px #0006}.thumb{aspect-ratio:2/3;background:var(--surface)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.progress{background:#0008;height:4px;position:absolute;bottom:0;left:0;right:0}.progress i{background:var(--accent);height:100%;display:block}.card.reading .cover{outline:3px solid var(--accent);outline-offset:-3px;box-shadow:0 0 14px 2px color-mix(in srgb, var(--accent) 70%, transparent)}.card.reading .progress{height:8px}.badge{background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #0008}.card.reading .name{font-weight:600}.card.reading .meta{color:var(--accent)}.card.reading .meta b{font-weight:700}.read-overlay{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#000a;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.card.read .name{opacity:.6}.name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.25;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);font-size:.78rem}.login{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.75rem;max-width:340px;margin:15vh auto 0;padding:1.5rem;display:flex}.login h1{text-align:center;margin:0 0 .5rem}.login input,.login button{background:var(--bg);min-height:48px}.login button{background:var(--accent);color:#fff;border-color:#0000;font-weight:600}.reader{color:#eee;background:#111;position:fixed;inset:0}.scroller{touch-action:pan-x pan-y;position:absolute;inset:0;overflow:auto}.page{position:absolute}.page img{width:100%;height:100%;display:block}.bar{z-index:1;padding:.5rem calc(.75rem + env(safe-area-inset-right)) .5rem calc(.75rem + env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eee;background:#000c;align-items:center;gap:.5rem;display:flex;position:absolute;left:0;right:0}.bar button,.bar select,.bar .btn{color:#eee;background:#ffffff1a;border-color:#ffffff26}.bar.top{padding-top:calc(.5rem + env(safe-area-inset-top));top:0}.bar.bottom{padding-bottom:calc(.5rem + env(safe-area-inset-bottom));flex-wrap:wrap;bottom:0}.next-up{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:1;border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eee;background:#000d;flex-direction:column;gap:.5rem;width:min(22rem,100% - 2rem);padding:.75rem 1rem;display:flex;position:absolute;transform:translate(-50%)}.next-up .actions{gap:.5rem;display:flex}.next-up .actions a,.next-up .actions button{border-radius:var(--radius);color:#eee;background:#ffffff1a;border:1px solid #ffffff26;padding:.4rem .8rem;text-decoration:none}.next-up .actions .primary{background:var(--accent);border-color:var(--accent)}.bar.bottom select{flex:1;min-width:0}.bar .seg{gap:.25rem;display:flex}.bar .seg button{justify-content:center;align-items:center;padding-inline:.75rem;display:flex}.bar .seg button[aria-pressed=true]{background:#ffffff59;border-color:#ffffff8c}.bar .jump{flex:1 0 100%;align-items:center;gap:.5rem;display:flex}.bar .jump input{color:#eee;background:#ffffff1a;border-color:#ffffff26;width:6ch}.bar .pages{min-height:44px;accent-color:var(--accent);background:0 0;border:none;flex:1 0 100%;padding:0}.bar .title{flex-direction:column;flex:1;min-width:0;display:flex}.bar .title strong,.bar .title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar .title small{opacity:.7}.bar .zoom{flex:1 0 100%;align-items:center;gap:.75rem;min-height:44px;display:flex}.bar .zoom input{min-height:44px;accent-color:var(--accent);background:0 0;border:none;flex:1;padding:0}.bar .zoom span{text-align:right;min-width:4ch}.peek-layer{z-index:0;height:0;position:sticky;top:0;left:0}.peek{visibility:hidden;display:flex;position:absolute;top:0;left:0;overflow:hidden}.peek img{flex:none;margin:auto;display:block}.pull{color:var(--muted);justify-content:center;align-items:center;display:flex;overflow:hidden}.notice{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 20%, transparent);padding:.6rem .9rem}.notice.offline{background:#f59f004d;padding:.3rem .75rem;font-size:.85rem}.unavailable{color:#fff;text-align:center;pointer-events:none;background:#000b;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;inset:0}.list .unavailable{font-size:.65rem}.downloads{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.downloads li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;display:flex}.downloads a{flex-direction:column;flex:1;min-width:0;text-decoration:none;display:flex}