*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:DM Sans,system-ui,sans-serif;background:#0f0f10;color:#f2f2f3;-webkit-font-smoothing:antialiased}#app{min-height:100dvh}.hidden{display:none!important}.brand{font-family:Literata,Georgia,serif;font-size:1.75rem;font-weight:600;margin:0;letter-spacing:-.02em}.brand span{color:#c9a227}.brand--sm{font-size:1rem;opacity:.85}.screen{min-height:100dvh}.screen--login{display:grid;place-items:center;padding:2rem 1.25rem;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(201,162,39,.18),transparent),#0f0f10}.login-card{width:min(100%,380px);padding:2rem 1.75rem;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #00000073}.login-lede{margin:.35rem 0 1.5rem;color:#ffffff8c;font-size:.95rem}.login-form label{display:block;margin-bottom:1rem}.login-form label span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-bottom:.35rem}.login-form input{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:inherit;font:inherit}.login-form input:focus{outline:2px solid rgba(201,162,39,.5);outline-offset:1px}.form-error{color:#ff8a8a;font-size:.875rem;margin:0 0 .75rem}.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;transition:background .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#d4af37,#a8841a);color:#1a1408;font-weight:600}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--ghost{padding:.45rem .85rem;background:transparent;color:#ffffffbf;border:1px solid rgba(255,255,255,.12)}.btn--ghost:hover:not(:disabled){background:#ffffff0f}.btn--icon{display:grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;color:#ffffffd9;border-radius:999px}.btn--icon:hover{background:#ffffff14}.screen--library{padding:1.25rem clamp(1rem,4vw,2.5rem) 2rem;max-width:1200px;margin:0 auto}.lib-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.lib-title{margin:.25rem 0 0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.lib-status{color:#ffffff80;font-size:.9rem;margin-bottom:1.25rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem 1rem}.book-card{text-align:left;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:12px;transition:transform .15s ease}.book-card:hover{transform:translateY(-3px)}.book-card:focus-visible{outline:2px solid #c9a227;outline-offset:4px}.book-cover{aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#2a2a2e,#1a1a1d);box-shadow:0 8px 24px #00000059}.book-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-cover__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#c9a22726,#ffffff0a)}.book-meta{padding:.55rem .15rem 0}.book-title{margin:0;font-size:.85rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-series{margin:.2rem 0 0;font-size:.75rem;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.pager-label{font-size:.875rem;color:#ffffff8c;min-width:7rem;text-align:center}.screen--reader{display:flex;flex-direction:column;height:100dvh;background:#1c1c1e}.reader-bar{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem .25rem;background:#0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:2}.reader-title{margin:0;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.reader-bar__spacer{width:40px;flex-shrink:0}.reader-stage{position:relative;flex:1;min-height:0;background:#faf8f5}.reader-stage iframe{width:100%;height:100%;border:none;display:block;overflow:hidden}.tap-zone{position:absolute;top:0;bottom:0;width:28%;max-width:160px;border:none;padding:0;background:transparent;cursor:pointer;z-index:1}.tap-zone--prev{left:0}.tap-zone--next{right:0}.tap-zone:active{background:#0000000a}.reader-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#1c1c1e;z-index:3;color:#ffffffb3}.reader-loading--error p{color:#ff8a8a;max-width:20rem;text-align:center;padding:0 1rem}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#c9a227;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem 1.25rem}}