.shelf-page{padding-left:0;padding-right:0;padding-bottom:0;overflow-x:hidden}.shelf-toolbar{max-width:720px;margin:0 auto .4rem;padding:0 1.5rem 1.2rem}.shelf-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.shelf-nav-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-right:.15rem}.shelf-nav a{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.78rem;text-decoration:none;transition:border-color .25s ease,color .25s ease,background .25s ease}.shelf-nav a:hover{border-color:var(--accent-soft);color:var(--accent)}.shelf-nav a[aria-current=page]{background:var(--text);border-color:var(--text);color:var(--bg)}.shelf-count{margin-left:auto;font-size:.78rem;color:var(--text-muted)}.shelves{width:100%;padding:1.6rem clamp(1rem,4vw,3rem) 3.6rem;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(46,44,41,.06) 100%)}.shelf{display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1.5rem);justify-content:flex-start}.shelf-books,.shelf-movies,.shelf-series{align-items:flex-end}.shelf-albums{align-items:flex-start}.shelf-group{flex-basis:100%;width:100%;margin:2.2rem 0 .4rem;padding-bottom:.45rem;border-bottom:1px solid var(--border);font-size:clamp(1.35rem,3vw,1.7rem);color:var(--accent)}.shelf-group:first-child{margin-top:0}.shelf .book{width:clamp(96px,11vw,180px);display:block;margin:0;position:relative;overflow:hidden;border-radius:0 6px 6px 0;box-shadow:2px 4px 16px rgba(46,44,41,.22);transition:transform .28s ease,box-shadow .28s ease}.shelf .book:hover,.shelf .book:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 40px rgba(46,44,41,.28)}.shelf .book img{width:100%;height:auto;display:block;border-radius:0;margin:0}.shelf .book .effect{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right, rgba(0,0,0,.02) 0%, rgba(0,0,0,.05) .75%, rgba(255,255,255,.5) 1%, rgba(255,255,255,.6) 1.3%, rgba(255,255,255,.5) 1.4%, rgba(255,255,255,.3) 1.5%, rgba(255,255,255,.3) 2.4%, rgba(0,0,0,.05) 2.7%, rgba(0,0,0,.05) 3.5%, rgba(255,255,255,.3) 4%, rgba(255,255,255,.3) 4.5%, rgba(244,244,244,.1) 5.4%, rgba(244,244,244,.1) 99%, rgba(144,144,144,.2) 100%);box-shadow:inset 0 -1px 4px rgba(0,0,0,.12)}.shelf .sleeve{width:clamp(96px,11vw,180px);aspect-ratio:1/1;display:block;margin:0;position:relative;overflow:hidden;border-radius:8px;box-shadow:2px 4px 16px rgba(46,44,41,.22);transition:transform .28s ease,box-shadow .28s ease}.shelf .sleeve:hover,.shelf .sleeve:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 40px rgba(46,44,41,.28)}.shelf .sleeve img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;margin:0}.shelf .poster{width:clamp(96px,11vw,180px);display:block;margin:0;position:relative;overflow:hidden;border-radius:6px;box-shadow:2px 4px 16px rgba(46,44,41,.22);transition:transform .28s ease,box-shadow .28s ease}.shelf .poster:hover,.shelf .poster:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 40px rgba(46,44,41,.28)}.shelf .poster img{width:100%;height:auto;display:block;border-radius:0;margin:0}@media (prefers-color-scheme: dark){.shelf .book,.shelf .sleeve,.shelf .poster{box-shadow:2px 4px 16px rgba(0,0,0,.45)}.shelf .book:hover,.shelf .book:focus-visible,.shelf .sleeve:hover,.shelf .sleeve:focus-visible,.shelf .poster:hover,.shelf .poster:focus-visible{box-shadow:0 16px 40px rgba(0,0,0,.6)}}