:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110f;--bg-soft:#1c1815;--bg-card:#221d19;--line:#322a24;--text:#e8e2da;--muted:#a79c91;--accent:#d8a86a;--accent-soft:#3a2c1f;--danger:#d97a6c;--radius:10px;--tap:44px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100dvh}a{color:var(--accent);text-decoration:none}h1,h2,h3{letter-spacing:.01em;margin:0;font-weight:600}h1{font-size:1.35rem}h2{font-size:1.05rem}button{font:inherit;color:inherit;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);min-height:var(--tap);cursor:pointer;padding:.5rem .85rem}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#20170f;border-color:#0000;font-weight:600}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;color:inherit;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);min-height:var(--tap);width:100%;padding:.55rem .75rem}input:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label{color:var(--muted);margin-bottom:.3rem;font-size:.85rem;display:block}.topbar{z-index:10;padding:calc(.6rem + env(safe-area-inset-top)) max(.8rem, env(safe-area-inset-right)) .6rem max(.8rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.brand{letter-spacing:.02em;font-weight:700}.page{padding:.9rem max(.8rem, env(safe-area-inset-right)) calc(4.8rem + env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left))}.tabbar{z-index:20;padding:.25rem max(.5rem, env(safe-area-inset-right)) calc(.25rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg-soft) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:52px;color:var(--muted);letter-spacing:.02em;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1rem;padding:.25rem 0;font-size:.7rem;display:flex}.tabbar button svg{fill:currentColor}.tabbar button.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.row{touch-action:pan-y;overscroll-behavior-x:contain;scroll-snap-type:none;gap:.9rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.shelf-section{margin-bottom:1.4rem}.shelf-head{align-items:baseline;gap:.6rem;margin-bottom:.5rem;display:flex}.back{color:var(--text);align-self:flex-start;align-items:center;gap:.45rem;margin-bottom:.7rem;display:inline-flex}.back .brand{width:24px;height:24px}.reader-chrome .back-button{color:#ddd;gap:.3rem;padding-right:.35rem;font-size:.8rem}.shelf-head .brand{flex:none;align-self:center;width:30px;height:30px}.shelf-head .count{color:var(--muted);font-size:.85rem}.shelf-section .shelf-head .count{font-size:1em;font-weight:300}.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.8rem;display:grid}.card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;display:block;overflow:hidden}.card:active{border-color:var(--accent)}.cover{aspect-ratio:2/3;background:var(--bg-soft);display:block;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.info-badge{color:#f0ece6;pointer-events:none;background:#000000bf;border-radius:50%;place-items:center;width:22px;height:22px;font-family:Georgia,Times New Roman,serif;font-size:.85rem;font-style:italic;line-height:1;display:grid;position:absolute;bottom:6px;right:6px}.info-badge.static{width:20px;height:20px;font-size:.8rem;position:static}.cover .placeholder{color:var(--muted);text-align:center;place-items:center;padding:.5rem;font-size:.8rem;display:grid;position:absolute;inset:0}.card-body{padding:.45rem .55rem .6rem}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.25;display:-webkit-box;overflow:hidden}.card-sub{color:var(--muted);margin-top:.15rem;font-size:.75rem}.bar{background:var(--line);border-radius:2px;height:3px;margin-top:.35rem;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.search{position:relative}.search svg{width:1.05rem;height:1.05rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search input{padding-left:2.35rem}.tabs{gap:.4rem;padding:.1rem 0 .5rem;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;min-height:36px;color:var(--muted);background:0 0;padding:.3rem .7rem;font-size:.85rem}.tabs button.active{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.list{flex-direction:column;gap:.45rem;display:flex}.list-item{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;min-height:var(--tap);align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex}.list-item .grow{flex:1;min-width:0}.list-item .title{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.list-item .sub{color:var(--muted);font-size:.78rem}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.center{text-align:center;place-items:center;gap:.8rem;min-height:60dvh;display:grid}.stack{flex-direction:column;gap:.7rem;display:flex}.auth{max-width:22rem;margin:12dvh auto 0;padding:0 1rem}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reader-frame{position:fixed;inset:0}.reader-frame.rot90{transform-origin:0 0;width:100dvh;height:100dvw;inset:0 auto auto 0;transform:translate(100dvw)rotate(90deg)}.reader{touch-action:none;-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-touch-callout:none;-webkit-user-drag:none;background:#000;position:fixed;inset:0;overflow:hidden}.reader img{-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.reader.continuous{touch-action:pan-y;overflow-y:auto}.stage{will-change:transform;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.stage.snap{transition:transform .2s ease-out}.stage img{object-fit:contain;max-width:100%;max-height:100%;display:block}.stage.double img{max-width:calc(50% - 1px)}.reader.continuous .strip{flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.reader.continuous .strip img{width:100%;height:auto;display:block}.reader-chrome{z-index:5;padding:.4rem max(.6rem, env(safe-area-inset-right)) .4rem max(.6rem, env(safe-area-inset-left));background:#000000bf;align-items:center;gap:.4rem;transition:opacity .12s ease-out;display:flex;position:fixed;left:0;right:0}.reader-chrome.top{padding-top:calc(.4rem + env(safe-area-inset-top));top:0}.reader-chrome.bottom{padding-bottom:calc(.4rem + env(safe-area-inset-bottom));bottom:0}.reader-chrome.hidden{opacity:0;pointer-events:none;transition:opacity .6s}.reader-chrome .title{color:#ddd;white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.reader-chrome button{background:#ffffff14;border-color:#ffffff24;min-height:38px;padding:.25rem .6rem;font-size:.85rem}.reader-chrome.top button{min-width:46px;min-height:46px}.reader-chrome.bottom button{min-width:46px;min-height:48px}.reader-chrome .icon{justify-content:center;align-items:center;display:flex}.reader-menu{bottom:calc(4.8rem + env(safe-area-inset-bottom));right:max(.5rem, env(safe-area-inset-right));z-index:7;background:#000000d9;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:.35rem;padding:.45rem;display:flex;position:fixed}.reader-menu button{text-align:left;align-items:center;gap:.6rem;min-width:13rem;min-height:44px;display:flex}.reader-menu .menu-icon{fill:currentColor;flex:none}.reader-menu button.active{background:#d8a86a38;border-color:#d8a86a73}.reader-menu .menu-tick{color:var(--accent,#d8a86a);margin-left:auto}.reader-chrome input[type=range]{background:0 0;border:0;width:100%;min-height:30px;padding:0}.reader-status{z-index:6;color:#eee;background:#000000bf;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-group{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.8rem;padding:.8rem}.kv{grid-template-columns:auto 1fr;gap:.3rem .8rem;font-size:.85rem;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;margin:0}.help-head .rule{background:color-mix(in srgb, var(--muted) 42%, transparent);flex:1;align-self:center;height:1px}.gestures{grid-template-columns:minmax(6.5rem,34%) 1fr;gap:.5rem .9rem;margin:0;font-size:.88rem;line-height:1.4;display:grid}.gestures dt{color:var(--text);font-weight:600}.gestures dd{color:var(--muted);margin:0}.gestures dd.note{grid-column:1/-1}@media (max-width:420px){.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}.sort{align-items:center;gap:.35rem;display:flex;position:relative}.sort-button{white-space:nowrap;align-items:center;gap:.3rem;min-height:40px;padding:.25rem .6rem;font-size:.8rem;display:flex}.sort-button .chevron{fill:currentColor;opacity:.7}.sort-button.flip{padding:.25rem .45rem}.sort-button.flip svg{fill:currentColor}.sort-menu{z-index:30;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.2rem;min-width:11rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 10px 30px #00000073}.sort-menu button{text-align:left;justify-content:space-between;align-items:center;gap:.6rem;min-height:40px;padding:.3rem .55rem;font-size:.85rem;display:flex}.sort-menu button.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.sort-menu .menu-tick{color:var(--accent)}.notfound{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:3.5rem 1rem 2rem;display:flex}.notfound-mark{border:1px solid var(--line);opacity:.95;background:radial-gradient(circle at 40% 30%,#ffffff17,#ffffff05);border-radius:50%;place-items:center;width:132px;height:132px;margin-bottom:.4rem;display:grid}.notfound h1{letter-spacing:.06em;color:var(--accent);margin:0;font-size:2.4rem}.notfound-path{word-break:break-all;opacity:.75;margin:0;font-size:.8rem}.section-title{min-height:0;color:var(--text);letter-spacing:.01em;background:0 0;border:0;padding:0;font-size:2.1rem;font-weight:700}.section-title:active{color:var(--accent)}.section-title .open-hint{vertical-align:-.06em;fill:none;width:.78em;height:.78em;stroke:var(--muted);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;margin-left:.28em;display:inline-block}.card.skeleton{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);opacity:.5}.version-line{align-items:center;gap:.45rem;margin:0 0 .8rem;font-size:.8rem;line-height:1.4;display:flex}.reload-icon{min-width:32px;min-height:32px;color:var(--muted);border-radius:999px;place-items:center;padding:0;display:grid}.reload-icon svg{fill:currentColor;display:block}.reload-icon:active{color:var(--accent)}.about-link{color:var(--muted);text-underline-offset:2px;background:0 0;border:0;margin-left:auto;padding:.15rem .4rem;font-size:.8rem;text-decoration:underline}.about-link:active{color:var(--accent)}.bar.indeterminate span{width:35%;animation:1.1s ease-in-out infinite bar-slide}@keyframes bar-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}button.danger{color:#f6d5d0;background:#c8493c47;border-color:#d9584a8c}button.danger:active{background:#c8493c6b}button.amber-solid{color:#fff5e8;background:#b9792e;border-color:#cf8f3c}button.amber-solid:active{background:#9d6526}button.danger-solid{color:#fff;background:#a93a2f;border-color:#c8493c}button.danger-solid:active{background:#8f2f26}.modal-backdrop{z-index:20;background:#0000009e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;width:100%;max-width:22rem;padding:1rem 1.1rem}.modal h2{margin:0 0 .5rem;font-size:1rem}.modal p{color:var(--muted);margin:0 0 .7rem;font-size:.85rem;line-height:1.45}.modal .abstract{color:var(--text);max-height:9rem;margin:.7rem 0 0;font-size:.85rem;line-height:1.5;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.9rem;display:flex}.shelf-page,.section-page,.shelf-section{touch-action:pan-x pan-y}