.trope-chip-spoiler-overlay{--chip-radius: 8px;--peel-duration: .45s;--peel-easing: cubic-bezier(.33, 1, .68, 1);--peel-idle: 10%;--peel-hover: 25%;--peel-active: 120%;--spoiler-red: #D35400;--spoiler-red-dark: #A04000;--spoiler-red-bg: #2D1810;--spoiler-red-bg-back: #1F110C;--sticker-bg: var(--spoiler-red-bg);--sticker-bg-back: var(--spoiler-red-bg-back);--sticker-text: var(--spoiler-red);position:absolute;inset:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--chip-radius);transition:opacity .15s ease-out}.trope-chip-spoiler-overlay.is-peeling{pointer-events:none}.trope-chip-spoiler-overlay.size-sm{--chip-radius: 6px;font-size:11px}.trope-chip-spoiler-overlay.size-lg{--chip-radius: 10px;font-size:15px}.trope-chip-spoiler-overlay.is-critical{--sticker-bg: #3D1515;--sticker-bg-back: #2A0F0F;--sticker-text: #E74C3C}.trope-chip-sticker{position:absolute;inset:0;border-radius:var(--chip-radius);background:var(--sticker-bg);border:1px solid var(--spoiler-red-dark);box-shadow:0 2px 4px #0003,0 1px 2px #0000001a;clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--peel-idle)),calc(100% - var(--peel-idle)) 100%,0% 100%);transition:clip-path var(--peel-duration) var(--peel-easing),box-shadow var(--peel-duration) var(--peel-easing);will-change:clip-path}.trope-chip-sticker.critical{border:1px solid var(--destructive)}.trope-chip-sticker-content{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;color:var(--sticker-text);font-weight:500;font-size:13px}.trope-chip-spoiler-overlay.size-sm .trope-chip-sticker-content{gap:4px;font-size:11px}.trope-chip-spoiler-overlay.size-lg .trope-chip-sticker-content{gap:8px;font-size:15px}.trope-chip-spoiler-overlay:hover .trope-chip-sticker,.trope-chip-spoiler-overlay:focus .trope-chip-sticker{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--peel-hover)),calc(100% - var(--peel-hover)) 100%,0% 100%);box-shadow:0 4px 8px #00000040,0 2px 4px #00000026}.trope-chip-spoiler-overlay.is-peeling .trope-chip-sticker{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--peel-active)),calc(100% - var(--peel-active)) 100%,0% 100%);box-shadow:none;opacity:0;transition:clip-path var(--peel-duration) var(--peel-easing),box-shadow var(--peel-duration) var(--peel-easing),opacity .2s ease-out .25s}.trope-chip-flap{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:var(--chip-radius);clip-path:polygon(100% calc(100% - var(--peel-idle)),100% 100%,calc(100% - var(--peel-idle)) 100%);transition:clip-path var(--peel-duration) var(--peel-easing);will-change:clip-path}.trope-chip-flap-content{position:absolute;inset:0;background:var(--sticker-bg-back);border-radius:var(--chip-radius)}.trope-chip-spoiler-overlay:hover .trope-chip-flap,.trope-chip-spoiler-overlay:focus .trope-chip-flap{clip-path:polygon(100% calc(100% - var(--peel-hover)),100% 100%,calc(100% - var(--peel-hover)) 100%)}.trope-chip-spoiler-overlay.is-peeling .trope-chip-flap{clip-path:polygon(100% calc(100% - var(--peel-active)),100% 100%,calc(100% - var(--peel-active)) 100%);opacity:0;transition:clip-path var(--peel-duration) var(--peel-easing),opacity .2s ease-out .25s}.trope-chip-sticker:before{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent var(--spoiler-red-dark) transparent;filter:drop-shadow(-1px -1px 1px rgba(0,0,0,.2));animation:dogear-lift 2.5s ease-in-out infinite;transform-origin:bottom right}.trope-chip-spoiler-overlay.size-sm .trope-chip-sticker:before{border-width:0 0 8px 8px}.trope-chip-spoiler-overlay.size-lg .trope-chip-sticker:before{border-width:0 0 12px 12px}.trope-chip-spoiler-overlay.is-critical .trope-chip-sticker:before{border-color:transparent transparent var(--destructive) transparent}.trope-chip-spoiler-overlay:hover .trope-chip-sticker:before,.trope-chip-spoiler-overlay.is-peeling .trope-chip-sticker:before{animation:none;opacity:0;transition:opacity .15s ease-out}@keyframes dogear-lift{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.trope-chip-sticker:after{content:"";position:absolute;bottom:0;right:0;width:5%;height:15%;opacity:0;background:var(--spoiler-red-dark);border-radius:0 0 var(--chip-radius) 0;transition:width var(--peel-duration) var(--peel-easing),height var(--peel-duration) var(--peel-easing),opacity var(--peel-duration) var(--peel-easing)}.trope-chip-spoiler-overlay:hover .trope-chip-sticker:after{width:23%;height:35%;opacity:1}.trope-chip-spoiler-overlay.is-peeling .trope-chip-sticker:after{width:100%;height:100%;opacity:0}.trope-chip-sticker.critical:after{background:var(--destructive)}@media(prefers-reduced-motion:reduce){.trope-chip-sticker,.trope-chip-flap,.trope-chip-sticker:before,.trope-chip-sticker:after{transition:none;animation:none}}.film-card{--fc-poster-width-xs: 80px;--fc-poster-height-xs: 120px;--fc-poster-width-sm: 120px;--fc-poster-height-sm: 180px;--fc-poster-width-md: 160px;--fc-poster-height-md: 240px;--fc-poster-width-lg: 200px;--fc-poster-height-lg: 300px;--fc-poster-width: var(--fc-poster-width-md);--fc-poster-height: var(--fc-poster-height-md);--fc-glow-color: rgba(255, 255, 255, .1);--fc-glow-opacity: .1;--fc-glow-blur: 12px;--fc-transition-fast: .15s;--fc-transition-normal: .2s;--fc-transition-slow: .3s;--fc-easing: cubic-bezier(.4, 0, .2, 1);--fc-gap: 8px;--fc-radius: 8px}.film-card{position:relative;display:flex;flex-direction:column;width:var(--fc-poster-width);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;opacity:0;animation:film-card-appear var(--fc-transition-slow) var(--fc-easing) forwards;animation-delay:var(--fc-stagger-delay, 0ms)}.film-card--xs{--fc-poster-width: var(--fc-poster-width-xs);--fc-poster-height: var(--fc-poster-height-xs);--fc-gap: 4px;--fc-radius: 4px}.film-card--sm{--fc-poster-width: var(--fc-poster-width-sm);--fc-poster-height: var(--fc-poster-height-sm);--fc-gap: 6px;--fc-radius: 6px}.film-card--md{--fc-poster-width: var(--fc-poster-width-md);--fc-poster-height: var(--fc-poster-height-md);--fc-gap: 8px;--fc-radius: 8px}.film-card--lg{--fc-poster-width: var(--fc-poster-width-lg);--fc-poster-height: var(--fc-poster-height-lg);--fc-gap: 10px;--fc-radius: 10px}.film-card__poster-area{position:relative;transition:transform var(--fc-transition-normal) var(--fc-easing)}.film-card:hover .film-card__poster-area,.film-card:focus-within .film-card__poster-area{transform:translateY(-2px) scale(1.01)}.film-card__poster-link{display:block;text-decoration:none;color:inherit;cursor:pointer;border-radius:var(--fc-radius)}.film-card__poster-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--fc-radius)}.film-card__poster{position:relative;width:var(--fc-poster-width);height:var(--fc-poster-height);margin-top:6px;border-radius:var(--fc-radius);overflow:hidden;background-color:var(--muted);transition:box-shadow var(--fc-transition-normal) var(--fc-easing)}.film-card:hover .film-card__poster,.film-card__poster-link:focus-visible .film-card__poster{box-shadow:0 8px 24px -4px #00000080,0 4px 8px -2px #0000004d}.film-card__poster-area:before{content:"";position:absolute;inset:6px 0 0;z-index:1;pointer-events:none;border-radius:var(--fc-radius);padding:4px;--fc-glass-shelf-w: 76px;--fc-glass-shelf-h: 42px;-webkit-mask:radial-gradient(circle at 100% 0%,#000 calc(var(--fc-radius) - .5px),transparent var(--fc-radius)) right calc(var(--fc-glass-shelf-w) - var(--fc-radius)) top calc(var(--fc-glass-shelf-h) - var(--fc-radius)) / var(--fc-radius) var(--fc-radius) no-repeat,linear-gradient(#000 0 0) right 0 top 0 / var(--fc-glass-shelf-w) calc(var(--fc-glass-shelf-h) - var(--fc-radius)) no-repeat,linear-gradient(#000 0 0) right 0 top calc(var(--fc-glass-shelf-h) - var(--fc-radius)) / calc(var(--fc-glass-shelf-w) - var(--fc-radius)) var(--fc-radius) no-repeat,linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:source-over,source-over,source-over,xor;mask-composite:add,add,add,exclude;background:var(--glass-bg);background-image:var(--glass-specular);backdrop-filter:blur(var(--glass-blur-light)) saturate(1.3);-webkit-backdrop-filter:blur(var(--glass-blur-light)) saturate(1.3);border:1px solid transparent;box-shadow:var(--glass-inner-glow);opacity:0;transition:opacity .4s ease-in-out,border-color .4s ease-in-out}.film-card__poster-area:hover:before,.film-card__poster-area:focus-within:before{opacity:1;border-color:var(--glass-border-highlight)}.film-card--xs .film-card__poster-area:before{-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.film-card__poster-image{width:100%;height:100%;object-fit:cover;transition:opacity var(--fc-transition-normal) var(--fc-easing);color:transparent}.film-card__poster-image[data-loaded=false]{opacity:0}.film-card__poster-image[data-loaded=true]{opacity:1}.film-card__poster-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--muted);color:var(--muted-foreground)}.film-card__poster-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--fc-transition-fast) var(--fc-easing)}.film-card--liked .film-card__poster-overlay{background-color:color-mix(in srgb,var(--color-notation-nerd) 30%,transparent);opacity:1}.film-card--passed .film-card__poster-overlay{background-color:color-mix(in srgb,var(--color-notation-public) 30%,transparent);opacity:1}.film-card--disliked .film-card__poster-overlay{background-color:color-mix(in srgb,#71717A 30%,transparent);opacity:1}.film-card--super .film-card__poster-overlay{background-color:color-mix(in srgb,var(--color-notation-critic) 30%,transparent);opacity:1}.film-card__glow{position:absolute;inset:-8px;border-radius:calc(var(--fc-radius) + 8px);background:var(--fc-glow-color);filter:blur(var(--fc-glow-blur));opacity:var(--fc-glow-opacity);z-index:-1;pointer-events:none;transition:opacity var(--fc-transition-normal) var(--fc-easing),filter var(--fc-transition-normal) var(--fc-easing)}.film-card:hover .film-card__glow,.film-card__poster-link:focus-visible .film-card__glow{--fc-glow-opacity: .2;--fc-glow-blur: 20px}.film-card__glow--pulse{animation:film-card-glow-pulse 2s ease-in-out infinite}.film-card__content{display:grid;padding-top:var(--fc-gap);min-width:0}.film-card__content-skeleton,.film-card__content-real{grid-row:1;grid-column:1;display:flex;flex-direction:column;gap:2px;min-width:0;transition:opacity .4s var(--fc-easing)}.film-card__content-skeleton{opacity:1}.film-card--revealed .film-card__content-skeleton{opacity:0;pointer-events:none}.film-card__content-real{opacity:0}.film-card--revealed .film-card__content-real{opacity:1}.film-card__skeleton-bar{background:var(--muted);border-radius:4px}.film-card__skeleton-bar--title{height:1.3em;width:80%}.film-card__skeleton-bar--meta{height:1em;width:50%;margin-top:3px}.film-card__title{font-weight:500;color:var(--foreground);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-card--xs .film-card__title{font-size:11px}.film-card--sm .film-card__title{font-size:12px}.film-card--md .film-card__title{font-size:13px}.film-card--lg .film-card__title{font-size:14px}.film-card__meta{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:3px;margin-bottom:3px;color:var(--muted-foreground)}.film-card--xs .film-card__meta{font-size:10px;gap:4px}.film-card--lg .film-card__meta{font-size:12px}.film-card__meta-separator{color:var(--muted-foreground);opacity:.6}.film-card__meta-separator:before{content:"•";padding:0 2px}.film-card__notation-cycler{display:flex;align-items:center;cursor:pointer;transition:transform var(--fc-transition-fast) var(--fc-easing);margin-right:2px}.film-card__notation-cycler:hover{transform:scale(1.1)}.film-card__notation-cycler:active{transform:scale(.95)}.film-card__actions{position:absolute;top:6px;right:0;display:flex;gap:2px;padding:4px 5px 5px;z-index:2;pointer-events:none;background:none;border:none;border-radius:0 var(--fc-radius) 0 var(--fc-radius);opacity:0;transition:opacity .4s ease-in-out}.film-card__poster-area:hover .film-card__actions,.film-card__poster-area:focus-within .film-card__actions{opacity:1;pointer-events:auto}.film-card__actions button:hover{transform:scale(1.1)}.film-card__actions button[aria-pressed=true]{opacity:.6;pointer-events:auto}.film-card__poster-area:hover .film-card__actions button[aria-pressed=true]{opacity:1}.film-card--xs .film-card__actions{display:none}.film-card__genres{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.film-card--xs .film-card__genres,.film-card--sm .film-card__genres{display:none}.film-card__context{margin-top:6px}.film-card__status-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.film-card--liked .film-card__status-icon{background-color:color-mix(in srgb,var(--color-notation-nerd) 90%,transparent);color:#fff}.film-card--passed .film-card__status-icon{background-color:color-mix(in srgb,var(--color-notation-public) 90%,transparent);color:#fff}.film-card--disliked .film-card__status-icon{background-color:color-mix(in srgb,#71717A 90%,transparent);color:#fff}.film-card--super .film-card__status-icon{background-color:color-mix(in srgb,var(--color-notation-critic) 90%,transparent);color:#fff}.film-card__status-label{display:none;font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:.02em}.film-card--liked .film-card__status-label{color:var(--color-notation-nerd)}.film-card--passed .film-card__status-label{color:var(--color-notation-public)}.film-card--disliked .film-card__status-label{color:#71717a}.film-card--super .film-card__status-label{color:var(--color-notation-critic)}.film-card--lg .film-card__status-label{display:block}.film-card--lg .film-card__poster-overlay{flex-direction:column;gap:8px}.film-card--xs .film-card__status-icon{width:28px;height:28px}.film-card--sm .film-card__status-icon{width:32px;height:32px}.film-card--lg .film-card__status-icon{width:56px;height:56px}.film-card__match-score{display:flex;flex-direction:column;gap:4px}.film-card__match-score-label{font-size:11px;color:var(--muted-foreground)}.film-card__match-score-value{font-size:14px;font-weight:600;color:var(--foreground)}.film-card--xs .film-card__match-score-label{font-size:9px}.film-card--xs .film-card__match-score-value{font-size:11px}.film-card__roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.film-card__role{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background-color:var(--muted);font-size:10px;color:var(--muted-foreground)}.film-card--xs .film-card__roles{display:none}.film-card--loading .film-card__poster{background:var(--muted)}.film-card--error .film-card__poster{background-color:var(--muted)}.film-card--enriched .film-card__content{gap:4px}.film-card--trope .film-card__context{margin-top:8px}.film-card--person .film-card__context{margin-top:6px}.film-card--swipe .film-card__content{display:none}.film-card--swipe .film-card__poster{border-radius:var(--fc-radius)}.film-card--match .film-card__context{margin-top:8px}@keyframes film-card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes film-card-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes film-card-glow-pulse{0%,to{opacity:.15}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.film-card{animation:none;opacity:1}.film-card__poster-area,.film-card__poster,.film-card__poster-area:before,.film-card__glow,.film-card__content-skeleton,.film-card__content-real{transition:none}.film-card--loading .film-card__poster,.film-card__glow--pulse{animation:none}.film-card__actions,.film-card__actions button{transition:none}}