/* GoodNews Plus: Shorts v2 (v2.14.0). The feed (/shorts, /shorts/series/{id}, /shorts/title/{id}) and Browse (/shorts/browse[/{key}]).
   One file for both bundles: no inset / aspect-ratio / flex gap where an old TV browser would break; plain colours before var(). */

/* ---------------------------------------------------------------- feed: shell */
body.page-shorts{overflow:hidden;background:#000}
body.page-shorts .topbar,body.page-shorts .skip-link:not(:focus){display:none}
.sx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000;color:#fff;overflow:hidden;-webkit-user-select:none;user-select:none}
.sx-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}
.sx-short{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.sx-stage.is-anim .sx-short{-webkit-transition:-webkit-transform .38s cubic-bezier(.2,.8,.2,1);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.sx-bg{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:#111 center/cover no-repeat;-webkit-filter:blur(42px) brightness(.42) saturate(1.25);filter:blur(42px) brightness(.42) saturate(1.25)}
.sx-hold{position:absolute;left:-10px;top:-10px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* the 9:16 frame: edge to edge on phones, centred with the blurred cover behind it on wider screens */
.sx-frame{position:absolute;top:0;right:0;bottom:0;left:0}
.sx-media{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}
.sx-media video,.sx-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.sx-media video{z-index:1}
.sx-cover{z-index:2;-webkit-transition:opacity .25s;transition:opacity .25s;background:#15161a}
.sx-media.is-ready .sx-cover{opacity:0}
.is-locked .sx-cover{-webkit-filter:blur(16px) brightness(.55);filter:blur(16px) brightness(.55);-webkit-transform:scale(1.12);transform:scale(1.12);opacity:1!important}
.sx-tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sx-shade{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78))}
.sx-media:before{content:"";position:absolute;left:0;right:0;top:0;height:120px;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0))}
.sx-bigplay{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(0,0,0,.45);z-index:4;display:flex;align-items:center;justify-content:center;opacity:0;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;-webkit-transform:scale(.8);transform:scale(.8);pointer-events:none}
.sx-bigplay svg{width:34px;height:34px;fill:#fff;stroke:none;margin-left:4px}
.sx-short.is-paused .sx-bigplay{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

@media (min-width:900px){
  .sx-frame{top:16px;bottom:16px;left:50%;right:auto;width:calc((100vh - 32px) * 9 / 16);margin-left:calc((100vh - 32px) * -9 / 32)}
  .sx-media{border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
}
@media (min-width:900px) and (max-height:520px){.sx-frame{top:8px;bottom:8px;width:calc((100vh - 16px) * 9 / 16);margin-left:calc((100vh - 16px) * -9 / 32)}}

/* ---------------------------------------------------------------- feed: info at the bottom */
.sx-info{position:absolute;left:14px;right:84px;bottom:26px;z-index:5;text-shadow:0 1px 6px rgba(0,0,0,.7);pointer-events:none}
.sx-info a,.sx-info button{pointer-events:auto}
@media (min-width:900px){.sx-info{right:16px;left:16px;bottom:24px}}
.sx-chip,.sx-sname{display:inline-flex;align-items:center;max-width:100%;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.74rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
.sx-chip svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.2;margin-right:5px;flex:none}
.sx-sname{color:#F3B427;color:var(--gold,#F3B427)}
.sx-cap{margin:0;font-size:.92rem;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.sx-cap.is-open{display:block;-webkit-line-clamp:unset;max-height:38vh;overflow:auto;pointer-events:auto;-webkit-user-select:text;user-select:text}
.sx-more{background:none;border:0;padding:2px 0;margin:0;color:#fff;font:inherit;font-size:.82rem;font-weight:700;opacity:.85;cursor:pointer}
.sx-more[hidden]{display:none}
.sx-meta{margin-top:8px}
.sx-lang{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);font-size:.7rem;font-weight:600;letter-spacing:.02em;text-shadow:none}
.sx-pill{display:inline-flex;align-items:center;max-width:100%;margin-top:10px;padding:5px 16px 5px 5px;border-radius:999px;background:#F3B427;background:var(--gold-grad,linear-gradient(135deg,#FEC22C,#F3B427 45%,#C98512));color:#1a1204;text-decoration:none;text-shadow:none;box-shadow:0 6px 18px rgba(0,0,0,.35);-webkit-transition:-webkit-transform .15s;transition:transform .15s}
.sx-pill:hover,.sx-pill:focus-visible{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.sx-pill img{width:30px;height:44px;object-fit:cover;border-radius:7px;margin-right:10px;flex:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.sx-pill span{min-width:0;padding-left:6px}
.sx-pill img+span{padding-left:0}
.sx-pill b{display:block;font-size:.84rem;font-weight:700;white-space:nowrap}
.sx-pill small{display:block;font-size:.72rem;font-weight:600;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* progress: thin, drag to seek */
.sx-prog{position:absolute;left:0;right:0;bottom:0;height:18px;z-index:6;cursor:pointer;touch-action:none}
.sx-prog:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25)}
.sx-prog i{position:absolute;left:0;bottom:0;display:block;height:3px;width:0;background:#fff;border-radius:0 2px 2px 0}
.sx-prog:hover:before,.sx-prog:hover i,.sx-prog.is-drag:before,.sx-prog.is-drag i{height:5px}
.sx-prog.is-drag i:after,.sx-prog:hover i:after{content:"";position:absolute;right:-6px;top:-4px;width:12px;height:12px;border-radius:50%;background:#fff}
@media (min-width:900px){.sx-prog{left:10px;right:10px;bottom:2px}}

/* ---------------------------------------------------------------- feed: series (episodes) */
.sx-ep-top{position:absolute;left:12px;right:12px;top:68px;z-index:5;pointer-events:none}
@media (min-width:900px){.sx-ep-top{top:62px}}
.sx-segs{display:flex}
.sx-segs i{flex:1;height:3px;margin-right:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.sx-segs i:last-child{margin-right:0}
.sx-segs b{display:block;height:100%;width:0;background:#fff}
.sx-segs i.is-done b{width:100%!important}
.sx-ep-n{display:inline-block;margin-top:7px;padding:2px 9px;border-radius:999px;background:rgba(0,0,0,.4);font-size:.74rem;font-weight:700}
.sx-ep-arrow{display:none}
@media (min-width:900px){
  .sx-ep-arrow{display:flex;position:absolute;top:42%;z-index:6;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;justify-content:center;cursor:pointer;color:#fff}
  .sx-ep-arrow.is-prev{left:-66px}.sx-ep-arrow.is-next{right:-66px}
  .sx-ep-arrow:hover{background:rgba(255,255,255,.24)}
  .sx-ep-arrow[disabled]{opacity:.3;cursor:default}
}
.sx-ep-arrow svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.4}
.sx-in-r{-webkit-animation:sxInR .32s ease-out;animation:sxInR .32s ease-out}
.sx-in-l{-webkit-animation:sxInL .32s ease-out;animation:sxInL .32s ease-out}
.sx-nudge{-webkit-animation:sxNudge .32s;animation:sxNudge .32s}
@-webkit-keyframes sxInR{from{-webkit-transform:translateX(16%);opacity:.2}to{-webkit-transform:none;opacity:1}}
@keyframes sxInR{from{transform:translateX(16%);opacity:.2}to{transform:none;opacity:1}}
@-webkit-keyframes sxInL{from{-webkit-transform:translateX(-16%);opacity:.2}to{-webkit-transform:none;opacity:1}}
@keyframes sxInL{from{transform:translateX(-16%);opacity:.2}to{transform:none;opacity:1}}
@-webkit-keyframes sxNudge{30%{-webkit-transform:translateX(18px)}60%{-webkit-transform:translateX(-6px)}}
@keyframes sxNudge{30%{transform:translateX(18px)}60%{transform:translateX(-6px)}}

/* up next (after the last episode) */
.sx-upnext{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sx-upnext small{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F3B427;color:var(--gold,#F3B427);margin-bottom:14px}
.sx-un-card{background:none;border:0;padding:0;color:#fff;cursor:pointer;max-width:200px}
.sx-un-card img{display:block;width:132px;height:198px;object-fit:cover;border-radius:12px;margin:0 auto 10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.sx-un-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;font-weight:600}
.sx-un-row{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px}
.sx-un-btn{display:inline-flex;align-items:center;margin:4px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none}
.sx-un-btn.is-gold{background:#F3B427;background:var(--gold-grad,#F3B427);border-color:transparent;color:#1a1204}
.sx-un-btn em{font-style:normal;margin-left:8px;min-width:22px;height:22px;line-height:22px;border-radius:50%;background:rgba(0,0,0,.18);font-size:.78rem}

/* locked (guests) and errors */
.sx-lock,.sx-err{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.sx-err{background:rgba(0,0,0,.6)}
.sx-err[hidden]{display:none}
.sx-err p{margin:0 0 12px;font-weight:600}
.sx-lock-btn,.sx-retry{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;border:0;background:#F3B427;background:var(--gold-grad,#F3B427);color:#1a1204;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.sx-lock-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;margin-right:8px}

/* the heart on a double click */
.sx-heart{position:absolute;z-index:4;width:104px;height:104px;margin:-52px 0 0 -52px;pointer-events:none;-webkit-animation:sxHeart .85s ease-out forwards;animation:sxHeart .85s ease-out forwards}
.sx-heart svg{width:100%;height:100%;fill:#ff3b5c;stroke:none;-webkit-filter:drop-shadow(0 4px 14px rgba(255,59,92,.55));filter:drop-shadow(0 4px 14px rgba(255,59,92,.55))}
@-webkit-keyframes sxHeart{0%{-webkit-transform:scale(.3) rotate(-12deg);opacity:0}15%{-webkit-transform:scale(1.18) rotate(-12deg);opacity:1}30%{-webkit-transform:scale(.95) rotate(-8deg)}70%{-webkit-transform:scale(1) translateY(-14px);opacity:1}100%{-webkit-transform:scale(1.3) translateY(-70px);opacity:0}}
@keyframes sxHeart{0%{transform:scale(.3) rotate(-12deg);opacity:0}15%{transform:scale(1.18) rotate(-12deg);opacity:1}30%{transform:scale(.95) rotate(-8deg)}70%{transform:scale(1) translateY(-14px);opacity:1}100%{transform:scale(1.3) translateY(-70px);opacity:0}}

/* ---------------------------------------------------------------- feed: action rail */
.sx-rail{position:absolute;right:8px;bottom:96px;z-index:6;display:flex;flex-direction:column;align-items:center}
.sx-rail>*+*{margin-top:14px}
@media (min-width:900px){.sx-rail{right:auto;left:50%;bottom:32px;margin-left:calc((100vh - 32px) * 9 / 32 + 16px)}}
.sx-act{display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;color:#fff;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;text-shadow:0 1px 4px rgba(0,0,0,.6);-webkit-tap-highlight-color:transparent}
.sx-act>span+span{margin-top:4px}
.sx-ic{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;-webkit-transition:background .15s,-webkit-transform .15s;transition:background .15s,transform .15s}
.sx-act:hover .sx-ic{background:rgba(255,255,255,.26)}
.sx-act:active .sx-ic{-webkit-transform:scale(.9);transform:scale(.9)}
.sx-ic svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-act.js-short-like.is-on svg{fill:#ff3b5c;stroke:#ff3b5c}
.sx-act.js-short-like.is-on .sx-ic{-webkit-animation:sxPop .3s;animation:sxPop .3s}
@-webkit-keyframes sxPop{50%{-webkit-transform:scale(1.2)}}
@keyframes sxPop{50%{transform:scale(1.2)}}
.sx-act .i-check,.sx-act.is-on .i-plus{display:none}
.sx-act.is-on .i-check{display:block}
.sx-act.js-mylist.is-on .sx-ic{background:rgba(243,180,39,.3)}
.sx-act.js-mylist.is-on svg{stroke:#F3B427;stroke:var(--gold,#F3B427)}
.sx-act:focus-visible .sx-ic,.sx-round:focus-visible,.sx-ep-arrow:focus-visible,.sx-pill:focus-visible,.sx-un-btn:focus-visible,.sx-ep:focus-visible .sx-ep-img{outline:3px solid #F3B427;outline-offset:3px}
.legacy .sx-act:focus .sx-ic,.legacy .sx-round:focus,.legacy .sx-ep:focus .sx-ep-img,.legacy .sx-un-btn:focus,.legacy .sx-pill:focus{outline:3px solid #F3B427;outline-offset:3px}

/* ---------------------------------------------------------------- feed: top bar, up / down buttons */
.sx-top{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top, 0px));pointer-events:none}
.sx-top>*{pointer-events:auto}
.sx-top-r{display:flex}
.sx-top-r>*+*{margin-left:8px}
.sx-round{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;padding:0}
.sx-round:hover{background:rgba(255,255,255,.18)}
.sx-round[disabled]{opacity:.35;cursor:default}
.sx-round svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sxPause .i-play,#sxPause.is-paused .i-pause{display:none}
#sxPause.is-paused .i-play{display:block}
#sxMute .i-muted,#sxMute.is-muted .i-vol{display:none}
#sxMute.is-muted .i-muted{display:block}
.sx-switch{position:absolute;left:50%;top:calc(12px + env(safe-area-inset-top, 0px));-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 18px rgba(0,0,0,.25)}
.sx-switch a{display:block;padding:7px 16px;border-radius:999px;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.78);text-decoration:none;white-space:nowrap;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s}
.sx-switch a:hover{color:#fff}
.sx-switch a.is-on{background:rgba(255,255,255,.94);color:#111}
@media (max-width:420px){.sx-switch a{padding:6px 12px;font-size:.82rem}.sx-top .sx-round{width:38px;height:38px}}
.sx-nav{position:absolute;right:22px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:20;display:none;flex-direction:column}
.sx-nav>*+*{margin-top:12px}
.sx-nav .sx-round{width:48px;height:48px}
@media (min-width:900px){.sx-nav{display:flex}}
.sx.is-empty .sx-nav{display:none}
.sx-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.sx-empty[hidden]{display:none}
.sx-empty h2{margin:0 0 6px}.sx-empty p{margin:0 0 16px;color:rgba(255,255,255,.7)}

/* ---------------------------------------------------------------- feed: episodes panel (side panel / bottom sheet) */
.sx-panel{position:absolute;left:0;right:0;bottom:0;max-height:72vh;z-index:31;display:flex;flex-direction:column;background:rgba(20,21,26,.96);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.5);-webkit-animation:sxUp .28s ease-out;animation:sxUp .28s ease-out;padding-bottom:env(safe-area-inset-bottom, 0px)}
.sx-panel[hidden],.sx-scrim[hidden]{display:none}
@media (min-width:900px){.sx-panel{left:auto;top:0;width:380px;max-height:none;border-radius:0;border-left:1px solid rgba(255,255,255,.08);-webkit-animation-name:sxSide;animation-name:sxSide}}
.sx-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px}
.sx-panel-head small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F3B427;color:var(--gold,#F3B427)}
.sx-panel-head strong{display:block;font-size:1.05rem;margin-top:2px}
.sx-eps{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px 20px;display:flex;flex-wrap:wrap;margin:0 -5px}
@supports (display:grid){.sx-eps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px 10px;gap:12px 10px;margin:0}}
.sx-ep{display:block;width:33.33%;padding:0 5px 12px;background:none;border:0;color:#fff;text-align:left;font:inherit;cursor:pointer}
@supports (display:grid){.sx-ep{width:auto;padding:0}}
.sx-ep-img{position:relative;display:block;padding-top:150%;border-radius:10px;overflow:hidden;background:#24252b}
.sx-ep-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.sx-ep:hover .sx-ep-img img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.sx-ep.is-on .sx-ep-img{box-shadow:0 0 0 2px #F3B427}
.sx-ep-on{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:999px;background:#F3B427;color:#1a1204;font-size:.66rem;font-weight:700}
.sx-ep-lock{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}
.sx-ep-lock svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2}
.sx-ep-t{display:block;margin-top:6px;font-size:.78rem;font-weight:700}
.sx-ep-c{display:block;font-size:.72rem;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:rgba(0,0,0,.45)}
@media (min-width:900px){.sx-scrim{display:none!important}.sx.has-panel .sx-nav{display:none}}
@-webkit-keyframes sxUp{from{-webkit-transform:translateY(100%)}to{-webkit-transform:none}}
@keyframes sxUp{from{transform:translateY(100%)}to{transform:none}}
@-webkit-keyframes sxSide{from{-webkit-transform:translateX(100%)}to{-webkit-transform:none}}
@keyframes sxSide{from{transform:translateX(100%)}to{transform:none}}

/* first-time hint */
.sx-hint{position:absolute;left:50%;top:50%;z-index:25;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:80%;padding:16px 22px;border-radius:16px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;font-weight:600;font-size:.92rem;pointer-events:none;-webkit-transition:opacity .4s;transition:opacity .4s}
.sx-hint[hidden]{display:none}
.sx-hint.is-out{opacity:0}
.sx-hint-arrows{display:block;font-size:1.7rem;margin-bottom:6px;color:#F3B427;-webkit-animation:sxSwing 1.2s ease-in-out infinite;animation:sxSwing 1.2s ease-in-out infinite}
@-webkit-keyframes sxSwing{25%{-webkit-transform:translateX(-10px)}75%{-webkit-transform:translateX(10px)}}
@keyframes sxSwing{25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}

@media (prefers-reduced-motion:reduce){.sx-stage.is-anim .sx-short{-webkit-transition-duration:.01s;transition-duration:.01s}.sx-in-r,.sx-in-l,.sx-nudge,.sx-hint-arrows{-webkit-animation:none;animation:none}}

/* ---------------------------------------------------------------- browse (/shorts/browse) */
.sb-page{padding-bottom:40px}
.sb-head{display:flex;align-items:center;justify-content:center;padding:6px 16px 14px;padding:6px var(--gutter,16px) 14px;position:relative}
.sb-head h1{margin:0;font-size:1.4rem}.sb-head h1 small{font-size:.6em;font-weight:500;opacity:.6;margin-left:8px}
.sb-head .icon-btn{position:absolute;left:16px;left:var(--gutter,16px)}
.sb-head .sx-switch{position:static;-webkit-transform:none;transform:none}
.page-shorts-browse .sb-head:has(h1){justify-content:flex-start}
.page-shorts-browse .sb-head:has(h1) .icon-btn{position:static;margin-right:10px}
.sb-row .rail-track>*+*{margin-left:0}
.sb-tile{flex:0 0 auto;display:block;width:150px;color:inherit;text-decoration:none;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}
@media (min-width:768px){.sb-tile{width:172px}}
@media (min-width:1400px){.sb-tile{width:190px}}
.sb-media{position:relative;display:block;padding-top:150%;border-radius:14px;overflow:hidden;background:#1a1b20;-webkit-transition:-webkit-transform .22s ease,box-shadow .22s ease;transition:transform .22s ease,box-shadow .22s ease}
.sb-media img,.sb-media .card-ph{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.sb-tile:hover .sb-media,.sb-tile:focus-visible .sb-media,.legacy .sb-tile:focus .sb-media{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,.55),0 0 0 2px rgba(243,180,39,.0)}
.sb-tile:focus-visible .sb-media,.legacy .sb-tile:focus .sb-media{box-shadow:0 16px 32px rgba(0,0,0,.55),0 0 0 3px #F3B427}
.sb-tile:focus{outline:none}
.sb-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));pointer-events:none}
.sb-badge{position:absolute;right:8px;bottom:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.72rem;font-weight:700;color:#fff}
.sb-chip{position:absolute;left:8px;top:8px;z-index:1;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.88);color:#111;font-size:.66rem;font-weight:700;letter-spacing:.02em}
.sb-lock{position:absolute;right:8px;top:8px;z-index:1;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}
.sb-lock svg{width:14px;height:14px}
.sb-prog{position:absolute;left:0;right:0;bottom:0;z-index:2;height:4px;background:rgba(255,255,255,.25)}
.sb-prog i{display:block;height:100%;background:#F3B427;background:var(--gold,#F3B427)}
.sb-prog~.sb-badge{bottom:12px}
.sb-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:.86rem;font-weight:600;line-height:1.3}
.sb-movies .sb-badge{background:rgba(243,180,39,.92);color:#1a1204}
.sb-grid{display:flex;flex-wrap:wrap;padding:4px 10px 0;padding:4px calc(var(--gutter,16px) - 6px) 0}
.sb-grid>*{width:50%;padding:0 6px 18px}
@media (min-width:560px){.sb-grid>*{width:33.33%}}
@media (min-width:860px){.sb-grid>*{width:25%}}
@media (min-width:1100px){.sb-grid>*{width:16.66%}}
@supports (display:grid){
  .sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:20px 14px;gap:20px 14px;padding:4px var(--gutter,16px) 0}
  .sb-grid>*{width:auto;padding:0}
  @media (min-width:768px){.sb-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}
}
.sb-grid .skel .card-media{display:block;padding-top:150%;border-radius:14px;background:#1d1e23}