/* Opt-in only: the original UGC remains unchanged when no approved stories exist. */
.tf-stories-track{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;cursor:grab;user-select:none}
.tf-stories-track.is-dragging{cursor:grabbing}
#ugcSection .ugc-story{position:relative;background:var(--creme,#f2eadc);isolation:isolate;border-radius:14px;border:1px solid rgba(215,118,85,.16);box-shadow:0 4px 16px -12px rgba(46,44,42,.2)}
.tf-story__poster,.tf-story__video{pointer-events:none}
.tf-story.launch-ugc .ugc-story .tf-story__poster,.tf-story .tf-story__video{width:100%;height:100%;object-fit:contain;display:block}
.tf-story .tf-story__video{position:absolute;inset:0;visibility:hidden}
.tf-story.is-loaded .tf-story__video{visibility:visible}
.tf-story.is-loaded .tf-story__poster{visibility:hidden}
.tf-story.launch-ugc:hover .ugc-story .tf-story__poster{transform:none}
.tf-story__control{position:absolute;bottom:12px;z-index:2;width:36px;height:36px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(46,44,42,.72);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}
.tf-story__control svg{width:18px;height:18px;pointer-events:none}
.tf-story__play{left:12px}
.tf-story__audio{right:12px}
.tf-story__control[hidden]{display:none}
.tf-story__control:focus-visible,#ugcScrollbar:focus-visible{outline:3px solid var(--terracota,#dc8b72);outline-offset:4px}
#ugcScrollbar{padding:16px 0;margin-top:8px;min-height:36px;touch-action:none}
#ugcScrollbar.is-dragging{cursor:grabbing}
#ugcScrollbarThumb{height:8px;top:-2px;box-shadow:none;border-radius:8px}
.tf-story__progress{position:absolute;top:10px;left:12px;width:calc(100% - 24px);height:3px;border:0;border-radius:2px;overflow:hidden;appearance:none;background:rgba(255,255,255,.35);color:#fff;z-index:2;pointer-events:none}
.tf-story__progress::-webkit-progress-bar{background:rgba(255,255,255,.35)}
.tf-story__progress::-webkit-progress-value{background:#fff}
.tf-story__progress::-moz-progress-bar{background:#fff}
.tf-story__status{position:absolute;inset:auto 8px 58px;z-index:3;font:500 11px/1.4 var(--ff-body,Arial,sans-serif);text-align:center;color:#fff;background:rgba(46,44,42,.8);padding:6px 8px;border-radius:6px}
.tf-story__status[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.tf-stories-track{scroll-behavior:auto}.tf-story *{animation:none!important;transition:none!important}}