.trope-collage{--tc-parallax: 0;position:relative;width:100%;aspect-ratio:4 / 3;isolation:isolate;pointer-events:none}.trope-collage-cover{position:absolute;left:27%;bottom:7%;z-index:1;width:46%;aspect-ratio:2 / 3;overflow:hidden;border-radius:12px;background:#24242a;box-shadow:0 10px 22px #0000006b,0 2px 6px #00000052;transition:transform var(--motion-pop-ms) var(--motion-pop),translate .16s linear}.trope-collage-cover.is-empty{background:#202026;box-shadow:none}.trope-collage-cover.is-left{transform:translate(calc(-34% - 18% * var(--tc-fan, 0))) rotate(calc(-6deg - 5deg * var(--tc-fan, 0))) scale(.92);translate:calc(var(--tc-parallax) * -7px) 0}.trope-collage-cover.is-right{transform:translate(calc(34% + 18% * var(--tc-fan, 0))) rotate(calc(6deg + 5deg * var(--tc-fan, 0))) scale(.92);translate:calc(var(--tc-parallax) * -7px) 0}.trope-collage-cover.is-front{z-index:2;transform:translateY(calc(-2% - 4% * var(--tc-fan, 0))) scale(calc(1 + .03 * var(--tc-fan, 0)))}.trope-collage-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1)}.trope-collage-cover img.is-shown{opacity:1}@media(hover:hover){[data-trope-card]:hover{--tc-fan: 1}}[data-trope-card]:focus-visible,[data-trope-card]:active{--tc-fan: 1}.trope-collage.is-wide{aspect-ratio:16 / 9;max-width:520px}.trope-collage.is-wide .trope-collage-cover{left:34%;width:32%;bottom:6%;border-radius:14px}.trope-collage.is-wide .trope-collage-cover.is-left{transform:translate(-86%) rotate(-5deg) scale(.94)}.trope-collage.is-wide .trope-collage-cover.is-right{transform:translate(86%) rotate(5deg) scale(.94)}.trope-collage.is-wide .trope-collage-cover.is-front{transform:translateY(-3%) scale(1.04)}.trope-collage.is-mini{width:76px;flex:none}.trope-collage.is-mini .trope-collage-cover{border-radius:7px;box-shadow:0 6px 14px #0006}.trope-shelf-track{display:grid;grid-auto-flow:column;gap:12px;margin:0 calc(-1 * var(--trope-shelf-bleed, 0px));padding:4px var(--trope-shelf-bleed, 0px) 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--trope-shelf-bleed, 0px);scrollbar-width:none;list-style:none}.trope-shelf-track::-webkit-scrollbar{display:none}.trope-shelf-track>*{scroll-snap-align:start;min-width:0}.trope-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;color:var(--ink);background:#26262c;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .14s ease}.trope-pill:before{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.trope-pill:hover{background:#303037}.trope-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trope-pill.is-quiet{background:transparent;color:var(--muted);padding:0 12px}.trope-pill.is-quiet:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.trope-pill svg{flex:none}.trope-chip-ghost{box-shadow:0 14px 30px #00000073;will-change:transform}::view-transition-group(trope-collage),::view-transition-group(trope-title){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(trope-collage),::view-transition-new(trope-collage){height:100%;object-fit:contain;animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(trope-title),::view-transition-new(trope-title){height:100%;object-fit:none;object-position:left center;animation-duration:.36s}:root[data-trope-morph]::view-transition-old(root){animation:trope-morph-page-out .16s cubic-bezier(.4,0,1,1) both}:root[data-trope-morph]::view-transition-new(root){animation:trope-morph-page-in .36s cubic-bezier(.22,1,.36,1) 80ms both}:root[data-trope-morph] #app-sidebar{view-transition-name:trope-sidebar}::view-transition-old(trope-sidebar){display:none}::view-transition-new(trope-sidebar){animation:none}@keyframes trope-morph-page-out{to{opacity:0}}@keyframes trope-morph-page-in{0%{opacity:0;transform:translateY(12px)}}@keyframes trope-view-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-trope-card]:is(:hover,:focus-visible,:active){--tc-fan: 0}.trope-collage-cover{transition:none}.trope-collage-cover.is-left,.trope-collage-cover.is-right{translate:none}}