@font-face{font-family:Manrope;src:url('../assets/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#181818;--panel:#212121;--ink:#fbfbfb;--muted:#9c9c9c;--gutter:32px;--gap:16px;--poster:296px}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:400 16px/1.4 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer;color:inherit}
a{color:inherit;text-decoration:none}
button{border:0}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e3229c;outline-offset:4px}
button:disabled{cursor:default;opacity:.3}
img{display:block;max-width:100%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip{position:absolute;left:16px;top:-60px;z-index:20;background:#fff;color:#181818;padding:12px}
.skip:focus{top:8px}
.header{position:absolute;top:32px;left:96px;right:96px;height:76px;display:flex;align-items:center;justify-content:space-between;z-index:5}
.brand{display:block;width:200px}
.brand img{width:200px;height:auto}
.brand .mobile-symbol{display:none}
.header-panel{height:76px;display:flex;align-items:center;gap:18px;border-radius:16px;background:#181818a6;padding:0 32px;backdrop-filter:blur(18px)}
.header nav{display:flex;gap:64px;align-items:center;margin-right:24px}
.header nav a{font-size:16px;color:#a2a09a;white-space:nowrap;transition:color .18s}
.header nav a:hover,.header nav a[aria-current]{color:#fbfbfb}
.profile{border-radius:50%;background:#c70d74;width:44px;height:44px;font-size:18px;font-weight:700}
.divider{height:24px;width:1px;display:block;background:#ffffff26}
.header-panel>.divider{display:none}
.icon-button{width:36px;height:44px;display:inline-grid;place-items:center;background:transparent;padding:6px;color:#b9b7af;border-radius:6px;flex:none}
.icon-button:hover{color:white;background:#ffffff12}
/* Figma proto (detail-bookmark): bookmark fill is a ~100 ms dissolve */
.icon-button,.bookmark{transition:color .1s linear,background-color .1s linear,opacity .2s linear}.icon-button .icon,.bookmark .icon{transition:fill .1s linear,color .1s linear}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.desktop-tools{display:flex;align-items:center;gap:12px}
.mode-control{position:fixed;right:12px;top:116px;z-index:10;display:flex;align-items:center;gap:6px;border:1px solid #ffffff26;border-radius:7px;padding:5px 8px;background:#181818eb;color:#bbb;font-size:11px}
.mode-control[hidden]{display:none}
.mode-control select{max-width:118px;border:0;background:#262626;color:#fff;font-size:11px;padding:3px;border-radius:3px}
.hero{position:relative;height:700px;isolation:isolate;overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:700px;object-fit:cover;object-position:center 50%;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#181818 0%,#18181800 75%),linear-gradient(90deg,#18181830,#18181800 70%)}
.hero-content{position:absolute;left:33px;top:143px;width:470px}
.hero-title{width:443px;height:146px;object-fit:contain;object-position:left center;margin-bottom:24px}
.hero h1{font-size:44px;line-height:1.15;max-width:460px;margin:20px 0 24px}
.hero .ratings{font-size:13px;line-height:20px;margin-bottom:24px;gap:7px;color:#f1f1f1}
.ratings{display:flex;align-items:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}
.tomato{color:#fa320a;font-size:13px;font-weight:800;line-height:1;display:inline-grid;place-items:center;width:22px;height:22px;background:#fa320a;border-radius:50%;color:#181818;position:relative}
.tomato:before{content:'✦';position:absolute;top:-9px;left:3px;color:#fa320a;font-size:17px}
.hero-description{color:#b1b1aa;font-size:13px;line-height:15px;letter-spacing:.1px;max-width:460px;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-actions{display:flex;align-items:center;gap:24px}
.watch-button{display:inline-grid;place-items:center;height:64px;width:320px;border-radius:6px;background:#fbfbfb;color:#181818;font-size:16px;font-weight:700;flex-shrink:0}
.watch-button:hover{background:#e5e5e5}
.hero-actions .icon-button{width:30px;height:44px;color:#fbfbfb;padding:0}
.hero-dots{position:absolute;bottom:184px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-dots button{padding:0;width:24px;height:8px;border-radius:8px;background:#f1f1f180}
.hero-dots button[aria-current=true]{background:#f1f1f1a6}
.filters{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);background:#0c0c0cc7;padding:0 16px;display:flex;height:56px;align-items:center;gap:0;border-radius:16px}
.filters button{font-size:16px;color:#929292;height:100%;padding:0 16px;background:none;white-space:nowrap}
.filters button[aria-pressed=true]{color:#fbfbfb}
.catalogue{overflow:hidden}
.shelf{position:relative;overflow:hidden;padding:0 0 0;--card:var(--poster)}
.shelf-heading{height:33px;margin:0 var(--gutter) 11px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.shelf h2{font-size:24px;line-height:33px;font-weight:700;margin:0}
.arrows{display:flex;gap:24px;align-items:center}
.arrow{width:32px;height:32px;padding:6px;background:transparent;border-radius:50%;display:grid;place-items:center}
.arrow .icon{width:20px;height:20px}
.arrow:hover{background:#ffffff15}
.rail{display:flex;gap:var(--gap);padding:0 var(--gutter);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.card{flex:0 0 var(--card);min-width:0;position:relative;scroll-snap-align:start;isolation:isolate}
.artwork{display:block;position:relative;width:100%;aspect-ratio:2/3;background:#292929;border-radius:6px;overflow:hidden;transition:filter .2s,box-shadow .2s}
.artwork>img{width:100%;height:100%;object-fit:cover;transition:filter .2s linear}
.badges,.progress{transition:opacity .2s linear}
.open-card{padding:0;background:none;width:100%;text-align:left;display:block;position:relative}
.open-card:hover .artwork>img,.open-card:focus-visible .artwork>img{filter:brightness(.32)}
.open-card:hover .badges,.open-card:focus-visible .badges,.open-card:hover .progress,.open-card:focus-visible .progress{opacity:0}
.artwork:after{content:'';position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .2s linear}
.open-card:hover .artwork:after,.open-card:focus-visible .artwork:after{border-color:#ffffffb0}
.card-title{position:absolute;left:0;bottom:0;right:0;background:none;padding:32px 12px 12px;font-size:16px;line-height:1.3;font-weight:700;opacity:0;transition:opacity .2s linear;overflow-wrap:anywhere}
.open-card:hover .card-title,.open-card:focus-visible .card-title{opacity:1}
.missing-art{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:20px;background:linear-gradient(145deg,#303036,#222225);color:#aaa}
.missing-art .icon{width:40px;height:40px;color:#bc338a}
.missing-art strong{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;color:#fbfbfb;overflow-wrap:anywhere}
.missing-art small{font-size:12px}
.badges{position:absolute;left:8px;right:8px;top:8px;display:flex;justify-content:center;align-items:start;pointer-events:none;font-size:16px;line-height:24px;font-weight:700;white-space:nowrap}
.badge{background:#111b;backdrop-filter:blur(8px);padding:6px 16px;border-radius:6px}
.badge.accent{background:linear-gradient(110deg,#9b169bcc,#ce0000d9)}
.bookmark{position:absolute;top:8px;right:8px;z-index:2;opacity:0;width:32px;height:32px;display:grid;place-items:center;background:#111a;border-radius:5px;padding:5px;transition:opacity .2s linear}
.bookmark .icon{width:20px;height:20px}
.card:hover .bookmark,.bookmark:focus-visible,.bookmark[aria-pressed=true]{opacity:1}
.bookmark[aria-pressed=true] .icon{fill:#fbfbfb;color:#fbfbfb}
.progress{position:absolute;bottom:9px;left:8px;right:8px;display:flex;align-items:end;gap:8px}
.progress-track{height:4px;background:#eeeeee60;flex:1;border-radius:4px;overflow:hidden}
.progress-track span{display:block;height:100%;background:white}
.progress small{font-size:10px;line-height:10px;white-space:nowrap;color:#fbfbfb}
.card-meta{padding-top:12px;min-height:66px;color:#bdbdbd}
.card-meta .ratings{font-size:18px;line-height:24px;gap:5px}
.card-meta .tomato{width:16px;height:16px;font-size:9px;margin-top:2px}
.card-meta .tomato:before{font-size:12px;top:-7px}
.genres{font-size:16px;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-meta .meta-title{display:none;font-size:14px;font-weight:700;line-height:20px;white-space:normal;overflow-wrap:anywhere;margin:8px 0 0}
body[data-mode=bad] .meta-title{display:block}
body[data-mode=bad] .card-meta{min-height:66px}
.shelf[data-row=continue]{padding-top:10px;height:401px;--card:452px}
.shelf[data-row=continue] .artwork{aspect-ratio:16/9}
.shelf[data-row=for-you]{height:869px;--card:452px}
.shelf[data-row=reels]{height:646px}
.shelf[data-row=reels] .artwork{aspect-ratio:296/526}
.artwork>.reel-mark{position:absolute;top:0;left:0;width:52px;height:72px;object-fit:fill;clip-path:polygon(0 0,100% 0,0 100%)}
.categories{display:flex;justify-content:space-between;gap:40px;padding:28px 96px 112px;height:429px}
.category{position:relative;display:block;width:504px;height:282px;border-radius:6px;flex-shrink:1;min-width:0;transition:filter .2s}
.category:hover{filter:brightness(1.15)}
.category picture{display:block;width:100%;height:211px;overflow:hidden}
.category picture img{height:100%;width:100%;object-fit:fill}
.category-label{display:block;background:#212121;border-radius:0 0 4px 4px;padding:0 8px 8px}
.category strong{display:block;font-size:36px;line-height:40px;font-weight:700}
.category small{font-size:14px;line-height:18px;display:block}
.shelf[data-row=movies]{background:var(--panel);padding-top:36px;height:847px}
.actors{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:26px var(--gutter) 0}
.related-actors-title{margin:24px var(--gutter) 0;font-size:18px;line-height:25px;color:#bcbcbc}
.related-actors-title+.actors{padding-top:16px}
.actor{flex:0 0 136px;width:136px;margin:0;min-width:0;opacity:.6}
.actor img{width:136px;height:136px;border-radius:50%;object-fit:cover;object-position:center 20%}
.actor figcaption{font-size:18px;line-height:25px;padding-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#b4b4b4}
.shelf[data-row=series]{height:715px;padding-top:92px}
.premium{height:620px;display:flex;align-items:center;gap:24px;padding:64px;position:relative;isolation:isolate;overflow:hidden;background:#2d0821}
.premium:before{content:'';position:absolute;inset:0;background:url('../assets/figma-38.webp') center/cover no-repeat;z-index:-1}
.premium-copy{width:440px;flex:none}
.premium h2{font-size:40px;line-height:55px;margin:0 0 18px;white-space:nowrap}
.premium h2 span{font-size:30px;margin-right:12px}
.premium p{font-size:18px;line-height:25px;margin:0 0 32px;max-width:410px}
.premium .premium-price{font-weight:700;margin:0 0 32px}
.premium-actions{display:flex;gap:8px}
.premium-actions a{height:64px;white-space:nowrap;border-radius:6px;padding:0 16px;font-size:16px;font-weight:700;background:#323232}
.premium-actions a:first-child{background:linear-gradient(100deg,#9614ad,#c60005)}
.premium-rail{display:flex;gap:16px;min-width:0;overflow-x:auto;scrollbar-width:none}
.premium-card{display:block;width:328px;flex:0 0 328px;aspect-ratio:2/3;padding:0;background:none;border-radius:6px;overflow:hidden}
.premium-card img{width:100%;height:100%;object-fit:cover}
.premium-card:hover img{filter:brightness(1.15)}
.shelf[data-row=new]{height:877px;padding-top:44px;background:var(--panel)}
.shelf[data-row=episodes]{height:635px;padding-top:92px}
.shelf[data-row=coming]{height:635px;padding-top:92px}
.shelf[data-row=history]{height:463px;padding-top:92px;--card:218px}
.shelf[data-row=history] .card-meta{padding-top:12px;min-height:40px;font-size:16px;color:#aaa}
.shelf[data-row=history] .card-title{font-size:14px}
.empty{display:flex;align-items:center;justify-content:center;min-height:220px;width:100%;margin:0 var(--gutter);border:1px dashed #555;border-radius:8px;color:#aaa;font-size:16px}
.skeleton{background:linear-gradient(100deg,#262626 30%,#393939 45%,#262626 60%);background-size:300% 100%;animation:shimmer 1.4s linear infinite;flex:0 0 var(--card);aspect-ratio:296/526;border-radius:6px}
@keyframes shimmer{from{background-position:100%}to{background-position:-100%}}
.source-notice{position:relative;z-index:2;background:#29232e;color:#ddd;border-bottom:1px solid #59465c;font-size:13px;line-height:20px;padding:12px 32px}
.source-notice:empty{display:none}
.initial-loading{height:700px;display:grid;place-items:center;color:#aaa}
dialog{border:1px solid #555;border-radius:16px;background:#212121;color:#fbfbfb;padding:40px;max-width:560px;width:calc(100% - 32px);max-height:85vh;overflow:auto}
dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}
.dialog-close{position:absolute;right:10px;top:6px;font-size:28px}
dialog h2{font-size:24px;line-height:1.3;margin:12px 0 16px;overflow-wrap:anywhere}
dialog p{color:#bcbcbc;font-size:16px;line-height:1.6}
.dialog-poster{height:240px;width:100%;object-fit:contain;border-radius:6px}
.dialog-search{width:100%;border:1px solid #666;background:#181818;border-radius:8px;padding:14px;color:white}
.search-results{display:grid;gap:8px;margin-top:16px}
.search-results button,.search-results .result{background:#333;border-radius:6px;padding:10px;text-align:left;font-size:16px}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#eee;color:#181818;padding:12px 20px;border-radius:8px;margin:0;z-index:15;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:calc(100% - 32px);font-size:14px}
.toast.visible{opacity:1;transform:translate(-50%,0)}
body[data-mode=bad] .shelf{height:auto;min-height:600px;padding-bottom:72px}
body[data-mode=bad] .shelf[data-row=continue]{min-height:380px}
body[data-mode=bad] .shelf[data-row=for-you]{min-height:869px}
body[data-mode=bad] .shelf[data-row=history]{min-height:463px}
@media (min-width:1200px){.category-label{padding-top:15px}.category small{margin-top:-3px}}
@media (min-width:735px) and (max-width:1199px){
  :root{--poster:225.7px}
  .header{left:32px;right:32px}.header-panel{padding:0 20px;gap:12px}.header nav{display:none}.brand{width:176px}.brand img{width:176px}
  .hero-content{top:171px;width:420px}.hero-title{width:343px;height:113px;margin-bottom:24px}.hero-description{font-size:12px;max-width:420px}
  .shelf[data-row=continue]{height:279px;--card:346px;padding-top:0}.shelf[data-row=for-you]{height:809px;--card:452px}
  .shelf[data-row=reels]{height:506px}.shelf[data-row=reels] .artwork{aspect-ratio:226/401}
  .categories{height:228px;padding:0 32px 64px;gap:28px}.category{height:164px;width:218px}.category picture{height:115px}.category strong{font-size:22px;line-height:28px}.category small{font-size:9px;line-height:12px}.category-label{padding:0 5px 6px}
  .shelf[data-row=movies]{height:631px;padding-top:20px}.actors{padding-top:24px;gap:12px}.actor{flex-basis:80px;width:80px}.actor img{width:80px;height:80px}.actor figcaption{font-size:11px;line-height:16px;padding-top:8px}
  .shelf[data-row=series]{height:614px;padding-top:76px}.card-meta .ratings{font-size:14px}.genres{font-size:12px}.badges{font-size:10px;line-height:15px}.badge{padding:3px 8px}
  .premium{height:380px;padding:32px;gap:24px}.premium-copy{width:244px}.premium h2{font-size:24px;line-height:33px;margin-bottom:24px}.premium h2 span{font-size:22px;margin-right:8px}.premium p{font-size:13px;line-height:18px;margin-bottom:24px}.premium .premium-price{font-size:18px;margin-bottom:20px}.premium-actions{flex-direction:column}.premium-actions a{height:56px}.premium-card{flex-basis:208px;width:208px}
  .shelf[data-row=new]{height:728px}.shelf[data-row=episodes]{height:552px;padding-top:76px}.shelf[data-row=coming]{height:545px;padding-top:76px}.shelf[data-row=history]{height:354px;padding-top:76px;--card:142px}
}
@media (max-width:734px){
  :root{--gutter:16px;--gap:8px;--poster:176px}
  .header{left:32px;right:32px;top:32px;height:76px}.brand{width:48px}.brand>img{display:none}.brand .mobile-symbol{display:block;width:48px;height:48px}
  .header-panel{padding:0 32px;height:76px;gap:16px;border-radius:16px}.header nav,.desktop-tools{display:none}.header-panel>.divider{display:block;height:20px}.header-panel>.icon-button{width:32px;padding:4px}
  .profile{width:44px;height:44px}.mode-control{top:116px;right:8px;font-size:10px}
  .hero{height:650px}.hero-art{height:650px;width:100%;object-fit:cover;object-position:63.8% center}
  .hero:after{background:linear-gradient(0deg,#181818 0%,#18181800 80%),linear-gradient(90deg,#18181820,#18181800)}
  .hero-content{left:16px;right:16px;top:311px;width:auto}.hero-title{width:236px;height:78px;margin-bottom:24px}
  .hero h1{font-size:32px;line-height:1.15;max-width:320px;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero .ratings,.hero-description{display:none}.hero-actions{gap:24px}.watch-button{width:240px;height:64px;font-weight:400;background:#f1f1f1;border-radius:8px}.hero-actions .icon-button{width:30px}
  .hero-dots{bottom:118px;gap:8px}.hero-dots button{width:24px;height:8px}.filters{bottom:32px;height:56px;padding:0 16px}.filters button{font-size:16px;padding:0 16px}
  .shelf-heading{height:30px;margin-bottom:11px}.shelf h2{font-size:22px;line-height:30px}.arrows{display:none}
  .shelf[data-row=continue]{padding-top:15px;height:231px;--card:225px}.shelf[data-row=continue] .artwork{aspect-ratio:225/127}
  .badges{font-size:10px;line-height:14px;top:8px;left:6px;right:6px}.badge{padding:4px 8px;border-radius:4px}.progress{bottom:8px;left:8px;right:8px}.progress-track{height:4px}.progress small{font-size:10px}
  .shelf[data-row=for-you]{height:601px;--card:336px}.shelf[data-row=for-you] .artwork{aspect-ratio:2/3}
  .shelf[data-row=reels]{height:412px}.shelf[data-row=reels] .artwork{aspect-ratio:176/312}.artwork>.reel-mark{width:32px;height:44px}
  .categories{height:612px;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:40px;padding:0 0 48px}
  .category{width:304px;height:162px;flex:none}.category picture{height:121px}.category-label{padding:0 5px 8px}.category strong{font-size:22px;line-height:33px}.category small{display:none}
  .shelf[data-row=movies]{height:497px;padding-top:0;background:var(--bg)}
  .related-actors-title{display:none}
  .card-meta{padding-top:12px;min-height:60px}.card-meta .ratings{font-size:18px;line-height:24px;gap:4px}.card-meta .year,.card-meta .duration-divider{display:none}.card-meta .audience+.meta-dot{display:none}.genres{font-size:16px;line-height:23px}
  .shelf[data-row=movies] .duration,.shelf[data-row=new] .duration,.shelf[data-row=coming] .duration{display:none}
  .actors{padding:16px 16px 0;gap:12px}.actor{flex-basis:58px;width:58px}.actor img{width:58px;height:58px}.actor figcaption{font-size:5.7px;line-height:8px;padding-top:7px}
  .shelf[data-row=series]{height:391px;padding-top:0}
  .premium{height:525px;padding:32px 16px;display:block;background:linear-gradient(160deg,#4c082c,#200716)}
  .premium:before{display:none}.premium-copy{width:100%}.premium h2{font-size:24px;line-height:33px;margin:0 0 24px}.premium h2 span{font-size:22px;margin-right:8px}.premium p{font-size:13px;line-height:15px;margin:0 0 16px}.premium .premium-price{font-size:18px;line-height:25px;margin:0 0 24px;font-weight:400}
  .premium-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.premium-actions a{width:100%;height:56px;font-size:16px;border-radius:8px}.premium-rail{gap:8px;overflow-x:auto}.premium-card{width:calc((100vw - 48px)/3);flex-basis:calc((100vw - 48px)/3)}
  .shelf[data-row=new]{height:489px;padding-top:15px;background:var(--bg)}
  .shelf[data-row=episodes]{height:413px;padding-top:15px}.shelf[data-row=coming]{height:406px;padding-top:15px}.shelf[data-row=history]{height:319px;padding-top:15px;--card:130px}.shelf[data-row=history] .card-meta{padding-top:12px;font-size:16px}
  .card-title{font-size:14px;padding:28px 8px 8px}.bookmark{width:28px;height:28px;padding:4px;right:6px}
  .source-notice{font-size:12px;line-height:18px;padding:10px 16px}.empty{min-height:180px;padding:16px}.missing-art{padding:12px;gap:12px}.missing-art strong{font-size:14px;line-height:20px}
  body[data-mode=bad] .shelf{min-height:390px;padding-bottom:48px}body[data-mode=bad] .shelf[data-row=continue]{min-height:250px}body[data-mode=bad] .shelf[data-row=for-you]{min-height:601px}body[data-mode=bad] .shelf[data-row=history]{min-height:303px}
}
@media (max-width:380px){.hero-actions{gap:16px}.watch-button{width:calc(100vw - 144px)}.header{left:24px;right:24px}.header-panel{padding:0 24px}.category{width:calc(100vw - 88px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Reels player */
.reel-layer{position:fixed;inset:0;z-index:100;background:#000e;backdrop-filter:blur(14px);display:grid;place-items:center}
.reel-stage{position:relative;height:min(92vh,960px);aspect-ratio:9/16;max-width:96vw;border-radius:16px;overflow:hidden;background:#000}
.reel-slide{position:absolute;inset:0;transition:transform .3s cubic-bezier(0,0,.2,1)}
.reel-slide img{width:100%;height:100%;object-fit:cover;display:block;animation:reel-zoom 8s linear both}
.reel-slide.paused img,.reel-stage.paused .reel-slide img{animation-play-state:paused}
@keyframes reel-zoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.reel-progress{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:4px;z-index:3}
.reel-progress i{flex:1;height:3px;border-radius:2px;background:#ffffff4d;overflow:hidden}.reel-progress b{display:block;height:100%;width:0;background:#fff}
.reel-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:44px;padding:0 20px;border-radius:22px;background:#fff;color:#111;font-size:16px;font-weight:600;white-space:nowrap}.reel-cta .icon{width:18px;height:18px}
.reel-caption{position:absolute;left:0;right:0;bottom:0;padding:80px 20px 24px;background:linear-gradient(transparent,#000d);display:flex;flex-direction:column;gap:16px;font-size:20px;line-height:26px;font-weight:600;pointer-events:none}.reel-caption p{margin:0}
.reel-caption span{font-size:14px;color:#ccc}
.reel-close{position:absolute;right:24px;top:24px;width:48px;height:48px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:28px;display:grid;place-items:center;z-index:2}
.reel-nav{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px}
.reel-nav button{width:48px;height:48px;border-radius:50%;background:#ffffff1f;color:#fff;display:grid;place-items:center}
.reel-nav button:disabled{opacity:.3}.reel-nav .icon,.reel-close .icon{width:24px;height:24px}
/* Логика от Slack: CW меню, Premium Upgrade, линк на реда */
.premium-actions a{display:inline-flex;align-items:center;justify-content:center;color:#fbfbfb;text-decoration:none}
.premium-actions a:first-child{background:linear-gradient(100deg,#9614ad,#c60005)}
.premium-card{position:relative}.premium-card>a:first-child{display:block;width:100%;height:100%}
.premium-card .upgrade{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.9);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(100deg,#9614ad,#c60005);opacity:0;transition:opacity .2s,transform .2s}
.premium-card .upgrade .icon{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.6}
.premium-card:hover .upgrade,.premium-card .upgrade:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.premium-card:hover>a:first-child img{filter:brightness(.45)}
.shelf-link{color:inherit;text-decoration:none}.shelf-link span{display:inline-block;transition:transform .2s;opacity:.7}.shelf-link:hover span{transform:translateX(4px);opacity:1}
.card{position:relative}
.card-menu{position:absolute;top:8px;left:8px;z-index:3;width:32px;height:32px;border-radius:5px;background:#111c;color:#fbfbfb;font-size:20px;line-height:1;opacity:0;transition:opacity .2s}
.card:hover .card-menu,.card-menu:focus-visible{opacity:1}
.card-pop{position:absolute;top:44px;left:8px;z-index:4;display:flex;flex-direction:column;background:#1d1d1d;border:1px solid #ffffff22;border-radius:8px;padding:6px;min-width:220px;box-shadow:0 8px 24px #0008}
.card-pop[hidden]{display:none}
.card-pop button{text-align:left;padding:10px 12px;border-radius:5px;background:none;color:#fbfbfb;font-size:14px}.card-pop button:hover{background:#ffffff14}