@font-face{font-family:Fraunces;src:url(/assets/fraunces-2-lSdLDfvT.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fraunces-5-DihXLNYH.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}:root{color-scheme:dark;--night: #191220;--night-soft: #1F1728;--velvet: #241A2E;--velvet-2: #2D2139;--parchment: #F0E5D8;--rose: #AE97A6;--muted-2: #7D6A7C;--crimson: #D8455B;--oxblood: #7E2436;--gilt: #D9A93F;--line: #372A44;--display: "Fraunces", "Iowan Old Style", Georgia, serif;--body: "Avenir Next", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--radius: 14px;--radius-sm: 10px;--shadow: 0 8px 24px rgba(8, 4, 14, .45);--shadow-lg: 0 18px 50px rgba(8, 4, 14, .65);--edge: linear-gradient(180deg, var(--crimson), var(--oxblood))}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:var(--body);font-size:16px;line-height:1.5;color:var(--parchment);background:radial-gradient(1200px 500px at 85% -10%,rgba(126,36,54,.28),transparent 60%),radial-gradient(900px 420px at -10% 0%,rgba(217,169,63,.07),transparent 55%),var(--night);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:550;letter-spacing:.005em;line-height:1.15;color:var(--parchment)}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;width:100%;color:var(--parchment);background:var(--night-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .85rem}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:focus,textarea:focus{outline:none;border-color:var(--crimson);box-shadow:0 0 0 3px #d8455b2e}:focus-visible{outline:2px solid var(--gilt);outline-offset:2px}::selection{background:var(--oxblood);color:var(--parchment)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.muted{color:var(--rose)}.muted.small,.small{font-size:.82rem}.muted.indent{margin-left:.25rem}.error{color:#f09a9a;font-size:.88rem;margin:.6rem 0 0}.hint{font-size:.8rem;color:var(--rose);margin:.45rem 0 0}.hint.error{color:#f09a9a}.card{background:var(--velvet);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.primary{font-weight:600;color:var(--parchment);background:linear-gradient(160deg,var(--crimson),var(--oxblood) 130%);border:none;border-radius:999px;padding:.6rem 1.35rem;transition:filter .15s ease,transform .15s ease}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary:disabled{opacity:.55;transform:none}.primary.big{width:100%;padding:.85rem;font-size:1.02rem;margin-top:1.1rem}.ghost{font-weight:600;background:none;color:var(--rose);border:1.5px solid var(--line);border-radius:999px;padding:.55rem 1.2rem;transition:color .15s ease,border-color .15s ease}.ghost:hover{color:var(--parchment);border-color:var(--crimson)}.link{background:none;border:none;color:var(--rose);font-weight:600;font-size:.88rem;padding:.15rem .3rem}.link:hover{color:var(--parchment)}.link.danger{color:#e58b8b}.link.danger:hover{color:#f7bdbd}.link.tiny{font-size:.75rem}.link.logout{display:block;margin:1.4rem auto 0}.icon-btn{background:none;border:none;color:var(--rose);font-size:1.05rem;padding:.3rem .5rem;border-radius:8px}.icon-btn:hover{color:var(--parchment);background:var(--velvet-2)}.danger-btn{background:none;border:1.5px solid rgba(216,69,91,.5);color:#e58b8b;border-radius:999px;padding:.55rem 1.3rem;font-weight:600}.danger-btn:hover{background:#d8455b1f;color:#f7bdbd}.cover{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:6px;background:var(--velvet-2)}.cover-placeholder{display:grid;place-items:center;color:#f0e5d8eb;font-family:var(--display);font-style:italic;font-size:1.3rem}.book-card-cover,.catalog-cover-btn,.detail-cover,.hero-cover,.cover-preview{position:relative}.book-card-cover:after,.catalog-cover-btn:after,.detail-cover:after,.hero-cover:after,.cover-preview:after{content:"";position:absolute;top:3px;bottom:3px;right:-2.5px;width:5px;border-radius:3px;background:var(--edge);opacity:.9;pointer-events:none}.stars{white-space:nowrap}.star{color:var(--gilt)}.star-empty{color:#4a3a55}.star-half{background:linear-gradient(90deg,var(--gilt) 50%,#4A3A55 50%);-webkit-background-clip:text;background-clip:text;color:transparent}.star-input .star{background:none;border:none;padding:0 .1rem}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fffaf0f2;font-weight:700;letter-spacing:.02em;border:2px solid var(--night);flex:none}.empty-state{text-align:center;padding:3.5rem 1rem;color:var(--rose)}.empty-icon{font-size:2.6rem;margin-bottom:.6rem}.empty-state h3{font-size:1.45rem;margin-bottom:.4rem}.empty-state p{max-width:360px;margin-inline:auto;line-height:1.5}.app{max-width:1080px;margin:0 auto;padding-bottom:4rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1rem .9rem}.header-left{display:flex;align-items:center;gap:.8rem;min-width:0}.header-mark{color:var(--gilt);font-size:1.5rem;line-height:1}.header-titles{min-width:0}.wordmark{display:block;font-family:var(--mono);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--rose)}.wordmark i{color:var(--gilt);font-style:normal}.club-name{font-size:1.35rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.invite-code{display:inline-flex;align-items:center;gap:.45rem;margin-top:.15rem;background:none;border:1px solid var(--line);border-radius:999px;padding:.12rem .6rem;font-size:.72rem;color:var(--rose)}.invite-code:hover{border-color:var(--gilt)}.invite-label{text-transform:uppercase;letter-spacing:.14em;font-size:.62rem}.invite-value{font-family:var(--mono);font-weight:700;letter-spacing:.2em;color:var(--gilt)}.invite-hint{color:var(--muted-2)}.sync-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);background:var(--velvet);color:var(--rose);border-radius:999px;padding:.4rem .95rem;font-size:.8rem;font-weight:600;flex:none}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--muted-2)}.sync-pill.synced .sync-dot{background:#7fbf8e}.sync-pill.pending .sync-dot{background:var(--gilt)}.sync-pill.offline .sync-dot{background:var(--muted-2)}.sync-pill.syncing .sync-dot{display:none}.spinner{width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--crimson);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{position:sticky;top:0;z-index:20;display:flex;gap:.15rem;padding:.5rem .75rem;margin:0 .5rem;overflow-x:auto;background:#191220d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.tabs button{position:relative;background:none;border:none;color:var(--rose);font-weight:600;font-size:.92rem;padding:.45rem .9rem;border-radius:999px;white-space:nowrap}.tabs button:hover,.tabs button.active{color:var(--parchment)}.tabs button.active:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.1rem;height:3px;border-radius:2px;background:var(--edge)}.content{padding:1.5rem 1rem 0}.page-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.1rem}.page-title{font-size:1.9rem;font-style:italic}.page-sub{color:var(--rose);font-size:.9rem}.section-title{font-size:1.25rem;font-style:italic;display:inline-block;margin-bottom:.9rem;padding-bottom:.25rem;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--crimson),var(--gilt)) 1}.search-box{margin-bottom:1.25rem}.search-box input,.catalog-search{max-width:460px;border-radius:999px;padding-left:1.1rem}.back{background:none;border:none;color:var(--rose);font-weight:600;padding:.2rem 0;margin-bottom:.9rem}.back:hover{color:var(--parchment)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.1rem}.book-card{text-align:left;background:none;border:none;padding:0;border-radius:var(--radius-sm);transition:transform .18s ease}.book-card:hover{transform:translateY(-4px)}.book-card-cover{box-shadow:var(--shadow);border-radius:6px}.wish-badge{position:absolute;top:8px;left:8px;background:#191220d9;color:var(--parchment);border:1px solid var(--line);font-size:.72rem;font-weight:700;border-radius:999px;padding:.15rem .55rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.book-card-body{padding:.65rem .15rem 0}.book-title{font-size:1.02rem;font-weight:550;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{color:var(--rose);font-size:.8rem;margin-top:.15rem}.book-card-meta{margin-top:.3rem}.no-rating{font-size:.75rem;color:var(--muted-2);font-style:italic}.owner-avatars{display:flex;align-items:center;margin-top:.45rem}.owner-avatars .avatar:not(:first-child){margin-left:-8px}.more-count{font-size:.72rem;color:var(--rose);margin-left:.35rem}.detail-head{display:flex;gap:1.75rem;margin-bottom:2rem}.detail-cover{width:190px;flex:none}.detail-cover .cover{box-shadow:var(--shadow-lg);border-radius:8px}.detail-info{min-width:0}.detail-title{font-size:2.2rem;font-style:italic;margin-bottom:.2rem}.detail-author{color:var(--rose);font-size:1.05rem}.detail-year{color:var(--muted-2);font-size:.88rem;margin-top:.15rem}.detail-rating{display:flex;align-items:center;gap:.5rem;margin-top:.7rem}.rating-num{font-family:var(--display);font-size:1.1rem;color:var(--gilt)}.toggle-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.toggle{border:1.5px solid var(--line);background:none;color:var(--rose);border-radius:999px;padding:.55rem 1.2rem;font-weight:600;transition:all .15s ease}.toggle:hover{border-color:var(--crimson);color:var(--parchment)}.toggle.on{border-color:transparent;background:linear-gradient(160deg,var(--crimson),var(--oxblood) 130%);color:var(--parchment)}.row-actions{display:flex;gap:.4rem;margin-top:.9rem}.row-actions.end{justify-content:flex-end}.detail-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.people-block{padding:.9rem 1.1rem}.people-block h3{font-size:.95rem;margin-bottom:.5rem;color:var(--rose);font-family:var(--body);font-weight:600}.name-list{display:flex;flex-wrap:wrap;gap:.4rem}.name-chip{background:var(--velvet-2);border:1px solid var(--line);color:var(--parchment);border-radius:999px;padding:.2rem .7rem;font-size:.8rem}.reviews,.comments{margin-bottom:2.25rem}.review-list{display:grid;gap:.8rem}.review{padding:1rem 1.2rem}.review-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.review-author{font-weight:600}.review-text{color:var(--parchment);line-height:1.6;white-space:pre-wrap}.my-review{padding:1.1rem 1.2rem;margin-bottom:1rem}.my-review-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.5rem}.my-review textarea{min-height:90px;resize:vertical;margin-top:.6rem}.comment-list{display:grid;gap:.9rem;margin-bottom:1.1rem}.comment{display:flex;gap:.7rem}.comment-body{min-width:0;flex:1}.comment-head{display:flex;align-items:baseline;gap:.5rem}.comment-author{font-weight:600;font-size:.92rem}.comment-time{color:var(--muted-2);font-size:.75rem}.comment-text{line-height:1.55;margin-top:.1rem;white-space:pre-wrap}.comment-form{display:flex;gap:.6rem}.comment-form input{flex:1;border-radius:999px;padding-left:1.1rem}.wishlist-section{margin-bottom:2.2rem}.wishlist-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;background:none;border:none;padding:.2rem .4rem .2rem .2rem;border-radius:999px}button.wishlist-head:hover h3{color:var(--gilt)}.wishlist-head h3{font-size:1.2rem;font-style:italic}.you-tag{color:var(--gilt);font-size:.8rem;font-weight:600}.count-pill{background:var(--velvet-2);border:1px solid var(--line);color:var(--rose);font-size:.72rem;font-weight:700;border-radius:999px;padding:.1rem .55rem}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}.mini-card{display:flex;gap:.75rem;align-items:center;text-align:left;background:var(--velvet);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem;transition:border-color .15s ease,transform .15s ease}.mini-card:hover{border-color:var(--crimson);transform:translateY(-2px)}.cover.mini,.mini-card .cover{width:46px;height:68px;flex:none}.mini-card .cover-placeholder{font-size:.8rem}.mini-body{min-width:0}.mini-title{font-weight:600;font-size:.92rem;line-height:1.25}.mini-author{color:var(--rose);font-size:.78rem;margin-top:.1rem}.mini-note{color:var(--rose);font-style:italic;font-size:.8rem;margin-top:.25rem}.member-list{list-style:none;display:grid;gap:.8rem}.member-row{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;width:100%;text-align:left;transition:border-color .15s ease,transform .15s ease}button.member-row:hover{border-color:var(--crimson);transform:translateY(-2px)}.member-chevron{margin-left:auto;color:var(--muted-2);font-size:1.4rem}.member-main{min-width:0}.member-name{font-weight:600;font-size:1.05rem}.member-stats{display:flex;gap:1.1rem;color:var(--rose);font-size:.82rem;margin-top:.2rem}.member-stats strong{color:var(--parchment)}.leave-zone{margin-top:2.5rem;text-align:center}.profile-head{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.profile-name{font-size:1.9rem;font-style:italic}.profile-section{margin-bottom:2.4rem}.profile-review{display:flex;gap:.9rem;padding:.9rem 1rem}.profile-review-book{background:none;border:none;padding:0;flex:none;width:46px}.profile-review-body{min-width:0;flex:1}.book-link{font-family:var(--display);font-style:italic;font-size:1.02rem;color:var(--parchment);padding:0}.book-link:hover{color:var(--gilt)}.author-link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.author-link:hover{color:var(--gilt);text-decoration-color:var(--gilt)}.leave-actions{display:flex;gap:.7rem;justify-content:center;margin-bottom:.6rem}.onboarding{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.onboarding-card{width:100%;max-width:420px;background:var(--velvet);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:2rem 1.75rem;animation:rise .35s ease}.brand{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.brand-mark{color:var(--gilt);font-size:1.7rem}.brand h1{font-size:2rem;font-style:italic}.brand h1 i{color:var(--gilt);font-style:italic}.tagline{color:var(--rose);font-size:.92rem;line-height:1.5;margin-bottom:1.4rem}.segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--night-soft);border:1px solid var(--line);border-radius:999px;padding:.25rem;margin-bottom:1.3rem}.segmented button{background:none;border:none;color:var(--rose);border-radius:999px;padding:.5rem;font-weight:600;font-size:.9rem}.segmented button.active{background:linear-gradient(160deg,var(--crimson),var(--oxblood) 130%);color:var(--parchment)}.onboarding form label,.book-form label{display:block;font-size:.85rem;font-weight:600;color:var(--rose);margin-bottom:.9rem}.onboarding form input,.book-form input{margin-top:.35rem}.code-input{font-family:var(--mono);letter-spacing:.45em;text-transform:uppercase;text-align:center;font-size:1.15rem}.advanced{margin:.4rem 0 .6rem}.advanced summary{font-size:.8rem;color:var(--muted-2);cursor:pointer}.advanced label{margin-top:.7rem}.club-list{list-style:none;display:grid;gap:.55rem;margin-bottom:1.3rem}.club-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--night-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem 1rem;transition:border-color .15s ease,transform .15s ease}.club-row:hover{border-color:var(--crimson);transform:translateY(-1px)}.club-row-name{font-family:var(--display);font-style:italic;font-size:1.08rem}.club-row-code{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;color:var(--gilt)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0610b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;z-index:50;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.modal{width:100%;max-width:460px;background:var(--velvet);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:1.6rem;max-height:90vh;overflow-y:auto;animation:rise .2s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.modal-head h2{font-size:1.5rem;font-style:italic}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.6rem}.req{color:var(--crimson)}.cover-preview{width:108px;margin:.4rem auto 1rem}.cover-preview .cover{border-radius:6px;box-shadow:var(--shadow)}.isbn-search{margin-bottom:1.2rem}.isbn-search-row{display:flex;gap:.5rem}.isbn-search-row input{flex:1}.isbn-results{list-style:none;margin:.6rem 0 0;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.isbn-results li+li{border-top:1px solid var(--line)}.isbn-results button{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .7rem;background:none;border:none;text-align:left}.isbn-results button:hover{background:var(--velvet-2)}.isbn-results .cover-small{width:34px;height:50px;flex:none;border-radius:4px;object-fit:cover}.isbn-results .cover-placeholder.cover-small span{font-size:.6rem}.isbn-result-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.isbn-result-meta strong{font-size:.92rem;line-height:1.2}.isbn-result-meta span{font-size:.78rem;color:var(--rose)}.catalog-search{width:100%;margin-bottom:.9rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}.tag-chip{border:1.5px solid var(--line);background:none;color:var(--rose);border-radius:999px;padding:.3rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s ease}.tag-chip:hover{color:var(--parchment);border-color:var(--crimson)}.tag-chip.on{border-color:transparent;background:linear-gradient(160deg,var(--crimson),var(--oxblood) 130%);color:var(--parchment)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.9rem}.catalog-card{display:flex;gap:.85rem;background:var(--velvet);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;transition:border-color .18s ease,transform .18s ease}.catalog-card:hover{border-color:#d8455b8c;transform:translateY(-2px)}.catalog-cover-btn{background:none;border:none;padding:0;flex:none;width:76px;align-self:flex-start}.catalog-cover-btn .cover{width:76px;height:114px;border-radius:5px}.catalog-meta{display:flex;flex-direction:column;gap:.28rem;min-width:0;flex:1}.catalog-title{font-family:var(--display);font-size:1.05rem;font-weight:550;line-height:1.25}.catalog-author{font-size:.8rem;color:var(--rose)}.catalog-tags{display:flex;flex-wrap:wrap;gap:.3rem}.catalog-tags em{font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gilt);background:#d9a93f1a;border-radius:999px;padding:.12rem .5rem}.catalog-synopsis{font-size:.8rem;color:var(--rose);line-height:1.45}.catalog-actions{display:flex;gap:.45rem;margin-top:auto;padding-top:.45rem}.catalog-actions .mini,.mini{border:1.5px solid var(--line);background:none;color:var(--parchment);font-size:.78rem;font-weight:600;border-radius:999px;padding:.32rem .8rem}button.mini:hover{border-color:var(--crimson)}button.mini.done{border-color:transparent;background:linear-gradient(160deg,var(--crimson),var(--oxblood) 130%)}.show-more{text-align:center;margin:1.4rem 0 2rem}.picks-section{margin-bottom:2.3rem}.picks-section h2{font-size:1.35rem;font-style:italic;margin-bottom:.1rem}.picks-sub{color:var(--rose);font-size:.85rem;margin-bottom:.9rem}.picks-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(350px,86vw);gap:.9rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x proximity}.picks-row .catalog-card{scroll-snap-align:start}.hero{display:flex;align-items:center;gap:2.5rem;background:radial-gradient(500px 260px at 110% 10%,rgba(126,36,54,.45),transparent 65%),var(--velvet);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg);padding:2.2rem 2.4rem;margin-bottom:2.4rem;overflow:hidden;animation:rise .45s ease}.hero-copy{flex:1;min-width:0}.hero-eyebrow{font-family:var(--mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--gilt);margin-bottom:.7rem}.hero-title{font-size:clamp(2rem,5vw,3.2rem);font-style:italic;font-weight:480;line-height:1.05;margin-bottom:.5rem}.hero-byline{color:var(--rose);font-size:.95rem}.hero-tags{color:var(--gilt);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.hero-synopsis{color:var(--rose);line-height:1.6;font-size:.92rem;margin-top:.9rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.hero-cover{width:200px;flex:none;transform:rotate(2.5deg);transition:transform .3s ease}.hero:hover .hero-cover{transform:rotate(0) scale(1.02)}.hero-cover .cover{border-radius:8px;box-shadow:var(--shadow-lg)}@media (max-width: 720px){.hero{flex-direction:column-reverse;gap:1.4rem;padding:1.6rem 1.4rem;text-align:left}.hero-cover{width:150px}.detail-head{flex-direction:column;gap:1.1rem}.detail-cover{width:140px}.detail-title{font-size:1.7rem}}@media (max-width: 560px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.catalog-grid{grid-template-columns:1fr}.page-title{font-size:1.55rem}.club-name{max-width:38vw;font-size:1.1rem}.invite-hint{display:none}.content{padding:1.1rem .8rem 0}.app-header{padding:.9rem .8rem .7rem}}