:root{--flixy-accent:#fff;--flixy-accent-2:#7c7c88;--flixy-glow-1:99,102,241;--flixy-glow-2:20,184,166;--flixy-bg-0:#05060a;--flixy-bg-1:#090b12;--flixy-bg-2:#020203;--flixy-like:#fb7185;--flixy-list:#fbbf24;--flixy-font:Inter,sans-serif;--flixy-header-rgb:9,10,16;--flixy-header-alpha:.58;--flixy-page-color:#020203;--flixy-page-image:none;--flixy-glass-tint:10,12,18;--flixy-glass-blur:14px;--flixy-glass-border:rgba(255,255,255,.24);--flixy-glass-highlight:rgba(255,255,255,.2);--flixy-glass-shadow:0 18px 48px rgba(0,0,0,.32);}
html,body{background:var(--flixy-bg-2);color:#ededf2;font-family:var(--flixy-font);}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .35s ease;background:transparent;}
body > *{position:relative;z-index:1;}
html[data-page-bg="solid"] body,html[data-page-bg="image"] body,html[data-page-bg="rotating"] body,html[data-page-bg="theme"] body{background:transparent!important;}
html[data-page-bg="solid"] body::after{opacity:1;background:var(--flixy-page-color);}
html[data-page-bg="image"] body::after,html[data-page-bg="rotating"] body::after{opacity:.72;background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.56)),var(--flixy-page-image);background-size:cover;background-position:center;background-attachment:fixed;}
html[data-page-bg="theme"] body::after{opacity:.78;background:radial-gradient(circle at 16% 8%,rgba(var(--flixy-glow-1),.16),transparent 32rem),radial-gradient(circle at 86% 12%,rgba(var(--flixy-glow-2),.12),transparent 34rem);}
html[data-theme="purple"] .glass-dark{background:linear-gradient(180deg,rgba(14,7,24,.96),rgba(4,2,8,.92));}
html[data-theme="red"] .glass-dark{background:linear-gradient(180deg,rgba(26,5,8,.96),rgba(5,1,2,.92));}
html[data-theme="purple"] .hero-bg{background:radial-gradient(80% 60% at 20% 10%, rgba(168,85,247,.22), transparent 60%),radial-gradient(60% 50% at 90% 20%, rgba(236,72,153,.14), transparent 60%),linear-gradient(180deg, #050507 0%, #000 100%);}
html[data-theme="red"] .hero-bg{background:radial-gradient(80% 60% at 20% 10%, rgba(239,68,68,.22), transparent 60%),radial-gradient(60% 50% at 90% 20%, rgba(249,115,22,.12), transparent 60%),linear-gradient(180deg, #050507 0%, #000 100%);}
.accent-bg{background:linear-gradient(135deg,var(--flixy-accent),var(--flixy-accent-2));}
.accent-text{color:var(--flixy-accent);}
.theme-bg{background:radial-gradient(circle at 16% 8%, rgba(var(--flixy-glow-1),.22), transparent 30rem),radial-gradient(circle at 86% 10%, rgba(var(--flixy-glow-2),.16), transparent 28rem),linear-gradient(180deg,var(--flixy-bg-0) 0%,var(--flixy-bg-1) 48%,var(--flixy-bg-2) 100%);}
.glass,.glass-strong,.glass-dark,.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.055) 38%,rgba(255,255,255,.025) 68%,rgba(255,255,255,.09) 100%),rgba(var(--flixy-glass-tint),.38);backdrop-filter:blur(var(--flixy-glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--flixy-glass-blur)) saturate(145%);border:1px solid var(--flixy-glass-border);box-shadow:var(--flixy-glass-shadow),inset 0 1px 0 var(--flixy-glass-highlight),inset 0 -1px 0 rgba(255,255,255,.055);}
.glass-strong{background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.06) 45%,rgba(255,255,255,.035) 72%,rgba(255,255,255,.11)),rgba(var(--flixy-glass-tint),.48);}
.glass-dark{background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.025) 58%,rgba(255,255,255,.06)),rgba(2,3,7,.62);}
.app-header{min-height:56px;max-width:calc(56rem + (var(--flixy-header-scale,.66) * 31rem));padding:calc(.42rem + (var(--flixy-header-scale,.66) * .34rem)) calc(.62rem + (var(--flixy-header-scale,.66) * .42rem));background:linear-gradient(115deg,rgba(255,255,255,.16),rgba(255,255,255,.045) 35%,rgba(255,255,255,.02) 70%,rgba(255,255,255,.09)),rgba(var(--flixy-header-rgb),.72);border-color:rgba(255,255,255,.22);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);box-shadow:0 18px 54px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.045)!important;transition:max-width .25s ease,padding .25s ease,border-radius .25s ease,background-color .25s ease,transform .25s ease,border-color .25s ease;contain:layout style;}
.app-header.is-scrolled{transform:translateY(-1px) scale(.995);background:linear-gradient(115deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 48%,rgba(255,255,255,.075)),rgba(var(--flixy-header-rgb),.8);border-color:rgba(255,255,255,.2);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);box-shadow:0 18px 46px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.16)!important;}
.app-header .chip{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),rgba(4,6,11,.24);border-color:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.app-header .nav-link{font-size:calc(11px + (var(--flixy-header-scale,.66) * 4px));padding:calc(.32rem + (var(--flixy-header-scale,.66) * .24rem)) calc(.58rem + (var(--flixy-header-scale,.66) * .42rem));}
.app-header .header-logo span,.app-header #profileBtn,.app-header a[href="/settings"],.app-header a[href="/about"],.app-header #mobileSearchBtn{width:calc(1.9rem + (var(--flixy-header-scale,.66) * .55rem));height:calc(1.9rem + (var(--flixy-header-scale,.66) * .55rem));}
html[data-header-layout="centered"] .app-header{justify-content:center;}
html[data-header-layout="centered"] .header-logo{margin-right:auto;}
html[data-header-layout="centered"] .header-actions{margin-left:auto;}
html[data-header-layout="nav-left"] .header-nav{order:-1;margin-left:.25rem;}
html[data-header-layout="nav-left"] .header-logo{order:0;}
html[data-header-button-mode="search-left"] .header-search{order:-1;max-width:26rem;}
html[data-header-button-mode="minimal"] .app-header a[href="/about"]{display:none;}
html[data-theme="ocean"] .hero-bg{background:radial-gradient(80% 60% at 18% 8%,rgba(56,189,248,.22),transparent 60%),radial-gradient(60% 50% at 88% 18%,rgba(20,184,166,.16),transparent 60%),linear-gradient(180deg,#031018,#010609);}
html[data-theme="emerald"] .hero-bg{background:radial-gradient(80% 60% at 18% 8%,rgba(52,211,153,.2),transparent 60%),radial-gradient(60% 50% at 88% 18%,rgba(163,230,53,.14),transparent 60%),linear-gradient(180deg,#04130c,#010604);}
html[data-theme="gold"] .hero-bg{background:radial-gradient(80% 60% at 18% 8%,rgba(250,204,21,.2),transparent 60%),radial-gradient(60% 50% at 88% 18%,rgba(251,146,60,.14),transparent 60%),linear-gradient(180deg,#141006,#060402);}
html[data-theme="frost"] .hero-bg{background:radial-gradient(80% 60% at 18% 8%,rgba(191,219,254,.18),transparent 60%),radial-gradient(60% 50% at 88% 18%,rgba(196,181,253,.14),transparent 60%),linear-gradient(180deg,#07111f,#02060d);}
html[data-theme="neon"] .hero-bg{background:radial-gradient(80% 60% at 18% 8%,rgba(34,211,238,.18),transparent 60%),radial-gradient(60% 50% at 88% 18%,rgba(240,171,252,.16),transparent 60%),linear-gradient(180deg,#050614,#02020a);}
.shadow-glass{box-shadow:0 20px 60px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06);}
.modal-backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.genre-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .65rem;border-radius:9999px;font-size:11px;font-weight:500;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.85);transition:background .2s,border-color .2s,transform .2s;}
.genre-chip:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);transform:translateY(-1px);}
.settings-section{transition:transform .25s ease,box-shadow .25s ease;}
.settings-section:hover{box-shadow:0 16px 48px -16px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.05);}
.fyp-card{position:relative;border-radius:1rem;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;}
.fyp-card,.library-card,#resultsGrid>a,.movie-tile,.person-row{content-visibility:auto;contain-intrinsic-size:auto 340px;}
img{content-visibility:auto;}
.fyp-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 48px -16px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);}
.fyp-hide{position:absolute;top:.5rem;right:.5rem;z-index:10;width:1.75rem;height:1.75rem;border-radius:9999px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;transition:opacity .2s,background .2s;}
.fyp-card:hover .fyp-hide{opacity:1;}
.fyp-hide:hover{background:rgba(245,158,11,.85);}
.chip{background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);}
.chip:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.045));border-color:rgba(255,255,255,.23);}
.action-like:hover,.action-like.is-active{background:color-mix(in srgb, var(--flixy-like) 20%, transparent)!important;border-color:color-mix(in srgb, var(--flixy-like) 42%, transparent)!important;color:var(--flixy-like)!important;}
.action-list:hover,.action-list.is-active{background:color-mix(in srgb, var(--flixy-list) 20%, transparent)!important;border-color:color-mix(in srgb, var(--flixy-list) 42%, transparent)!important;color:var(--flixy-list)!important;}
.action-primary{background:linear-gradient(135deg,var(--flixy-accent),var(--flixy-accent-2));color:#05060a;border:0;}
.action-primary:hover{filter:brightness(1.06);}
.ring-soft{box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 20px 60px -20px rgba(0,0,0,.7);}
.hero-bg{background:radial-gradient(80% 60% at 20% 10%, rgba(99,102,241,.18), transparent 60%),radial-gradient(60% 50% at 90% 20%, rgba(236,72,153,.12), transparent 60%),linear-gradient(180deg, #050507 0%, #000 100%);}
*{scrollbar-width:none;-ms-overflow-style:none;}
*::-webkit-scrollbar{display:none;width:0;height:0;}
.scroll-row{scrollbar-width:none;padding-top:18px!important;padding-bottom:24px!important;margin-top:-18px!important;margin-bottom:-24px!important;isolation:isolate;}
.scroll-row>[data-media-card],.scroll-row>.card-hover,.scroll-row>.cw-card{position:relative;z-index:1;transform-origin:center center;}
.scroll-row>[data-media-card]:hover,.scroll-row>.card-hover:hover,.scroll-row>.cw-card:hover{z-index:30;}
.scroll-row::-webkit-scrollbar{display:none;}

/* Progress ring around logo for Continue Watching */
.progress-ring{position:relative;display:inline-grid;place-items:center;}
.progress-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);}
.progress-ring .track{fill:none;stroke:rgba(255,255,255,.15);stroke-width:3;}
.progress-ring .bar{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .4s ease;}

/* Premium select dropdown */
.premium-select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:9999px;padding:.5rem 2rem .5rem 1rem;font-size:13px;font-weight:500;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .65rem center;}
.premium-select:hover{background-color:rgba(255,255,255,.08);}
.premium-select option{background:#0a0a0e;color:#fff;}
.flixy-select{position:relative;display:inline-block;vertical-align:middle;max-width:100%;}
.flixy-select.w-full{display:block;width:100%;}
.flixy-select-native{position:absolute!important;inset:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.flixy-select-button{width:100%;min-height:2.45rem;display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035)),rgba(8,10,16,.42);box-shadow:0 12px 32px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);padding:.55rem .78rem .55rem 1rem;font-size:13px;font-weight:750;line-height:1;cursor:pointer;outline:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease;}
.flixy-select-button:hover,.flixy-select.open .flixy-select-button{background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07)),rgba(12,14,22,.7);border-color:rgba(147,197,253,.3);box-shadow:0 22px 58px rgba(0,0,0,.36),0 0 0 1px rgba(147,197,253,.08),inset 0 1px 0 rgba(255,255,255,.24);filter:brightness(1.06);}
.flixy-select-button:active{transform:scale(.98);}
.flixy-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.flixy-select-caret{width:1rem;height:1rem;flex:0 0 auto;color:rgba(255,255,255,.76);transition:transform .18s ease,color .18s ease;}
.flixy-select.open .flixy-select-caret{transform:rotate(180deg);color:#fff;}
.flixy-select-menu{position:fixed;z-index:35000;display:none;min-width:10rem;max-height:min(22rem,48vh);overflow:auto;padding:.35rem;border-radius:1rem;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.035)),rgba(5,7,13,.72);box-shadow:0 24px 64px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);animation:flixySelectOpen .16s cubic-bezier(.2,.8,.2,1) both;}
.flixy-select.open,.cine-dropdown:has(.cine-menu.open){z-index:36000!important}
.flixy-select-menu.open{display:block;}
.flixy-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:0;border-radius:.78rem;background:transparent;color:rgba(255,255,255,.78);padding:.72rem .78rem;text-align:left;font-size:13px;font-weight:760;line-height:1.1;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;}
.flixy-select-option:hover,.flixy-select-option.active{background:rgba(255,255,255,.12);color:#fff;}
.flixy-select-option:hover{transform:translateY(-1px);}
.flixy-select-option.active::after{content:"";width:.42rem;height:.42rem;border-radius:9999px;background:linear-gradient(135deg,var(--flixy-accent),var(--flixy-accent-2));box-shadow:0 0 16px rgba(var(--flixy-glow-1),.55);flex:0 0 auto;}
.flixy-select-option[aria-disabled="true"]{opacity:.4;cursor:not-allowed;pointer-events:none;}
.flixy-select--source .flixy-select-button{min-width:172px;min-height:2.9rem;padding:.78rem .95rem .78rem 1.05rem;font-size:12px;font-weight:900;letter-spacing:.01em;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(148,163,184,.07) 42%,rgba(255,255,255,.045)),linear-gradient(180deg,rgba(11,12,17,.72),rgba(4,5,9,.56));box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.05);}
@keyframes flixySelectOpen{from{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(4px);}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}}

/* Switch */
.switch{position:relative;width:36px;height:20px;background:rgba(255,255,255,.08);border-radius:9999px;cursor:pointer;transition:background .2s;}
.switch.on{background:#fff;}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:9999px;background:#fff;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.4);}
.switch.on::after{transform:translateX(16px);background:#000;}
.card-hover,[data-media-card]{transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s ease;will-change:transform;}
.flixy-poster-meta-line{display:flex;align-items:center;gap:.38rem;min-width:0;margin-top:.34rem;color:rgba(255,255,255,.7);white-space:nowrap;font-size:.62rem;font-weight:850;line-height:1}
.flixy-poster-meta-primary,.flixy-poster-meta-year,.flixy-poster-meta-type{display:inline-flex;align-items:center;flex:0 0 auto}.flixy-poster-meta-primary{gap:.2rem;color:#fff}.flixy-poster-meta-primary b{color:#facc15;font-size:.72rem}.flixy-poster-meta-primary strong{font:inherit}
.flixy-poster-meta-year:not(:empty)::before,.flixy-poster-meta-type::before{content:"";display:inline-block;width:2px;height:2px;margin-right:.38rem;border-radius:50%;background:rgba(255,255,255,.4)}
.flixy-poster-meta-type{color:rgba(255,255,255,.52);letter-spacing:.08em}
.flixy-title-peek{--flixy-peek-left:12px;--flixy-peek-top:12px;position:fixed;z-index:42000;left:var(--flixy-peek-left);top:var(--flixy-peek-top);width:min(20rem,calc(100vw - 2rem));overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:.9rem;background:linear-gradient(145deg,rgba(24,26,33,.96),rgba(7,8,12,.98));box-shadow:0 24px 64px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.1);color:#fff;pointer-events:none;opacity:0;transform:translate3d(0,7px,0) scale(.978);transform-origin:left center;visibility:hidden;transition:opacity .16s ease,transform .22s cubic-bezier(.2,.9,.2,1),visibility 0s linear .22s;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.flixy-title-peek[data-side="left"]{transform-origin:right center}.flixy-title-peek.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);visibility:visible;transition-delay:0s}
.flixy-title-peek-art{position:relative;display:block;aspect-ratio:16/8;overflow:hidden;background:#12141a}.flixy-title-peek-art::after{content:"";position:absolute;z-index:3;inset:48% 0 0;background:linear-gradient(transparent,rgba(7,8,12,.96))}.flixy-title-peek-art img,.flixy-title-peek-art video,.flixy-title-peek-art iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}.flixy-title-peek-art img{z-index:1}.flixy-title-peek-art video,.flixy-title-peek-art iframe{z-index:2;opacity:0;transition:opacity .24s ease;pointer-events:none}.flixy-title-peek.has-native-video .flixy-title-peek-art video,.flixy-title-peek.has-embed-video .flixy-title-peek-art iframe{opacity:1}.flixy-title-peek-media-label{position:absolute;z-index:4;right:.55rem;top:.5rem;padding:.24rem .38rem;border:1px solid rgba(255,255,255,.2);border-radius:.35rem;background:rgba(0,0,0,.52);color:rgba(255,255,255,.78);font-size:.48rem;font-weight:950;letter-spacing:.08em;opacity:0}.flixy-title-peek.has-native-video .flixy-title-peek-media-label,.flixy-title-peek.has-embed-video .flixy-title-peek-media-label{opacity:1}
.flixy-title-peek-body{display:flex;flex-direction:column;gap:.52rem;padding:.12rem .85rem .85rem}.flixy-title-peek-kicker{color:var(--flixy-accent,#ff5b00);font-size:.52rem;font-weight:950;letter-spacing:.17em}.flixy-title-peek-title{font-size:1rem;line-height:1.1;letter-spacing:-.018em}.flixy-title-peek-facts{display:flex;align-items:center;gap:.44rem;color:rgba(255,255,255,.58);font-size:.62rem;font-weight:850;letter-spacing:.04em}.flixy-title-peek-score{color:#fff}.flixy-title-peek-score::first-letter{color:#facc15}.flixy-title-peek-overview{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:rgba(255,255,255,.72);font-size:.69rem;line-height:1.45}.flixy-title-peek-action{display:flex;align-items:center;justify-content:space-between;padding-top:.52rem;border-top:1px solid rgba(255,255,255,.09);font-size:.65rem;font-weight:900}.flixy-title-peek-action b{color:var(--flixy-accent,#ff5b00);font-size:.85rem}
html[data-hover-cards="off"] .flixy-title-peek{display:none}
@media(hover:none),(pointer:coarse),(max-width:760px){.flixy-title-peek{display:none!important}}
@media(prefers-reduced-motion:reduce){.flixy-title-peek{transition:opacity .01ms linear}}
.gradient-text{background:linear-gradient(135deg,#fff 0%,#b4b7ff 60%,#8b8cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.poster{background:linear-gradient(135deg,#1b1f2c, #0d0f17);}
.nav-link{position:relative;}
.nav-link::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--flixy-accent),var(--flixy-accent-2));transition:.25s;transform:translateX(-50%);border-radius:2px;}
.nav-link:hover::after,.nav-link.active::after{width:60%;}
.nav-link.active{color:#fff;}
.header-nav .anime-nav-word{position:relative;display:inline-block;}
.header-nav .anime-nav-word::before{content:'✿';position:absolute;left:-.38rem;top:-.7rem;font-size:.65rem;line-height:1;color:#ff9bc0;text-shadow:0 0 12px rgba(255,132,182,.85);transform:rotate(-18deg);pointer-events:none;}
html[data-nav-label-mode="icons"] .header-nav .anime-nav-link::before{content:'✿';position:absolute;left:.48rem;top:.18rem;font-size:.58rem;line-height:1;color:#ff9bc0;text-shadow:0 0 10px rgba(255,132,182,.85);z-index:1;pointer-events:none;}
html[data-nav-label-mode="icons"] .header-nav .nav-link{display:grid;place-items:center;width:2.35rem;height:2.35rem;padding:0!important;}
html[data-nav-label-mode="icons"] .header-nav .nav-icon{display:block!important;}
html[data-nav-label-mode="icons"] .header-nav .nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
html[data-nav-label-mode="icons"] .header-nav .nav-link::after{bottom:.2rem;}
.flixy-sidebar-hotzone{width:72px;}
.flixy-sidebar{width:min(21rem,86vw);background:linear-gradient(120deg,rgba(255,255,255,.17),rgba(255,255,255,.045) 42%,rgba(255,255,255,.09)),rgba(var(--flixy-header-rgb),.48);border-right:1px solid rgba(255,255,255,.24);box-shadow:24px 0 64px rgba(0,0,0,.42),inset -1px 0 0 rgba(255,255,255,.12);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);opacity:0;transform:translate3d(-102%,0,0);transition:opacity .28s ease .12s,transform .46s cubic-bezier(.22,1,.36,1) .12s;pointer-events:auto;will-change:transform,opacity;contain:layout paint;}
.flixy-sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(var(--flixy-glow-1),.18),transparent 16rem),radial-gradient(circle at 82% 20%,rgba(var(--flixy-glow-2),.12),transparent 18rem);opacity:.9}
.flixy-sidebar>*{position:relative;z-index:1}
html[data-nav-style="sidebar"] .flixy-sidebar-hotzone:hover + .flixy-sidebar,html[data-nav-style="sidebar"] .flixy-sidebar:hover{opacity:1;transform:translate3d(0,0,0);transition-delay:0s;}
.flixy-sidebar .sidebar-link{display:flex;align-items:center;gap:.8rem;border-radius:1rem;min-height:2.8rem;color:rgba(255,255,255,.72);white-space:nowrap;}
.flixy-sidebar .sidebar-link:hover,.flixy-sidebar .sidebar-link.active{background:rgba(255,255,255,.08);color:#fff;}
.flixy-sidebar .sidebar-link .nav-icon{display:block!important;}
.flixy-sidebar .sidebar-link .nav-label{opacity:1;max-width:10rem;overflow:hidden;}
html[data-nav-style="sidebar"] body > div:has(> header){display:none!important;}
html[data-nav-style="sidebar"] .flixy-sidebar{display:flex!important;}
html[data-nav-style="sidebar"] .flixy-sidebar-hotzone{display:block!important;}
html[data-nav-style="sidebar"] body{padding-left:0;}
html[data-nav-style="header"] .flixy-sidebar,html[data-nav-style="header"] .flixy-sidebar-hotzone{display:none!important;}
.row-arrow{display:none!important;}
.flixy-command-backdrop{position:fixed;inset:0;z-index:30000;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:8vh 1rem 1rem;}
.flixy-command-backdrop.open{display:flex;}
.flixy-command-panel{width:min(740px,100%);border-radius:1.1rem;background:rgba(8,9,13,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;animation:flixyFadeLift .18s cubic-bezier(.2,.8,.2,1) both;}
.flixy-command-search{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.09);}
.flixy-command-search input{flex:1;background:transparent;border:0;outline:0;color:white;font-size:1rem;font-weight:700;}
.flixy-command-search input::placeholder{color:rgba(255,255,255,.42);}
.flixy-command-list{max-height:min(58vh,500px);overflow-y:auto;padding:.45rem;contain:content;overscroll-behavior:contain;scrollbar-width:thin;}
.flixy-command-item{width:100%;display:flex;align-items:center;gap:.75rem;border-radius:.8rem;padding:.7rem .78rem;text-align:left;color:rgba(255,255,255,.82);transition:background-color .12s ease,color .12s ease;}
.flixy-command-item:hover,.flixy-command-item.active{background:rgba(255,255,255,.1);color:white;}
.flixy-command-icon{width:2rem;height:2rem;border-radius:.7rem;display:grid;place-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);flex:0 0 auto;}
.flixy-command-kbd{font-size:10px;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.2rem .45rem;background:rgba(255,255,255,.045);}
.smart-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.45rem .75rem;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:700;color:rgba(255,255,255,.76);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.smart-chip:hover,.smart-chip.active{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);color:white;transform:translateY(-1px);}
.card-hover,.cw-card{transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease,filter .24s ease;}
.cw-card:hover{transform:translate3d(0,-7px,18px) scale(1.025);box-shadow:0 28px 64px -22px rgba(0,0,0,.9);}
.cw-remove-btn{opacity:0!important;pointer-events:none!important}.cw-card:hover .cw-remove-btn,.cw-card:focus-within .cw-remove-btn{opacity:1!important;pointer-events:auto!important}
.cw-card-progress{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
.cw-card:hover .cw-card-progress,.cw-card:focus-within .cw-card-progress{opacity:1;transform:translateY(0);}
.cw-removing{pointer-events:none;animation:cwRemove .26s cubic-bezier(.4,0,.2,1) forwards;}
@keyframes cwRemove{to{opacity:0;transform:translateY(14px) scale(.92);filter:blur(4px);margin-right:-10rem;}}
@keyframes softRise{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
.settings-card{animation:softRise .42s ease both;}
@keyframes flixyFadeLift{from{opacity:0;transform:translateY(14px) scale(.99);filter:blur(6px);}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}}
.glass-panel,.glass-strong,.settings-section,.episode-card,.watch-poster-card,.library-card{animation:flixyFadeLift .42s cubic-bezier(.2,.8,.2,1) both;}
.glass-panel:hover,.glass-strong:hover,.settings-section:hover{border-color:rgba(255,255,255,.3);box-shadow:0 20px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.24);}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.glass-strong,.glass-dark,.glass-panel,.app-header,.flixy-sidebar,.flixy-select-button,.flixy-select-menu{background:rgba(12,14,20,.94);}}
html[data-data-saver="on"] .glass,html[data-data-saver="on"] .glass-strong,html[data-data-saver="on"] .glass-dark,html[data-data-saver="on"] .glass-panel,html[data-data-saver="on"] .app-header,html[data-data-saver="on"] .flixy-sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;}
.chip,.btn-primary,.btn-secondary,.premium-select,.source-select{transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;}
.chip:active,.btn-primary:active,.btn-secondary:active,.action-primary:active,.action-like:active,.action-list:active{transform:scale(.97);}
.nav-link,.genre-chip,.episode-watch-toggle{transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease,color .2s ease,background .2s ease,border-color .2s ease;}
.nav-link:hover{transform:translateY(-1px);}
.genre-chip:active,.episode-watch-toggle:active{transform:scale(.96);}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
html[data-density="compact"] .media-card-copy{margin-top:.35rem!important;}
html[data-density="compact"] .content-grid{gap:.65rem!important;}
@media(min-width:768px){html[data-density="compact"] .scroll-row{gap:.65rem!important}html[data-density="compact"] .scroll-row>[data-media-card],html[data-density="compact"] .scroll-row>.cw-card,html[data-density="compact"] .scroll-row>.card-hover{width:9.2rem!important;min-width:9.2rem!important}html[data-density="spacious"] .scroll-row{gap:1.5rem!important}html[data-density="spacious"] .scroll-row>[data-media-card],html[data-density="spacious"] .scroll-row>.cw-card,html[data-density="spacious"] .scroll-row>.card-hover{width:12.2rem!important;min-width:12.2rem!important}html[data-density="spacious"] .content-grid{gap:1.5rem!important}}
html[data-data-saver="on"] video:not([controls]){display:none!important;}
html[data-data-saver="on"] .hero-video,html[data-data-saver="on"] .motion-heavy{display:none!important;}
html[data-flixy-focus="on"] .hero-bg,html[data-flixy-focus="on"] .bg-video{filter:brightness(.55) saturate(.72)!important;}
html[data-flixy-focus="on"] .fyp-card:not(:hover),html[data-flixy-focus="on"] .media-card:not(:hover){opacity:.82;}
html[data-flixy-card-meta="off"] .media-card-copy span,html[data-flixy-card-meta="off"] .movie-tile>span{display:none!important;}
:root{--flixy-poster-scale:1}.media-card,.movie-tile{transform-origin:center bottom}.content-grid .media-card img,.movie-tile img{transform:scale(var(--flixy-poster-scale));}
html[data-flixy-ambient="off"] body::before{display:none!important;}
@keyframes pageArrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
main{animation:pageArrival .35s cubic-bezier(.2,.8,.2,1) both;}
.drag-item{will-change:transform,opacity;}
.drag-item.dragging{opacity:.72!important;transform:scale(1.035) rotate(.4deg)!important;box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.18)!important;}
.drag-item.drag-over{transform:translateY(3px);box-shadow:inset 0 0 0 1px rgba(20,184,166,.65),0 14px 40px rgba(20,184,166,.12)!important;}
.flixy-toast{opacity:0;transform:translateY(12px) scale(.96);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);}
.flixy-toast.show{opacity:1;transform:translateY(0) scale(1);}
.live-dot{width:6px;height:6px;border-radius:9999px;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:pulse 1.6s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7);}70%{box-shadow:0 0 0 8px rgba(239,68,68,0);}100%{box-shadow:0 0 0 0 rgba(239,68,68,0);}}
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer 1.4s infinite;}
@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* Persistent floating header. Its wrapper never catches clicks outside the visible pill. */
.flixy-header-wrap{pointer-events:none!important;}
.flixy-header-wrap>header{pointer-events:auto!important;}
.flixy-mp-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#292c32}
.flixy-mp-live-actions button{min-height:42px;border:0;background:#171a20;color:#f5f2eb;font-size:.7rem;font-weight:850}
.flixy-mp-live-actions button:hover{background:#22262e}
body > .flixy-header-wrap{opacity:1!important;transform:none!important;filter:none!important;z-index:9000!important;}
body.header-hidden > .flixy-header-wrap,
body.immersive-header.header-hidden > .flixy-header-wrap{opacity:1!important;transform:none!important;pointer-events:none!important;}
#profileMenu{
  z-index:9500!important;
  right:auto!important;
  transform-origin:top right!important;
  pointer-events:auto!important;
}
#profileMenu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  height:12px;
}
.app-header .header-nav{gap:.1rem;}
.app-header #headerActions{gap:.3rem;margin-left:.15rem;}
/* Anime Studio deliberately keeps the global navigation visible so its floral Anime label remains a real header detail. */
body.anime-studio.immersive-header > div:has(> header){opacity:1!important;transform:none!important;pointer-events:auto!important;}
body.anime-studio #cookieBar{display:none!important;}
@media (max-width:640px){
  #cookieBar{bottom:calc(4.85rem + env(safe-area-inset-bottom))!important;padding-inline:.65rem!important}
  #cookieBar>div{width:100%;max-width:23rem;padding:.62rem .72rem!important;gap:.5rem!important}
  #cookieBar p{font-size:.68rem!important;line-height:1.28!important}
  #cookieBar button{min-height:34px;flex:0 0 auto}
}
body.immersive-header:has(#profileMenu:not(.hidden)) > div:has(> header),
body.immersive-header:has(#searchDropdown:not(.hidden)) > div:has(> header),
body.immersive-header:has(#navSearch:focus) > div:has(> header){opacity:1;transform:translateY(0);pointer-events:auto;}
body.header-clear > div:has(> header) header,
body.header-clear > div:has(> header) header.glass-panel {
  background: linear-gradient(115deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 70%),rgba(5,7,12,.58) !important;
  backdrop-filter: blur(15px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(15px) saturate(135%) !important;
  border-color: rgba(255,255,255,.15) !important;
  box-shadow: 0 16px 46px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.1) !important;
}
body.header-clear > div:has(> header) .chip,
body.header-clear > div:has(> header) .glass-panel,
body.header-clear > div:has(> header) #searchDropdown,
body.header-clear > div:has(> header) #profileMenu {
  background: rgba(8, 8, 12, 0.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* 2026 liquid-glass system: one material for every legacy glass surface. */
:is(
  .profile-hero,.profile-panel,.banner-upload-btn,
  .library-shell,.library-card,.stat-card,.import-match,
  .settings-card,.settings-section,.settings-nav,.settings-pane,
  .search-shell,.search-filter-panel,.filter-drawer,
  .watch-lower-section,.watch-section-shell,.cast-toggle,.review-card,
  .episode-card,.episode-link,.player-shell,.source-select,
  #metadataCard,#seasonDropdownBtn,#seasonDropdownMenu,#episodeSearch,
  .choice,.search-shell,.glass-container,.premium-select
){
  background:linear-gradient(135deg,rgba(255,255,255,.145),rgba(255,255,255,.048) 42%,rgba(255,255,255,.022) 70%,rgba(255,255,255,.085)),rgba(var(--flixy-glass-tint),.4)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
}
:is(.watch-lower-section,.watch-section-shell,.profile-hero,.profile-panel,.library-shell,.settings-section){
  border-color:rgba(255,255,255,.18)!important;
}
body.anime-player-mode :is(.player-shell,.source-select,.episode-card),
body.anime-watch-mode :is(.watch-section-shell,.episode-link){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media (max-width:760px){
  :root{--flixy-glass-blur:10px}
  :is(.profile-hero,.profile-panel,.library-shell,.settings-section,.watch-section-shell,.player-shell){backdrop-filter:blur(10px) saturate(135%)!important;-webkit-backdrop-filter:blur(10px) saturate(135%)!important;}
}

/* Mobile navigation: the streaming catalog stays primary, while every side
   destination remains one tap away. */
.mobile-nav-backdrop{border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mobile-nav-drawer{display:flex;flex-direction:column;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#090b10;border-right:1px solid rgba(255,255,255,.12);box-shadow:28px 0 70px rgba(0,0,0,.58);overflow:auto;transform:translateX(-102%);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.mobile-nav-overlay.is-open .mobile-nav-drawer{transform:none}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem .2rem 1rem;border-bottom:1px solid rgba(255,255,255,.09)}
.mobile-nav-brand{display:flex;align-items:center;gap:.7rem;color:#fff;font-size:1.1rem;font-weight:850;text-decoration:none}.mobile-nav-brand img{width:2.5rem;height:2.5rem;object-fit:contain}.mobile-nav-head button{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:rgba(255,255,255,.07);color:#fff}.mobile-nav-head svg{width:1.1rem;height:1.1rem}
.mobile-nav-kicker{margin:1.25rem .55rem .55rem;color:rgba(255,255,255,.38);font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.mobile-nav-links{display:grid;gap:.25rem}.mobile-nav-links a{position:relative;display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.8rem;min-height:3.25rem;padding:.55rem .7rem;border-radius:.8rem;color:rgba(255,255,255,.7);text-decoration:none;font-weight:720}.mobile-nav-links a:hover,.mobile-nav-links a.active{background:rgba(255,255,255,.075);color:#fff}.mobile-nav-links a.active::before{content:"";position:absolute;left:0;top:.75rem;bottom:.75rem;width:3px;border-radius:3px;background:var(--flixy-accent)}.mobile-nav-links svg{width:1.05rem;height:1.05rem}.mobile-nav-links small{color:#ffb48c;font-size:.61rem;font-weight:750;letter-spacing:.04em}
.mobile-nav-utility{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:auto;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.09)}.mobile-nav-utility a{display:flex;align-items:center;gap:.55rem;min-height:2.8rem;padding:.65rem;border-radius:.7rem;background:rgba(255,255,255,.04);color:rgba(255,255,255,.68);font-size:.78rem;font-weight:700;text-decoration:none}.mobile-nav-utility svg{width:.95rem;height:.95rem}
body.mobile-nav-open{overflow:hidden}
@media (max-width:1023px){body.immersive-header.header-hidden > div:has(> header),body.immersive-header > div:has(> header){opacity:1!important;transform:none!important;pointer-events:auto!important}.desktop-header-action{display:none!important}.app-header{max-width:44rem!important}.mobile-menu-button{flex:0 0 auto}}
@media (max-width:420px){.flixy-header-wrap{top:.55rem!important;padding-inline:.55rem!important}.app-header{gap:.25rem!important;padding:.4rem!important}.app-header .header-logo{padding-inline:.15rem!important}.app-header .header-logo span{width:2.15rem!important;height:2.15rem!important}.app-header .header-logo img{width:1.9rem!important;height:1.9rem!important}.app-header #mobileSearchBtn,.app-header #profileBtn,.mobile-menu-button{width:2.3rem!important;height:2.3rem!important}.header-actions{gap:.25rem!important}.mobile-nav-drawer{width:min(20rem,92vw)}}

/* First-run tour: a stable dock, accurate routes, and a guaranteed exit. */
#flixyWelcomeTour{position:fixed;inset:0;z-index:50000;pointer-events:none;background:linear-gradient(180deg,rgba(1,2,5,.42),rgba(1,2,5,.74));animation:tourFade .18s ease both;}
.flixy-tour-target{position:relative!important;outline:2px solid #f6c85f!important;outline-offset:7px;border-radius:inherit;box-shadow:0 0 0 10px rgba(246,200,95,.13),0 0 42px rgba(246,200,95,.2)!important;}
body.tour-active.immersive-header > div:has(> header){opacity:1!important;transform:none!important;pointer-events:auto!important;}
.flixy-sidebar.tour-peek{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;}
.flixy-tour-card{position:fixed;z-index:50003;left:50%;bottom:clamp(1rem,3vw,2rem);transform:translateX(-50%);pointer-events:auto;width:min(46rem,calc(100vw - 2rem));padding:1.15rem 1.25rem 1rem;border:1px solid rgba(255,255,255,.17);border-radius:1rem;background:#111318;color:#fff;box-shadow:0 26px 80px rgba(0,0,0,.6);animation:tourDock .24s cubic-bezier(.2,.8,.2,1) both;}
.flixy-tour-close{position:absolute;right:.7rem;top:.7rem;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:.45rem;background:transparent;color:rgba(255,255,255,.55);cursor:pointer}.flixy-tour-close:hover{background:rgba(255,255,255,.08);color:#fff}.flixy-tour-close svg{width:1rem;height:1rem}
.flixy-tour-progress{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;margin:0 2.5rem .8rem 0}.flixy-tour-progress span{height:2px;background:rgba(255,255,255,.14)}.flixy-tour-progress span.is-complete{background:#f6c85f}
.flixy-tour-kicker{font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;color:#f6c85f;font-weight:800;}
.flixy-tour-card h2{margin:.35rem 0 .35rem;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800;letter-spacing:-.025em;}
.flixy-tour-card p{margin:0;max-width:39rem;color:rgba(255,255,255,.62);font-size:.8rem;line-height:1.5;}
.flixy-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.flixy-tour-actions>div{display:flex;align-items:center;gap:.4rem}
.flixy-tour-actions button{min-height:2.35rem;border:0;border-radius:.55rem;background:transparent;color:rgba(255,255,255,.58);font-size:.75rem;font-weight:750;cursor:pointer;padding:.45rem .7rem}.flixy-tour-actions button:hover{background:rgba(255,255,255,.07);color:#fff}
.flixy-tour-actions .tour-next{display:inline-flex;align-items:center;gap:.45rem;background:#f4f4f2;color:#101116;padding:.5rem .85rem}.flixy-tour-actions .tour-next:hover{background:#fff;color:#050608}.flixy-tour-actions .tour-next svg{width:.9rem;height:.9rem}
@keyframes tourFade{from{opacity:0}to{opacity:1}}@keyframes tourDock{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:640px){.flixy-tour-card{bottom:.75rem;width:calc(100vw - 1.5rem);padding:1rem}.flixy-tour-actions{align-items:flex-end}.flixy-tour-actions>div{flex-direction:column-reverse;align-items:stretch}.flixy-tour-actions button{min-height:2.6rem}.flixy-tour-actions .tour-next{justify-content:center}.flixy-tour-target{outline-offset:3px!important}}


/* iPhone streaming layout --------------------------------------------------
   Narrow phones use a compact Netflix-style browsing density: controls float
   at the safe-area edges, rows expose four-plus posters, and the hero no longer
   consumes the entire first screen. Tablet and desktop layouts are unchanged. */
@media (max-width: 640px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }

  .flixy-header-wrap {
    top: max(.45rem, env(safe-area-inset-top)) !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 .65rem !important;
    justify-content: space-between !important;
    pointer-events: none !important;
  }
  .app-header,
  body.header-clear > div:has(> header) header,
  body.header-clear > div:has(> header) header.glass-panel {
    width: 100% !important;
    max-width: none !important;
    min-height: 2.65rem !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
  }
  .app-header .header-logo,
  .app-header #profileBtn,
  .app-header #commandPaletteBtn,
  .app-header .desktop-header-action { display: none !important; }
  .app-header .mobile-menu-button,
  .app-header #mobileSearchBtn {
    display: grid !important;
    width: 2.65rem !important;
    height: 2.65rem !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: rgba(7,8,12,.72) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.1) !important;
    backdrop-filter: blur(14px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
    pointer-events: auto !important;
  }
  .app-header .mobile-menu-button { order: -2; }
  .app-header #headerActions { margin-left: auto !important; pointer-events: none !important; }
  .app-header #mobileSearchBtn { pointer-events: auto !important; }
  .app-header .mobile-menu-button svg,
  .app-header #mobileSearchBtn svg { width: 1.05rem !important; height: 1.05rem !important; }

  #mobileSearchOverlay > div {
    padding: max(.7rem, env(safe-area-inset-top)) .8rem max(1rem, env(safe-area-inset-bottom)) !important;
  }
  #mobileSearchOverlay .glass-panel { border-radius: 1rem !important; }
  #mobileSearchResults { overscroll-behavior: contain; }
  .mobile-nav-drawer { width: min(20rem, 88vw) !important; }

  /* Homepage hero: one strong billboard, then the catalog immediately. */
  #hero {
    min-height: 61svh !important;
    height: 61svh !important;
    padding: max(4.25rem, calc(env(safe-area-inset-top) + 3.45rem)) .8rem 2.15rem !important;
  }
  #heroContent { align-items: end !important; gap: .5rem !important; }
  #heroContent > div { max-width: 87% !important; gap: .38rem !important; }
  #heroContent h1 { font-size: clamp(1.55rem, 8.1vw, 2.15rem) !important; line-height: .98 !important; }
  #heroContent p { max-width: 22rem !important; font-size: .68rem !important; line-height: 1.35 !important; -webkit-line-clamp: 2 !important; }
  #heroContent a, #heroContent button { min-height: 2rem !important; padding-top: .38rem !important; padding-bottom: .38rem !important; font-size: .66rem !important; }
  #heroDots { bottom: .8rem !important; gap: .3rem !important; }
  #heroDots button { height: .18rem !important; width: .95rem !important; }

  main.px-6 { padding-left: .7rem !important; padding-right: .7rem !important; }
  main.py-10 { padding-top: 1rem !important; padding-bottom: calc(2.5rem + env(safe-area-inset-bottom)) !important; }
  main.space-y-12 > :not([hidden]) ~ :not([hidden]),
  #rows.space-y-12 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.35rem !important; }
  #rows { width: 100% !important; }
  #rows section > .flex.items-end.justify-between { margin-bottom: .55rem !important; align-items: center !important; }
  #rows h2 { font-size: .98rem !important; letter-spacing: -.02em !important; }
  #rows h2 + p { display: none !important; }
  #rows .text-sm { font-size: .68rem !important; }

  /* 4.2 portrait cards are visible on a 390pt iPhone viewport. */
  .scroll-row {
    gap: .42rem !important;
    margin-left: -.05rem !important;
    padding-left: .05rem !important;
    padding-right: .7rem !important;
    scroll-padding-inline: .7rem !important;
    scrollbar-width: none !important;
  }
  .scroll-row::-webkit-scrollbar { display: none !important; }
  .scroll-row > [data-media-card],
  .scroll-row > .cw-card,
  .scroll-row > a.relative.flex-shrink-0,
  .scroll-row > div.relative.flex-shrink-0 {
    width: clamp(4.72rem, 21.35vw, 5.35rem) !important;
    min-width: clamp(4.72rem, 21.35vw, 5.35rem) !important;
  }
  .scroll-row [data-media-card] > div:first-child,
  .scroll-row .cw-card > a > div:first-child { border-radius: .42rem !important; }
  .scroll-row [data-media-card] > .mt-2,
  .scroll-row .cw-card > a > .mt-2 { margin-top: .35rem !important; }
  .scroll-row [data-media-card] .text-sm,
  .scroll-row .cw-card .text-sm { font-size: .64rem !important; line-height: .82rem !important; }
  .scroll-row [data-media-card] .text-xs,
  .scroll-row .cw-card .text-xs { display: none !important; }
  .cw-card-progress { left: .35rem !important; right: .35rem !important; bottom: .35rem !important; }
  .cw-card-progress > :first-child,
  .cw-card-progress > :last-child { display: none !important; }
  .cw-card-progress .h-1\.5 { height: .18rem !important; margin-top: 0 !important; }
  .cw-remove-btn { opacity: 0 !important; pointer-events: none !important; width: 1.55rem !important; height: 1.55rem !important; top: .25rem !important; right: .25rem !important; }

  /* Search/catalog grids stay readable rather than rendering two giant tiles. */
  .search-results-grid,
  [data-search-grid],
  #searchResults.grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: .55rem !important; }
}

@media (max-width: 370px) {
  .scroll-row > [data-media-card],
  .scroll-row > .cw-card,
  .scroll-row > a.relative.flex-shrink-0,
  .scroll-row > div.relative.flex-shrink-0 {
    width: 4.55rem !important;
    min-width: 4.55rem !important;
  }
  #hero { min-height: 58svh !important; height: 58svh !important; }
}

/* Search, authentication, and material controls — v52 --------------------- */
.app-header,
#headerActions,
#headerSearchShell { overflow: visible !important; }
.app-header { isolation: isolate; }
#headerSearchShell { z-index: 9100; }
#headerSearchShell:focus-within { z-index: 12000; }
#searchDropdown {
  z-index: 14000 !important;
  position: absolute !important;
  contain: layout paint;
  background: rgba(7, 8, 12, .985) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.68) !important;
}
body:has(#searchDropdown:not(.hidden)) #profileMenu { z-index: 13000 !important; }
body.auth-modal-open { overflow: hidden !important; }

/* Glass intensity is a user preference, not a hard-coded visual requirement. */
html[data-glass="low"] :is(.glass,.glass-strong,.glass-dark,.glass-panel,.app-header,.chip,.flixy-sidebar,.flixy-select-button,.flixy-select-menu,.settings-card,.settings-section) {
  backdrop-filter: blur(5px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(112%) !important;
}
html[data-glass="low"] :is(.glass-panel,.app-header,.chip,.settings-card,.settings-section) {
  background-color: rgba(15,17,23,.76) !important;
}
html[data-glass="none"] :is(.glass,.glass-strong,.glass-dark,.glass-panel,.app-header,.chip,.flixy-sidebar,.flixy-select-button,.flixy-select-menu,.settings-card,.settings-section,.search-command,.cine-trigger,.cine-menu) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background-image: none !important;
  background-color: #111318 !important;
  border-color: #2b2e35 !important;
  box-shadow: none !important;
}
html[data-glass="none"] :is(.glass-panel,.glass-strong,.settings-section):hover {
  border-color: #3b3f48 !important;
  box-shadow: none !important;
}
html[data-glass="none"] .app-header .chip,
html[data-glass="none"] .mobile-menu-button,
html[data-glass="none"] #mobileSearchBtn { background: #111318 !important; }

/* Mobile search is an opaque app surface. It never stacks over the full search
   page or leaves the underlying hero visible through an accidental blur layer. */
#mobileSearchOverlay { background: #030407; color: #fff; overscroll-behavior: none; }
.mobile-search-sheet {
  min-height: 100dvh;
  height: 100dvh;
  padding: max(.65rem, env(safe-area-inset-top)) .72rem max(.75rem, env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 90% 0%, rgba(var(--flixy-glow-1),.12), transparent 18rem),
    #030407;
}
.mobile-search-toolbar { display:grid;grid-template-columns:2.6rem minmax(0,1fr) 2.6rem;gap:.5rem;align-items:center;flex:none; }
.mobile-search-back,.mobile-search-filter,.mobile-search-clear { border:0;color:#fff;background:#12141a;display:grid;place-items:center;cursor:pointer; }
.mobile-search-back,.mobile-search-filter { width:2.6rem;height:2.6rem;border-radius:.72rem;border:1px solid rgba(255,255,255,.1); }
.mobile-search-field { min-height:2.72rem;display:flex;align-items:center;gap:.55rem;padding:0 .72rem;border:1px solid rgba(255,255,255,.12);border-radius:.78rem;background:#101218; }
.mobile-search-field:focus-within { border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px rgba(255,255,255,.06); }
.mobile-search-clear { width:1.8rem;height:1.8rem;border-radius:.45rem;color:rgba(255,255,255,.62); }
.mobile-search-results { padding:.9rem 0 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch; }
.mobile-search-section { display:grid;gap:.55rem; }
.mobile-search-section-head { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.1rem .15rem .5rem;color:rgba(255,255,255,.45);font-size:.62rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase; }
.mobile-search-section-head a { color:rgba(255,255,255,.72);letter-spacing:0;text-transform:none;font-size:.68rem; }
.mobile-search-recents { display:grid;gap:.35rem; }
.mobile-recent-row { display:grid;grid-template-columns:minmax(0,1fr) 2.45rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.08); }
.mobile-recent-search { min-width:0;display:flex;align-items:center;gap:.7rem;padding:.72rem .35rem;border:0;background:none;color:#fff;text-align:left; }
.mobile-recent-search svg { color:rgba(255,255,255,.42);flex:none; }
.mobile-recent-search span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700; }
.mobile-recent-remove { width:2.25rem;height:2.25rem;display:grid;place-items:center;border:0;background:transparent;color:rgba(255,255,255,.42); }
.mobile-search-empty { min-height:44dvh;display:grid;place-content:center;justify-items:center;gap:.55rem;text-align:center;padding:2rem;color:rgba(255,255,255,.48); }
.mobile-search-empty strong { color:#fff;font-size:.95rem; }
.mobile-search-empty span { max-width:18rem;font-size:.76rem;line-height:1.5; }
.mobile-search-empty a { margin-top:.45rem;color:#fff;font-size:.72rem;font-weight:800;border-bottom:1px solid rgba(255,255,255,.4); }
.mobile-search-loading { padding:1.2rem .2rem;color:rgba(255,255,255,.5);font-size:.78rem; }
.mobile-search-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem .42rem; }
.mobile-search-card { min-width:0;color:#fff;text-decoration:none;display:block; }
.mobile-search-card-art { display:block;aspect-ratio:2/3;overflow:hidden;border-radius:.42rem;background:#14161b; }
.mobile-search-card-art.is-person { border-radius:999px;aspect-ratio:1; }
.mobile-search-card-art img { width:100%;height:100%;object-fit:cover;display:block; }
.mobile-search-card-fallback { width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.3);font-size:.55rem; }
.mobile-search-card strong { display:block;margin-top:.3rem;font-size:.59rem;line-height:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-search-card small { display:block;margin-top:.08rem;color:rgba(255,255,255,.42);font-size:.5rem;line-height:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
body.mobile-search-open { overflow:hidden !important;position:fixed;width:100%; }
body.mobile-search-open .flixy-header-wrap,
body.mobile-search-open .flixy-sidebar,
body.mobile-search-open .flixy-sidebar-hotzone { visibility:hidden !important;pointer-events:none !important; }

@media (max-width:640px) {
  #mobileSearchOverlay > div { padding:max(.65rem,env(safe-area-inset-top)) .72rem max(.75rem,env(safe-area-inset-bottom)) !important; }
}
@media (max-width:360px) { .mobile-search-grid { gap:.45rem .32rem; } }

/* Flixy v1.0 sidebar customization */
:root {
  --flixy-sidebar-rgb: 7, 9, 13;
  --flixy-sidebar-accent-rgb: 255, 255, 255;
  --flixy-sidebar-mobile-rgb: 7, 9, 13;
  --flixy-sidebar-width: 272px;
}
.flixy-sidebar {
  width: var(--flixy-sidebar-width) !important;
  background: rgb(var(--flixy-sidebar-rgb));
  border-right: 1px solid rgba(var(--flixy-sidebar-accent-rgb), .13);
  box-shadow: 22px 0 60px rgba(0,0,0,.28);
  contain:layout!important;
  overflow:visible!important;
}
.flixy-sidebar-resize-edge{position:absolute!important;z-index:12!important;top:4.5rem!important;right:-8px!important;bottom:4.5rem!important;width:16px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;cursor:ew-resize!important;touch-action:none!important;opacity:0;transition:opacity .18s ease}
.flixy-sidebar-resize-edge span{width:3px;height:3.5rem;border-radius:999px;background:rgba(var(--flixy-sidebar-accent-rgb),.48);box-shadow:0 0 0 1px rgba(0,0,0,.38),0 0 18px rgba(var(--flixy-sidebar-accent-rgb),.16);transition:height .2s ease,background .2s ease}
.flixy-sidebar:hover .flixy-sidebar-resize-edge,.flixy-sidebar-resize-edge:focus-visible,.flixy-resizing-sidebar .flixy-sidebar-resize-edge{opacity:1}
.flixy-sidebar-resize-edge:is(:hover,:focus-visible) span,.flixy-resizing-sidebar .flixy-sidebar-resize-edge span{height:6rem;background:rgba(var(--flixy-sidebar-accent-rgb),.9)}
.flixy-sidebar-resize-edge::after{content:attr(data-value);position:absolute;left:1.05rem;top:50%;translate:0 -50%;min-width:3.2rem;padding:.3rem .48rem;border:1px solid rgba(255,255,255,.12);border-radius:.45rem;background:#0c0f14;color:#fff;font-size:.6rem;font-weight:850;opacity:0;pointer-events:none}
.flixy-resizing-sidebar .flixy-sidebar-resize-edge::after{opacity:1}
.flixy-resizing-sidebar,.flixy-resizing-sidebar *{cursor:ew-resize!important;user-select:none!important}
html[data-sidebar-labels="hidden"] .flixy-sidebar-resize-edge{display:none!important}
.flixy-sidebar .sidebar-link {
  position: relative;
  min-height: 42px;
  border-radius: 10px;
  color: rgba(255,255,255,.64);
  transition: background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease;
}
.flixy-sidebar .sidebar-link:hover { color: white; background: rgba(var(--flixy-sidebar-accent-rgb), .08); }
html[data-sidebar-density="compact"] .flixy-sidebar { padding: 10px !important; gap: 6px !important; }
html[data-sidebar-density="compact"] .flixy-sidebar .sidebar-link { min-height: 34px; padding-top: 6px !important; padding-bottom: 6px !important; }
html[data-sidebar-density="spacious"] .flixy-sidebar { padding: 22px !important; gap: 16px !important; }
html[data-sidebar-density="spacious"] .flixy-sidebar .sidebar-link { min-height: 50px; padding-top: 13px !important; padding-bottom: 13px !important; }
html[data-sidebar-labels="hidden"] .flixy-sidebar { width: 78px !important; align-items: center; }
html[data-sidebar-labels="hidden"] .flixy-sidebar .nav-label,
html[data-sidebar-labels="hidden"] .flixy-sidebar > a span,
html[data-sidebar-labels="hidden"] .flixy-sidebar form input { display: none !important; }
html[data-sidebar-labels="hidden"] .flixy-sidebar form > div { justify-content: center; padding-inline: 0 !important; width: 42px; }
html[data-sidebar-labels="hidden"] .flixy-sidebar .sidebar-link { justify-content: center; padding-inline: 0 !important; width: 46px; }
html[data-sidebar-selected-style="bar"] .flixy-sidebar .sidebar-link.active::before {
  content:""; position:absolute; left:-4px; width:3px; height:22px; border-radius:9px; background:rgb(var(--flixy-sidebar-accent-rgb));
}
html[data-sidebar-selected-style="fill"] .flixy-sidebar .sidebar-link.active { background: rgba(var(--flixy-sidebar-accent-rgb), .18); color:white; }
html[data-sidebar-selected-style="outline"] .flixy-sidebar .sidebar-link.active { border:1px solid rgba(var(--flixy-sidebar-accent-rgb), .5); color:white; }
html[data-sidebar-selected-style="glow"] .flixy-sidebar .sidebar-link.active { color:white; background:rgba(var(--flixy-sidebar-accent-rgb), .12); box-shadow:0 0 26px rgba(var(--flixy-sidebar-accent-rgb), .18); }
.mobile-nav-drawer { background: rgb(var(--flixy-sidebar-mobile-rgb)) !important; }
@media (min-width: 1024px) {
  html[data-nav-style="sidebar"] body { padding-left: var(--flixy-sidebar-width); }
  html[data-nav-style="sidebar"][data-sidebar-labels="hidden"] body { padding-left: 78px; }
  html[data-nav-style="sidebar"] .flixy-sidebar {
    opacity:1;
    transform:translate3d(0,0,0);
    transition-delay:0s;
  }
  html[data-nav-style="sidebar"] .flixy-sidebar-hotzone { display:none!important; }
}
.sidebar-preview-mini { display:flex; align-items:center; gap:8px; min-width:112px; padding:10px 13px; border:1px solid rgba(255,255,255,.25); border-radius:12px; font-size:12px; font-weight:800; transition:.2s ease; }
.sidebar-preview-mini svg { width:16px; height:16px; }

/* Flixy v1.0 continuous catalog */
.catalog-feed-shell { margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid rgba(255,255,255,.1); }
.catalog-feed-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.catalog-feed-head h2 { font-size:clamp(1.7rem,3vw,2.6rem); font-weight:900; letter-spacing:-.035em; }
.catalog-feed-head p { color:rgba(255,255,255,.48); font-size:.82rem; margin-top:.3rem; }
.catalog-feed-filters { display:flex; flex-wrap:wrap; gap:.5rem; }
.catalog-feed-filters select { min-height:40px; border:1px solid rgba(255,255,255,.12); background:#0e1015; color:white; border-radius:10px; padding:0 2rem 0 .75rem; font-size:.75rem; font-weight:700; }
.catalog-feed-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:1.2rem .9rem; }
.catalog-feed-card { min-width:0; content-visibility:auto; contain-intrinsic-size:180px 300px; }
.catalog-feed-art { display:block; position:relative; aspect-ratio:2/3; border-radius:9px; overflow:hidden; background:#11131a; }
.catalog-feed-art img { width:100%; height:100%; object-fit:cover; transition:filter .18s ease,transform .25s ease; }
.catalog-feed-card:hover img { transform:scale(1.025); filter:brightness(.78); }
.catalog-feed-art i { position:absolute; inset:0; display:grid; place-items:center; font-style:normal; font-size:.65rem; color:rgba(255,255,255,.25); }
.catalog-feed-card strong { display:block; margin-top:.55rem; font-size:.78rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.catalog-feed-art em { position:absolute; right:6px; bottom:6px; padding:3px 5px; border-radius:5px; background:rgba(0,0,0,.75); font-style:normal; font-size:.58rem; font-weight:900; }
.catalog-feed-card small { display:block; margin-top:.15rem; font-size:.64rem; color:rgba(255,255,255,.42); }
.catalog-feed-status { min-height:80px; display:grid; place-items:center; color:rgba(255,255,255,.42); font-size:.75rem; }
.catalog-feed-status.is-error { color:#fda4af; cursor:pointer; }
@media(max-width:1100px){.catalog-feed-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){.catalog-feed-shell{margin-top:2.5rem;padding-top:1.5rem}.catalog-feed-head{align-items:start;flex-direction:column}.catalog-feed-filters{width:100%;display:grid;grid-template-columns:1fr 1fr}.catalog-feed-filters select:first-child{grid-column:1/-1}.catalog-feed-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem .45rem}.catalog-feed-card strong{font-size:.63rem;margin-top:.4rem}.catalog-feed-card small{font-size:.54rem}.catalog-feed-art{border-radius:6px}}

/* Flixy Terminal */
.flixy-terminal-backdrop{position:fixed;inset:0;z-index:65000;display:none;align-items:center;justify-content:center;padding:clamp(.6rem,3vw,2rem);background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.flixy-terminal-backdrop.open{display:flex}.flixy-terminal-window{width:min(980px,100%);height:min(720px,88dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--flixy-accent) 32%,rgba(255,255,255,.16));border-radius:1rem;background:#060908;box-shadow:0 36px 120px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.08);color:#e8ffed;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;animation:flixyTerminalIn .18s cubic-bezier(.2,.8,.2,1) both}
@keyframes flixyTerminalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.flixy-terminal-titlebar{min-height:3.55rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.09);background:#0b0f0d}.flixy-terminal-titlebar>div:nth-child(2){display:grid;gap:.08rem}.flixy-terminal-titlebar span{font-size:.58rem;letter-spacing:.15em;color:color-mix(in srgb,var(--flixy-accent) 72%,#a8b3ac);font-weight:900}.flixy-terminal-titlebar b{font-size:.78rem;color:#f4fff6}.flixy-terminal-lights{display:flex;gap:.38rem}.flixy-terminal-lights i{width:.7rem;height:.7rem;border-radius:50%;background:#ff605c}.flixy-terminal-lights i:nth-child(2){background:#ffbd44}.flixy-terminal-lights i:nth-child(3){background:#00ca4e}.flixy-terminal-title-actions{display:flex!important;align-items:center;gap:.65rem}.flixy-terminal-title-actions button{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:.55rem;background:#ffffff08;color:#e9ffee;cursor:pointer}.flixy-terminal-title-actions svg{width:1rem}.flixy-terminal-live{display:inline-flex;align-items:center;gap:.35rem}.flixy-terminal-live i{width:.42rem;height:.42rem;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80}
.flixy-terminal-statusbar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.46rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);background:#080c0a;color:#7f9184;font-size:.61rem}.flixy-terminal-statusbar>span{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .42rem;border:1px solid rgba(255,255,255,.07);border-radius:.4rem}.flixy-terminal-statusbar svg{width:.75rem}.flixy-terminal-statusbar b{color:#b8cbbb;font-weight:700}.flixy-terminal-spinner{width:.65rem;height:.65rem;border:1px solid rgba(255,255,255,.2);border-top-color:var(--flixy-accent);border-radius:50%;animation:flixyTerminalSpin .65s linear infinite}@keyframes flixyTerminalSpin{to{transform:rotate(360deg)}}
.flixy-terminal-output{min-height:0;overflow:auto;padding:1rem 1.05rem;scrollbar-width:thin;scrollbar-color:rgba(92,255,135,.35) transparent;background:radial-gradient(50rem 28rem at 50% 120%,color-mix(in srgb,var(--flixy-accent) 8%,transparent),transparent 70%),#050806;overscroll-behavior:contain}.flixy-terminal-line{white-space:pre-wrap;overflow-wrap:anywhere;margin:.22rem 0;color:#d9e8dc;font-size:.76rem;line-height:1.58}.flixy-terminal-line.is-success{color:#7df59c}.flixy-terminal-line.is-error{color:#ff8e91}.flixy-terminal-line.is-info{color:#91d8ff}.flixy-terminal-line.is-muted{color:#728077}.flixy-terminal-line.is-command{display:flex;gap:.55rem;color:#f4fff6}.flixy-terminal-prompt{color:var(--flixy-accent);font-weight:900}.flixy-terminal-line.is-panel{margin:.65rem 0}.flixy-terminal-help-group{display:grid;gap:.3rem;margin:.75rem 0}.flixy-terminal-help-group h3{margin:0;color:#9aa89d;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.flixy-terminal-help-group button,.flixy-terminal-command-grid button{border:0;background:transparent;text-align:left;color:#cfe1d2;cursor:pointer}.flixy-terminal-help-group button:hover code,.flixy-terminal-command-grid button:hover code{color:#fff}.flixy-terminal-help-group code{color:#7df59c;font-size:.72rem}.flixy-terminal-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.flixy-terminal-command-grid button{display:grid;gap:.15rem;padding:.55rem;border:1px solid rgba(255,255,255,.07);border-radius:.5rem;background:#ffffff05}.flixy-terminal-command-grid code{color:#7df59c}.flixy-terminal-command-grid span{color:#718076;font-size:.64rem}.flixy-terminal-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.flixy-terminal-settings span{display:grid;gap:.25rem;padding:.65rem;border:1px solid rgba(255,255,255,.08);border-radius:.55rem;background:#ffffff05;color:#718076;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}.flixy-terminal-settings b{color:#e9ffee;font-size:.85rem;text-transform:none;letter-spacing:0}.flixy-terminal-inspect{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .8rem}.flixy-terminal-inspect span{display:flex;justify-content:space-between;gap:.8rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.flixy-terminal-inspect code{color:#7f9184}.flixy-terminal-inspect b{color:#e9ffee}
.flixy-terminal-output::-webkit-scrollbar{display:block!important;width:8px!important;height:8px!important}.flixy-terminal-output::-webkit-scrollbar-track{background:#070a08}.flixy-terminal-output::-webkit-scrollbar-thumb{border:2px solid #070a08;border-radius:999px;background:color-mix(in srgb,var(--flixy-accent) 45%,#243029)}.flixy-terminal-output::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--flixy-accent) 72%,#243029)}
.flixy-terminal-pinned{display:flex;align-items:center;gap:.4rem;min-height:2.35rem;overflow-x:auto;padding:.38rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);background:#080c0a;scrollbar-width:none}.flixy-terminal-pinned::-webkit-scrollbar{display:none}.flixy-terminal-pinned button{display:inline-flex;align-items:center;gap:.38rem;flex:0 0 auto;padding:.38rem .55rem;border:1px solid color-mix(in srgb,var(--flixy-accent) 42%,rgba(255,255,255,.13));border-radius:.48rem;background:color-mix(in srgb,var(--flixy-accent) 13%,#0d1210);color:#effff1;cursor:pointer}.flixy-terminal-pinned button:hover{background:color-mix(in srgb,var(--flixy-accent) 23%,#101611)}.flixy-terminal-pinned code{font:700 .67rem "SFMono-Regular",Consolas,monospace}.flixy-terminal-pinned svg{width:.72rem;height:.72rem;color:#7df59c}.flixy-terminal-command-menu{position:fixed;z-index:65010;width:178px;padding:.3rem;border:1px solid rgba(255,255,255,.14);border-radius:.55rem;background:#101511;box-shadow:0 16px 36px rgba(0,0,0,.5)}.flixy-terminal-command-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.52rem .58rem;border:0;border-radius:.35rem;background:transparent;color:#e7f2e9;font:700 .7rem "SFMono-Regular",Consolas,monospace;text-align:left;cursor:pointer}.flixy-terminal-command-menu button:hover{background:rgba(255,255,255,.08)}.flixy-terminal-command-menu svg{width:.8rem;height:.8rem;color:#7df59c}
.flixy-terminal-suggestions{display:flex;gap:.35rem;overflow-x:auto;padding:.45rem .75rem;border-top:1px solid rgba(255,255,255,.06);background:#070a08;scrollbar-width:none}.flixy-terminal-suggestions::-webkit-scrollbar{display:none}.flixy-terminal-suggestions button{min-width:max-content;display:grid;gap:.08rem;padding:.38rem .52rem;border:1px solid rgba(255,255,255,.09);border-radius:.45rem;background:#ffffff05;text-align:left;cursor:pointer}.flixy-terminal-suggestions code{color:#7df59c;font-size:.64rem}.flixy-terminal-suggestions span{color:#68746b;font-size:.52rem}.flixy-terminal-input-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.72rem .8rem;border-top:1px solid rgba(255,255,255,.08);background:#0a0e0b}.flixy-terminal-input-row>span{color:var(--flixy-accent);font-size:.72rem;font-weight:900}.flixy-terminal-input-row input{min-width:0;border:0;outline:0;background:transparent;color:#f4fff6;font:700 .82rem/1.3 "SFMono-Regular",Consolas,"Liberation Mono",monospace;caret-color:var(--flixy-accent)}.flixy-terminal-input-row input::placeholder{color:#536057}.flixy-terminal-input-row kbd,.flixy-terminal-window footer kbd{padding:.12rem .3rem;border:1px solid rgba(255,255,255,.12);border-bottom-color:rgba(255,255,255,.22);border-radius:.3rem;background:#ffffff08;color:#89958c;font-size:.55rem}.flixy-terminal-window footer{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap;padding:.45rem .8rem;border-top:1px solid rgba(255,255,255,.06);background:#070a08;color:#59645c;font-size:.55rem}.flixy-terminal-window footer span{display:flex;align-items:center;gap:.25rem}
#terminalBtn{position:relative}#terminalBtn::after{content:"";position:absolute;right:.42rem;bottom:.42rem;width:.3rem;height:.3rem;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}.mobile-nav-utility button[data-open-flixy-terminal]{display:flex;align-items:center;gap:.65rem;width:100%;min-height:2.65rem;padding:.55rem .65rem;border:0;border-radius:.65rem;background:transparent;color:rgba(255,255,255,.65);font:inherit;text-align:left}.mobile-nav-utility button[data-open-flixy-terminal]:hover{background:rgba(255,255,255,.07);color:#fff}.mobile-nav-utility button[data-open-flixy-terminal] svg{width:1rem}
body.flixy-terminal-open{overflow:hidden}
.flixy-terminal-window{--terminal-command-color:#7df59c}.flixy-terminal-window :is(.flixy-terminal-prompt,.flixy-terminal-help-group code,.flixy-terminal-command-grid code,.flixy-terminal-suggestions code){color:var(--terminal-command-color)!important}.flixy-terminal-window[data-terminal-style="amber"]{--terminal-command-color:#f6c453;background:#130f06;color:#fff4d5}.flixy-terminal-window[data-terminal-style="ice"]{--terminal-command-color:#7dd3fc;background:#06131b;color:#e0f7ff}.flixy-terminal-window[data-terminal-style="rain"]{--terminal-command-color:#59f58a;background:#020905;position:relative}.flixy-terminal-window[data-terminal-style="rain"]::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(89,245,138,.22) 23px 24px,transparent 25px 48px),linear-gradient(180deg,rgba(89,245,138,.12),transparent 25%);background-size:48px 180px,100% 100%;animation:flixyTerminalRain 2.4s linear infinite}.flixy-terminal-window[data-terminal-style="rain"]>*{position:relative;z-index:1}@keyframes flixyTerminalRain{to{background-position:0 180px,0 0}}
@media(max-width:720px){.flixy-terminal-backdrop{padding:0}.flixy-terminal-window{width:100%;height:100dvh;border:0;border-radius:0}.flixy-terminal-titlebar{min-height:3.2rem}.flixy-terminal-statusbar>span:nth-child(1){display:none}.flixy-terminal-output{padding:.85rem}.flixy-terminal-command-grid,.flixy-terminal-settings,.flixy-terminal-inspect{grid-template-columns:1fr}.flixy-terminal-window footer{justify-content:flex-start;gap:.6rem}.flixy-terminal-window footer span:nth-child(3){display:none}.flixy-terminal-input-row>span{max-width:6.5rem;overflow:hidden;text-overflow:ellipsis}.flixy-terminal-live{display:none!important}}
@media(prefers-reduced-motion:reduce){.flixy-terminal-window{animation:none}.flixy-terminal-spinner{animation-duration:1.3s}}

/* Flixy 2.3 motion system: short, directional and automatically reduced. */
@keyframes flixyPageOut{to{opacity:.72;transform:scale(.994)}}
@keyframes flixyPageIn{from{opacity:0;transform:translateY(7px) scale(.998)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
  body:not(.flixy-game-active) :is(main,section)[data-reveal]{animation:flixyPageIn .34s cubic-bezier(.22,1,.36,1) both}
  body:not(.flixy-game-active) button:not(:disabled),body:not(.flixy-game-active) a{transition-property:transform,color,background-color,border-color,opacity,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
  body:not(.flixy-game-active) button:not(:disabled):active{transform:scale(.975)}
}


/* Flixy v171 mobile stability: preserve pinch zoom while preventing UI-driven
   scale jumps and iOS focus zoom across every PWA surface. */
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  html { scroll-behavior:auto!important; }
  .app-header.is-scrolled { transform:none!important; }
  main { animation:none!important; }
  .card-hover,
  .card-hover:hover,
  .fyp-card,
  .fyp-card:hover,
  .catalog-feed-card,
  .catalog-feed-card:hover,
  .catalog-feed-card img,
  .catalog-feed-card:hover img,
  .glass-panel,
  .glass-strong,
  .settings-section,
  .episode-card,
  .watch-poster-card,
  .library-card {
    transform:none!important;
    animation:none!important;
  }
  input,textarea,select{font-size:16px!important}
  button,a,[role="button"]{touch-action:manipulation}
}


/* Compact, smoother immersive header. */
.flixy-header-wrap{
  will-change:opacity,transform,filter;
  transform-origin:top center;
  transition:opacity .46s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1),filter .46s ease!important;
}
.app-header{max-width:1180px!important;min-height:52px!important;gap:.4rem!important;padding:.42rem .58rem!important;}
.header-logo{margin-right:.05rem!important;}
.header-nav{gap:0!important;}
.header-nav .nav-link{padding:.31rem .55rem!important;font-size:.78rem!important;}
.header-actions{margin-left:.12rem!important;min-width:0!important;}
.header-search{min-height:34px!important;}
body.immersive-header.header-hidden > .flixy-header-wrap{
  opacity:0!important;
  transform:translateY(-118%) scale(.965)!important;
  filter:blur(7px)!important;
  pointer-events:none!important;
  transition:none!important;
}
body.immersive-header.header-visible > .flixy-header-wrap,
body.immersive-header:has(#profileMenu:not(.hidden)) > .flixy-header-wrap,
body.immersive-header:has(#searchDropdown:not(.hidden)) > .flixy-header-wrap,
body.immersive-header:has(#navSearch:focus) > .flixy-header-wrap{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  filter:blur(0)!important;
  pointer-events:auto!important;
}
@media(max-width:1100px){.app-header{max-width:calc(100vw - 1rem)!important}.header-nav .nav-link{padding-inline:.42rem!important}}
@media(prefers-reduced-motion:reduce){.flixy-header-wrap{transition-duration:.01ms!important;filter:none!important}}

body.header-blurred .app-header,
body:not(.header-clear) .app-header{
  background:rgba(8,10,15,.68)!important;
  border-color:rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.26)!important;
}
@media(max-width:767px){
  .app-header{min-height:50px!important;padding:.38rem .48rem!important;}
  body.immersive-header.header-hidden > .flixy-header-wrap{
    opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto!important;
  }
}

/* Flixy 2.4 experience layer: calmer motion, accessibility and consistent feedback. */
:root{--flixy-text-scale:1}
html{font-size:calc(16px * var(--flixy-text-scale))}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation-duration:.08s!important;animation-iteration-count:1!important;transition-duration:.08s!important;scroll-behavior:auto!important}
html[data-reduce-transparency="on"] :is(.glass-panel,.glass-strong,.chip,.settings-card,.app-header,#mobileNavDrawer){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#111318!important;background-image:none!important}
html[data-focus-rings="on"][data-keyboard-navigation="on"] :focus-visible{outline:2px solid var(--flixy-accent,#e5bd52)!important;outline-offset:3px!important}
html[data-focus-rings="off"] :focus{outline:none!important}
html[data-shortcut-hints="off"] :is(kbd,[data-shortcut-hint],.shortcut-hint){display:none!important}
@media(prefers-reduced-motion:no-preference){
  html[data-motion="full"] [data-flixy-reveal="pending"]{opacity:0;transform:translateY(10px)}
  html[data-motion="full"] [data-flixy-reveal="visible"]{opacity:1;transform:none;transition:opacity .42s cubic-bezier(.22,1,.36,1) var(--flixy-reveal-delay,0ms),transform .5s cubic-bezier(.22,1,.36,1) var(--flixy-reveal-delay,0ms)}
  html[data-motion="full"] :is(.card-hover,[data-media-card],.catalog-feed-card,.library-card){will-change:transform;transform-origin:center bottom;transition:transform .2s ease-out,filter .2s ease-out,box-shadow .2s ease-out!important}
  html[data-motion="full"] :is(.card-hover,[data-media-card],.catalog-feed-card,.library-card):hover{transform:translateY(-10px) scale(1.035)!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))!important}
}


/* Flixy 3.0.1 header regression repair */
.app-header{max-width:min(1240px,calc(100vw - 2rem))!important;padding-right:.42rem!important}
.app-header #headerActions>div:last-child{margin-left:auto}
.header-nav .anime-nav-link{position:relative;display:inline-flex;align-items:center;gap:.18rem}
.header-nav .anime-nav-flower{display:inline-block;color:#ff9bc0;font-size:.62rem;line-height:1;text-shadow:0 0 10px rgba(255,132,182,.8);transform:rotate(-15deg);flex:0 0 auto}
.header-nav .anime-nav-link .anime-nav-flower{visibility:visible!important;opacity:1!important;}
.header-nav .anime-nav-word::before,html[data-nav-label-mode="icons"] .header-nav .anime-nav-link::before{display:none!important}
html[data-nav-label-mode="icons"] .header-nav .anime-nav-flower{font-size:.7rem;margin-right:-.08rem}
@media(max-width:1100px){.app-header{max-width:calc(100vw - 1rem)!important}}

/* v522: bright centered hero media, title artwork, and compact recommendation signals. */
#hero .hero-backdrop-fill{background-position:center center!important;filter:none!important}
#hero .hero-soft-fade,#hero .hero-side-fade{background:transparent!important}
.flixy-hero-background-trailer{position:absolute;z-index:0;inset:50% auto auto 50%;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;object-fit:cover;object-position:center center;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(1.02);transition:opacity .72s ease}
#hero.flixy-hero-trailer-playing .flixy-hero-background-trailer{opacity:1}
#hero.flixy-hero-trailer-playing .hero-backdrop-fill{opacity:.06!important}
[data-hero-title]{min-height:clamp(3rem,8vw,6.8rem);display:flex;align-items:flex-end;transition:opacity .42s ease,transform .42s ease}
[data-hero-title].has-title-logo{width:min(34rem,72vw)}
.flixy-hero-title-logo{display:block;width:auto;max-width:100%;height:auto;max-height:clamp(4rem,14vw,9.5rem);object-fit:contain;object-position:left center;background:transparent!important;box-shadow:none!important;filter:none!important}
#hero.flixy-hero-trailer-playing [data-hero-title]{opacity:0;transform:translateY(8px);pointer-events:none}
[data-hero-overview].is-expanded{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.hero-overview-toggle{display:inline-flex!important;align-items:center;align-self:flex-start!important;justify-self:start!important;flex:0 0 auto!important;width:max-content!important;max-width:max-content!important;min-width:0!important;border:0;border-radius:999px;background:rgba(0,0,0,.24);color:rgba(255,255,255,.9);padding:.28rem .62rem;font-size:.62rem;font-weight:760;backdrop-filter:blur(10px);cursor:pointer}
.hero-overview-toggle[hidden]{display:none!important}
.home-screen .flixy-discover-reason{display:none!important}
.home-screen .flixy-match-badge{--match-dot:#ef4444;z-index:20;width:12px!important;height:12px!important;min-width:12px!important;display:block!important;padding:0!important;border:2px solid rgba(255,255,255,.92)!important;border-radius:50%!important;background:var(--match-dot)!important;box-shadow:0 5px 16px color-mix(in srgb,var(--match-dot) 48%,transparent)!important;cursor:help}
.home-screen .flixy-match-badge::before{display:none!important}
.home-screen .flixy-match-badge[data-match-tier="yellow"]{--match-dot:#facc15}
.home-screen .flixy-match-badge[data-match-tier="green"]{--match-dot:#34d399}
.home-screen .flixy-match-badge[data-match-tier="blue"]{--match-dot:#38bdf8}
.home-screen .scroll-row>.flixy-media-shell:is(:hover,:focus-within){z-index:80!important}
.home-screen .flixy-media-shell:has(.flixy-match-badge:is(:hover,:focus,:focus-visible)){z-index:120!important}
.flixy-match-info{position:absolute;z-index:25;top:calc(100% + .55rem);left:0;width:min(14rem,calc(100vw - 2rem));padding:.68rem .75rem;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(10,13,18,.94);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.45);backdrop-filter:blur(18px);opacity:0;transform:translateY(-4px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.flixy-match-badge:hover .flixy-match-info,.flixy-match-badge:focus .flixy-match-info,.flixy-match-badge:focus-visible .flixy-match-info{opacity:1;transform:none}
.flixy-match-info b{display:block;font-size:.72rem;line-height:1.25}.flixy-match-info span{display:block;margin-top:.22rem;color:rgba(255,255,255,.58);font-size:.62rem;line-height:1.4}
.flixy-hero-trailer-sound{position:absolute;z-index:24;right:clamp(.85rem,2vw,1.5rem);bottom:clamp(1rem,3vw,2rem);width:2.35rem;height:2.35rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(5,7,10,.42);color:#fff;backdrop-filter:blur(16px);cursor:pointer;pointer-events:auto}.flixy-hero-trailer-sound:hover{background:rgba(255,255,255,.16)}.flixy-hero-trailer-sound svg{width:1rem;height:1rem}
.watch-info-trigger{position:absolute!important;z-index:56!important;right:clamp(.8rem,2vw,1.5rem)!important;top:50%!important;transform:translateY(-50%)!important;width:2.35rem!important;height:2.35rem!important;padding:0!important;display:grid!important;place-items:center!important}
@media(max-width:700px){[data-hero-title].has-title-logo{width:min(25rem,82vw)}.flixy-hero-background-trailer{transform:translate(-50%,-50%) scale(1.02)}.watch-info-trigger{right:.7rem!important;top:46%!important}}

/* v523: compact liquid and taskbar navigation shells. */
#flixyLiquidShell,.flixy-taskbar{display:none}
html:is([data-nav-style="liquid-corner"],[data-nav-style="taskbar"]) :is(.flixy-header-wrap,#globalSidebar,#sidebarHotzone){display:none!important}
html[data-nav-style="liquid-corner"] #flixyLiquidShell{display:block}
.flixy-liquid-corner{position:fixed;z-index:19000;top:max(.8rem,env(safe-area-inset-top));right:max(.8rem,env(safe-area-inset-right));display:flex;align-items:center;gap:.28rem;padding:.34rem;border:1px solid rgba(255,255,255,.22);border-radius:1.15rem;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.045)),rgba(8,10,14,.48);box-shadow:0 18px 55px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(24px) saturate(170%)}
.flixy-liquid-corner a{position:relative;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.85rem;color:rgba(255,255,255,.7);transition:background .18s ease,color .18s ease,transform .18s ease}.flixy-liquid-corner a:hover,.flixy-liquid-corner a.active{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-1px)}.flixy-liquid-corner a.active::after{content:"";position:absolute;bottom:.2rem;width:.28rem;height:.28rem;border-radius:50%;background:#fff}.flixy-liquid-corner svg{width:1rem;height:1rem}
.flixy-liquid-drawer-toggle{position:fixed;z-index:19000;top:max(1.05rem,env(safe-area-inset-top));left:max(.9rem,env(safe-area-inset-left));width:2rem;height:2rem;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff;filter:drop-shadow(0 2px 8px #000);cursor:pointer;transition:transform .18s ease}.flixy-liquid-drawer-toggle:hover{transform:translateX(2px)}.flixy-liquid-drawer-toggle svg{width:1.25rem;height:1.25rem;stroke-width:2.2}
.flixy-liquid-drawer-backdrop{position:fixed;z-index:18990;inset:0;border:0;background:rgba(0,0,0,.42);backdrop-filter:blur(4px)}
.flixy-liquid-drawer{position:fixed;z-index:19010;top:.7rem;bottom:.7rem;left:.7rem;width:min(19rem,calc(100vw - 1.4rem));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:1.55rem;background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.035) 36%),rgba(8,10,14,.78);box-shadow:0 28px 80px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(30px) saturate(165%);opacity:0;transform:translateX(calc(-100% - 2rem)) scale(.98);pointer-events:none;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .22s ease}.flixy-liquid-drawer.open{opacity:1;transform:none;pointer-events:auto}
.flixy-liquid-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .78rem;border-bottom:1px solid rgba(255,255,255,.09)}.flixy-liquid-drawer>header>a{display:flex;align-items:center;gap:.7rem;color:#fff}.flixy-liquid-drawer>header img{width:2rem;height:2rem;object-fit:contain}.flixy-liquid-drawer>header span{display:grid}.flixy-liquid-drawer>header b{font-size:.82rem}.flixy-liquid-drawer>header small{color:rgba(255,255,255,.45);font-size:.62rem}.flixy-liquid-drawer button{border:0;color:#fff;cursor:pointer}.flixy-liquid-drawer>header button{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.07)}
.flixy-liquid-drawer>nav{min-height:0;overflow:auto;padding:.65rem}.flixy-liquid-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2rem;align-items:center;gap:.65rem;min-height:3.2rem;padding:.35rem .5rem;border-radius:1rem;color:#fff}.flixy-liquid-row:hover{background:rgba(255,255,255,.075)}.flixy-liquid-row>a{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.78rem;background:rgba(255,255,255,.08);color:#fff}.flixy-liquid-row>span{display:grid;gap:.1rem;min-width:0}.flixy-liquid-row>span b{font-size:.74rem}.flixy-liquid-row>span small{color:rgba(255,255,255,.38);font-size:.58rem}.flixy-liquid-row>svg{width:.9rem;color:rgba(255,255,255,.28)}.flixy-liquid-row>button{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:rgba(239,68,68,.12);color:#fca5a5}.flixy-liquid-drawer>footer{display:flex;gap:.45rem;padding:.72rem;border-top:1px solid rgba(255,255,255,.09)}.flixy-liquid-drawer>footer button{min-height:2.3rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .75rem;border-radius:.8rem;background:rgba(255,255,255,.075);font-size:.68rem;font-weight:750}.flixy-liquid-drawer>footer button:first-child{flex:1}.flixy-liquid-drawer svg{width:1rem;height:1rem}.flixy-shell-empty{padding:1rem;color:rgba(255,255,255,.48);font-size:.7rem;text-align:center}
.flixy-liquid-row.is-hidden{opacity:.48}.flixy-liquid-row.is-hidden>a{filter:grayscale(1)}.flixy-liquid-row.is-hidden>button{background:rgba(52,211,153,.13);color:#86efac}

html[data-nav-style="taskbar"] .flixy-taskbar{position:fixed;z-index:19000;right:max(.65rem,env(safe-area-inset-right));bottom:max(.65rem,env(safe-area-inset-bottom));left:max(.65rem,env(safe-area-inset-left));height:3.45rem;display:flex;align-items:center;gap:.24rem;padding:.32rem .4rem;border:1px solid rgba(255,255,255,.17);border-radius:1.05rem;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),rgba(8,10,14,.76);box-shadow:0 20px 60px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.17);backdrop-filter:blur(28px) saturate(160%)}
html[data-nav-style="taskbar"] body{padding-bottom:4.65rem}
.flixy-taskbar-home,.flixy-taskbar-app,.flixy-taskbar-add,.flixy-taskbar-ai{position:relative;width:2.55rem;height:2.55rem;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:.8rem;background:transparent;color:rgba(255,255,255,.68);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.flixy-taskbar-home:hover,.flixy-taskbar-app:hover,.flixy-taskbar-add:hover,.flixy-taskbar-ai:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}.flixy-taskbar-home img{width:1.65rem;height:1.65rem;object-fit:contain}.flixy-taskbar :is(svg){width:1.08rem;height:1.08rem}.flixy-taskbar-rule{width:1px;height:1.65rem;margin:0 .18rem;background:rgba(255,255,255,.12)}.flixy-taskbar-apps{display:flex;align-items:center;gap:.12rem;min-width:0;overflow-x:auto}.flixy-taskbar-app.active::after{content:"";position:absolute;right:.62rem;bottom:.18rem;left:.62rem;height:2px;border-radius:2px;background:#fff}.flixy-taskbar-spacer{flex:1}.flixy-taskbar-ai{background:linear-gradient(145deg,rgba(139,92,246,.34),rgba(56,189,248,.16));color:#fff}.flixy-taskbar-picker{position:absolute;right:0;bottom:calc(100% + .55rem);width:min(18rem,calc(100vw - 1.3rem));max-height:min(31rem,70vh);overflow:auto;padding:.5rem;border:1px solid rgba(255,255,255,.15);border-radius:1rem;background:rgba(9,11,15,.96);box-shadow:0 22px 65px rgba(0,0,0,.54);backdrop-filter:blur(24px)}.flixy-taskbar-picker[hidden]{display:none}.flixy-taskbar-picker header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .45rem .55rem}.flixy-taskbar-picker header b{font-size:.72rem}.flixy-taskbar-picker header button{width:1.8rem;height:1.8rem;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff}.flixy-taskbar-picker>button{width:100%;min-height:2.65rem;display:grid;grid-template-columns:1.8rem minmax(0,1fr) 1.8rem;align-items:center;gap:.5rem;padding:.3rem .42rem;border:0;border-radius:.75rem;background:transparent;color:rgba(255,255,255,.66);text-align:left;font-size:.68rem}.flixy-taskbar-picker>button:hover,.flixy-taskbar-picker>button.selected{background:rgba(255,255,255,.075);color:#fff}
html[data-nav-style="taskbar"] #flixyMovieFinder>.movie-finder-launch{display:none!important}

.flixy-back-to-top{position:fixed;z-index:17990;right:max(1rem,env(safe-area-inset-right));bottom:max(4.7rem,calc(env(safe-area-inset-bottom) + 4.7rem));width:2.75rem;height:2.75rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(9,11,15,.72);color:#fff;box-shadow:0 12px 36px rgba(0,0,0,.4);backdrop-filter:blur(16px);opacity:0;transform:translateY(.55rem) scale(.9);pointer-events:none;transition:opacity .18s ease,transform .18s ease;cursor:pointer}.flixy-back-to-top.visible{opacity:1;transform:none;pointer-events:auto}.flixy-back-to-top>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.flixy-back-to-top circle{fill:none;stroke-width:2}.flixy-back-to-top .track{stroke:rgba(255,255,255,.13)}.flixy-back-to-top .progress{stroke:#fff;stroke-linecap:round}.flixy-back-to-top>i,.flixy-back-to-top>svg+svg{position:relative;width:.92rem;height:.92rem;transform:none}
html:not([data-nav-style="taskbar"]) .flixy-back-to-top{bottom:max(4.7rem,calc(env(safe-area-inset-bottom) + 4.7rem))}
@media(max-width:700px){.flixy-liquid-corner{gap:.08rem;padding:.25rem}.flixy-liquid-corner a{width:2.05rem;height:2.05rem}.flixy-liquid-drawer{inset:max(.45rem,env(safe-area-inset-top)) .45rem max(.45rem,env(safe-area-inset-bottom));width:auto}html[data-nav-style="taskbar"] .flixy-taskbar{height:3.25rem}.flixy-taskbar-home,.flixy-taskbar-app,.flixy-taskbar-add,.flixy-taskbar-ai{width:2.35rem;height:2.35rem}.flixy-taskbar-rule{display:none}.flixy-taskbar-add{display:none}.flixy-back-to-top{right:.72rem}}

/* Flixy v290 navigation and terminal finish */
.flixy-sidebar{padding:14px!important;gap:10px!important;background:linear-gradient(180deg,rgba(var(--flixy-sidebar-accent-rgb),.045),transparent 18%),rgb(var(--flixy-sidebar-rgb))!important;box-shadow:18px 0 58px rgba(0,0,0,.4),inset -1px 0 rgba(255,255,255,.035)!important}
.flixy-sidebar>a:first-child{min-height:54px;padding-inline:10px!important;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:2px}.flixy-sidebar>a:first-child img{width:31px!important;height:31px!important}.flixy-sidebar>a:first-child span{font-size:1.05rem!important;letter-spacing:-.035em}
.flixy-sidebar form>div{min-height:42px;border-radius:11px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.085)!important;transition:border-color .18s ease,background .18s ease}.flixy-sidebar form:focus-within>div{background:rgba(255,255,255,.075)!important;border-color:rgba(var(--flixy-sidebar-accent-rgb),.3)!important}
.flixy-sidebar #sidebarNavLinks{gap:3px!important;padding-top:4px!important}.flixy-sidebar .sidebar-link{min-height:40px!important;padding:8px 10px!important;border:1px solid transparent;border-radius:9px!important;font-size:.77rem;font-weight:650;letter-spacing:-.008em}.flixy-sidebar .sidebar-link .nav-icon{width:16px!important;height:16px!important;color:rgba(255,255,255,.48);transition:color .18s ease,transform .18s ease}.flixy-sidebar .sidebar-link:hover{transform:translateX(2px);border-color:rgba(255,255,255,.055);background:rgba(var(--flixy-sidebar-accent-rgb),.075)!important}.flixy-sidebar .sidebar-link:hover .nav-icon{color:#fff;transform:scale(1.06)}.flixy-sidebar .sidebar-link.active{color:#fff;background:rgba(var(--flixy-sidebar-accent-rgb),.1);border-color:rgba(var(--flixy-sidebar-accent-rgb),.13)}.flixy-sidebar .sidebar-link.active::before{left:-5px!important;width:2px!important;height:18px!important;box-shadow:0 0 12px rgba(var(--flixy-sidebar-accent-rgb),.65)}
.flixy-terminal-rainfall{position:absolute!important;z-index:0!important;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(40,255,103,.1),transparent 42%),linear-gradient(180deg,rgba(0,8,2,.22),rgba(0,2,1,.76))}.flixy-terminal-rainfall[hidden]{display:none!important}.flixy-terminal-rainfall span{position:absolute;top:-145%;left:var(--rain-x);width:.72rem;color:#54ff84;font:700 .58rem/1.26 "SFMono-Regular",Consolas,monospace;text-align:center;opacity:.42;text-shadow:0 0 8px rgba(49,255,102,.95),0 0 18px rgba(49,255,102,.46);animation:flixyRainColumn var(--rain-duration) linear var(--rain-delay) infinite}.flixy-terminal-rainfall span::first-line{color:#ecfff2}.flixy-terminal-window[data-terminal-style=rain]>.flixy-terminal-rainfall{display:block}.flixy-terminal-window[data-terminal-style=rain] .flixy-terminal-output{background:rgba(0,9,3,.6)!important}.flixy-terminal-window[data-terminal-style=rain] :is(.flixy-terminal-titlebar,.flixy-terminal-statusbar,.flixy-terminal-input-row,.flixy-terminal-suggestions,footer){background:rgba(0,8,2,.82)!important}.flixy-terminal-window[data-terminal-style=rain]{border-color:rgba(89,245,138,.54);box-shadow:0 36px 120px rgba(0,0,0,.84),0 0 64px rgba(36,255,101,.15),inset 0 0 110px rgba(30,255,91,.08)}.flixy-terminal-window.is-hacking{animation:flixyHackPulse .28s steps(2,end) 5}.flixy-terminal-line.is-hack{color:#a3ffbc;letter-spacing:.08em;text-shadow:0 0 10px rgba(81,255,130,.58)}@keyframes flixyRainColumn{from{transform:translateY(0)}to{transform:translateY(270%)}}@keyframes flixyHackPulse{50%{filter:brightness(1.32) contrast(1.13)}}
@media(prefers-reduced-motion:reduce){.flixy-terminal-rainfall span{animation:none;top:0}}

/* Home v289: denser catalog rhythm, honest taste estimates, and direct controls. */
.home-screen{
  --home-gutter:clamp(.7rem,1.35vw,1.35rem);
  --home-card-width:clamp(9.9rem,12.6vw,10.8rem);
  letter-spacing:-.006em;
}
.home-screen .home-catalog{
  padding:clamp(2.35rem,4vw,4rem) var(--home-gutter) clamp(4.5rem,8vw,7rem)!important;
}
.home-screen #rows{
  max-width:92rem!important;
  display:grid;
  gap:clamp(2.7rem,4.4vw,4.4rem);
}
.home-screen #rows>section,
.home-screen #rows>section>section{width:100%;max-width:100%;min-width:0}
.home-screen #rows .scroll-row{width:100%;max-width:100%;min-width:0}
.home-screen .hero-copy{display:grid;gap:.7rem;padding-bottom:.4rem}
.home-screen .hero-title{
  max-width:12ch;
  font-size:clamp(2.15rem,5.4vw,4.8rem);
  font-weight:800;
  line-height:.92;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.home-screen .hero-overview{
  font-size:clamp(.78rem,1vw,.94rem);
  line-height:1.58;
  letter-spacing:-.005em;
}
.home-screen .flixy-shelf-heading,
.home-screen #rows>section>section>div:first-child{margin-bottom:1rem!important}
.home-screen .flixy-shelf-heading h2,
.home-screen #rows>section>section>div:first-child h2{
  font-size:clamp(1.15rem,1.7vw,1.5rem)!important;
  line-height:1.04;
  font-weight:740!important;
  letter-spacing:-.032em!important;
}
.home-screen .flixy-shelf-heading p,
.home-screen #rows>section>section>div:first-child p{
  margin-top:.32rem;
  font-size:.76rem!important;
  line-height:1.4;
  letter-spacing:.005em;
  color:rgba(255,255,255,.46)!important;
}
.home-screen .scroll-row{gap:clamp(.72rem,1.25vw,1rem)!important}
.home-screen .scroll-row>.flixy-media-shell,
.home-screen .scroll-row>[data-media-card],
.home-screen .scroll-row>a.relative.flex-shrink-0{
  width:var(--home-card-width)!important;
  min-width:var(--home-card-width)!important;
}
.home-screen .flixy-media-shell>.card-hover{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  flex:0 0 auto!important;
}
.home-screen .flixy-shelf--compact{
  --home-card-width:clamp(9.25rem,11.7vw,10rem);
}
.home-screen .media-card-copy{width:100%;min-width:0;overflow:hidden;margin-top:.58rem!important}
.home-screen .media-card-copy .text-sm{
  display:block;
  width:100%;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.79rem!important;
  line-height:1.15!important;
  font-weight:620!important;
  letter-spacing:-.014em;
}
.home-screen .media-card-copy .text-xs{margin-top:.22rem;font-size:.67rem!important}
.home-screen .flixy-discover-reason{
  display:-webkit-box;
  width:100%;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.home-screen .flixy-match-badge,
.home-screen .flixy-priority-badge{
  color:#f4f7f8;
  background:rgba(7,10,12,.78);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 6px 18px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  letter-spacing:.015em;
  text-transform:none;
}
.home-screen .flixy-match-badge::before{
  content:"";
  display:inline-block;
  width:.38rem;
  height:.38rem;
  margin-right:.32rem;
  border-radius:50%;
  background:#66d9a8;
  box-shadow:0 0 9px rgba(102,217,168,.65);
}
.home-screen .flixy-priority-badge{color:rgba(255,255,255,.82)}
.home-screen .home-priority-card .card-hover{
  transform-origin:center bottom;
  transition:transform .2s ease-out,filter .2s ease-out,opacity .2s ease!important;
}
.home-screen .home-priority-card .card-hover:hover{
  transform:translateY(-10px) scale(1.035)!important;
  box-shadow:none!important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))!important;
}
@media(hover:hover) and (pointer:fine){
  .home-screen .scroll-row .card-hover:hover,
  .home-screen .scroll-row [data-media-card]:hover{
    z-index:30;
    transform:translateY(-10px) scale(1.035)!important;
    filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))!important;
  }
}
.home-hero-rank{display:inline-flex;align-items:center;gap:.42rem;width:max-content;color:rgba(255,255,255,.66);font-size:.59rem;font-weight:850;letter-spacing:.14em}.home-hero-rank>span{width:.34rem;height:.34rem;border-radius:50%;background:#78e2b5;box-shadow:0 0 10px rgba(120,226,181,.72)}.home-hero-rank>b{color:#fff;font-size:.64rem;letter-spacing:.04em}
.cw-cleared-state{min-height:6.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.035);animation:cwClearedIn .24s cubic-bezier(.22,1,.36,1) both}.cw-cleared-state>div{display:flex;align-items:center;gap:.7rem}.cw-cleared-state>div>svg{width:1.15rem;color:#73d9a8}.cw-cleared-state span{display:grid;gap:.18rem}.cw-cleared-state b{font-size:.8rem}.cw-cleared-state small{color:rgba(255,255,255,.46);font-size:.68rem}.cw-cleared-state button{display:inline-flex;align-items:center;gap:.4rem;padding:.52rem .72rem;border:1px solid rgba(255,255,255,.15);border-radius:.65rem;background:rgba(255,255,255,.07);color:#fff;font-size:.7rem;font-weight:750}.cw-cleared-state button:hover{background:rgba(255,255,255,.13)}.cw-cleared-state button svg{width:.8rem}@keyframes cwClearedIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.home-priority-remove{
  position:absolute;
  z-index:45;
  top:.42rem;
  right:.42rem;
  width:1.78rem;
  height:1.78rem;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:rgba(255,255,255,.82);
  background:rgba(4,6,9,.76);
  border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  opacity:0;
  transform:translateY(-3px);
  pointer-events:none;
  transition:opacity .16s ease,transform .18s ease,background .16s ease,border-color .16s ease!important;
}
.home-priority-remove svg{width:.86rem;height:.86rem}
.home-priority-card:hover .home-priority-remove,
.home-priority-card:focus-within .home-priority-remove{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.home-priority-remove:hover{
  color:#fff;
  background:rgba(225,74,88,.86);
  border-color:rgba(255,184,190,.46);
}
.followed-person-card{width:5.7rem}
.followed-person-avatar{
  width:5.2rem;
  height:5.2rem;
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 30px rgba(0,0,0,.24);
  transition:border-color .18s ease,transform .2s cubic-bezier(.22,1,.36,1);
}
.followed-person-card:hover .followed-person-avatar{transform:translateY(-2px);border-color:rgba(255,255,255,.34)}
.home-unfollow{
  width:100%;
  margin-top:.45rem;
  min-height:1.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.3rem;
  border:0;
  border-radius:999px;
  color:rgba(255,255,255,.46);
  background:transparent;
  font-size:.62rem;
  font-weight:650;
}
.home-unfollow svg{width:.72rem;height:.72rem}
.home-unfollow:hover,.home-unfollow:focus-visible{color:#ffb3bb;background:rgba(244,63,94,.1)}

body.flixy-confirm-open{overflow:hidden!important}
.flixy-confirm-backdrop{
  position:fixed;
  inset:0;
  z-index:70000;
  display:grid;
  place-items:center;
  padding:1rem;
  color:#f6f6f8;
  background:rgba(1,2,4,.68);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  backdrop-filter:blur(10px) saturate(120%);
  opacity:0;
  transition:opacity .17s ease;
}
.flixy-confirm-backdrop.is-open{opacity:1}
.flixy-confirm-backdrop.is-closing{opacity:0}
.flixy-confirm-card{
  width:min(92vw,25rem);
  padding:1.4rem;
  border-radius:1.35rem;
  text-align:left;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025) 42%),#0d0e12;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 32px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12);
  transform:translateY(8px) scale(.98);
  transition:transform .2s cubic-bezier(.22,1,.36,1);
}
.is-open>.flixy-confirm-card{transform:none}
.flixy-confirm-mark{
  width:2.15rem;
  height:2.15rem;
  display:grid;
  place-items:center;
  margin-bottom:1.15rem;
  border-radius:.72rem;
  color:#08090c;
  background:#f3f3f5;
  font-size:.9rem;
  font-weight:900;
}
.flixy-confirm-eyebrow{
  margin:0 0 .42rem;
  color:rgba(255,255,255,.44);
  font-size:.64rem;
  font-weight:760;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.flixy-confirm-card h2{margin:0;font-size:1.35rem;line-height:1.1;font-weight:760;letter-spacing:-.035em}
.flixy-confirm-card>p:last-of-type{margin:.6rem 0 0;color:rgba(255,255,255,.58);font-size:.82rem;line-height:1.55}
.flixy-confirm-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.3rem}
.flixy-confirm-actions button{
  min-height:2.4rem;
  padding:.55rem .9rem;
  border-radius:.72rem;
  border:1px solid rgba(255,255,255,.13);
  color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.055);
  font-size:.76rem;
  font-weight:720;
}
.flixy-confirm-actions button:hover{color:#fff;background:rgba(255,255,255,.1)}
.flixy-confirm-actions .is-danger{color:#fff;background:#b52d3d;border-color:#d95a68}
.flixy-confirm-actions .is-danger:hover{background:#c93849}
.flixy-confirm-actions .is-primary{color:#090a0d;background:#f4f4f5;border-color:#fff}

/* About → release notes: the About page is the entry point, not a second changelog. */
.patch-notes-gateway{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.35rem,3vw,2rem);border-color:rgba(167,139,250,.23)!important;background:linear-gradient(125deg,rgba(139,92,246,.13),rgba(17,17,19,.94) 48%,rgba(255,255,255,.025));overflow:hidden}
.patch-notes-copy{min-width:0;max-width:42rem}.patch-notes-copy h2{margin:.35rem 0 .55rem;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.045em}.patch-notes-copy>p:not(.text-violet-300){max-width:34rem;margin:0;color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.6}.patch-notes-latest{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin-top:1.2rem;color:rgba(255,255,255,.48);font-size:.7rem}.patch-notes-latest span{color:#c4b5fd;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.patch-notes-latest b{color:rgba(255,255,255,.8);font-weight:650}.patch-notes-open{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.6rem;min-height:2.8rem;padding:.75rem 1rem;border:1px solid rgba(221,214,254,.34);border-radius:.75rem;background:rgba(196,181,253,.1);color:#f5f3ff;font-size:.8rem;font-weight:760;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.patch-notes-open:hover{transform:translateY(-2px);border-color:rgba(221,214,254,.75);background:rgba(196,181,253,.2)}.patch-notes-open svg{width:1rem;height:1rem}

@media(max-width:640px){
  .patch-notes-gateway{align-items:flex-start;flex-direction:column;gap:1.25rem}.patch-notes-open{width:100%}
  .home-screen{--home-card-width:clamp(5.15rem,23.4vw,6.25rem)}
  .home-screen .flixy-shelf--compact{--home-card-width:clamp(4.9rem,22vw,5.8rem)}
  .home-screen .home-catalog{padding-inline:.85rem!important}
  .home-screen #rows{gap:2.6rem}
  .home-screen .hero-title{font-size:clamp(2rem,10.5vw,3.2rem);line-height:.94}
  .home-screen .scroll-row>.flixy-media-shell,
  .home-screen .scroll-row>[data-media-card],
  .home-screen .scroll-row>a.relative.flex-shrink-0{width:var(--home-card-width)!important;min-width:var(--home-card-width)!important}
  .home-priority-remove{opacity:1;transform:none;pointer-events:auto;width:1.55rem;height:1.55rem;top:.28rem;right:.28rem}
  .home-screen .flixy-discover-reason{display:none!important}
  .home-screen .flixy-priority-badge{top:.3rem!important;left:.3rem!important;padding:.24rem .42rem!important;font-size:.56rem!important}
  .home-unfollow span{display:none}
  .home-unfollow{width:1.75rem;margin:.38rem auto 0}
}

/* Flixy 3.0.1 header sizing: no dead tail after the profile control. */
.app-header{max-width:min(1080px,calc(100vw - 2rem))!important}
@media(max-width:1100px){.app-header{max-width:calc(100vw - 1rem)!important}}