.svc{position:relative;width:100%;min-width:0;--svc-width:300px;--svc-mobile:220px;--svc-gap:28px;--svc-ratio:5/7;--svc-a:#b9a7ff;--svc-b:#ffb000;box-sizing:border-box}
.svc *{box-sizing:border-box}
.svc .svc__track{cursor:grab;user-select:none;-webkit-user-select:none}
.svc .svc__track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.svc .svc__track.is-dragging *{cursor:grabbing!important}
.svc .svc__track{display:flex;gap:var(--svc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8b8b8 transparent;padding:8px 5px 22px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.svc .svc__card{position:relative;flex:0 0 min(var(--svc-width),90%);aspect-ratio:var(--svc-ratio);padding:6px;border-radius:18px;background:linear-gradient(145deg,var(--svc-a) 5%,#b1d0f2 30%,var(--svc-b) 73%,#ee9700);scroll-snap-align:start;overflow:hidden}
.svc .svc__card.is-seen{background:transparent}
.svc .svc__inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;background:#202023;color:#fff;isolation:isolate}
.svc .svc__video{display:block;width:100%;height:100%;object-fit:cover;background:#202023}
.svc .svc__shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#000a);pointer-events:none}
.svc button{font-family:inherit;cursor:pointer;margin:0;line-height:1;border:0;text-transform:none;letter-spacing:normal;min-height:0}
.svc .svc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;background:#ffffffeb;color:#171717;font-size:22px;padding:0;box-shadow:0 4px 18px #0002;z-index:2}
.svc .is-playing .svc__play{opacity:0;transition:opacity .18s}
.svc .is-playing:hover .svc__play,.svc .svc__play:focus-visible{opacity:1}
.svc .svc__mute{position:absolute;right:12px;top:12px;background:#111b;color:#fff;border-radius:50%;width:44px;height:44px;padding:11px;display:grid;place-items:center;z-index:2}
.svc .svc__mute svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.svc .svc__mute .svc__sound-on{display:none}
.svc .svc__mute[aria-pressed="true"] .svc__sound-on{display:inline}
.svc .svc__mute[aria-pressed="true"] .svc__sound-off{display:none}
.svc .svc__caption{position:absolute;left:20px;right:20px;bottom:23px;pointer-events:none}
.svc .svc__caption h3{color:#fff;font-family:inherit;font-size:clamp(18px,2vw,25px);line-height:1.2;font-weight:600;margin:8px 0 0;overflow-wrap:anywhere}
.svc .svc__state{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ffffff26;border-radius:12px;padding:4px 8px}
.svc .is-seen .svc__state{display:none}
.svc .svc__progress{position:absolute;left:16px;right:16px;bottom:12px;height:3px;background:#ffffff40;border-radius:4px;overflow:hidden}
.svc .svc__progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#fff}
.svc .svc__nav{position:absolute;top:calc(50% - 14px);transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 14px #0002;z-index:3;display:grid;place-items:center;font-size:30px;padding:0}
.svc .svc__prev{left:0}.svc .svc__next{right:0}
.svc .svc__nav:disabled{visibility:hidden;pointer-events:none}
.svc :focus-visible{outline:3px solid #7455e8;outline-offset:3px}
.svc .svc__error{position:absolute;inset:25% 12px auto;background:#171717ee;color:#fff;padding:12px;border-radius:8px;font-size:13px;z-index:3;pointer-events:none}
.svc .svc__error[hidden]{display:none}
.svc .svc__cta{display:none!important}
.svcv{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:white;overflow:hidden;z-index:2147483000;font-family:system-ui,sans-serif}
.svcv::backdrop{background:rgba(15,17,23,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.svcv[open]{display:grid;place-items:center}
.svcv *{box-sizing:border-box}
.svcv .svcv__stage{position:relative;width:min(calc(100% - 32px),calc((100dvh - 40px) * 9 / 16));height:calc(100% - 40px);border-radius:18px;overflow:hidden;box-shadow:0 20px 80px #0006;background:#09090b;isolation:isolate;touch-action:pan-y;user-select:none}
.svcv .svcv__video{width:100%;height:100%;object-fit:contain;display:block}
.svcv .svcv__shade{position:absolute;inset:0;background:linear-gradient(#0009,transparent 26%,transparent 70%,#0007);pointer-events:none}
.svcv button{border:0;color:#fff;background:#0005;cursor:pointer;font-family:inherit;line-height:1;padding:0;margin:0;text-transform:none;letter-spacing:normal}
.svcv .svcv__top{position:absolute;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;z-index:2}
.svcv .svcv__bars{display:flex;gap:4px}
.svcv .svcv__bars button{position:relative;flex:1;min-width:0;height:16px;background:transparent;border-radius:0}
.svcv .svcv__bars button:before{content:"";position:absolute;left:0;right:0;top:6px;height:3px;background:#ffffff55;border-radius:3px}
.svcv .svcv__bars i{position:absolute;left:0;right:0;top:6px;height:3px;background:white;transform:scaleX(0);transform-origin:left;border-radius:3px}
.svcv .svcv__tools{display:flex;align-items:center;gap:6px;margin-top:6px}
.svcv .svcv__title{flex:1;min-width:0;margin:0;font:600 15px/1.35 system-ui,sans-serif;color:white;overflow-wrap:anywhere}
.svcv .svcv__toggle,.svcv .svcv__close,.svcv .svcv__sound{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;font-size:24px}
.svcv .svcv__sound svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.svcv .svc__sound-on{display:none}.svcv .svcv__sound[aria-pressed="true"] .svc__sound-on{display:inline}.svcv .svcv__sound[aria-pressed="true"] .svc__sound-off{display:none}
.svcv .svcv__back,.svcv .svcv__forward{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border-radius:10px;font-size:38px;z-index:2}
.svcv .svcv__back{left:8px}.svcv .svcv__forward{right:8px}.svcv button:disabled{opacity:.25;cursor:default}
.svcv .svcv__link{position:absolute;left:22px;right:22px;bottom:calc(24px + env(safe-area-inset-bottom));padding:16px;border-radius:12px;text-align:center;background:white;color:#171717;text-decoration:none;font-size:16px;font-weight:600;z-index:2;overflow-wrap:anywhere}
.svcv .svcv__status{position:absolute;top:35%;left:52px;right:52px;background:#16161be8;color:white;padding:18px;border-radius:12px;pointer-events:none;z-index:2;text-align:center;font-size:14px}
.svcv [hidden]{display:none!important}.svcv :focus-visible{outline:3px solid #ccbaff;outline-offset:2px}
@media(max-width:767px){.svcv .svcv__stage{width:calc(100% - 20px);height:calc(100% - 24px);border-radius:14px}.svcv .svcv__title{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svcv .svcv__tools{gap:2px}.svcv .svcv__link{left:16px;right:16px;padding:14px;bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(orientation:landscape) and (max-height:500px){.svcv .svcv__stage{width:min(620px,calc(100% - 24px));height:calc(100% - 20px)}.svcv .svcv__top{padding-top:8px}.svcv .svcv__link{bottom:10px;padding:10px;left:70px;right:70px}}
@media(max-width:767px){.svc .svc__card{flex-basis:min(var(--svc-mobile),86%)}.svc .svc__track{gap:calc(var(--svc-gap)*.65)}.svc .svc__nav{width:42px;height:42px;font-size:25px}.svc .svc__caption{left:14px;right:14px}}
@media(hover:none){.svc .is-playing .svc__play{opacity:.65;width:44px;height:44px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.svc *{transition:none!important;scroll-behavior:auto!important}}