/* Clips: immersive full screen without the bottom bar, one shared icon set, Threads-style controls. */
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts nav.th-nav,
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .th-navfab{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage:has(>.shortbox){height:100dvh!important;background:#000!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage>.short-top{height:calc(env(safe-area-inset-top,0px) + 64px)!important;padding:env(safe-area-inset-top,0px) 12px 0!important;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,0))!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .short-top #shortExit,
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .short-top #shortSound{position:relative!important;right:auto!important;bottom:auto!important;width:36px!important;height:36px!important;border-radius:50%!important;border:0!important;background:rgba(0,0,0,.35)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;pointer-events:auto!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .short-top #shortSound{background:rgba(0,0,0,.35)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .short-tabs button{font-size:15px!important;font-weight:600!important;color:rgba(255,255,255,.6)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .short-tabs button.on{color:#fff!important}
/* bottom shade: thin, only behind the caption */
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .short-shade{inset:auto 0 0 0!important;height:160px!important;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.55))!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .shortmeta{right:72px!important;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 26px) 16px!important;background:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .short-who{gap:7px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;margin-bottom:6px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .short-cat-pill{margin-left:0!important;height:18px!important;padding:0 8px!important;border-radius:9px!important;font-size:11.5px!important;font-weight:600!important;line-height:18px!important;background:rgba(255,255,255,.2)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .shortmeta button{font-size:15px!important;font-weight:600!important;line-height:1.4!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts .shortmeta p{margin:6px 0 0!important;font-size:12.5px!important;color:rgba(255,255,255,.7)!important}
/* action column: bare icons, no discs, no text labels */
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions{right:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 96px)!important;gap:18px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions button{gap:4px!important;min-height:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions .action-icon{width:28px!important;height:28px!important;border:0!important;border-radius:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))!important;color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions .action-icon th-ico,
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions .action-icon svg{width:28px!important;height:28px!important;display:block!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions b{font-size:12.5px!important;font-weight:600!important;line-height:1!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions button.on .action-icon{background:none!important;border:0!important;color:#ff3b4e!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions button.on .action-icon svg{fill:currentColor!important;color:#ff3b4e!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions [data-short-scrap].on .action-icon,
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions [data-short-scrap].on .action-icon svg{color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .shortactions [data-short-scrap].on .action-icon svg g{fill:currentColor!important}
/* thin 2px progress above the home indicator, 44px touch band */
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .short-progress{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;height:2px!important;left:12px!important;right:12px!important;border-radius:1px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.in-shorts #xpage .short-progress::before{content:"";position:absolute;left:0;right:0;top:-21px;bottom:-21px}