*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.focus\:not-sr-only:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
.pwa-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.14);padding:14px 16px;border-radius:18px;display:flex;align-items:center;gap:14px;max-width:92vw}
.hidden{display:none!important}.skeleton,.skeleton-book{background:linear-gradient(90deg,#e6dcc8 25%,#f4ecdc 50%,#e6dcc8 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-book{width:160px;height:240px;border-radius:12px}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}