:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #1a1030;--fg: #f4f0ff}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}.boot h1{font-size:clamp(2rem,8vw,4rem)}.cover-img,.cover-fallback{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:1.5rem;display:block}.cover-fallback{display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;font-weight:700;font-size:clamp(1rem,4vw,2rem);line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.picker-wrap{height:100%;overflow-y:auto}.picker-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:1rem;padding:clamp(.6rem,2.5vw,1.2rem) clamp(1rem,4vw,3rem);background:linear-gradient(var(--bg),var(--bg) 70%,transparent)}.back-btn{flex:0 0 auto;width:clamp(3rem,11vw,4rem);height:clamp(3rem,11vw,4rem);border-radius:50%;background:#ffffff24;color:var(--fg);font-size:clamp(1.8rem,7vw,2.6rem);line-height:1}.back-btn:active{background:#ffffff47}.picker-heading{margin:0;font-size:clamp(1.4rem,5vw,2.4rem)}.picker{padding:clamp(1rem,4vw,3rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(45vw,320px),1fr));gap:clamp(1rem,4vw,2.5rem);align-content:start}.tile{display:flex;flex-direction:column;gap:.75rem;padding:0;transition:transform .1s ease}.tile:active{transform:scale(.95)}.tile .cover-img,.tile .cover-fallback{box-shadow:0 8px 24px #00000073}.tile-title{font-size:clamp(1.1rem,3.5vw,1.6rem);font-weight:600;text-align:center}:root{--bg: #141821;--fg: #e8ecf5;--muted: #96a0b5;--line: #2a3342;--accent: #6ea8fe;--danger: #ff7b72;--ok: #5ddba4}body{-webkit-user-select:auto;user-select:auto;overscroll-behavior:auto}#root{display:flex;flex-direction:column;overflow-y:auto}.wrap{width:min(60rem,100%);margin:0 auto;padding:1.25rem 1rem 5rem}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:2rem 0 .75rem}p.muted{color:var(--muted);margin:.25rem 0 1rem;line-height:1.5}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}input[type=text],input[type=email],input[type=tel]{width:100%;padding:.8rem .9rem;font:inherit;font-size:max(1rem,16px);color:var(--fg);background:#0e121a;border:1px solid var(--line);border-radius:.6rem}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.1rem;min-height:2.75rem;font-size:1rem;font-weight:600;border-radius:.6rem;background:#222a38;border:1px solid var(--line)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0b1020}.btn.danger{color:var(--danger)}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.error{color:var(--danger);background:#ff7b721a;border:1px solid rgba(255,123,114,.35);border-radius:.6rem;padding:.7rem .9rem;margin:1rem 0}.notice{color:var(--muted);background:#6ea8fe14;border:1px solid rgba(110,168,254,.3);border-radius:.6rem;padding:.7rem .9rem;margin:1rem 0;font-size:.9rem;line-height:1.5}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem;padding:0;margin:0;list-style:none}.book-card{border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#0e121a}.book-card img,.book-card .no-cover{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#1b2231}.no-cover{display:grid;place-items:center;color:var(--muted);font-size:.8rem}.book-card figcaption{padding:.6rem .7rem;font-size:.9rem}.book-card .count{color:var(--muted);font-size:.8rem}.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.9rem;padding:0;margin:1rem 0 0;list-style:none}.page-card{border:1px solid var(--line);border-radius:.7rem;overflow:hidden;background:#0e121a;position:relative}.page-card.is-cover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.page-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#1b2231}.page-num{position:absolute;top:.4rem;left:.4rem;background:#000000b3;border-radius:.4rem;padding:.1rem .45rem;font-size:.8rem;font-variant-numeric:tabular-nums}.cover-flag{position:absolute;top:.4rem;right:.4rem;background:var(--accent);color:#0b1020;border-radius:.4rem;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.page-tools{display:flex;border-top:1px solid var(--line)}.page-tools button{flex:1;padding:.5rem 0;font-size:.95rem;min-height:2.5rem;border-right:1px solid var(--line)}.page-tools button:last-child{border-right:none}.page-tools button:disabled{opacity:.3}.page-meta{padding:.35rem .5rem;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.bar{height:.5rem;border-radius:.25rem;background:#1b2231;overflow:hidden;margin:.6rem 0}.bar>div{height:100%;background:var(--accent);transition:width .2s ease}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.topbar .who{font-size:.8rem;color:var(--muted)}