@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://wibygecgfczcvaqewleq.supabase.co/storage/v1/object/public/assets/Inter-Variable-v41.woff2) format("woff2")}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:92.77%;descent-override:24.41%;line-gap-override:0%;size-adjust:107.8%}:root{--font-body: "Inter", "Inter Fallback", system-ui, -apple-system, sans-serif;--font-title: var(--font-body);--font-size-xs: .9rem;--font-size-sm: 1.05rem;--font-size-base: 1.2rem;--font-size-md: 1.35rem;--font-size-lg: 1.5rem;--font-size-xl: 1.8rem;--line-height-tight: 1.1;--line-height-normal: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-surface-rgb: 255, 255, 255;--color-surface-1: #ffffff;--color-surface-2: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-tertiary: #666666;--color-border: #e0e0e0;--color-border-soft: rgba(0, 0, 0, .07);--color-accent: #37474f;--color-accent-darker: #263238;--color-accent-exclude: #90a4ae;--color-accent-exclude-darker: #78909c;--color-focus: rgba(55, 71, 79, .4);--color-error: #dc3545;--color-error-rgb: 220, 53, 69;--color-error-bg: #dc354520;--color-success: #28a745;--color-success-rgb: 40, 167, 69;--color-success-bg: #28a74520;--color-info-rgb: 23, 162, 184;--color-star-gold: #ffbd07;--color-star-gold-rgb: 255, 189, 7;--sidebar-width-mobile: 300px;--tap-target-size: 48px;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-xxl: 16px;--radius-round: 50%;--radius-pill: 9999px;--shadow: 0 5px 15px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-snap: var(--ease-smooth);--ease-bounce-in: cubic-bezier(.68, -.55, .265, 1.55);--ease-bounce-sharp: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-panel: cubic-bezier(.2, .8, .2, 1);--ease-luxury: cubic-bezier(.16, 1, .3, 1);--duration-quick: .2s;--duration-fast: .3s;--duration-normal: .4s;--duration-leisurely: .6s;--transition-duration-fast: var(--duration-fast);--transition-duration-normal: var(--duration-normal);--transition-timing-function: var(--ease-smooth);--z-index-card-content: 20;--z-index-autocomplete: 850;--z-index-header: 900;--z-index-sidebar: 1000;--z-index-overlay: 1999;--z-index-toast: 2100;--bp-mobile-max: 768px;--bp-desktop-min: 769px}@media(min-width:769px)and (min-height:501px){:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem}}html.dark-mode{--color-bg: #0d0d0d;--color-surface: #1a1a1a;--color-surface-rgb: 26, 26, 26;--color-surface-1: #242424;--color-surface-2: #2e2e2e;--color-text-primary: #e0e0e0;--color-text-secondary: #b8b8b8;--color-text-tertiary: #a0a0a0;--color-border: #3a3a3a;--color-border-soft: rgba(255, 255, 255, .12);--color-accent: #b0bec5;--color-accent-darker: #90a4ae;--color-accent-exclude: #546e7a;--color-accent-exclude-darker: #607d8b;--color-focus: rgba(176, 190, 197, .4);--shadow: 0 8px 24px rgba(0, 0, 0, .35);--color-error: #cf6679;--color-error-rgb: 207, 102, 121;--color-error-bg: rgba(207, 102, 121, .15);--color-success: #66bb6a;--color-success-rgb: 102, 187, 106;--color-success-bg: rgba(102, 187, 106, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg);scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);line-height:var(--line-height-normal);overflow-x:hidden;overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv05","calt","case","liga","kern";transition:background-color var(--transition-duration-normal) var(--transition-timing-function),color var(--transition-duration-normal) var(--transition-timing-function)}img,picture,video,canvas,svg{display:block;max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-pill);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}body.modal-open,body.sidebar-is-open{overflow:hidden;overscroll-behavior:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes pop-effect{50%{transform:scale(1.1)}}.pop-animation{animation:pop-effect .3s var(--transition-timing-function);will-change:transform}button,input,select,textarea,a{touch-action:manipulation}.smooth-scroll{scroll-behavior:smooth}img{pointer-events:none;user-select:none;-webkit-user-drag:none}:root{--mobile-header-height: 88px}.main-layout{display:flex;width:100%;min-height:100dvh}.main-content-wrapper{flex-grow:1;display:flex;flex-direction:column;min-width:0;min-height:100dvh}.content{flex-grow:1;width:100%;max-width:1440px;margin-inline:auto;display:flex;flex-direction:column;container-type:inline-size;transition:padding .3s ease;padding:calc(var(--mobile-header-height) + var(--space-md) + env(safe-area-inset-top)) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom));@media(min-width:1200px){padding:var(--space-md) var(--space-xxl) var(--space-xs)}@media(min-width:1600px){max-width:1800px}}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width-mobile);height:100dvh;z-index:var(--z-index-sidebar);background-color:var(--color-surface);border-inline-end:2px solid var(--color-border);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:auto;transform:translate(-100%);touch-action:pan-y;contain:layout style;will-change:transform;transition:transform .5s var(--ease-smooth-out),background-color var(--duration-normal),border-color var(--duration-normal);&::-webkit-scrollbar{width:14px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--color-text-tertiary);border-radius:20px;border:3px solid transparent;background-clip:content-box}.logo-area,.sidebar-static-filters,.sidebar-scrollable-filters,.profile-container{opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}.play-button-container{display:none;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xs)}}body.sidebar-is-open .sidebar{transform:translate(0);.logo-area,.sidebar-static-filters,.sidebar-scrollable-filters,.profile-container{opacity:1;visibility:visible;transition:opacity .3s ease-in-out .15s,visibility 0s linear 0s}.play-button-container{display:flex;flex-direction:row;margin-top:0}}@media(min-width:769px)and (min-height:501px){.sidebar{position:sticky;transform:none;width:200px;flex-basis:200px;overflow:hidden;will-change:width,flex-basis;transition:width .5s var(--ease-smooth-out),flex-basis .5s var(--ease-smooth-out),background-color var(--duration-normal),border-color var(--duration-normal);.logo-area,.sidebar-static-filters,.sidebar-scrollable-filters,.profile-container{opacity:1;visibility:visible;transition:none}.play-button-container{display:flex;flex-direction:row;gap:var(--space-xxs);margin-top:0;margin-bottom:var(--space-lg)}}body.sidebar-collapsed .sidebar{flex-basis:65px;width:65px;.logo-area,.sidebar-static-filters,.sidebar-scrollable-filters{display:none}.play-button-container{flex-direction:column;gap:var(--space-lg);margin-top:var(--space-md)}}}@media(min-width:769px)and (max-height:600px){.sidebar{overflow-y:auto}}.main-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);position:fixed;top:0;inset-inline:0;z-index:var(--z-index-header);padding:calc(var(--space-xs) + env(safe-area-inset-top)) var(--space-xs) var(--space-xs);@media(min-width:769px)and (min-height:501px){position:sticky;padding:var(--space-lg);gap:var(--space-md) var(--space-lg)}@media(min-width:1200px){padding-inline:var(--space-xxl)}}.header-pagination-group{display:flex;gap:2px}.grid-container{display:grid;justify-content:center;gap:var(--space-sm);contain:layout;grid-template-columns:repeat(2,1fr);&.is-fetching{opacity:.6;pointer-events:none;cursor:wait;transition:opacity .2s ease-out}@media(min-width:400px){grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:var(--space-md)}}:where(body.rotation-disabled) .grid-container{grid-template-columns:repeat(3,1fr);gap:calc(var(--space-xxs) + 3px) calc(var(--space-xs) + 3px);@media(min-width:400px){grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}}@media(min-width:769px)and (min-height:501px){.content{padding:var(--space-md) var(--space-lg) var(--space-xs)}.grid-container{gap:var(--space-lg) var(--space-md)}@container (min-width: 660px){:where(body.rotation-disabled) .grid-container{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (min-width: 880px){:where(body.rotation-disabled) .grid-container{grid-template-columns:repeat(8,minmax(0,1fr))}}@container (min-width: 1000px){:where(body.rotation-disabled) .grid-container{grid-template-columns:repeat(9,minmax(0,1fr))}}@container (min-width: 1200px){:where(body.rotation-disabled) .grid-container{grid-template-columns:repeat(12,minmax(0,1fr))}}@container (min-width: 940px){:where(body:not(.rotation-disabled)) .grid-container{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (min-width: 1080px){:where(body:not(.rotation-disabled)) .grid-container{grid-template-columns:repeat(7,minmax(0,1fr))}}}@media(hover:none)and (pointer:coarse){#sort-select,.search-form input{height:44px;font-size:1rem}.pagination-container>.btn,.pagination-container>.pagination-current{--btn-height: 36px}}@keyframes card-enter-animation{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:ease-in-out}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}::view-transition-group(main-header){z-index:100}::view-transition-group(movie-*){animation-duration:.5s;animation-timing-function:ease}::view-transition-new(movie-*){animation-name:card-enter-animation}::view-transition-old(movie-*){animation-name:fade-out}.site-footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--color-border);text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-sm);list-style:none;padding:0;margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.footer-links li{display:flex;align-items:center;white-space:nowrap}.footer-links li:not(:last-child):after{content:"|";margin-left:var(--space-sm);color:var(--color-border)}.footer-links a{color:inherit;text-decoration:none;transition:color var(--duration-fast)}@media(hover:hover)and (pointer:fine){.footer-links a:hover{color:var(--color-text-primary);text-decoration:underline}}.footer-brand{font-family:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height, 40px);padding-inline:1.2rem;font-family:inherit;font-size:.9rem;font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;user-select:none;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth);transform-origin:center;position:relative;overflow:hidden;isolation:isolate;@media(hover:hover)and (pointer:fine){&:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px #00000014}}html.dark-mode &:hover{box-shadow:0 4px 15px #0003}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus)}&:active{transform:translateY(1px) scale(.98) scaleY(.99);box-shadow:0 1px 2px #0000001a,inset 0 1px 1px #0000000d;transition-duration:50ms;transition-timing-function:var(--ease-luxury)}&:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#ffffff4d;opacity:0;transform:translate(-50%,-50%) scale(0);transition:transform .6s ease,opacity .6s ease;z-index:-1;pointer-events:none}&:active:after{opacity:1;transform:translate(-50%,-50%) scale(2);transition:0s}&:not(:active){transition-duration:.3s;transition-timing-function:var(--ease-luxury)}&:disabled,&.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}}.btn--outline{background-color:transparent;border-color:var(--color-border);@media(hover:hover)and (pointer:fine){&:hover{background-color:var(--color-surface);border-color:var(--color-accent)}}}.btn--icon{width:var(--btn-height, 40px);padding:0}.btn--active{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);cursor:default;transform:none;box-shadow:none;@media(hover:hover)and (pointer:fine){&:hover{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}}}@media(hover:none)and (pointer:coarse){.btn{--btn-height: var(--tap-target-size);padding-inline:1.5rem;font-size:1rem}.btn--icon{width:var(--tap-target-size);height:var(--tap-target-size)}.type-filter-toggle,.sidebar .sidebar-control-button{height:var(--tap-target-size);width:var(--tap-target-size);padding:0}}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes watchlist-pop{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-5deg)}to{transform:scale(1)}}@keyframes watchlist-glow{0%,to{filter:drop-shadow(0 0 0 rgba(var(--color-star-gold-rgb),0))}50%{filter:drop-shadow(0 0 10px rgba(var(--color-star-gold-rgb),.8))}}@keyframes bookmark-settle{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes fade-in-subtle{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.movie-card{position:relative;perspective:1000px;z-index:1;aspect-ratio:500 / 950;border-radius:var(--radius-xl);contain:layout paint style;content-visibility:auto;animation:card-appear var(--duration-quick) var(--ease-smooth-out) backwards;animation-delay:calc(var(--card-index, 0) * 40ms);transition:transform var(--duration-quick) var(--ease-spring);touch-action:manipulation;@media(hover:hover)and (pointer:fine){&:not(.is-flipped):hover{will-change:transform;transform:translateY(-4px) scale(1.01);z-index:10;.flip-card-inner{box-shadow:0 15px 30px #00000026}html.dark-mode & .flip-card-inner{box-shadow:0 15px 30px #0006}}}}.flip-card-inner{position:relative;width:100%;height:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow);background-color:var(--color-surface-1);border:1px solid var(--color-surface);transform-style:preserve-3d;transition:transform var(--duration-leisurely) var(--ease-smooth-out),box-shadow var(--duration-quick) var(--ease-smooth-out);&.is-flipped{transform:rotateY(180deg)}html.dark-mode &{box-shadow:0 2px 4px #0000004d,0 0 0 1px #ffffff0d;border:none}}.flip-card-front,.flip-card-back{position:absolute;inset:0;border-radius:var(--radius-xl);overflow:hidden;backface-visibility:hidden;background-color:var(--color-surface-1);color:var(--color-text-primary);display:flex;flex-direction:column}.flip-card-front{z-index:2;pointer-events:auto}.flip-card-back{transform:rotateY(180deg);padding:var(--space-xs);line-height:var(--line-height-normal);z-index:1;pointer-events:none;.flip-card-inner.is-flipped &{pointer-events:auto;z-index:2}}.flip-card-inner.is-flipped .flip-card-front{pointer-events:none;z-index:1}.poster-container{position:relative;width:100%;height:66%;flex-shrink:0;& img{width:100%;height:100%;border:var(--space-xxs) solid var(--color-surface);border-radius:var(--radius-xxl);object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.poster-overlay-guard{position:absolute;inset:0;z-index:2;background:transparent;pointer-events:auto;user-select:none;-webkit-user-drag:none;border-radius:var(--radius-xxl)}}.flip-card-front img.lazy-lqip{filter:blur(10px);transform:scale(1.1);transition:filter var(--duration-normal) ease-in-out,transform var(--duration-normal) ease-in-out;&.loaded{filter:blur(0);transform:scale(1)}}.movie-summary{flex-grow:1;display:flex;flex-direction:column;padding:calc(var(--space-sm) + 3px) var(--space-xxs) var(--space-xs);overflow:hidden}.title-director-block{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.movie-summary h3{margin-bottom:0;line-height:1.1;font-family:var(--font-title);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance;overflow:hidden;text-overflow:ellipsis;&.title-medium{font-size:.95rem}&.title-long{font-size:.9rem}&.title-xl-long{font-size:.75rem}}.front-director-info{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;& a{color:inherit;text-decoration:none;transition:color var(--duration-fast);@media(hover:hover)and (pointer:fine){&:hover{text-decoration:underline;color:var(--color-text-primary)}}}}.movie-meta{padding-top:1px;display:flex;justify-content:space-between;align-items:center;min-height:24px;font-size:var(--font-size-sm)}.card-icons-line{display:flex;align-items:center;gap:var(--space-xxs)}.card-icons-line.compact .platform-icon svg{width:16px;height:16px}.platform-icon svg{vertical-align:middle}.year-flag-group{display:flex;align-items:center;gap:var(--space-xxs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;letter-spacing:-.03em;& a{color:inherit;text-decoration:none;transition:color var(--duration-fast);@media(hover:hover)and (pointer:fine){&:hover{text-decoration:underline;color:var(--color-text-primary)}}}}.country-info{display:flex;align-items:center;gap:var(--space-xxs)}.country-flag-icon svg{width:14px;height:14px}.netflix-icon{color:#e50914}.disney-icon{color:#900}.wb-icon{color:#000b6c}.universal-icon{color:#444}.sony-icon{color:#004098}.paramount-icon{color:#0063ff}.lionsgate-icon{color:#c72}.amazon-icon{color:#f6a61f}.twenty-icon{color:#000b6c}.a24-icon{color:#000}.movistar-icon{color:#00a9e0}.miramax-icon{color:#005596}.apple-icon,.canalplus-icon,.bbc-icon{color:#000}html.dark-mode .disney-icon{color:#d9534f}html.dark-mode .wb-icon{color:#4da4f2}html.dark-mode .universal-icon{color:#bbb}html.dark-mode .sony-icon{color:#3182ce}html.dark-mode .paramount-icon{color:#e0e0e0}html.dark-mode .lionsgate-icon{color:#f9d7b5}html.dark-mode .twenty-icon{color:#e0e0e0}html.dark-mode .a24-icon{color:#fff}html.dark-mode .miramax-icon{color:#4da4f2}html.dark-mode .apple-icon,html.dark-mode .canalplus-icon,html.dark-mode .bbc-icon{color:#fff}.back-original-title-wrapper{display:flex;justify-content:flex-start;align-items:center;margin-top:var(--space-xs);margin-bottom:var(--space-md);padding-inline:0;width:100%;min-height:0;animation:fade-in-subtle .5s var(--ease-smooth-out) .2s backwards;& span{font-family:var(--font-title);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:-.01em;text-align:left;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;&.title-medium{font-size:.8rem}&.title-long{font-size:.75rem}&.title-xl-long{font-size:.7rem}}}.back-meta-header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:2px;font-size:var(--font-size-sm)}.episode-duration-group{display:flex;align-items:center;gap:4px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;letter-spacing:-.03em}[data-template=wikipedia-link],[data-template=justwatch-link]{display:flex;align-items:center;text-decoration:none;transition:transform var(--duration-fast),filter var(--duration-fast);margin-left:var(--space-xs);pointer-events:auto;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus);border-radius:var(--radius-sm)}@media(hover:hover)and (pointer:fine){&:hover{transform:scale(1.15)}}&[data-template=justwatch-link]:hover svg{filter:drop-shadow(0 0 6px rgba(154,20,133,.6))}&[data-template=wikipedia-link]:hover svg{filter:drop-shadow(0 0 6px rgba(179,64,74,.6))}&.disabled{opacity:.3;pointer-events:none;filter:grayscale(100%);cursor:default;html.dark-mode &{filter:grayscale(100%) brightness(5)}}}.details-list{display:flex;flex-direction:column;gap:var(--space-xxs);margin:6px 0 4px;padding-top:4px;border-top:1px solid var(--color-border);font-size:var(--font-size-xs);line-height:1.2;color:var(--color-text-secondary)}.detail-item[data-template=genre-container]{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-right:10px}.detail-item[data-template=actors-container]{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding-right:10px;line-height:1.4}.scrollable-content{position:relative;overflow:hidden;transition:opacity var(--duration-normal) var(--ease-smooth-out),transform var(--duration-normal) var(--ease-smooth-out);&:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--color-surface));pointer-events:none}.flip-card-back.is-expanded &:after{opacity:0}}.plot-summary-final{padding-top:4px;border-top:1px solid var(--color-border);opacity:.8;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);line-height:1.2;text-wrap:pretty}.actors-scrollable-content{position:absolute;inset:0;padding:var(--space-md);padding-top:var(--space-sm);background-color:var(--color-surface);-webkit-overflow-scrolling:touch;overflow-y:auto;scrollbar-width:none;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity var(--duration-normal) var(--ease-smooth-out),visibility var(--duration-normal) var(--ease-smooth-out),transform var(--duration-normal) var(--ease-smooth-out);z-index:5;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);pointer-events:auto;& h4{margin-top:0;margin-bottom:var(--space-xs);font-family:var(--font-title);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xxs);color:var(--color-text-primary)}}.actors-list-text{margin:0;text-align:left;color:var(--color-text-primary);padding-bottom:var(--space-xs)}.actor-list-item{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:var(--color-text-primary);text-align:left;cursor:pointer;display:block;width:100%;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus);border-radius:var(--radius-sm)}transition:color var(--transition-duration-fast);&:hover{color:var(--color-accent);text-decoration:underline}}.expand-content-btn,.actors-expand-btn{position:absolute;width:18px;height:18px;border-radius:50%;border:none;background-color:var(--color-accent);color:var(--color-surface);font-size:1rem;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;padding-bottom:1px;cursor:pointer;box-shadow:0 2px 4px #00000040;transition:transform var(--duration-quick) ease-out,background-color var(--duration-quick) ease-out;z-index:var(--z-index-card-content);pointer-events:auto;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus)}@media(hover:hover)and (pointer:fine){&:hover{transform:scale(1.15);background-color:var(--color-text-primary)}}&:active{transform:scale(.9)}&:after{content:"";position:absolute;inset:-12px}}.actors-expand-btn{bottom:0;right:0}.expand-content-btn{bottom:6px;right:6px}.flip-card-back.is-expanded>*:not(.scrollable-content):not(.expand-content-btn):not(.actors-scrollable-content){opacity:0;transform:translateY(-100%);transition:opacity var(--duration-quick),transform var(--duration-normal) var(--ease-smooth-out);pointer-events:none}.flip-card-back.is-expanded .scrollable-content{position:absolute;inset:0;padding:var(--space-md);background-color:var(--color-surface);overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;pointer-events:auto;z-index:15}.flip-card-back.is-expanded .plot-summary-final{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);opacity:1;border-top:none;padding-top:0}.flip-card-back.is-expanded.show-actors .actors-scrollable-content{opacity:1;visibility:visible;transform:translateY(0)}.flip-card-back.is-expanded.show-actors .scrollable-content{opacity:0!important;visibility:hidden!important}.card-rating-block{position:absolute;bottom:1px;left:0;right:0;transform:translateY(66.66%);z-index:5;display:flex;justify-content:space-between;align-items:center;padding-inline:var(--space-md);pointer-events:none;>*{pointer-events:auto;filter:drop-shadow(0 0 5px var(--color-surface));transition:filter .3s ease,transform var(--duration-quick) var(--ease-spring);html.dark-mode &{filter:drop-shadow(0 0 3px rgba(0,0,0,.9))}}}.wall-rating-number{display:none}.card-action-btn{width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-round);background-color:transparent;color:var(--color-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-normal) var(--ease-smooth-out),background-color var(--duration-normal) var(--ease-smooth-out),color var(--duration-normal) var(--ease-smooth-out);position:relative;isolation:isolate;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus)}@media(hover:hover)and (pointer:fine){&:hover{transform:scale(1.15) rotate(10deg)}}&:active{transform:scale(.96);filter:brightness(.95);transition:transform 50ms var(--ease-luxury)}& svg{width:30px;height:30px;fill:transparent;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill var(--duration-normal) var(--ease-smooth-out),stroke var(--duration-normal) var(--ease-smooth-out),color var(--duration-normal) var(--ease-smooth-out),transform var(--duration-normal) var(--ease-smooth-out);pointer-events:none;position:relative;z-index:0}&.is-active{animation:watchlist-pop .3s var(--ease-bounce-in);& svg{color:#e50914;fill:#e50914;stroke:#e50914;--icon-plus-color: var(--color-surface);animation:watchlist-glow .6s ease-out,bookmark-settle .2s .3s ease-out forwards}}}[data-template=wikipedia-link] .rating-icon,[data-template=justwatch-link] .rating-icon{width:1.5em;height:1.5em;transform:translateY(-1px)}@media(hover:none)and (pointer:coarse){.movie-card:active{transform:scale(.98);transition-duration:0s}.card-action-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--tap-target-size);height:var(--tap-target-size);z-index:1}}@media(hover:hover)and (pointer:fine){body:not(.rotation-disabled) .movie-card.is-hovered .flip-card-inner{transform:rotateY(180deg)}}body.rotation-disabled .movie-card:not(.is-quick-view){aspect-ratio:2 / 3;transition:transform var(--duration-quick) ease;.flip-card-inner{box-shadow:var(--shadow-sm);border:none;background-color:transparent}.movie-summary{display:none}.flip-card-front{background-color:transparent}.poster-container{height:100%;display:flex;flex-direction:column;& img{height:auto;flex-grow:1;min-height:0;object-fit:cover;border-radius:var(--radius-xxl);border:none}}.card-rating-block{position:relative;transform:none;bottom:auto;left:auto;right:auto;height:auto;justify-content:center;padding:1px var(--space-xs);background:transparent;cursor:pointer;pointer-events:auto;>*:not(.card-action-btn){transform:translateY(calc(-40% + 4px))}.wall-rating-number{display:block;flex-grow:0;text-align:center;font-weight:var(--font-weight-bold);font-size:1.1rem;color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-shadow:none;filter:none;cursor:pointer;transform:translateY(calc(-40% + 6px));&:hover{transform:translateY(calc(-40% + 6px)) scale(1.15) rotate(10deg)}}}.low-rating-star,.star-rating-container:not(.has-user-rating){display:none!important}.star-rating-container.has-user-rating{display:flex!important;gap:4px;flex-grow:0;justify-content:center;.star-icon{display:block!important;width:24px;height:24px}}.star-rating-container.has-user-rating~.wall-rating-number{display:none}.card-action-btn{position:absolute;right:var(--space-xxs);width:auto;height:auto;padding:0;margin-left:0;background:transparent;backdrop-filter:none;color:var(--color-text-primary);opacity:0;transform:translateY(calc(-40% + 4px));&:hover{transform:translateY(-40%) scale(1.15) rotate(10deg)}& svg{width:25px;height:25px}&.is-active,&:focus-visible{opacity:1}}.star-rating-container.has-user-rating~.card-action-btn{display:none}}@media(hover:none)and (pointer:coarse){body.rotation-disabled .movie-card:not(.is-quick-view) .card-rating-block{pointer-events:none}body.rotation-disabled .movie-card:not(.is-quick-view) .card-action-btn{pointer-events:auto}}.person-card .flip-card-inner{box-shadow:0 4px 15px #00000026}.person-card .flip-card-back{padding:var(--space-md);background-color:var(--color-surface-1)}.person-card .poster-container img{object-position:top center;border:3px solid var(--color-accent)!important}.collection-card .poster-container img{object-position:center center}.person-card .year-flag-group{width:100%;justify-content:flex-end;gap:var(--space-xs)}.person-card .card-icons-line{display:none}.person-card .year-country-line{width:100%}.person-card .poster-container:after{content:"";position:absolute;bottom:-10px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--color-text-tertiary),transparent);opacity:.4}.movie-card.person-card .card-rating-block{display:none}body.rotation-disabled .movie-card.person-card .card-rating-block{display:flex;justify-content:center;align-items:center;height:26px;width:100%;pointer-events:none!important}body.rotation-disabled .movie-card.person-card .wall-person-name{display:block;font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;padding-bottom:2px;transform:translateY(-4px)!important}.bio-headline{font-size:calc(var(--font-size-base) * 1.25);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);line-height:1.3;letter-spacing:-.02em}.bio-headline:empty{display:none!important}.main-header{background-color:var(--color-bg);border-block-end:1px solid var(--color-border);view-transition-name:main-header;will-change:transform;transition:background-color var(--transition-duration-normal),box-shadow .3s ease,border-color var(--transition-duration-normal),transform .3s ease;@media(min-width:769px)and (min-height:501px){border:none;border-bottom:1px solid transparent;&.is-scrolled{border-bottom-color:var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow)}}&.is-hidden-mobile{transform:translateY(-100%)}}.main-header-primary-controls,.search-and-theme-group{flex-wrap:nowrap}.search-form{& input{height:40px;padding:0 var(--space-xl) 0 var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);min-width:130px;transition:min-width var(--transition-duration-normal) ease-in-out;&::placeholder{color:var(--color-text-secondary)}&:focus{min-width:160px;outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus)}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{display:none;-webkit-appearance:none}}}.sort-control{position:relative;&:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:.6em;height:.4em;background-color:var(--color-text-primary);clip-path:polygon(100% 0%,0 0%,50% 100%);pointer-events:none}}#sort-select{height:40px;width:130px;padding:0 1.8em 0 var(--space-sm);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);appearance:none;cursor:pointer;font-family:inherit;&:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus)}}.sort-icon{display:none;pointer-events:none}.mobile-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;transition:transform .2s ease,color .2s ease;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus);border-radius:var(--radius-md)}@media(hover:hover)and (pointer:fine){&:hover{color:var(--color-text-primary)}}&:active{transform:scale(.9)}@media(min-width:769px)and (min-height:501px){display:none}}.type-filter-toggle{height:40px;padding-inline:var(--space-sm);border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 3px #0000001a,0 1px 1px #00000014;background-color:var(--color-surface);color:var(--color-text-primary);transition:transform .1s ease-in-out,box-shadow .1s ease-in-out,background-color .1s ease-in-out,color .1s ease-in-out;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus)}.desktop-text{display:none}.mobile-icon{display:flex;align-items:center}@media(min-width:769px)and (min-height:501px){.desktop-text{display:block}.mobile-icon{display:none}}@media(hover:hover)and (pointer:fine){&:hover{transform:translateY(-1px);box-shadow:0 3px 6px #0000001a,0 2px 4px #00000014}}&:active{transform:translateY(1px);box-shadow:0 1px 2px #00000026}&.type-filter--movies{background-color:var(--color-accent);color:#fff}&.type-filter--series{background-color:var(--color-accent-exclude);color:#fff}}.theme-toggle{position:relative;width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus);border-radius:var(--radius-round)}@media(hover:hover)and (pointer:fine){&:hover{transform:scale(1.1)}}&:active{transform:scale(.9)}}.sidebar-control-button.theme-toggle{font-size:initial}.theme-icon{position:absolute;top:50%;left:50%;transition:opacity .4s ease-in-out,transform .4s var(--ease-smooth)}.moon-icon{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.sun-icon{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-90deg)}:where(html.dark-mode) .moon-icon{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(90deg)}:where(html.dark-mode) .sun-icon{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.search-icon{transition:opacity .2s ease,transform .2s ease,right .2s ease;background:none;border:none;padding:0}.search-icon--clear{opacity:0;pointer-events:none}.main-header.is-search-focused{.search-icon--idle{opacity:0;pointer-events:none}.search-icon--clear{opacity:1;pointer-events:auto;cursor:pointer;color:var(--color-text-primary)}}@media(hover:none)and (pointer:coarse){:is(.search-form input,#sort-select,.type-filter-toggle){height:var(--tap-target-size);font-size:1rem}}@media(max-width:768px),(max-height:500px){.main-header-primary-controls,.search-and-theme-group,.header-pagination-group{gap:6px}:is(.mobile-sidebar-toggle,.sort-control,.type-filter-toggle,.header-pagination-group .btn,.search-form){width:var(--tap-target-size);height:var(--tap-target-size);padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05));transition:background-color .2s,border-color .2s,transform .1s}:where(html.dark-mode) :is(.mobile-sidebar-toggle,.sort-control,.type-filter-toggle,.header-pagination-group .btn,.search-form){border-color:#fff3;background-color:#ffffff14}.mobile-sidebar-toggle{color:var(--color-text-primary)}.type-filter-toggle{font-size:.8rem}.type-filter-toggle.type-filter--movies{background-color:var(--color-accent)!important;color:#fff!important;border-color:transparent!important}.type-filter-toggle.type-filter--series{background-color:var(--color-accent-exclude)!important;color:#fff!important;border-color:transparent!important}.type-filter-toggle .mobile-icon svg{width:20px;height:20px}.sort-control:after{display:none}.sort-icon{display:block;color:var(--color-text-primary)}#sort-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2}.search-form input{min-width:100%;height:100%;border:none;background:transparent;color:transparent;padding:0;&::placeholder{color:transparent}}.search-form .search-icon{right:50%;transform:translate(50%,-50%)}.main-header.is-search-focused{.main-header-primary-controls,.mobile-status-bar{display:none}.search-and-theme-group{flex-grow:1;justify-content:center}.search-form{width:70%;max-width:400px}.search-form input{color:var(--color-text-primary);padding:0 var(--space-xxl) 0 var(--space-md);width:100%;&::placeholder{color:var(--color-text-secondary)}}.search-icon{right:var(--space-sm);transform:translateY(-50%)}.search-icon--clear{width:48px;height:48px;padding:12px;right:0}}}@media(max-width:400px){.header-pagination-group .btn{width:calc(var(--tap-target-size) / 1.5)}}.mobile-status-bar{display:none;width:100%;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-top:4px;order:10;font-weight:var(--font-weight-medium);padding-bottom:2px}@media(max-width:768px),(max-height:500px){.mobile-status-bar{display:block}}#total-results-header{display:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:4px}@media(min-width:769px)and (min-height:501px){#total-results-header:not([hidden]){display:flex}}.total-results-count{color:var(--color-text-primary);font-family:var(--font-title)}.star-rating-container{display:flex;align-items:center;gap:2px;&.is-interactive{cursor:pointer}&.has-user-rating{.star-icon-path{stroke:var(--color-star-gold)}.star-icon-path--filled{fill:var(--color-star-gold)}}}.star-icon{position:relative;width:25px;height:25px;cursor:pointer}.star-icon-path{stroke:var(--color-accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.star-icon-path--empty{fill:transparent}.star-icon-path--filled{fill:var(--color-accent);clip-path:inset(0 100% 0 0);transition:clip-path .4s var(--ease-smooth-out)}.low-rating-star{display:none;width:25px;height:25px;stroke:var(--color-accent);stroke-width:2px;fill:transparent;border:none;background-color:transparent;transition:stroke .3s ease,transform var(--duration-quick) var(--ease-spring);position:relative;cursor:pointer;&.is-interactive{cursor:pointer}&.has-user-rating{stroke:var(--color-star-gold);color:var(--color-star-gold);fill:none;filter:drop-shadow(0 0 2px rgba(var(--color-star-gold-rgb),.6));html.dark-mode &{filter:drop-shadow(0 0 2px rgba(var(--color-star-gold-rgb),.8))}}}@media(hover:hover)and (pointer:fine){.star-rating-container.is-interactive .star-icon:hover,.low-rating-star.is-interactive:hover{transform:scale(1.35);z-index:20;filter:drop-shadow(0 0 4px rgba(var(--color-star-gold-rgb),.6));transition:transform .15s var(--ease-bounce-sharp)}}.star-rating-container.is-interactive .star-icon:active,.low-rating-star.is-interactive:active{transform:scale(.92);filter:brightness(.95);transition:transform 50ms var(--ease-bounce-sharp)}.star-rating-container.is-interactive .star-icon.just-rated,.low-rating-star.is-interactive.just-rated{animation:star-vote-success .6s var(--ease-bounce-in);z-index:20}@keyframes star-vote-success{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(var(--color-star-gold-rgb),0))}20%{transform:scale(1.4) rotate(-8deg);filter:drop-shadow(0 0 10px rgba(var(--color-star-gold-rgb),.6))}40%{transform:scale(1.2) rotate(8deg)}60%{transform:scale(1.35) rotate(-4deg);filter:drop-shadow(0 0 15px rgba(var(--color-star-gold-rgb),.8))}80%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1.25);filter:drop-shadow(0 0 4px rgba(var(--color-star-gold-rgb),.6))}}@media(hover:none)and (pointer:coarse){.low-rating-star:after,.star-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.low-rating-star:after{width:var(--tap-target-size);height:var(--tap-target-size)}.star-icon:after{width:30px;height:var(--tap-target-size)}}.ratings-container{display:flex;flex-direction:column;gap:4px}.rating-line{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.rating-left{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-decoration:none;cursor:pointer;transition:opacity .2s ease,transform .2s ease;pointer-events:auto;@media(hover:hover)and (pointer:fine){&:hover{opacity:.8;transform:scale(1.05)}}&.disabled{pointer-events:none;opacity:.7;cursor:default}}.rating-icon{width:1.6em;height:1.6em;border-radius:var(--radius-sm);object-fit:contain}.rating-bar-container{flex-grow:1;width:100%;height:var(--space-xs);border-radius:var(--space-xxs);background-color:var(--color-bg);overflow:visible;position:relative;pointer-events:auto;cursor:default;@media(hover:hover)and (pointer:fine){&[data-votes]:hover:after{content:attr(data-votes) " votos";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background-color:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 2px 4px #0003;animation:fade-in-subtle .2s ease-out}}}.rating-votes-count{display:none!important}.rating-bar{width:0;height:100%;border-radius:var(--space-xxs);background-color:var(--color-accent);transition:width .8s cubic-bezier(.25,1,.5,1)}.sidebar-inner-wrapper{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-xl) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom));padding-inline-end:calc(var(--space-lg) + 8px);transition:padding .5s var(--ease-panel);@media(min-width:769px)and (min-height:501px){height:100%;padding-inline:var(--space-md)}&.is-compact{padding-top:var(--space-md);.logo-area{margin-bottom:var(--space-xs)}.play-button-container{margin-bottom:var(--space-xxs)}#year-slider-container{padding-top:0}.sidebar-static-filters{padding-bottom:var(--space-xs)}}}.logo-area{margin-bottom:var(--space-xl);text-align:center;transition:margin-bottom .5s var(--ease-panel)}.logo-title{margin:0;font-family:var(--font-title);font-size:calc(var(--font-size-xl) * 1.5625);font-weight:700;line-height:1.2;letter-spacing:-.03em;transition:font-size .5s var(--ease-panel);@media(min-width:769px)and (min-height:501px){font-size:calc(var(--font-size-xl) * 1.25)}}.sidebar-inner-wrapper.is-compact .logo-title{font-size:calc(var(--font-size-lg) * 1.5625);@media(min-width:769px)and (min-height:501px){font-size:calc(var(--font-size-lg) * 1.25)}}.logo-line-1,.logo-line-2{display:block}.play-button-container{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:nowrap;margin-bottom:var(--space-lg);@media(min-width:769px)and (min-height:501px){gap:1.5px;.sidebar-control-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}}}.sidebar-control-button{display:flex;align-items:center;justify-content:center;position:relative;padding:0;border:none;background:none;color:var(--color-accent);cursor:pointer;line-height:1;transition:transform var(--transition-duration-fast) ease;&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus);border-radius:var(--radius-md)}@media(hover:hover)and (pointer:fine){&:hover{transform:scale(1.1)}}&:active{transform:scale(.95);transition-duration:.1s}.sidebar-icon,.theme-icon{width:24px;height:24px;flex-shrink:0}&.active{color:#fff;background-color:var(--color-accent);border-radius:var(--radius-md)}:where(html.dark-mode) &.active{color:var(--color-bg)}}.active-filters-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xxs) var(--space-xs) 0;min-height:1px}@keyframes pill-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutPill{to{opacity:0;transform:scale(.8)}}.filter-pill{display:flex;align-items:center;min-height:30px;height:auto;padding-inline:var(--space-sm);padding-block:4px;border-radius:var(--radius-pill);background-image:linear-gradient(45deg,var(--color-accent),var(--color-accent-darker));box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-size:var(--font-size-xs);font-weight:700;line-height:1.1;animation:pill-pop-in .3s var(--transition-timing-function);&:active{transform:scale(.96);filter:brightness(.95);transition:transform 50ms var(--ease-luxury)}>span:first-child{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:capitalize}&.filter-pill--exclude{background-image:linear-gradient(45deg,var(--color-accent-exclude-darker),var(--color-accent-exclude))}&.is-removing{animation:fadeOutPill .2s ease-out forwards}:where(html.dark-mode) &{color:var(--color-bg)}:where(html.dark-mode) &.filter-pill--exclude{color:#fff}.remove-filter-btn{margin-left:var(--space-xs);padding:0;border:none;background:none;color:currentColor;opacity:.7;display:flex;align-items:center;height:100%;transition:opacity var(--transition-duration-fast),transform .2s var(--ease-bounce-sharp);@media(hover:hover)and (pointer:fine){&:hover{opacity:1;transform:scale(1.2)}}&:active{transform:scale(.9)}}}.sidebar-scrollable-filters{padding-top:var(--space-xxl);overflow-x:hidden;touch-action:pan-y}.sidebar-inner-wrapper :is(button,a,input,select){touch-action:pan-y}@media(min-width:769px)and (min-height:501px){.sidebar-scrollable-filters{overflow-y:auto;flex-grow:1;min-height:0;padding-right:0;scrollbar-width:none;overscroll-behavior-y:contain}.sidebar-scrollable-filters::-webkit-scrollbar{display:none}}.collapsible-section{display:flex;flex-direction:column;margin-bottom:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-xxs) var(--space-xs);border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left;font-family:var(--font-title);font-size:var(--font-size-base);font-weight:700;transition:background-color var(--transition-duration-fast);@media(hover:hover)and (pointer:fine){&:hover{background-color:var(--color-bg)}}&:active{transform:scale(.99);transition-duration:.1s}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus)}}body.sidebar-collapsed .sidebar{flex-basis:65px;width:65px;.sidebar-inner-wrapper{padding-inline:0}.logo-area,.sidebar-static-filters,.sidebar-scrollable-filters{display:none}.play-button-container{flex-direction:column;gap:var(--space-lg);margin-top:var(--space-md)}.profile-container{height:auto;padding-bottom:var(--space-xs)}.user-session-group{flex-direction:column;gap:var(--space-md)}}.chevron-icon{stroke:var(--color-text-secondary);transition:transform var(--transition-duration-normal)}.collapsible-section.active .chevron-icon{transform:rotate(90deg)}.section-content{display:flex;flex-direction:column;gap:1px;padding-left:var(--space-xs);max-height:0;opacity:0;transform:translateY(-10px);overflow:hidden;visibility:hidden;position:relative;z-index:1;transition:max-height .25s ease,opacity .2s ease-in-out,transform .25s ease,visibility 0s linear .25s}.collapsible-section.active .section-content{max-height:40rem;opacity:1;transform:translateY(0);visibility:visible;z-index:10;transition-delay:0s}.collapsible-section.active.is-ready .section-content{overflow:visible}.filter-link{display:flex;justify-content:space-between;align-items:center;padding:2px var(--space-xs);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;text-align:left;text-decoration:none;font:inherit;font-size:var(--font-size-sm);font-weight:700;min-height:34px;transition:color var(--transition-duration-fast),background-color var(--transition-duration-fast),transform var(--transition-duration-fast);&:active{transform:scale(.98);transition-duration:.1s}@media(hover:hover)and (pointer:fine){&:hover{color:var(--color-text-primary);transform:translate(2px)}&:hover:active{transform:translate(2px) scale(.99)}}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus);background-color:var(--color-bg)}&.active{position:relative;padding-left:var(--space-sm);background-color:var(--color-accent);color:#fff;:where(html.dark-mode) &{color:var(--color-bg)}&:before{content:"▶";position:absolute;left:var(--space-xs);top:50%;font-size:.8em;line-height:1;transform:translateY(-50%)}}}.exclude-filter-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:var(--space-md);border:1px solid transparent;border-radius:50%;background-color:transparent;color:var(--color-text-secondary);opacity:0;transition:opacity var(--transition-duration-fast),background-color var(--transition-duration-fast),color var(--transition-duration-fast),transform .2s var(--ease-bounce-sharp);.filter-link:hover &,.filter-link:focus-visible &,.filter-link.is-excluded &,&:focus-visible{opacity:1}@media(hover:hover)and (pointer:fine){&:hover{background-color:var(--color-border-soft);color:var(--color-accent-exclude);transform:scale(1.15)}}@media(hover:none)and (pointer:coarse){opacity:1;color:var(--color-text-tertiary)}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus)}.filter-link.active &{color:#fff}.filter-link.is-excluded &{display:none!important}& svg{width:22px;height:22px;stroke-width:2}}.sidebar-filter-form{position:relative;margin-top:var(--space-xxs)}.sidebar-filter-input{width:100%;padding:var(--space-xxs) var(--space-xs);border:none;border-bottom:1px solid var(--color-border);border-radius:0;background-color:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-duration-fast);&:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus)}&:focus::placeholder{color:transparent}&::placeholder{color:var(--color-text-secondary);opacity:.8}}.sidebar-autocomplete-results{position:absolute;bottom:100%;left:0;right:0;z-index:var(--z-index-autocomplete);max-height:150px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow);overflow-y:auto;overscroll-behavior:contain;&:empty{display:none}@media(max-height:500px){max-height:100px}}.sidebar-autocomplete-item{padding:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-duration-fast);&.is-active,&:hover{background-color:var(--color-bg);color:var(--color-text-primary)}& strong{color:var(--color-accent)}}#year-slider-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-top:0}#year-slider-wrapper{position:relative;width:90%;margin:10px 0;padding:0 14px}#year-input-container{display:flex;justify-content:center;align-items:center;gap:var(--space-xxs);width:100%}.year-range-separator{color:var(--color-text-secondary);font-weight:700;transform:translateY(-1px);flex-shrink:0}#year-slider.custom-year-slider{position:relative;width:100%;height:24px;display:flex;align-items:center;user-select:none;touch-action:none;.slider-track{position:absolute;left:0;right:0;height:6px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-border);pointer-events:none}.slider-connect{position:absolute;height:100%;border-radius:var(--radius-pill);background:var(--color-accent);pointer-events:none}.slider-handle{position:absolute;top:50%;width:6px;height:22px;transform:translate(-50%,-50%);border:1.5px solid var(--color-accent);border-radius:2px;background:var(--color-surface);box-shadow:0 1px 4px #00000040;cursor:grab;z-index:2;touch-action:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background-color .15s ease;&:after{content:"";position:absolute;inset:-10px -15px;display:block}&:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus)}&:active{cursor:grabbing;z-index:3;background:var(--color-accent)}@media(hover:hover)and (pointer:fine){&:hover{transform:translate(-50%,-50%) scale(1.15)}}}&.is-same-year .slider-handle[data-handle="0"]{transform:translate(calc(-50% - 4px),-50%)}&.is-same-year .slider-handle[data-handle="1"]{transform:translate(calc(-50% + 4px),-50%)}}.year-input{width:100%;padding:.35rem 32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text-primary);text-align:center;font-size:var(--font-size-xs);-moz-appearance:textfield;appearance:textfield;&:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus)}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}.year-input-wrapper{position:relative;flex:1;min-width:0}.stepper-btn{position:absolute;top:0;bottom:0;width:30px;padding:0;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);line-height:1;transition:background-color var(--transition-duration-fast);display:flex;align-items:center;justify-content:center;z-index:2;&:hover{background-color:var(--color-border-soft);color:var(--color-text-primary)}&:active{background-color:var(--color-border)}}.stepper-down{left:0;border-right:1px solid var(--color-border);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.stepper-up{right:0;border-left:1px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0}@media(min-width:769px)and (min-height:501px){.year-input{padding:.35rem var(--space-xs);padding-right:25px}.stepper-btn{right:1px;left:auto;width:20px;height:50%;background-color:var(--color-surface);border-left:1px solid var(--color-border);opacity:0;visibility:hidden}.stepper-up{top:0;bottom:auto;border-bottom:1px solid var(--color-border);border-radius:0 var(--radius-sm) 0 0}.stepper-down{top:auto;bottom:0;border-right:none;border-radius:0 0 var(--radius-sm) 0}.year-input-wrapper:hover .stepper-btn,.year-input-wrapper:focus-within .stepper-btn{opacity:1;visibility:visible}}#total-results-sidebar{display:none!important}.sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background-color:var(--color-accent);opacity:0;z-index:calc(var(--z-index-sidebar) + 1);pointer-events:none;transform:translate(-100%);transition:opacity .3s ease}:where(body.is-fetching) .sidebar:before{opacity:1;animation:indeterminate-loading-gpu 1.5s infinite var(--ease-smooth)}@keyframes indeterminate-loading-gpu{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.sidebar .profile-container{margin-top:auto;padding-top:var(--space-md);display:flex;align-items:center;justify-content:center;height:52px}.user-session-group{display:none;align-items:center;gap:var(--space-md)}.user-session-group .sidebar-control-button{width:32px;height:32px;& svg{width:28px;height:28px}}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-round);background-color:transparent;border:3px solid var(--color-accent);color:var(--color-accent);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:transform .2s ease;&:hover{transform:scale(1.1)}}:where(body.user-logged-in) #login-button{display:none}:where(body.user-logged-in) #user-session-group{display:inline-flex}.sidebar.is-dragging{transition:none!important;cursor:grabbing;will-change:transform}:where(body.sidebar-is-dragging){overflow:hidden;user-select:none;-webkit-user-select:none}:where(body.sidebar-is-dragging) .main-content-wrapper{pointer-events:none;filter:grayscale(.5);transition:filter .2s ease}.filter-link--studio,.filter-link--icon{justify-content:flex-start;padding-block:2px;border:2px solid transparent}.sidebar-platform-icon{height:30px;width:auto;max-width:100%;transition:transform var(--transition-duration-fast)}.sidebar-platform-img{height:20px;width:auto;max-width:100%;object-fit:contain;transition:transform var(--transition-duration-fast),filter .3s ease}:where(html.dark-mode) .sidebar-platform-img.invert-on-dark{filter:invert(1) brightness(2)}.filter-link--icon:hover :is(.sidebar-platform-icon,.sidebar-platform-img){transform:scale(1.1)}.filter-link--icon.active{background-color:transparent;border-color:var(--color-accent);padding-inline:var(--space-xs);color:var(--color-text-primary);box-shadow:none}.filter-link--icon.active:before{content:none;display:none}:where(html.dark-mode) .filter-link--icon.active{color:var(--color-text-primary)}#studios-list-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}#studios-list-container .filter-link{justify-content:center}@media(max-width:768px),(max-height:500px){.logo-title{font-size:2.8125rem}.collapsible-section .section-header{font-size:var(--font-size-md)}.filter-link,.sidebar-autocomplete-item{font-size:var(--font-size-base)}.filter-pill{font-size:var(--font-size-sm)}.year-input{font-size:1.1rem}.total-results-container{font-size:var(--font-size-base)}.exclude-filter-btn{width:32px;height:32px;opacity:1;& svg{width:22px;height:22px;stroke-width:2}}}@media(hover:none)and (pointer:coarse){.filter-pill{padding-inline:var(--space-md)}.filter-pill .remove-filter-btn{padding:0 8px;font-size:1.2rem;position:relative}.filter-pill .remove-filter-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.sidebar-autocomplete-item:active,.collapsible-section .section-header:active{transform:scale(.98)}.sidebar-control-button,.exclude-filter-btn{min-width:var(--tap-target-size);min-height:var(--tap-target-size)}.filter-link{min-height:var(--tap-target-size);align-items:center}}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);padding-bottom:var(--space-xs);width:96%;margin:0 auto}.bento-grid .filter-link,.bento-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;min-height:34px;padding:var(--space-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);width:96%;display:block;justify-content:flex-start;margin:0 auto;transition:transform .1s,background-color .2s,border-color .2s,color .2s,box-shadow .2s}.bento-grid .filter-link{display:flex;width:100%;font-size:var(--font-size-xs);line-height:1.15;padding:var(--space-xxs) var(--space-xs)}.bento-grid .filter-link:active{transform:scale(.96)}.bento-grid .filter-link.active{background-image:linear-gradient(45deg,var(--color-accent),var(--color-accent-darker));background-color:var(--color-accent);color:#fff;border-color:transparent;padding-left:var(--space-xs)}.bento-grid .filter-link.active:before{display:none}.bento-grid .filter-link.is-excluded{background-image:linear-gradient(45deg,var(--color-accent-exclude-darker),var(--color-accent-exclude));background-color:var(--color-accent-exclude);color:#fff;border-color:transparent;padding-left:var(--space-xs)}:where(html.dark-mode) .bento-grid .filter-link,:where(html.dark-mode) .bento-input{background-color:#ffffff08;border-color:var(--color-border);color:var(--color-text-primary)}:where(html.dark-mode) .bento-grid .filter-link.active{color:var(--color-bg)}.bento-grid .filter-link[data-filter-value=Animación],.bento-grid .filter-link[data-filter-value=Documental],.bento-grid .filter-link[data-filter-value=EEUU],.bento-grid .filter-link[data-filter-value=España]{grid-column:1 / -1;justify-content:space-between;padding-inline:var(--space-xs);padding-block:2px}.bento-grid .exclude-filter-btn{margin-left:0;background-color:#0000000d;width:30px;height:30px;border-radius:50%}.bento-grid .exclude-filter-btn svg{width:20px;height:20px}:where(html.dark-mode) .bento-grid .exclude-filter-btn{background-color:#ffffff1a}.collapsible-section:has(.bento-input) .sidebar-filter-form{margin-top:0}.skeleton-card,.skeleton{position:relative;overflow:hidden;background-color:var(--color-border);contain:paint layout}.skeleton-card{height:auto;aspect-ratio:500 / 950;border-radius:var(--radius-xl);box-shadow:none}body.rotation-disabled .skeleton-card{aspect-ratio:2 / 3.2}.skeleton-card:after,.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}html.dark-mode .skeleton-card:after,html.dark-mode .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}@media(max-width:768px){.skeleton-card:after,.skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}html.dark-mode .skeleton-card:after,html.dark-mode .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%)}}.skeleton-sidebar-header{width:60%;height:24px;margin:var(--space-sm) var(--space-xs);border-radius:var(--radius-sm)}.skeleton-sidebar-line{height:16px;margin-bottom:var(--space-xs);margin-inline-start:var(--space-sm);border-radius:var(--radius-sm)}.skeleton-sidebar-line:nth-of-type(1){width:70%}.skeleton-sidebar-line:nth-of-type(2){width:85%}.skeleton-sidebar-line:nth-of-type(3){width:60%}.pagination-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-xs)}.btn--pagination,.pagination-current{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-height, 40px);height:var(--btn-height, 40px);padding:0;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;user-select:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.pagination-current{background-color:var(--color-accent);color:var(--color-bg);cursor:default;box-shadow:0 2px 4px #0000001a}.btn--pagination:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--color-accent);color:var(--color-accent)}@media(max-width:768px){.pagination-arrow{display:none}}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:calc(var(--z-index-sidebar) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-duration-normal),visibility 0s linear var(--transition-duration-normal);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}body.sidebar-is-open .sidebar-overlay{opacity:1;visibility:visible;transition-delay:0s}@media(prefers-reduced-transparency:reduce){.sidebar-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#000000b3}}.no-results{grid-column:1 / -1;padding:var(--space-xl);color:var(--color-text-secondary);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.no-results-icon{width:64px;height:64px;margin-bottom:var(--space-md);color:var(--color-text-tertiary);opacity:.4}.no-results-icon svg{width:100%;height:100%;stroke-width:1.5}.no-results h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.no-results p{margin-top:0;margin-bottom:var(--space-lg);max-width:400px;line-height:1.6}.toast-container{position:fixed;bottom:var(--space-md);right:var(--space-lg);z-index:var(--z-index-toast);display:flex;flex-direction:column;gap:var(--space-xs);pointer-events:none}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);box-shadow:0 8px 16px #00000026;color:#fff;font-size:var(--font-size-sm);font-weight:700;animation:toast-in .4s var(--ease-spring),toast-out .4s ease 4.6s forwards;pointer-events:auto;display:flex;align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.toast--error{background-color:rgba(var(--color-error-rgb),.95);border-inline-start:4px solid #a71d2a}.toast--success{background-color:rgba(var(--color-success-rgb),.95);border-inline-start:4px solid #1e7e34}.toast--info{background-color:rgba(var(--color-info-rgb),.95);border-inline-start:4px solid #138496}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{to{transform:translate(100%);opacity:0}}@keyframes toast-in-mobile-top{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out-mobile-top{to{transform:translateY(-20px);opacity:0}}@media(max-width:768px),(max-height:500px){.toast-container{bottom:auto;top:calc(var(--mobile-header-height) + var(--space-xs));inset-inline:var(--space-md);align-items:center}.toast{width:100%;justify-content:center;animation-name:toast-in-mobile-top,toast-out-mobile-top}.btn--pagination,.pagination-current{min-width:var(--tap-target-size);height:var(--tap-target-size);font-size:1rem}}[data-loading]>*,.site-footer[data-loading]{opacity:0;visibility:hidden}.sidebar>*,.main-header>*,.site-footer{transition:opacity .3s ease-out,visibility 0s linear}