.view-scroll{--vs-bg:#000;--vs-text:#fff;--vs-text-muted:#888;--vs-border:#2a2a35;--vs-card-bg:#0e0e0e;--vs-card-surface:#1a1a24;--vs-card-border:#151515;--vs-group-bg:#0b0b0b;--vs-group-border:#111;--vs-input-border:#272727;--vs-hover-bg:#151515;--vs-theme:#ef4444;--vs-icon-color:#fff;--vs-btn-bg:#fff;--vs-btn-text:#000;--vs-overlay-light:#ffffff26;--vs-overlay-subtle:#ffffff0d;--vs-skeleton-shimmer:#ffffff0d;--vs-skeleton-element:#ffffff1a;--vs-group-btn-bg:#ffffff1a;--vs-group-btn-text:#fff;--vs-group-btn-hover-bg:#fff;--vs-group-btn-hover-text:#000;--vs-group-btn-join-border:#f4f4f438;--vs-dropdown-hover-bg:#00000008;--vs-dropdown-active-bg:#151515;--vs-dropdown-active-text:#fff}@media (prefers-color-scheme:light){.view-scroll{--vs-bg:#f5f5f5;--vs-text:#1a1a1a;--vs-text-muted:#171717;--vs-border:#d5d5d5;--vs-card-bg:#e8e8e8;--vs-card-surface:#fff;--vs-card-border:#e6e6e6;--vs-group-bg:#f0f0f0;--vs-group-border:#fff;--vs-input-border:#a3a3a3;--vs-hover-bg:#e8e8e8;--vs-icon-color:#1a1a1a;--vs-btn-bg:#1a1a1a;--vs-btn-text:#fff;--vs-overlay-light:#00000014;--vs-overlay-subtle:#0000000a;--vs-skeleton-shimmer:#0000000d;--vs-skeleton-element:#00000014;--vs-group-btn-bg:#0000001a;--vs-group-btn-text:#1a1a1a;--vs-group-btn-hover-bg:#1a1a1a;--vs-group-btn-hover-text:#fff;--vs-group-btn-join-border:#00000026;--vs-dropdown-hover-bg:#0000000a;--vs-dropdown-active-bg:#e8e8e8;--vs-dropdown-active-text:#000}}.view-scroll{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){.view-scroll{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.view-scroll{width:100vw;height:100dvh;color:var(--vs-text);background:var(--vs-bg);overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.view-scroll__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:32px 48px;display:flex}@media (max-width:960px){.view-scroll__header{padding:16px 20px}}.view-scroll__header-logo{letter-spacing:-.5px;color:var(--vs-text);align-items:center;gap:8px;font-size:20px;font-weight:500;display:flex}.view-scroll__header-nav{margin:0;padding:0;list-style:none;display:flex}@media (max-width:960px){.view-scroll__header-nav{display:none}}.view-scroll__header-nav li{position:relative}.view-scroll__header-nav li a,.view-scroll__header-nav li button{color:var(--vs-text-muted);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:flex}.view-scroll__header-nav li a:hover,.view-scroll__header-nav li button:hover{color:var(--vs-text)}.view-scroll__header-nav li.view-scroll__header-nav--active a{color:var(--vs-text);background:var(--vs-overlay-light)}.view-scroll__header-dropdown{position:relative}.view-scroll__header-dropdown-btn--open{z-index:110;position:relative;color:#000!important}.view-scroll__header-dropdown-menu{z-index:100;opacity:0;visibility:hidden;background:#fff;border:none;border-radius:16px;min-width:160px;padding:42px 3px 3px;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:-5px;left:auto;right:-5px;transform:translateY(-10px)}.view-scroll__header-dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.view-scroll__header-dropdown-menu li{padding:0}.view-scroll__header-dropdown-menu li a{color:#000;text-align:right;border-radius:13px;padding:8px 16px;font-size:14px;font-weight:600;transition:color .2s,background .2s;display:block}.view-scroll__header-dropdown-menu li a:hover{color:var(--vs-dropdown-active-text);background:var(--vs-dropdown-active-bg)}.view-scroll__header-actions{align-items:center;gap:16px;display:flex}.view-scroll__header-btn{background:var(--vs-btn-bg);color:var(--vs-btn-text);cursor:pointer;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:500;transition:opacity .2s}.view-scroll__header-btn:hover{opacity:.85}@media (max-width:960px){.view-scroll__header-btn{display:none}}.view-scroll__header-icon{border:1px solid var(--vs-border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.view-scroll__header-icon:hover{opacity:.7}.view-scroll__header-icon--no-border{border:none}.view-scroll__header-icon--square{border-radius:0}.view-scroll__header-icon svg{width:22px;height:22px;color:var(--vs-icon-color)}.view-scroll__header-avatar{cursor:pointer;object-fit:cover;border-radius:50%;width:36px;height:36px}.view-scroll__header-mobile-wrapper{position:relative}@media (max-width:960px){.view-scroll__header-mobile-wrapper{display:block}}.view-scroll__header-mobile-menu{cursor:pointer;z-index:110;background:0 0;border:none;padding:8px;display:none;position:relative}@media (max-width:960px){.view-scroll__header-mobile-menu{flex-direction:column;gap:5px;display:flex}}.view-scroll__header-mobile-menu span{background:var(--vs-text);border-radius:1px;width:22px;height:2px;transition:transform .3s,opacity .3s}.view-scroll__header-mobile-menu--open span{background:#000}.view-scroll__header-mobile-menu--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.view-scroll__header-mobile-menu--open span:nth-child(2){opacity:0}.view-scroll__header-mobile-menu--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.view-scroll__header-mobile-nav{z-index:100;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:160px;padding:42px 3px 3px;transition:opacity .2s,visibility .2s,transform .2s;display:none;position:absolute;top:-5px;right:-5px;overflow:hidden;transform:translateY(-10px)}@media (max-width:960px){.view-scroll__header-mobile-nav{display:block}}.view-scroll__header-mobile-nav--open{opacity:1;visibility:visible;transform:translateY(0)}.view-scroll__header-mobile-nav a{color:#000;text-align:right;border-radius:13px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:block}.view-scroll__header-mobile-nav a:hover{background:var(--vs-dropdown-hover-bg)}.view-scroll__header-mobile-nav a.active{color:var(--vs-dropdown-active-text);background:var(--vs-dropdown-active-bg)}.view-scroll__main{flex-direction:column;flex:1;display:flex;overflow:hidden}.view-scroll__section-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:100px 48px 24px;display:flex}@media (max-width:960px){.view-scroll__section-header{flex-direction:column;gap:16px;padding:16px}}.view-scroll__section-header-left h1{align-items:center;gap:12px;margin:0 0 4px;font-size:28px;font-weight:100;display:flex}.view-scroll__section-header-left h1 span{color:var(--vs-text-muted);margin-top:5px;font-size:12px}.view-scroll__section-header-left p{color:var(--vs-text-muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.view-scroll__section-header-right{align-items:center;gap:12px;display:flex}@media (max-width:960px){.view-scroll__section-header-right{width:100%}}.view-scroll__section-header-search{position:relative}@media (max-width:960px){.view-scroll__section-header-search{margin-right:auto}}.view-scroll__section-header-search input{border:1px solid var(--vs-input-border);color:var(--vs-text);background:0 0;border-radius:20px;outline:none;width:220px;padding:10px 14px 10px 40px;font-size:14px;transition:opacity .2s}.view-scroll__section-header-search input::placeholder{color:var(--vs-text-muted)}.view-scroll__section-header-search input:focus{opacity:.8}.view-scroll__section-header-search input:hover{opacity:.9}.view-scroll__section-header-search svg{width:16px;height:16px;color:var(--vs-icon-color);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.view-scroll__section-header-settings{border:1px solid var(--vs-input-border);cursor:pointer;background:0 0;border-radius:30px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.view-scroll__section-header-settings:hover{opacity:.7}.view-scroll__section-header-settings svg{width:16px;height:16px;color:var(--vs-icon-color)}.view-scroll__live-dot{background:var(--vs-theme);border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative;margin:2px 6px 0 0!important}.view-scroll__live-dot:before{content:"";background:#ef444466;border-radius:50%;animation:1.5s ease-out infinite live-pulse;position:absolute;inset:-4px}.view-scroll__carousel-container{flex:1;align-items:stretch;padding:40px 0 70px;display:flex;position:relative;overflow:clip visible}@media (max-width:960px){.view-scroll__carousel-container{padding:16px 0}}.view-scroll__footer{flex-shrink:0;justify-content:space-between;align-items:center;padding:32px 48px;display:flex}@media (max-width:960px){.view-scroll__footer{opacity:.6;padding:8px 16px 16px}.view-scroll__footer svg{display:none}}.view-scroll__footer-left{color:var(--vs-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.view-scroll__footer-left-lang{color:var(--vs-text);font-weight:500}.view-scroll__footer-left-divider{color:var(--vs-border)}.view-scroll__footer-right{color:var(--vs-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.carousel{touch-action:pan-x;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.carousel--loading{justify-content:center;align-items:center;display:flex}.carousel__skeleton-track{gap:20px;width:100%;height:100%;padding:0 48px;display:flex}@media (max-width:960px){.carousel__skeleton-track{gap:12px;padding:0 16px}}.carousel__skeleton-card{background:var(--vs-card-bg);border-radius:16px;flex:1;min-width:280px;height:100%;animation:1.5s ease-in-out infinite skeleton-pulse;position:relative;overflow:hidden}@media (max-width:960px){.carousel__skeleton-card{min-width:0}}.carousel__skeleton-card:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--vs-skeleton-shimmer)50%,transparent 100%);animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}@media (max-width:480px){.carousel__skeleton-card--hide-phone{display:none}}@media (max-width:768px){.carousel__skeleton-card--hide-mobile{display:none}}@media (max-width:1200px){.carousel__skeleton-card--hide-tablet{display:none}}.carousel__skeleton-badge{background:var(--vs-skeleton-element);border-radius:4px;width:60px;height:24px;position:absolute;top:16px;left:16px}.carousel__skeleton-tag{background:var(--vs-skeleton-element);border-radius:20px;width:100px;height:28px;position:absolute;top:16px;right:16px}.carousel__skeleton-content{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.carousel__skeleton-line{background:var(--vs-skeleton-element);border-radius:4px;height:14px}.carousel__skeleton-line--short{width:30%}.carousel__skeleton-line--medium{width:60%}.carousel__skeleton-line--long{width:80%}.carousel__track{will-change:transform;cursor:grab;backface-visibility:hidden;align-items:center;gap:20px;height:100%;display:flex;transform:translate(0,0)}@media (max-width:960px){.carousel__track{-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none}}.carousel__track--dragging{cursor:grabbing}.carousel__card-wrapper{will-change:gap;flex-direction:column;flex-shrink:0;gap:0;width:100%;height:100%;transition:gap .6s;display:flex}.carousel__card-wrapper--with-footer{gap:12px}.carousel__card{background-color:var(--vs-card-surface);will-change:transform;backface-visibility:hidden;border:1px solid var(--vs-card-border);border-radius:16px;flex-direction:column;flex-grow:1;flex-shrink:0;justify-content:flex-end;padding:24px;transition:flex-grow .4s ease-out,transform .4s ease-out;display:flex;position:relative;overflow:hidden;transform:scale(1)translate(0,0)}@media (max-width:960px){.carousel__card{flex-grow:1}}.carousel__card--active{transform:scale(1.01)translateY(-12px)}@media (max-width:960px){.carousel__card--active{transform:scale(1.01)translateY(-8px)}}.carousel__card--group{background:var(--vs-group-bg);border:1px solid var(--vs-card-border)}.carousel__card--group .carousel__card-bg,.carousel__card--group .carousel__card-overlay{display:none}.carousel__card--group .carousel__card-icon-badge svg,.carousel__card--group .carousel__card-group-tag{color:var(--vs-text)}.carousel__card-bg{z-index:0;object-fit:cover;position:absolute;inset:0}.carousel__card-overlay{z-index:1;background:linear-gradient(#0000 40%,#000c 100%);position:absolute;inset:0}.carousel__card-content{z-index:2;position:relative}.carousel__card-content--live{flex-direction:column;gap:8px;display:flex}.carousel__card-content--event{flex-direction:column;gap:16px;display:flex}.carousel__card-content--ad{text-align:center;justify-content:center;align-items:center;display:flex}.carousel__card-content--group{flex-direction:column;gap:12px;display:flex}.carousel__card-event-info{flex-direction:column;gap:4px;display:flex}.carousel__card-event-date{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:24px;font-weight:700}.carousel__card-event-title{color:#fff;margin:0;font-size:24px;font-weight:700}.carousel__card-event-location{color:#fffc;opacity:.6;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.carousel__card-event-location svg{flex-shrink:0}.carousel__card-join-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:20px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.carousel__card-join-btn:hover{background:#000000b3;transform:translate(4px)}.carousel__card-join-btn svg{opacity:.8;width:10px;height:10px}.carousel__card-group-images{margin-bottom:8px;display:flex}.carousel__card-group-image{border:3px solid var(--vs-group-border);border-radius:50%;width:48px;height:48px;margin-left:-18px;position:relative;overflow:hidden}.carousel__card-group-image:first-child{margin-left:0}.carousel__card-group-image img{object-fit:cover}.carousel__card-group-category{color:var(--vs-text-muted);opacity:.8;margin:0;font-size:11px;font-weight:500}.carousel__card-group-title{text-transform:uppercase;max-width:160px;color:var(--vs-text);margin:0;font-size:24px;font-weight:700;line-height:1.3}.carousel__card-group-actions{gap:8px;margin-top:4px;display:flex}.carousel__card-group-btn{cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.carousel__card-group-btn--members{background:var(--vs-group-btn-bg);color:var(--vs-group-btn-text)}.carousel__card-group-btn--members:hover{opacity:.9;background:var(--vs-group-btn-hover-bg);color:var(--vs-group-btn-hover-text)}.carousel__card-group-btn--join{color:var(--vs-group-btn-text);border:1px solid var(--vs-group-btn-join-border);background:0 0}.carousel__card-group-btn--join:hover{background:var(--vs-group-btn-hover-bg);color:var(--vs-group-btn-hover-text)}.carousel__card-footer{opacity:0;will-change:opacity,max-height,transform;backface-visibility:hidden;flex-direction:column;flex-shrink:0;gap:4px;max-height:0;padding:0 8px;transition:opacity .4s ease-out,max-height .4s ease-out,transform .4s ease-out,padding .4s ease-out;display:flex;overflow:hidden;transform:translateY(10px)}.carousel__card-footer--visible{opacity:1;max-height:100px;transform:translate(0,0)}.carousel__card-footer-title{text-transform:uppercase;letter-spacing:.6px;color:var(--vs-text);margin:0;font-size:24px;font-weight:800;line-height:1.3}.carousel__card-footer-author{color:var(--vs-text);margin:0;font-size:18px;font-weight:400}.carousel__card-footer-role{color:var(--vs-text);opacity:.6;margin-top:12px;font-size:14px}.carousel__card-footer-ad-text{color:var(--vs-text);text-align:center;margin:0;font-size:24px;font-weight:700}.carousel__card-badge{color:#fff;text-transform:uppercase;z-index:2;letter-spacing:1px;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:16px;left:16px}.carousel__card-badge:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.carousel__card-badge--live:before{animation:1.5s infinite pulse}.carousel__card-icon-badge{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;left:24px}.carousel__card-icon-badge svg{color:#fff;width:18px;height:18px}.carousel__card-followers{color:#fff;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.4px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:300;position:absolute;top:16px;right:16px}.carousel__card-followers--light{background:#fff3}.carousel__card-followers--dark{background:#00000080}.carousel__card-viewers{color:#fff;z-index:2;background:#0009;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:16px;right:16px}.carousel__card-group-tag{color:#fff;z-index:2;letter-spacing:.6px;background:0 0;border:1px solid #f4f4f438;border-radius:20px;padding:8px 16px;font-size:11px;font-weight:300;position:absolute;top:16px;right:16px}.carousel__card-title{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.carousel__card-meta{color:#ffffffb3;align-items:center;gap:12px;font-size:13px;display:flex}.carousel__card-meta-author{align-items:center;gap:8px;display:flex}.carousel__card-meta-author img{border-radius:50%;width:24px;height:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.1}}@keyframes live-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}