:root{--bg: #fff4f8;--ink: #4f2438;--muted: #8f526d;--pink: #f56aa6;--pink-soft: #ffd5e6;--rose: #c93f7a;--wood: #b9825b;--wood-dark: #805136;--shelf-shadow: rgba(102, 42, 71, .2);--cover-slot-height: 224px;--cover-max-height: 210px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(245,106,166,.24),transparent 32rem),linear-gradient(180deg,#fff8fb 0%,var(--bg) 45%,#ffe8f1 100%)}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero{display:flex;align-items:center;gap:18px;padding:18px 0 28px}.hero-icon{display:grid;place-items:center;width:64px;height:64px;border:2px solid #fff;border-radius:18px;background:linear-gradient(145deg,#ff8dbc,#ffd0e4);box-shadow:0 16px 40px #c93f7a3d}.hero-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-icon svg{color:#fff}.eyebrow{margin:0 0 6px;color:var(--rose);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,7vw,5.4rem);line-height:.95}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px;max-width:420px}.stat{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:10px;min-width:0;padding:10px 14px;border:1px solid rgba(201,63,122,.16);border-radius:8px;background:#ffffffad;box-shadow:0 10px 24px #a44e741f}.stat svg{width:27px;height:27px;color:var(--rose);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stat span{display:block;color:var(--rose);font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:800;line-height:1}.stat p{margin:4px 0 0;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bookcase{position:relative;padding:18px;border:1px solid rgba(76,42,25,.34);border-radius:8px;background-image:linear-gradient(#60341c33,#3f221457),url(/static/wood_default.jpg);background-size:auto,260px 195px;box-shadow:0 24px 80px #5e301d47,inset 0 0 0 6px #ffecd729,inset 0 0 0 16px #4325162e}.shelves{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:34px 22px;min-height:330px;padding:28px 18px 42px;border:1px solid rgba(73,40,24,.42);border-radius:4px;background:linear-gradient(180deg,#ffe2ee47,#d891b038),radial-gradient(circle at 20% 0%,rgba(255,241,247,.18),transparent 34rem);box-shadow:inset 11px 0 16px #4a281840,inset -11px 0 16px #4a281840,inset 0 10px 14px #4a28182e;overflow:hidden}.book{position:relative;display:grid;grid-template-rows:var(--cover-slot-height) auto;row-gap:28px;min-width:0;z-index:1}.book:after{content:"";position:absolute;top:calc(var(--cover-slot-height) + 2px);right:-10px;left:-10px;height:22px;border-radius:0 0 6px 6px;background-image:linear-gradient(180deg,#ffe0be2e,#2f1a1047),url(/static/wood_default.jpg);background-size:auto,260px 195px;box-shadow:0 12px 18px #4827183d;z-index:0}.cover-wrap{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;width:min(150px,100%);height:var(--cover-slot-height);justify-self:center;align-self:stretch}.cover{width:auto;max-width:100%;height:auto;max-height:var(--cover-max-height);display:block;object-fit:contain;border-radius:4px;border:0;background:var(--pink-soft);box-shadow:10px -14px 26px #2b170e,7px -7px #48271838;transform:translateY(2px)}.book-meta{min-width:0;padding:9px 10px;border:1px solid rgba(201,63,122,.18);border-radius:8px;background:#fff6fae0;box-shadow:0 10px 20px #4f243824;text-align:center}.book-meta h2{margin:0;font-size:.96rem;line-height:1.25}.book-meta p{margin:5px 0 0;color:var(--muted);font-size:.84rem;line-height:1.3}.empty,.error{margin:0;padding:36px 12px;color:var(--muted);text-align:center}@media(max-width:620px){:root{--cover-slot-height: 196px;--cover-max-height: 184px}.page-shell{width:min(100% - 22px,1120px);padding-top:18px}.hero{align-items:flex-start;gap:12px}.hero-icon{width:50px;height:50px;border-radius:14px}.hero-icon svg{width:25px;height:25px}.bookcase{padding:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.stat{grid-template-columns:minmax(0,1fr) 24px;gap:8px;padding:9px 10px}.stat svg{width:23px;height:23px}.stat span{font-size:1.65rem}.stat p{font-size:.68rem}.shelves{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:30px 14px;padding:22px 12px 38px}}