@keyframes stt-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes stt-shimmer{to{transform:translateX(100%)}}.stt-video{position:relative;overflow:hidden;border-radius:var(--stt-video-radius);background-color:#000}.stt-video__media,.stt-video__poster{width:100%;height:100%;object-fit:cover}.stt-video__poster{position:absolute;inset:0;transition:opacity var(--stt-duration) var(--stt-ease);z-index:1}.stt-video.is-playing .stt-video__poster{opacity:0;pointer-events:none}.stt-video--vertical{aspect-ratio:var(--stt-video-aspect-vertical)}.stt-video--horizontal{aspect-ratio:var(--stt-video-aspect-horizontal)}.stt-video--square{aspect-ratio:var(--stt-video-aspect-square)}.stt-video--product{aspect-ratio:var(--stt-video-aspect-product)}.stt-video--auto{aspect-ratio:auto}.stt-video__play,.stt-video__play-icon{display:flex;align-items:center;justify-content:center}.stt-video__play{position:absolute;inset:0;z-index:2;cursor:pointer;background:rgba(0,0,0,.15);transition:background var(--stt-duration-fast) var(--stt-ease)}.stt-video__play:hover{background:rgba(0,0,0,.25)}.stt-video.is-playing .stt-video__play{opacity:0;pointer-events:none;transition:opacity var(--stt-duration-fast) var(--stt-ease)}.stt-video__play-icon{width:56px;height:56px;border-radius:50%;background:var(--stt-glass-bg-heavy);backdrop-filter:blur(var(--stt-glass-blur));-webkit-backdrop-filter:blur(var(--stt-glass-blur));border:1px solid var(--stt-glass-border);color:#fff;transition:transform var(--stt-duration-fast) var(--stt-ease-spring),box-shadow var(--stt-duration-fast) var(--stt-ease);box-shadow:0 4px 16px rgba(0,0,0,.2)}.stt-video__play:hover .stt-video__play-icon{transform:scale(1.08);box-shadow:0 4px 24px rgba(0,0,0,.3)}.stt-video__play-icon::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;margin-left:3px}.stt-video__play--sm .stt-video__play-icon{width:40px;height:40px}.stt-video__play--sm .stt-video__play-icon::after{border-width:7px 0 7px 12px;margin-left:2px}.stt-video__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.2);z-index:3}.stt-video__progress-fill{height:100%;background:var(--stt-accent);transition:width .1s linear;border-radius:0 1.5px 1.5px 0}[data-theme=dark] .stt-video__progress-fill{box-shadow:0 0 6px rgba(212,178,117,.3)}.stt-video__duration,.stt-video__mute{position:absolute;right:var(--stt-space-1);color:#fff}.stt-video__duration{bottom:var(--stt-space-1);z-index:2;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--stt-radius-sm);line-height:1.4}.stt-video__mute{top:var(--stt-space-1);z-index:3;width:36px;height:36px;border-radius:50%;background:var(--stt-glass-bg);backdrop-filter:blur(var(--stt-glass-blur));-webkit-backdrop-filter:blur(var(--stt-glass-blur));border:1px solid var(--stt-glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--stt-duration-fast) var(--stt-ease-spring)}.stt-video__mute:hover{transform:scale(1.08)}.stt-feed{display:flex;gap:var(--stt-space-1);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--stt-space-2)}.stt-feed::-webkit-scrollbar{display:none}.stt-feed__item{flex:0 0 auto;scroll-snap-align:start;width:56vw;max-width:240px}.stt-feed__item .stt-video{aspect-ratio:var(--stt-video-aspect-vertical)}@media (min-width:768px){.stt-feed{gap:var(--stt-space-2);padding:0}.stt-feed__item{width:220px}}@media (min-width:1024px){.stt-feed__item{width:200px;max-width:none}}.stt-feed__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--stt-space-3) var(--stt-space-1) var(--stt-space-1);background:linear-gradient(transparent 0,rgba(0,0,0,.6) 100%);z-index:2;display:flex;flex-direction:column;gap:.25rem}.stt-feed__title{font-size:var(--stt-text-sm);font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stt-feed__brand{font-size:var(--stt-text-xs);color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.05em}.stt-feed__action-btn,.stt-feed__actions{display:flex;flex-direction:column;align-items:center}.stt-feed__actions{position:absolute;right:var(--stt-space-1);bottom:calc(var(--stt-space-3) + 3rem);z-index:3;gap:var(--stt-space-2)}.stt-feed__action-btn{gap:.125rem;color:#fff;font-size:.625rem;cursor:pointer}.stt-feed__action-btn svg{width:28px;height:28px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.stt-player{position:relative;overflow:hidden;border-radius:var(--stt-video-radius);background:#000;aspect-ratio:var(--stt-video-aspect-horizontal)}.stt-player__video{width:100%;height:100%;object-fit:contain}.stt-player__controls{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:var(--stt-space-3) var(--stt-space-2) var(--stt-space-1);background:linear-gradient(transparent 0,rgba(0,0,0,.7) 100%);display:flex;align-items:center;gap:var(--stt-space-1);opacity:0;transition:opacity var(--stt-duration-fast) var(--stt-ease)}.stt-player.is-paused .stt-player__controls,.stt-player:hover .stt-player__controls{opacity:1}@media (hover:none){.stt-player__controls{opacity:1}}.stt-player__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border-radius:50%;transition:background var(--stt-duration-fast) var(--stt-ease)}.stt-player__btn:hover{background:rgba(255,255,255,.1)}.stt-player__time{font-size:var(--stt-text-xs);color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums;white-space:nowrap}.stt-player__seek{flex:1;height:4px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer;position:relative}.stt-player__seek-fill{height:100%;background:var(--stt-accent);border-radius:2px;position:relative}.stt-player__seek-fill::after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:var(--stt-accent);border-radius:50%;transition:transform var(--stt-duration-fast) var(--stt-ease-spring)}.stt-player:hover .stt-player__seek-fill::after{transform:translateY(-50%) scale(1)}.stt-player--fullscreen{border-radius:0}.stt-video-hero{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}@media (max-width:767px){.stt-video-hero{aspect-ratio:4/5}}.stt-video-hero__video{width:100%;height:100%;object-fit:cover}.stt-video-hero__overlay{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.6) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--stt-space-4) var(--stt-space-2);z-index:2}@media (min-width:768px){.stt-video-hero__overlay{padding:var(--stt-space-8) var(--stt-space-4)}}.stt-video-hero__title{font-family:var(--stt-font-heading);font-size:var(--stt-text-4xl);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.02em}@media (min-width:768px){.stt-video-hero__title{font-size:var(--stt-text-5xl)}}.stt-video-hero__subtitle{font-size:var(--stt-text-base);color:rgba(255,255,255,.85);margin-top:var(--stt-space-1);max-width:540px}.stt-video-grid{display:grid;gap:var(--stt-space-1);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.stt-video-grid{grid-template-columns:repeat(3,1fr);gap:var(--stt-space-2)}}@media (min-width:1024px){.stt-video-grid{grid-template-columns:repeat(4,1fr)}}.stt-video-grid .stt-video{aspect-ratio:var(--stt-video-aspect-product)}.stt-video--mini{border-radius:var(--stt-radius-sm)}.stt-video--mini .stt-video__play-icon{width:32px;height:32px}.stt-video--mini .stt-video__play-icon::after{border-width:6px 0 6px 10px;margin-left:2px}.stt-live-badge,.stt-video-indicator{align-items:center;color:#fff;text-transform:uppercase;letter-spacing:.05em}.stt-video-indicator{position:absolute;top:var(--stt-space-1);left:var(--stt-space-1);z-index:2;display:flex;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--stt-radius-sm)}.stt-video-indicator svg{width:12px;height:12px}.stt-live-badge{display:inline-flex;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;background:var(--stt-sale);border-radius:var(--stt-radius-full)}.stt-live-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:stt-live-pulse 1.5s ease infinite}.stt-video-skeleton{position:relative;overflow:hidden;background:var(--stt-bg-alt);border-radius:var(--stt-video-radius)}.stt-video-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.15) 50%,transparent 100%);transform:translateX(-100%);animation:stt-shimmer 1.5s infinite}[data-theme=dark] .stt-video-skeleton{background:var(--stt-bg-elevated)}[data-theme=dark] .stt-video-skeleton::after{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.05) 50%,transparent 100%)}@media (prefers-reduced-motion:reduce){.stt-live-badge::before,.stt-video-skeleton::after{animation:none}.stt-player__controls,.stt-video__play,.stt-video__poster{transition:none!important}}@supports not (backdrop-filter:blur(1px)){.stt-video__play-icon{background:rgba(0,0,0,.7)}.stt-video__mute{background:rgba(0,0,0,.6)}.stt-video-indicator{background:rgba(0,0,0,.75)}}