/* Story Reel home (design 6). Loaded on the front page only. */
.home{background:#0C0B12;color:#fff;--hot:#FF8A3D}
.home .hd{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(12,11,18,.75),rgba(12,11,18,0));border-bottom:0;backdrop-filter:none}
.home .ft{margin-top:20px;background:#0C0B12;border-top:1px solid #24213A}
.home .tabbar{background:rgba(12,11,18,.96)}
.sr-hero{position:relative;background:#0C0B12}
.sr-bars{position:absolute;z-index:5;left:14px;right:14px;top:62px;display:flex;gap:4px;pointer-events:none}
.sr-bars i{flex:1;height:3px;border-radius:9px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.sr-bars i.on::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:srfill 7s linear forwards}
.sr-bars i.done{background:#fff}
@keyframes srfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sr-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sr-track::-webkit-scrollbar{display:none}
.sr-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;height:min(86vh,720px);min-height:600px;overflow:hidden;color:#fff}
.sr-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sr-bg--gen{background:linear-gradient(160deg,hsl(var(--h1) 60% 32%),#0C0B12)}
.sr-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,11,18,.55) 0,rgba(12,11,18,0) 22%,rgba(12,11,18,0) 42%,rgba(12,11,18,.93) 76%,#0C0B12 100%)}
.sr-top{position:absolute;top:76px;right:14px}
.sr-pill{font:800 12px var(--f-b);background:var(--hot);color:#140A04;padding:6px 11px;border-radius:999px;letter-spacing:.04em}
.sr-body{position:absolute;left:16px;right:16px;bottom:22px;max-width:640px}
.sr-kick{margin:0;font:800 12px var(--f-b);letter-spacing:.14em;color:var(--hot)}
.sr-title{margin:8px 0 0;font:800 clamp(2.3rem,11vw,4.2rem)/.98 var(--f-d);letter-spacing:-.03em}
.sr-title a{color:#fff;text-decoration:none}
.sr-meta{margin:10px 0 0;font:600 15px/1.45 var(--f-b);color:#DAD6E8}
.sr-cd{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center;max-width:420px}
.sr-cd div{background:rgba(255,255,255,.1);border-radius:14px;padding:9px 0;backdrop-filter:blur(6px)}
.sr-cd b{display:block;font:800 22px var(--f-d);font-variant-numeric:tabular-nums}
.sr-cd span{font:700 10px var(--f-b);color:#B8B2CC}
.sr-cd.cd--out{display:block;background:none}
.sr-btns{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sr-btns>.msg{flex-basis:100%;margin:0;color:#DAD6E8;font-size:13px}.sr-btns>.msg:empty{display:none}
.btn.sr-hot{background:var(--hot);color:#140A04;flex:1 1 auto;min-height:52px;border-radius:999px;font-weight:800;border:0}
.btn.sr-ghost{background:rgba(12,11,18,.4);border:1px solid rgba(255,255,255,.3);color:#fff;min-height:52px;border-radius:999px;width:auto;font-weight:800}
.btn.sr-ghost.done{background:rgba(255,255,255,.18);color:#fff}
.btn.sr-dark{background:#141028;color:#fff;margin-top:12px}
.sr-hero .msg{color:#DAD6E8;text-align:left;margin:6px 0 0}
.sr-rings{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:8px 16px 4px;max-width:1180px;margin:0 auto}
.sr-rings::-webkit-scrollbar{display:none}
.sr-ring{flex:none;width:70px;text-align:center;text-decoration:none;color:#fff}
.sr-ring span{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;border:2px solid #3A3550;padding:3px;box-sizing:border-box;font:800 20px var(--f-d)}
.sr-ring--hot span{border-color:var(--hot)}
.sr-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.sr-ring b{display:block;font:800 11px var(--f-b);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-card{margin:16px 12px 0;border-radius:26px;padding:20px 18px;max-width:1156px}
@media (min-width:1180px){.sr-card{margin-left:auto;margin-right:auto}}
.sr-ink{background:#18162A;color:#fff}
.sr-lilac{background:#EDEAFF;color:#141028}
.sr-hotcard{background:var(--hot);color:#140A04}
.sr-hotcard .sr-big{font-size:clamp(1.9rem,9.5vw,3.2rem);white-space:nowrap}
.admin-bar.home .hd{top:46px}
@media (min-width:783px){.admin-bar.home .hd{top:32px}}
.sr-lab{display:flex;justify-content:space-between;gap:10px;font:800 12px var(--f-b);letter-spacing:.1em;opacity:.85}
.sr-row{display:flex;align-items:flex-end;gap:14px;margin-top:14px}
.sr-big{font:800 clamp(2.4rem,12vw,3.6rem)/1 var(--f-d);margin-top:12px}
.sr-row .sr-big{margin:0;flex:none}
.sr-p{margin:8px 0 0;font:600 14px/1.45 var(--f-b)}
.sr-ink .sr-p{color:#DAD6E8}.sr-lilac .sr-p{color:#4B4470}
.sr-sub{margin:16px 0 8px;font:800 13px var(--f-b)}
.sr-pred{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.sr-pred button{position:relative;overflow:hidden;min-height:48px;border-radius:14px;border:1px solid #343052;background:transparent;color:#fff;font:700 14px var(--f-b);cursor:pointer}
.sr-pred button span{position:relative;z-index:1}
.sr-pred button i{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,138,61,.28);transition:width .6s;font-style:normal}
.sr-pred button.mine{border-color:var(--hot)}
.sr-pred button b{position:relative;z-index:1;margin-left:6px;font-weight:800}
.sr-ink .msg{color:#B8B2CC;text-align:left;margin:10px 0 0}
.sr-vs{display:flex;align-items:center;gap:12px;margin-top:14px;text-align:center}
.sr-vs div{flex:1}.sr-vs b{display:block;font:800 44px var(--f-d)}.sr-vs span{display:block;font:800 13px var(--f-b)}.sr-vs small{font:600 12px var(--f-b);color:#4B4470}
.sr-vs em{font:800 16px var(--f-d);font-style:normal;color:#6E6699}
.sr-split{margin-top:14px;height:10px;border-radius:99px;background:#D6D0F5;overflow:hidden}.sr-split i{display:block;height:100%;background:#141028}
.sr-sec{padding:26px 16px 0;max-width:1180px;margin:0 auto}
.sr-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.sr-hd h2{margin:0;font:800 22px var(--f-d);color:#fff}.sr-hd a{font:800 13px var(--f-b);color:var(--hot);text-decoration:none}
.sr-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -16px;padding:0 16px 6px}
.sr-rail::-webkit-scrollbar{display:none}
.sr-pc{flex:0 0 148px;scroll-snap-align:start;color:#fff;text-decoration:none}
.sr-pc__img{position:relative;display:block;width:148px;height:222px;border-radius:18px;overflow:hidden;background:#18162A}
.sr-pc__img img{width:100%;height:100%;object-fit:cover;display:block}
.sr-pc__img .imr-poster{border-radius:0;height:100%}
.sr-pc__img em{position:absolute;left:8px;top:8px;font:800 11px var(--f-b);font-style:normal;background:#fff;color:#141028;padding:4px 8px;border-radius:999px}
.sr-pc b{display:block;font:800 15px var(--f-b);margin-top:8px}.sr-pc small{font:600 12px var(--f-b);color:#B8B2CC}
.sr-list{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.sr-list div{display:flex;justify-content:space-between;gap:10px;background:rgba(20,10,4,.08);border-radius:12px;padding:10px 12px;font:700 14px var(--f-b)}
.sr-list .me{background:#140A04;color:#fff}
.sr-reads{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.sr-reads a{background:#18162A;border-radius:20px;padding:14px;min-height:150px;box-sizing:border-box;display:flex;flex-direction:column;text-decoration:none;color:#fff}
.sr-reads span{font:800 11px var(--f-b);color:var(--hot)}.sr-reads b{margin-top:auto;font:700 15px/1.25 var(--f-d)}
.sr-top3 div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #24213A;font:700 15px var(--f-b);color:#fff}.sr-top3 div:last-child{border:0}
@media (min-width:700px){.sr-slide{height:620px}.sr-body{left:max(16px,calc(50% - 574px))}.sr-reads{grid-template-columns:repeat(4,1fr)}.sr-pc{flex-basis:180px}.sr-pc__img{width:180px;height:270px}}
/* Desktop reel: a portrait poster cannot fill a wide screen, so it sits whole beside the text on a blurred copy of itself. Phones keep the full-bleed poster. */
@media (min-width:820px){
.sr-slide::before{content:"";position:absolute;inset:-70px;background:var(--sr-blur) center/cover no-repeat;filter:blur(46px) saturate(1.25) brightness(.55)}
.sr-slide .sr-bg{inset:auto;top:92px;right:max(24px,calc(50% - 574px));width:320px;height:480px;border-radius:16px;box-shadow:0 26px 70px rgba(0,0,0,.6);z-index:2}
.sr-shade{background:linear-gradient(90deg,#0C0B12 0,rgba(12,11,18,.72) 42%,rgba(12,11,18,.1) 100%),linear-gradient(180deg,rgba(12,11,18,.5) 0,rgba(12,11,18,0) 24%,rgba(12,11,18,0) 74%,#0C0B12 100%)}
.sr-top{z-index:3;top:104px;right:max(36px,calc(50% - 562px))}
.sr-body{z-index:3;bottom:36px;max-width:min(640px,calc(100% - 420px))}
.sr-bars{left:max(16px,calc(50% - 574px));right:max(16px,calc(50% - 574px))}
}
@media (prefers-reduced-motion:reduce){.sr-bars i.on::after{animation:none;transform:none}}

/* Illustrated read-before-you-watch cards. */
.sr-reads a{padding:0;overflow:hidden;min-height:0;border:1px solid #2A2645;transition:transform .2s,border-color .2s}
.sr-reads a:hover{transform:translateY(-3px);border-color:#FF8A3D}.sr-reads .article-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #2A2645}
.sr-reads__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:14px}.sr-reads b{margin:0;font-size:13px;line-height:1.4}.sr-reads span{font-size:10px;letter-spacing:.08em}
.sr-reads a:focus-visible{outline:2px solid #FF8A3D;outline-offset:4px}
/* Home 1.13: site line, search, quick links, reviews, trusted critics, in cinemas */
.hm-intro h1{font:800 clamp(1.15rem,5vw,1.6rem)/1.25 var(--f-d);margin:6px 0 6px;letter-spacing:-.01em}
.hm-intro p{margin:0 0 12px;color:#B8B2CC;font-size:.88rem;line-height:1.5}
.hm-search{display:flex;align-items:center;gap:8px;background:#18162A;border:1px solid #2A2645;border-radius:14px;padding:0 12px;height:48px}
.hm-search svg{width:18px;height:18px;stroke:#B8B2CC;fill:none;stroke-width:2;flex:none}
.hm-search input{flex:1;min-width:0;background:transparent;border:0;color:#F3F1FA;font:600 15px var(--f-b);outline:0}
.hm-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0 2px;-webkit-overflow-scrolling:touch}
.hm-chips::-webkit-scrollbar{display:none}
.hm-chips a{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#18162A;border:1px solid #2A2645;color:#F3F1FA;text-decoration:none;font:700 13px var(--f-b)}
.hm-chips a.on{background:var(--hot);border-color:var(--hot);color:#140A04}
.hm-chips--wrap{flex-wrap:wrap;overflow:visible}
.hm-src{margin:6px 0 0;font-size:.75rem;color:#8f89a6}
.hm-adv{margin-top:6px}
.hm-rvs{display:grid;gap:8px}
.hm-rv{display:block;background:#18162A;border:1px solid #2A2645;border-radius:14px;padding:12px 14px;text-decoration:none;color:#F3F1FA}
.hm-rv__h{display:flex;justify-content:space-between;gap:10px;font-size:.84rem}.hm-rv__h em{font:800 13px var(--f-d);font-style:normal;color:#F6B73C;white-space:nowrap}
.hm-rv__h em small{font:700 10px var(--f-b);color:#B8B2CC}
.hm-rv__q{display:block;margin:6px 0 4px;font-size:.88rem;line-height:1.45;color:#E7E1F7}
.hm-rv small{color:#B8B2CC;font-size:.75rem}
.hm-crit{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:10px}
.hm-crit::-webkit-scrollbar{display:none}
.hm-crit a{flex:none;width:76px;text-align:center;text-decoration:none;color:#F3F1FA}
.hm-crit span{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 6px;border-radius:50%;background:#18162A;border:2px solid var(--hot);font:800 22px var(--f-d)}
.hm-crit b{font:700 11px/1.25 var(--f-b);display:block}
.hm-now{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hm-now a{display:block;background:#18162A;border:1px solid #2A2645;border-radius:14px;overflow:hidden;text-decoration:none;color:#F3F1FA}
.hm-now__img{display:block;aspect-ratio:2/3;overflow:hidden;background:#24213A}.hm-now__img img{width:100%;height:100%;object-fit:cover;display:block}
.hm-now b{display:block;padding:8px 10px 2px;font:800 13px/1.25 var(--f-d)}
.hm-now__s{display:flex;flex-wrap:wrap;gap:4px;padding:4px 10px 10px}.hm-now__s i{font-style:normal;font-size:11px;background:#0C0B12;padding:3px 6px;border-radius:6px}
@media(min-width:760px){.hm-rvs{grid-template-columns:repeat(2,1fr)}.hm-now{grid-template-columns:repeat(4,1fr)}}
.sr-score{display:inline-block;margin:0 0 10px;padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-weight:600;font-size:.86rem;text-decoration:none}
.sr-score b{font:800 1.05rem var(--f-d)}.sr-score--good b{color:#5FE09A}.sr-score--mid b{color:#FFC452}.sr-score--bad b{color:#FF8080}

.hm-rv{display:flex;gap:12px;align-items:flex-start}.hm-rv__img{width:52px;height:78px;object-fit:cover;border-radius:8px;flex:none;background:#0E0D1A}.hm-rv__c{display:block;min-width:0;flex:1}
.hm-crit span{position:relative;overflow:hidden}.hm-crit span img{position:absolute;inset:0;margin:auto;width:34px;height:34px;border-radius:8px;background:#fff;padding:3px}

.sr-adv{display:inline-block;margin:0 0 10px 6px;padding:7px 12px;border-radius:999px;background:rgba(255,138,61,.16);color:#fff;font-weight:600;font-size:.86rem;text-decoration:none}
.sr-adv span{color:#FFB27F}.sr-adv b{font-weight:700;color:#FFC452}