.vi-page{background:oklch(97.5% .003 265);overflow-x:clip}.vi-page,.vi-shell{max-width:100%;min-width:0;width:100%}.vi-shell{box-sizing:border-box}.vi-inner{min-width:0;padding:16px 0 40px}.vi-leaderboard{display:flex;justify-content:center;margin-bottom:16px;max-width:100%;overflow:hidden}.vi-leaderboard--bottom{margin-bottom:0;margin-top:28px}.vi-topbar{align-items:center;border-bottom:1px solid oklch(90% .008 265);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:14px}.vi-topbar-l{gap:10px}.vi-brand-icon,.vi-topbar-l{align-items:center;display:flex;flex-shrink:0}.vi-brand-icon{background:oklch(38% .18 265);border-radius:8px;color:#fff;height:32px;justify-content:center;width:32px}.vi-page-title{color:var(--ink);font-family:var(--font-sans);font-size:20px;font-weight:800;letter-spacing:-.025em;margin:0}.vi-filter-l{display:flex;flex:1;flex-wrap:wrap;gap:6px}.vi-rss{align-items:center;color:oklch(52% .14 265);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;gap:5px;text-decoration:none}.vi-rss:hover{color:oklch(38% .18 265)}.vi-chip{background:#fff;border:1px solid oklch(88% .01 265);border-radius:999px;color:var(--ink-2);cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:700;padding:5px 13px;transition:background .15s,color .15s,border-color .15s}.vi-chip:hover{border-color:oklch(52% .14 265);color:oklch(38% .16 265)}.vi-chip.is-active{background:oklch(32% .14 265);border-color:oklch(32% .14 265);color:#fff}.vi-featured-strip{background:#fff;border:1px solid oklch(91% .008 265);border-radius:12px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 260px;margin-bottom:20px;overflow:hidden}.vi-feat{min-width:0}.vi-feat-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.vi-feat-link:hover .vi-feat-title{color:oklch(38% .16 265)}.vi-feat-media{aspect-ratio:16/9;background:oklch(14% .02 265);overflow:hidden;position:relative}.vi-feat-media .photo-slot{aspect-ratio:unset!important;height:100%!important;inset:0!important;position:absolute!important;width:100%!important}.vi-feat-play{align-items:center;background:#080a1633;display:flex;inset:0;justify-content:center;position:absolute}.vi-feat-play,.vi-feat-play svg{transition:background .2s}.vi-feat-link:hover .vi-feat-play{background:#080a1661}.vi-feat-play svg{background:#ffffffeb;border-radius:50%;box-shadow:0 4px 20px #00000038;box-sizing:border-box;color:oklch(22% .04 265);height:52px;padding:14px;width:52px}.vi-feat-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px 16px}.vi-feat-title{color:var(--ink);font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.3;transition:color .15s}.vi-feat-sum,.vi-feat-title{display:-webkit-box;font-family:var(--font-sans);-webkit-line-clamp:2;margin:0;-webkit-box-orient:vertical;overflow:hidden}.vi-feat-sum{color:var(--ink-2);font-size:13px;line-height:1.42}.vi-queue{border-left:1px solid oklch(92% .007 265);display:flex;flex-direction:column;min-width:0;overflow:hidden}.vi-queue-title{border-bottom:1px solid oklch(93% .007 265);color:var(--ink-3);font-family:var(--font-sans);font-size:10px;font-weight:800;letter-spacing:.08em;margin:0;padding:12px 12px 10px;text-transform:uppercase}.vi-queue-list{display:flex;flex:1;flex-direction:column;list-style:none;margin:0;overflow-y:auto;padding:0}.vi-queue-item{border-bottom:1px solid oklch(95% .006 265)}.vi-queue-item:last-child{border-bottom:0}.vi-queue-link{align-items:center;color:inherit;display:grid;gap:8px;grid-template-columns:18px 80px minmax(0,1fr);padding:8px 10px;text-decoration:none;transition:background .15s}.vi-queue-link:hover{background:oklch(97.5% .005 265)}.vi-queue-link:hover h3{color:oklch(38% .16 265)}.vi-queue-idx{color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:700;text-align:center}.vi-queue-thumb{aspect-ratio:16/9;background:oklch(92% .006 265);border-radius:4px;overflow:hidden;position:relative}.vi-queue-thumb .photo-slot{aspect-ratio:unset!important;height:100%!important;inset:0!important;position:absolute!important;width:100%!important}.vi-queue-play{align-items:center;background:#0003;color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s}.vi-queue-link:hover .vi-queue-play{opacity:1}.vi-queue-thumb .vi-dur{bottom:3px;font-size:9px;padding:2px 4px;right:3px}.vi-queue-text{min-width:0}.vi-queue-text h3{color:var(--ink);display:-webkit-box;font-family:var(--font-sans);font-size:11.5px;font-weight:700;-webkit-line-clamp:2;line-height:1.32;margin:0 0 3px;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.vi-queue-meta{color:var(--ink-3);font-family:var(--font-mono);font-size:10px}.vi-dur{align-items:center;backdrop-filter:blur(4px);background:#080a16c7;bottom:8px;display:inline-flex;font-family:var(--font-mono);font-weight:700;gap:4px;padding:3px 6px;right:8px}.vi-dur,.vi-live-pill{border-radius:4px;color:#fff;font-size:10px;position:absolute;z-index:2}.vi-live-pill{animation:vi-live-pulse 2s ease infinite;background:#e11d48;font-family:var(--font-sans);font-weight:800;left:10px;letter-spacing:.08em;padding:4px 9px;top:10px}.vi-live-pill--lg{font-size:10px;left:12px;top:12px}@keyframes vi-live-pulse{0%,to{box-shadow:0 0 0 0 #e11d4880}50%{box-shadow:0 0 0 5px #e11d4800}}.vi-body-row{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 272px}.vi-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.vi-infeed-ad{display:flex;grid-column:1/-1;justify-content:center;margin:10px 0;max-width:100%;overflow:hidden;width:100%}:is(.vi-infeed-ad,.vi-leaderboard) .ad-slot{max-width:100%;width:min(970px,100%)}.vi-card{background:#fff;border:1px solid oklch(91% .008 265);border-radius:10px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.vi-card:hover{border-color:oklch(83% .04 265);box-shadow:0 10px 28px -14px #0f142821;transform:translateY(-2px)}.vi-card-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.vi-card-media{aspect-ratio:16/9;background:oklch(20% .03 265);overflow:hidden;position:relative}.vi-card-media .photo-slot{aspect-ratio:unset!important;height:100%!important;inset:0!important;position:absolute!important;width:100%!important}.vi-card-play{align-items:center;background:#080a182e;color:oklch(25% .06 265);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .18s,background .18s}.vi-card:hover .vi-card-play{background:#080a1857;opacity:1}.vi-card-play svg{background:#ffffffeb;border-radius:50%;box-shadow:0 4px 16px #00000038;box-sizing:border-box;height:40px;padding:11px;width:40px}.vi-card-body{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;padding:11px 13px 13px}.vi-card-cat{align-self:flex-start;background:oklch(95.5% .03 265);border-radius:4px;color:oklch(42% .14 265);font-size:9.5px;letter-spacing:.06em;padding:3px 7px;text-transform:uppercase}.vi-card-cat,.vi-card-title{font-family:var(--font-sans);font-weight:800}.vi-card-title{color:var(--ink);display:-webkit-box;font-size:13.5px;letter-spacing:-.012em;-webkit-line-clamp:2;line-height:1.3;margin:0;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.vi-card:hover .vi-card-title{color:oklch(38% .16 265)}.vi-card-foot{color:var(--ink-3);font-family:var(--font-mono);font-size:10.5px;margin-top:auto;padding-top:2px}.vi-dot{margin:0 4px;opacity:.55}.vi-trending{display:flex;flex-direction:column;gap:16px;position:sticky;top:118px}.vi-trend-head{border-bottom:1px solid oklch(92% .008 265);padding-bottom:8px}.vi-trend-title{color:var(--ink);font-family:var(--font-sans);font-size:13px;font-weight:800;letter-spacing:-.01em;margin:0}.vi-trend-list{background:#fff;border:1px solid oklch(91% .008 265);border-radius:10px;list-style:none;margin:0;overflow:hidden;padding:0}.vi-trend-item{border-bottom:1px solid oklch(95% .006 265)}.vi-trend-item:last-child{border-bottom:0}.vi-trend-link{align-items:center;color:inherit;display:grid;gap:9px;grid-template-columns:22px 68px minmax(0,1fr);padding:10px 12px;text-decoration:none;transition:background .15s}.vi-trend-link:hover{background:oklch(98% .02 265)}.vi-trend-link:hover .vi-trend-h{color:oklch(38% .16 265)}.vi-trend-rank{color:oklch(74% .04 265);font-family:var(--font-mono);font-size:13px;font-weight:800}.vi-trend-item:nth-child(-n+3) .vi-trend-rank{color:oklch(42% .16 265)}.vi-trend-thumb{aspect-ratio:16/9;background:oklch(94% .006 265);border-radius:5px;overflow:hidden;position:relative}.vi-trend-thumb .photo-slot{aspect-ratio:unset!important;height:100%!important;inset:0!important;position:absolute!important;width:100%!important}.vi-trend-dur{background:#000000b8;border-radius:3px;bottom:3px;color:#fff;font-family:var(--font-mono);font-size:9px;font-weight:700;padding:2px 4px;position:absolute;right:3px}.vi-trend-h{color:var(--ink);display:-webkit-box;font-family:var(--font-sans);font-size:11.5px;font-weight:700;-webkit-line-clamp:2;line-height:1.32;margin:0;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.vi-sidebar-ad{display:flex;justify-content:center;margin-top:4px;width:100%}.vi-sidebar-ad .ad-slot{max-width:300px;width:100%}.vi-more-wrap{margin-top:20px;text-align:center}.vi-more-btn{align-items:center;background:#fff;border:1px solid oklch(87% .01 265);border-radius:999px;color:var(--ink-2);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:12.5px;font-weight:700;gap:7px;padding:10px 24px;transition:border-color .15s,color .15s,background .15s}.vi-more-btn:hover{background:oklch(98% .02 265);border-color:oklch(48% .16 265);color:oklch(38% .16 265)}@media (max-width:1100px){.vi-featured-strip{grid-template-columns:1fr}.vi-queue{border-left:0;border-top:1px solid oklch(92% .007 265)}.vi-body-row{grid-template-columns:1fr}.vi-trending{position:static}}@media (max-width:900px){.vi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-topbar{gap:8px}}@media (max-width:640px){.vi-inner{padding:12px 0 28px}.vi-topbar{flex-wrap:wrap}.vi-filter-l{order:3;width:100%}.vi-grid{gap:10px;grid-template-columns:1fr}.vi-featured-strip{border-radius:8px}}