.vid-main{padding-block-start:72px}.vid-main .sr-only,.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vid-main [hidden]{display:none!important}.vid-flip{transform:scaleX(-1)}.vid-up{transform:rotate(90deg)}.vid-down{transform:rotate(-90deg)}.vid-live-dot{background:var(--color-accent);border-radius:50%;flex:none;width:8px;height:8px;animation:2s infinite vid-pulse;display:inline-block;box-shadow:0 0 #01f03b99}.vid-button{background:var(--color-accent);min-height:56px;color:var(--color-deep-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:14px;padding:10px 14px 10px 26px;font-size:16px;font-weight:750;line-height:1.4;transition:transform .2s,box-shadow .2s;display:inline-flex}.vid-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 30px #01f03b40}.vid-button svg{background:var(--color-deep-ink);width:34px;height:34px;fill:var(--color-accent);border-radius:50%;padding:8px}.vid-text-link{color:var(--fg);font:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;font-weight:700}.vid-section{padding-block:clamp(72px,9vw,130px)}.vid-head{justify-content:space-between;align-items:end;gap:40px;margin-block-end:40px;display:flex}.vid-head h2{margin:18px 0 0;font-size:clamp(36px,4vw,60px);font-weight:800;line-height:1.25}.vid-head>p,.vid-head-side>p{max-width:440px;color:var(--fg-2);margin:0;font-size:17px;line-height:1.8}.vid-head-side{justify-items:start;gap:18px;display:grid}.vid-head-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vid-thumb{aspect-ratio:16/9;background:linear-gradient(145deg, hsl(var(--hue,152) 40% 22%), #04191c);isolation:isolate;border-radius:10px;display:block;position:relative;overflow:hidden}.vid-thumb-img,.vid-thumb-blur{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-emphasis);position:absolute;inset:0}.vid-thumb[data-short] .vid-thumb-blur{filter:blur(18px)brightness(.55);transform:scale(1.3)}.vid-thumb[data-short] .vid-thumb-img{width:32%;inset:0 auto 0 50%;transform:translate(-50%)}.vid-thumb-fallback{z-index:-1;color:#dde8e6d9;flex-direction:column;justify-content:space-between;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.5;display:flex;position:absolute;inset:0}.vid-thumb-fallback b{color:var(--color-accent);letter-spacing:.18em;text-align:left;direction:ltr;font:800 10px/1.3 Arial,sans-serif}.vid-thumb-fallback span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}img[data-broken=true]{visibility:hidden}.vid-thumb-play{background:var(--color-accent);opacity:0;width:54px;height:54px;transition:opacity .2s ease, transform .3s var(--ease-emphasis);border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.8)}.vid-thumb-play svg{width:22px;fill:var(--color-deep-ink);margin-inline-end:-2px}.vid-dur{color:#fff;font-variant-numeric:tabular-nums;direction:ltr;background:#04191cd9;border-radius:5px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.6;position:absolute;bottom:8px;left:8px}.vid-badge{border-radius:5px;padding:1px 9px;font-size:12px;font-weight:800;line-height:1.7;position:absolute;top:8px;right:8px}.vid-badge-new{background:var(--color-accent);color:var(--color-deep-ink);box-shadow:0 6px 18px #01f03b59}.vid-badge-short{color:#fff;background:#04191cd9;font-family:Arial,sans-serif;left:8px;right:auto}.vid-card{--hue:152;min-width:0;color:inherit;flex-direction:column;gap:14px;display:flex}.vid-card:hover .vid-thumb-img,.vid-card:focus-visible .vid-thumb-img{transform:scale(1.04)}.vid-card:hover .vid-thumb[data-short] .vid-thumb-img{transform:translate(-50%)scale(1.04)}.vid-card:hover .vid-thumb-play,.vid-card:focus-visible .vid-thumb-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.vid-card:focus-visible{outline:none}.vid-card:focus-visible .vid-thumb{outline:2px solid var(--color-accent);outline-offset:3px}.vid-card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.vid-card-kicker{color:hsl(var(--hue) 55% 34%);font-size:13px;font-weight:700}[data-tone=dark] .vid-card-kicker{color:hsl(var(--hue) 85% 66%)}.vid-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:750;line-height:1.6;display:-webkit-box;overflow:hidden}.vid-card-note{color:var(--fg-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.75;display:-webkit-box;overflow:hidden}.vid-card-meta{color:var(--fg-3);font-size:13px;line-height:1.6}.vid-card-skeleton .vid-thumb,.vid-card-skeleton i{background:linear-gradient(90deg, var(--line-2), var(--line), var(--line-2));background-size:200% 100%;animation:1.4s ease-in-out infinite vid-shimmer}.vid-card-skeleton i{border-radius:6px;height:14px;display:block}.vid-card-skeleton i+i{width:60%}.vid-hero{padding-block:clamp(56px,8vw,112px) clamp(64px,8vw,110px);position:relative;overflow:hidden}.vid-hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#01f03b21,#0000);width:70vw;max-width:980px;height:70vw;max-height:980px;position:absolute;inset:-30% auto auto -10%}.vid-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid;position:relative}.vid-eyebrow{color:var(--accent-txt);align-items:center;gap:10px;margin:0 0 28px;font-size:15px;font-weight:700;display:inline-flex}.vid-hero h1{margin:0;font-size:clamp(48px,5.4vw,92px);font-weight:800;line-height:1.15}.vid-hero h1 span{color:var(--accent-txt)}.vid-lead{max-width:600px;color:var(--fg-2);margin:30px 0 0;font-size:clamp(20px,1.6vw,24px);line-height:1.8}.vid-hero-actions{flex-wrap:wrap;align-items:center;gap:16px 26px;margin-block-start:36px;display:flex}.vid-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin-block-start:44px;display:grid}.vid-hero-stats div{border-inline-start:2px solid var(--accent);padding:14px 16px}.vid-hero-stats strong{font-size:28px;font-weight:800;line-height:1.3;display:block}.vid-hero-stats span{color:var(--fg-3);font-size:14px}.vid-hero-art{aspect-ratio:1/.92;justify-self:center;width:100%;max-width:640px;position:relative}.vid-hero-screen{aspect-ratio:16/9;isolation:isolate;width:74%;transition:transform .5s var(--ease-emphasis);background:linear-gradient(145deg,#0c3d33,#04191c);border:1px solid #dde8e624;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 30px 80px #00000080}.vid-hero-screen img{object-fit:cover;width:100%;height:100%}.vid-hero-screen-1{opacity:.45;inset:0 0 auto auto;transform:rotate(4deg)}.vid-hero-screen-2{opacity:.7;inset:16% auto auto 0;transform:rotate(-5deg)}.vid-hero-screen-3{width:82%;inset:34% 6% auto auto}.vid-hero-screen-3 .vid-thumb-play{opacity:1;width:72px;height:72px;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #01f03b2e}.vid-hero-screen-3 .vid-thumb-play svg{width:28px}.vid-hero-screen-3:hover{transform:translateY(-6px)}.vid-hero-screen-3:hover .vid-thumb-play{transform:translate(-50%,-50%)scale(1.08)}.vid-hero-latest{backdrop-filter:blur(14px);max-width:78%;color:var(--fg);transition:transform .25s var(--ease-emphasis);background:#04191ce0;border:1px solid #dde8e624;border-radius:14px;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex;position:absolute;inset-block-end:0;inset-inline-start:0;box-shadow:0 20px 50px #00000073}.vid-hero-latest:hover{transform:translateY(-4px)}.vid-hero-latest-thumb{aspect-ratio:16/9;isolation:isolate;background:#0c3d33;border-radius:7px;flex:none;width:92px;position:relative;overflow:hidden}.vid-hero-latest-thumb img{object-fit:cover;width:100%;height:100%}.vid-hero-latest-thumb .vid-thumb-fallback{padding:6px}.vid-hero-latest small{color:var(--color-accent);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.vid-hero-latest strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.vid-theater-section{background:var(--color-deep-ink);padding-block:clamp(40px,5vw,80px);scroll-margin-top:72px}.vid-theater{--hue:152;color:var(--color-dark-text);background:#0b1416;border:1px solid #dde8e61a;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(300px,380px);display:grid;overflow:hidden;box-shadow:0 30px 90px #00000059}.vid-stage{background:linear-gradient(180deg, hsl(var(--hue) 50% 18%) 0%, #0b1416 70%);min-width:0;padding:clamp(14px,2vw,24px);transition:background .6s}.vid-screen{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000080}.vid-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vid-screen[data-playing=true] .vid-poster{visibility:hidden}.vid-poster{background:linear-gradient(145deg, hsl(var(--hue) 45% 24%), #04191c 75%);cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.vid-poster img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-emphasis), filter .3s ease;position:absolute;inset:0}.vid-poster:hover img{filter:brightness(.85);transform:scale(1.03)}.vid-poster-fallback{color:var(--color-accent);letter-spacing:.2em;text-align:left;direction:ltr;font:800 13px/1.4 Arial,sans-serif;display:none;position:absolute;inset:auto auto 24px 24px}.vid-poster img[data-broken=true]~.vid-poster-fallback{display:block}.vid-poster-shade{background:linear-gradient(#04191c8c 0%,#0000 30% 65%,#04191c99 100%);position:absolute;inset:0}.vid-poster-brand{backdrop-filter:blur(8px);color:#fff;letter-spacing:.14em;direction:ltr;background:#04191cb3;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 10px;font:700 11px/1.6 Arial,sans-serif;display:inline-flex;position:absolute;inset-block-start:16px;inset-inline-start:16px}.vid-poster-brand svg{fill:#ff3d3d;width:18px}.vid-poster-play{aspect-ratio:1;background:var(--color-accent);width:clamp(64px,8vw,92px);transition:transform .3s var(--ease-emphasis), box-shadow .3s ease;border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #01f03b29,0 20px 50px #0006}.vid-poster-play svg{width:40%;fill:var(--color-deep-ink);margin-inline-end:-4%}.vid-poster:hover .vid-poster-play{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 18px #01f03b24,0 20px 50px #0006}.vid-poster-dur{font-size:13px;bottom:14px;left:14px}.vid-poster-dur:empty{display:none}.vid-info{padding:clamp(16px,2vw,22px) 6px 4px}.vid-kicker{color:hsl(var(--hue) 85% 66%);margin:0;font-size:14px;font-weight:700}.vid-title{margin:4px 0 0;font-size:clamp(24px,2.3vw,36px);font-weight:800;line-height:1.4}.vid-meta{color:#dde8e69e;margin:6px 0 0;font-size:14px}.vid-note{color:#dde8e6d1;max-width:760px;margin:12px 0 0;font-size:16px;line-height:1.85}.vid-actions{flex-wrap:wrap;gap:8px;margin-block-start:18px;display:flex}.vid-action{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #dde8e62e;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 16px;font-size:14px;font-weight:700;transition:border-color .2s,background-color .2s;display:inline-flex}.vid-action:hover{border-color:var(--color-accent);background:#ffffff17}.vid-action svg{fill:currentColor;width:18px;height:18px}.vid-action-yt svg{fill:#ff3d3d}.vid-copy-done,.vid-action[data-done=true] .vid-copy-idle{display:none}.vid-action[data-done=true] .vid-copy-done{color:var(--color-accent);display:inline}.vid-hint{color:#dde8e680;margin:16px 0 0;font-size:13px;line-height:1.7}.vid-queue{background:#0e1a1c;border-inline-start:1px solid #dde8e614;flex-direction:column;min-width:0;min-height:0;padding:clamp(16px,2vw,22px) clamp(12px,1.6vw,18px);display:flex}.vid-queue-head{justify-content:space-between;align-items:baseline;gap:12px;padding-inline:6px;display:flex}.vid-queue-title{margin:0;font-size:20px;font-weight:800}.vid-queue-count{color:#dde8e68c;font-size:13px}.vid-queue-tabs{flex-wrap:wrap;gap:6px;margin-block-start:12px;display:flex}.vid-queue-tabs button{color:#dde8e6e0;min-height:32px;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:2px 13px;font-size:13px;font-weight:600;display:inline-flex}.vid-queue-tabs button:hover{background:#ffffff24}.vid-queue-tabs button[aria-pressed=true]{color:#0b1416;background:#fff}.vid-list{scrollbar-width:thin;scrollbar-color:#dde8e633 transparent;flex:1;min-height:0;max-height:520px;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.vid-empty{color:#dde8e699;text-align:center;padding:30px 10px;font-size:14px}.vid-row{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 104px minmax(0,1fr);align-items:center;gap:10px;padding:7px 6px;display:grid}.vid-row:hover{background:#ffffff12}.vid-row[aria-current=true]{background:#ffffff1a}.vid-row-idx{color:#dde8e68c;place-items:center;font-size:13px;display:grid}.vid-row-idx>*{grid-area:1/1}.vid-eq{align-items:end;gap:2px;height:14px;display:none}.vid-eq i{background:var(--color-accent);transform-origin:bottom;width:3px;height:40%;animation:.7s ease-in-out infinite alternate vid-bar}.vid-eq i:nth-child(2){animation-delay:-.35s}.vid-eq i:nth-child(3){animation-delay:-.2s}.vid-row[aria-current=true] .vid-row-num{display:none}.vid-row[aria-current=true] .vid-eq{display:flex}.vid-row[aria-current=true] strong{color:var(--color-accent)}.vid-row-thumb{aspect-ratio:16/9;isolation:isolate;background:#0c3d33;border-radius:6px;position:relative;overflow:hidden}.vid-row-thumb img{object-fit:cover;width:100%;height:100%}.vid-row-thumb .vid-thumb-fallback{padding:6px}.vid-row-text{min-width:0}.vid-row-text strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.vid-row-text small{color:#dde8e68c;font-size:12px}.vid-fresh{background:var(--color-deep-ink);padding-block-start:0}.vid-sync{border:1px solid var(--line);min-height:38px;color:var(--fg-2);border-radius:999px;align-items:center;gap:10px;padding:4px 16px 4px 14px;font-size:14px;font-weight:600;display:inline-flex}.vid-sync-dot{background:#ffb020;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate vid-blink}.vid-sync[data-state=live]{color:var(--fg);background:#01f03b14;border-color:#01f03b59}.vid-sync[data-state=live] .vid-sync-dot{background:var(--color-accent);animation:2s infinite vid-pulse}.vid-sync[data-state=error]{border-color:#ff786459}.vid-sync[data-state=error] .vid-sync-dot{background:#ff7a64;animation:none}.vid-rail-nav{direction:ltr;gap:6px;display:inline-flex}.vid-rail-nav button{border:1px solid var(--line);width:40px;height:40px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.vid-rail-nav button:hover:not(:disabled){border-color:var(--accent)}.vid-rail-nav button:disabled{opacity:.3;cursor:default}.vid-rail-nav svg{fill:currentColor;width:20px}.vid-track{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(260px,calc(25% - 16.5px));grid-auto-flow:column;gap:22px;padding-block-end:6px;display:grid;overflow-x:auto}.vid-track::-webkit-scrollbar{display:none}.vid-track>*{scroll-snap-align:start}.vid-fresh-error{color:var(--fg-2);margin:0;font-size:16px;display:none}.vid-fresh[data-state=error] .vid-track{display:none}.vid-fresh[data-state=error] .vid-fresh-error{display:block}.vid-collections{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vid-collection{--hue:152;background:linear-gradient(160deg, hsl(var(--hue) 55% 28%), hsl(var(--hue) 45% 12%));color:#fff;isolation:isolate;min-height:300px;transition:transform .3s var(--ease-emphasis);border-radius:14px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.vid-collection:hover{transform:translateY(-6px)}.vid-collection-art{z-index:-1;position:absolute;inset:0}.vid-collection-art img{object-fit:cover;opacity:.28;mix-blend-mode:luminosity;width:100%;height:100%;transition:opacity .4s ease, transform .6s var(--ease-emphasis)}.vid-collection-art:after{content:"";background:linear-gradient(180deg, transparent 0%, hsl(var(--hue) 50% 10% / .92) 75%);position:absolute;inset:0}.vid-collection:hover .vid-collection-art img{opacity:.42;transform:scale(1.05)}.vid-collection-num{color:hsl(var(--hue) 90% 70%);font-size:15px;font-weight:800}.vid-collection-body{gap:8px;display:grid}.vid-collection-body strong{font-size:26px;font-weight:800;line-height:1.35}.vid-collection-body span{color:#fffc;font-size:15px;line-height:1.7}.vid-collection-body small{border-block-start:1px solid #ffffff2e;justify-content:space-between;margin-block-start:8px;padding-block-start:12px;font-size:14px;font-weight:700;display:flex}.vid-collection-body b{transition:transform .3s var(--ease-emphasis)}.vid-collection:hover .vid-collection-body b{transform:translate(-6px)}.vid-start{counter-reset:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.vid-start li{--hue:152;counter-increment:start}.vid-start a{border:1px solid var(--line);background:var(--surface);height:100%;color:var(--fg);transition:border-color .2s ease, transform .3s var(--ease-emphasis);border-radius:16px;flex-direction:column;padding:12px 12px 24px;display:flex}.vid-start a:hover{border-color:var(--accent-txt);transform:translateY(-4px)}.vid-start a:hover .vid-thumb-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.vid-start .vid-thumb:before{content:"۰" counter(start, persian);z-index:1;background:var(--color-accent);width:40px;height:40px;color:var(--color-deep-ink);border-radius:10px;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;inset-block-start:10px;inset-inline-start:10px}.vid-start-body{flex-direction:column;flex:1;gap:6px;padding:18px 10px 0;display:flex}.vid-start-body strong{font-size:clamp(20px,1.6vw,24px);font-weight:800;line-height:1.45}.vid-start-body>span:not(.vid-card-kicker){color:var(--fg-2);flex:1;font-size:15px;line-height:1.8}.vid-start-body em{border:1px solid var(--line);border-radius:999px;align-self:start;align-items:center;gap:10px;margin-block-start:12px;padding:5px 16px 5px 5px;font-size:14px;font-style:normal;font-weight:700;display:inline-flex}.vid-start-body em svg{background:var(--color-deep-ink);width:28px;height:28px;fill:var(--color-accent);border-radius:50%;padding:7px}.vid-library{scroll-margin-top:72px}.vid-library-bar{z-index:5;border-block-end:1px solid var(--line);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-block-end:28px;padding-block:16px;display:flex;position:sticky;inset-block-start:72px}.vid-library-title{align-items:baseline;gap:14px;display:flex}.vid-library-title h2{margin:0;font-size:clamp(26px,2.4vw,34px);font-weight:800}.vid-library-title span{color:var(--fg-3);font-size:15px}.vid-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vid-chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.vid-chips button{border:1px solid var(--line);min-height:38px;color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:2px 16px;font-size:14px;font-weight:600;transition:border-color .2s}.vid-chips button:hover{border-color:var(--fg-3)}.vid-chips button[aria-pressed=true]{border-color:var(--color-deep-ink);background:var(--color-deep-ink);color:#fff}.vid-chips button[style][aria-pressed=true]{border-color:hsl(var(--hue) 50% 30%);background:hsl(var(--hue) 50% 30%)}.vid-search{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;min-width:220px;padding:0 12px;display:flex}.vid-search:focus-within{border-color:var(--accent-txt)}.vid-search svg{width:18px;fill:var(--fg-3);flex:none}.vid-search input{min-width:0;min-height:40px;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.vid-sort select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--fg);font:inherit;border-radius:10px;padding:0 12px;font-size:14px}.vid-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px 22px;display:grid}.vid-library-empty{border:1px dashed var(--line);color:var(--fg-2);text-align:center;border-radius:14px;justify-items:center;gap:6px;padding:60px 20px;display:grid}.vid-library-empty strong{color:var(--fg);font-size:20px}.vid-playlists{border-block-start:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-block-start:48px;padding-block-start:22px;font-size:14px;display:flex}.vid-playlists a{color:var(--fg);text-decoration:underline;text-decoration-color:hsl(var(--hue) 60% 50%);text-underline-offset:6px;font-weight:700}.vid-shorts{background:var(--bg)}.vid-track-shorts{grid-auto-columns:minmax(180px,calc(16.6667% - 15px));gap:18px}.vid-short{aspect-ratio:9/16;color:#fff;isolation:isolate;background:linear-gradient(160deg,#0c3d33,#04191c);border-radius:14px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.vid-short>img{z-index:-1;object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-emphasis);position:absolute;inset:0;transform:scale(1.36)}.vid-short:hover>img{transform:scale(1.42)}.vid-short .vid-thumb-fallback{z-index:-2}.vid-short:after{content:"";z-index:-1;background:linear-gradient(#0000,#04191ceb);position:absolute;inset:40% 0 0}.vid-short-text{gap:2px;padding:14px;display:grid}.vid-short-text strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.vid-short-text small{color:#dde8e6b3;font-size:12px}.vid-short:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.vid-shorts-modal{color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:12px;position:fixed;inset:0}.vid-shorts-modal[open]{place-items:center;display:grid}.vid-shorts-modal::backdrop{backdrop-filter:blur(10px);background:#04191cdb}.vid-shorts-box{align-items:stretch;gap:18px;display:flex}.vid-shorts-frame{aspect-ratio:9/16;background:#000;border-radius:16px;height:min(84vh,780px);overflow:hidden;box-shadow:0 30px 90px #0009}.vid-shorts-frame iframe{border:0;width:100%;height:100%}.vid-shorts-side{width:220px;font-family:var(--font-family-sans);flex-direction:column;align-items:flex-start;gap:14px;display:flex}.vid-shorts-side strong{font-size:18px;font-weight:800;line-height:1.5}.vid-shorts-nav{gap:8px;margin-block-start:auto;display:grid}.vid-round{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #dde8e640;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.vid-round:hover{border-color:var(--color-accent)}.vid-round svg{fill:currentColor;width:22px}.vid-faq-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,7vw,110px);display:grid}.vid-channel{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 16px;max-width:440px;margin-block-start:36px;padding:22px;display:grid}.vid-channel-avatar{background:var(--color-deep-ink);width:64px;height:64px;color:var(--color-accent);box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--color-accent);direction:ltr;border-radius:50%;grid-row:span 2;place-items:center;font:800 20px/1 Arial,sans-serif;display:grid;position:relative;overflow:hidden}.vid-channel-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vid-channel>div{display:grid}.vid-channel strong{font-size:19px;font-weight:800;line-height:1.4}.vid-channel span{color:var(--fg-2);font-size:14px}.vid-channel small{color:var(--fg-3);font-size:13px}.vid-subscribe{color:#fff;background:#ff3d3d;border-radius:999px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;min-height:46px;margin-block-start:14px;font-size:15px;font-weight:750;transition:transform .2s,box-shadow .2s;display:inline-flex}.vid-subscribe:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ff3d3d4d}.vid-subscribe svg{fill:currentColor;width:22px}.vid-faq-title{margin:18px 0 0;font-size:clamp(34px,3.5vw,54px);font-weight:800;line-height:1.3}.vid-faq details{border-block-start:1px solid var(--line)}.vid-faq details:last-child{border-block-end:1px solid var(--line)}.vid-faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:20px 4px;font-size:19px;font-weight:700;line-height:1.6;list-style:none;display:flex}.vid-faq summary::-webkit-details-marker{display:none}.vid-faq summary:after{content:"+";color:var(--accent-txt);font-size:24px;line-height:1.2;transition:transform .25s}.vid-faq details[open] summary:after{transform:rotate(45deg)}.vid-faq details p{color:var(--fg-2);margin:0 0 22px;padding-inline:4px;line-height:1.9}.vid-cta{background:var(--color-accent);color:var(--color-deep-ink);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px;padding:clamp(32px,5vw,70px);display:flex}.vid-cta h2{max-width:760px;margin:0;font-size:clamp(32px,3.6vw,56px);font-weight:800;line-height:1.3}.vid-cta p{max-width:620px;margin:16px 0 0;font-size:18px;font-weight:500;line-height:1.8}.vid-cta-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.vid-cta .vid-button{background:var(--color-deep-ink);color:#fff}.vid-cta .vid-button svg{background:var(--color-accent);fill:var(--color-deep-ink)}.vid-cta .vid-text-link{color:var(--color-deep-ink);text-decoration-color:var(--color-deep-ink)}@keyframes vid-pulse{70%{box-shadow:0 0 0 10px #01f03b00}to{box-shadow:0 0 #01f03b00}}@keyframes vid-blink{0%{opacity:.35}to{opacity:1}}@keyframes vid-bar{0%{transform:scaleY(.35)}to{transform:scaleY(1.6)}}@keyframes vid-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.vid-main *,.vid-main :before,.vid-main :after{transition:none!important;animation:none!important}}@media (width<=1100px){.vid-theater{grid-template-columns:1fr}.vid-queue{border-block-start:1px solid #dde8e614;border-inline-start:0}.vid-list{max-height:420px}.vid-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.vid-track{grid-auto-columns:minmax(260px,calc(33.3333% - 14.6667px))}.vid-track-shorts{grid-auto-columns:minmax(170px,calc(25% - 13.5px))}}@media (width<=760px){.vid-hero-grid,.vid-faq-grid,.vid-start{grid-template-columns:1fr}.vid-hero h1{font-size:clamp(44px,12vw,60px)}.vid-hero-art{max-width:460px}.vid-hero-stats strong{font-size:22px}.vid-head{display:block}.vid-head>p,.vid-head-side{margin-block-start:16px}.vid-collections{grid-template-columns:1fr}.vid-collection{min-height:220px}.vid-track{grid-auto-columns:78%;gap:16px}.vid-track-shorts{grid-auto-columns:46%;gap:12px}.vid-library-bar{position:static}.vid-filters,.vid-chips{width:100%}.vid-search{flex:1;min-width:0}.vid-shorts-box{flex-direction:column;align-items:center}.vid-shorts-frame{height:min(70vh,640px)}.vid-shorts-side{flex-flow:wrap;align-items:center;width:100%}.vid-shorts-side strong{flex:100%;order:-1;font-size:15px}.vid-shorts-nav{margin:0;margin-inline-start:auto;display:flex}.vid-row{grid-template-columns:20px 92px minmax(0,1fr)}}