.floating-covers-container{width:100%;padding:2rem 0;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.trope-selector{margin-bottom:2rem;width:100%;display:flex;justify-content:center}.trope-pills{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;padding:0 1rem;position:relative;min-width:0}.trope-pills::-webkit-scrollbar{display:none}.trope-pills:before,.trope-pills:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.trope-pills:before{left:0;background:linear-gradient(90deg,hsl(var(--background)) 0%,transparent 100%)}.trope-pills:after{right:0;background:linear-gradient(270deg,hsl(var(--background)) 0%,transparent 100%)}.trope-pill{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:2rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;scroll-snap-align:start;flex-shrink:0}@media (min-width: 768px){.trope-pill{padding:.5rem 1rem;font-size:.875rem}}.trope-pill:hover{background:hsl(var(--muted) / .8);transform:translateY(-1px)}.trope-pill.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.trope-pill.skeleton{background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--muted-foreground) / .1),hsl(var(--muted)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;width:120px;height:36px;border:none}.floating-covers-carousel{display:flex;gap:1.5rem;animation:slide-horizontal 30s linear infinite;will-change:transform;opacity:1;transition:opacity .3s ease;contain:layout style paint}.floating-covers-carousel:not(.in-view){animation-play-state:paused}.floating-covers-carousel.changing{opacity:.6}.floating-cover{aspect-ratio:2/3;width:160px;flex-shrink:0;border-radius:1rem;overflow:hidden;background:hsl(var(--muted));padding:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -10px hsla(var(--primary) / .3);transition:transform .3s ease}.floating-cover:hover{transform:scale(1.08)}.floating-cover-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;transition:opacity .3s ease}.floating-cover-image.loaded{opacity:1}.floating-cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;background-color:hsl(var(--muted))}.floating-cover-skeleton{aspect-ratio:2/3;background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--muted-foreground) / .1),hsl(var(--muted)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:1rem;min-height:240px}@keyframes slide-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.floating-covers-carousel{animation:none}}