.vs-section{box-sizing:border-box;background:var(--vs-background,#f5f5f3);padding:var(--vs-edge-top,48px) var(--vs-edge-right,32px) var(--vs-edge-bottom,48px) var(--vs-edge-left,32px);color:var(--vs-text-color,#202124);position:relative;max-width:none}
.vs-section[hidden]{display:none!important}.vs-section.vs-transparent{background:transparent}.vs-section *{box-sizing:border-box}.vs-root{display:block;max-width:var(--vs-max-width,1440px);margin:auto;min-width:0}.vs-section[data-full-width="true"] .vs-root{max-width:none}.vs-root [hidden]{display:none!important}
.vs-header{margin:0 0 30px}.vs-heading--center{text-align:center}.vs-title{font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-.025em;margin:0;font-weight:600;color:inherit}.vs-intro{color:var(--vs-muted-color);font-size:16px;line-height:1.6;margin:12px auto 0;max-width:660px}.vs-intro p{margin:0}
.vs-rail{display:flex;gap:var(--vs-gap,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 16px;min-width:0;overscroll-behavior-x:contain}.vs-rail::-webkit-scrollbar{display:none}.vs-card{position:relative;flex:0 0 calc((100% - (var(--vs-columns,3) - 1)*var(--vs-gap,24px))/var(--vs-columns,3));min-width:0;background:var(--vs-card-background,#fff);border-radius:var(--vs-radius,18px);scroll-snap-align:start;transition:transform .25s,box-shadow .25s;isolation:isolate}.vs-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--vs-radius,18px);background:#e9ebed}.vs-cover-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.vs-cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#e9edef,#d9dfe1);color:#9aa5a9}.vs-cover-placeholder svg{width:48px;height:48px;fill:currentColor}.vs-play-icon{position:absolute;z-index:2;inset:0;margin:auto;width:56px;height:56px;display:grid;place-items:center;background:rgba(255,255,255,.94);border-radius:50%;color:var(--vs-accent);box-shadow:0 3px 16px #0002;transition:transform .25s}.vs-play-icon svg{width:34px;height:34px;fill:currentColor}.vs-duration{position:absolute;bottom:12px;right:12px;z-index:2;background:#000b;color:white;padding:3px 7px;border-radius:5px;font-size:12px;line-height:1.4}
.vs-info{display:flex;align-items:flex-start;gap:12px;padding:18px 16px 20px}.vs-avatar{display:block;width:38px;height:38px;flex:0 0 38px;object-fit:cover;border-radius:50%}.vs-info-copy{min-width:0}.vs-card-title{margin:0;font-size:var(--vs-title-size,18px);line-height:1.4;font-weight:600;color:inherit;overflow-wrap:anywhere}.vs-description{margin-top:6px;font-size:var(--vs-description-size,14px);line-height:1.55;color:var(--vs-muted-color)}.vs-description p{margin:0}.vs-description a{position:relative;z-index:4}.vs-launch{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;border-radius:inherit;cursor:pointer;padding:0}.vs-launch:focus-visible{outline:3px solid var(--vs-accent);outline-offset:-3px}.vs-root[data-show-avatar="false"] .vs-avatar,.vs-root[data-show-description="false"] .vs-description{display:none}.vs-rail.vs-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.vs-rail.vs-dragging .vs-launch{cursor:grabbing}
.vs-nav{display:flex;align-items:center;gap:18px;margin:8px auto 0;max-width:540px}.vs-arrow,.vs-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #8884;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.vs-arrow svg,.vs-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}.vs-arrow:disabled{opacity:.25;cursor:default}.vs-progress{appearance:none;-webkit-appearance:none;display:block;min-width:40px;flex:1;width:100%;height:32px;margin:0;background:transparent;cursor:ew-resize;--vs-thumb:60px}.vs-progress::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#8883}.vs-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--vs-thumb);height:4px;background:var(--vs-accent);border-radius:4px}.vs-progress::-moz-range-track{height:4px;background:#8883;border-radius:4px}.vs-progress::-moz-range-thumb{width:var(--vs-thumb);height:4px;border:0;border-radius:4px;background:var(--vs-accent)}.vs-progress:focus-visible{outline:2px solid var(--vs-accent);outline-offset:4px;border-radius:6px}.vs-status,.vs-empty{font-size:14px;line-height:1.6;color:var(--vs-muted-color);text-align:center}
.vs-dialog{border:0;padding:18px;background:#111;color:#fff;width:min(960px,calc(100% - 32px));max-width:960px;max-height:90dvh;border-radius:16px;margin:auto;overflow:auto;box-shadow:0 20px 80px #0006}.vs-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.vs-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.vs-dialog-title{margin:0;font-size:18px;line-height:1.4;color:inherit}.vs-close{border-color:#fff5;color:white}.vs-player-box{aspect-ratio:16/9;background:#000}.vs-player-box iframe,.vs-player-box video{display:block;width:100%;height:100%;border:0;object-fit:contain}.vs-player-status{color:#fff;font-size:14px}.vs-dialog[open]{animation:vs-enter .2s ease-out}@keyframes vs-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.vs-root[data-hover="true"] .vs-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000d}.vs-root[data-hover="true"] .vs-card:hover .vs-cover-image{transform:scale(1.035)}.vs-root[data-hover="true"] .vs-card:hover .vs-play-icon{transform:scale(1.06)}}
@media(max-width:749px){.vs-section{padding:var(--vs-mobile-edge-top,28px) var(--vs-mobile-edge-right,16px) var(--vs-mobile-edge-bottom,28px) var(--vs-mobile-edge-left,16px)}.vs-header{margin-bottom:20px}.vs-intro{font-size:14px}.vs-rail{gap:var(--vs-mobile-gap,16px)}.vs-card{flex-basis:calc((100% - (var(--vs-mobile-columns,1.15) - 1)*var(--vs-mobile-gap,16px))/var(--vs-mobile-columns,1.15))}.vs-info{padding:14px 12px 16px;gap:10px}.vs-card-title{font-size:var(--vs-mobile-title-size,15px)}.vs-avatar{width:32px;height:32px;flex-basis:32px}.vs-play-icon{width:48px;height:48px}.vs-nav{gap:12px;max-width:360px}.vs-dialog{padding:12px;border-radius:12px}.vs-dialog-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){.vs-section *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}