.vc{gap:var(--sp-2);width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;border-radius:var(--r-lg);background:0 0;border:0;padding:0;display:grid}.vc-poster{aspect-ratio:9/16;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--code-bg);isolation:isolate;display:block;position:relative;overflow:hidden}.vc-poster.wide{aspect-ratio:16/9}.vc-poster img{object-fit:cover;transition:transform .6s var(--ease)}.vc-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.vc-play{left:var(--sp-3);bottom:var(--sp-3);z-index:1;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:#fff;width:40px;height:40px;transition:background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);background:#0009;place-items:center;display:grid;position:absolute}.vc-play svg{fill:currentColor;width:16px;height:16px;margin-left:2px}.vc:hover .vc-poster img{transform:scale(1.04)}.vc:hover .vc-play,.vc:focus-visible .vc-play{background:var(--action);border-color:#0000;box-shadow:0 10px 28px -10px #2962ffcc}.vc:hover .vc-poster{border-color:var(--line-strong)}.vc-title{font-size:var(--fs-md);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.vc-meta{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.vg-rail{--per:5;--gap:var(--sp-4)}.vg-rail>.vg-list{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--sp-1);list-style:none;display:grid;overflow-x:auto}.vg-rail>.vg-list::-webkit-scrollbar{display:none}.vg-rail>.vg-list>li{scroll-snap-align:start}.vg-arrow{width:var(--h-control);height:var(--h-control);border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;transition:opacity .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);background:#0c0d11e6;place-items:center;display:grid}.vg-arrow:hover:not(:disabled){background:var(--raise)}.vg-arrow:active:not(:disabled){transform:translateY(1px)}.vg-arrow:disabled{opacity:.35;cursor:default}.vg-arrow svg{width:20px;height:20px}.vg-pause svg{width:16px;height:16px}.vg-controls{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-top:var(--sp-6);display:flex}.vg-dots{flex-wrap:wrap;align-items:center;display:flex}.vg-dot{cursor:pointer;border-radius:var(--r-pill);background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.vg-dot span{border-radius:var(--r-pill);background:var(--dim);width:8px;height:4px;transition:background .2s var(--ease);display:block;position:relative;overflow:hidden}.vg-dot:hover span{background:var(--muted)}.vg-dot[aria-current]{width:64px}.vg-dot[aria-current] span{background:#ffffff24;width:52px}.vg-dot[aria-current] span:after{content:"";background:var(--grad);transform-origin:0;position:absolute;inset:0}.vg-buttons{gap:var(--sp-2);display:flex}@media (prefers-reduced-motion:no-preference){.vg-dot[aria-current] span:after{animation:vg-fill var(--auto,6s) linear forwards}.vg-rail:not([data-running]) .vg-dot[aria-current] span:after{animation-play-state:paused}@keyframes vg-fill{0%{transform:scaleX(0)}}}@media (prefers-reduced-motion:reduce){.vg-pause{display:none}}.vg-grid .vg-list{gap:var(--sp-8) var(--sp-4);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;display:grid}dialog.vp{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:#000000eb;border:0;margin:0;padding:0;overflow:hidden}dialog.vp::backdrop{background:0 0}html:has(dialog.vp[open]){overflow:hidden}.vp-shell{--vp-h:min(88vh, 860px);justify-content:center;align-items:center;gap:var(--sp-8);height:100%;padding:var(--sp-6) var(--gutter);grid-template-columns:auto minmax(0,340px) auto;display:grid}.vp-stage{height:var(--vp-h);aspect-ratio:9/16;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--code-bg);box-shadow:var(--shadow);position:relative;overflow:hidden}.vp-stage.wide{aspect-ratio:16/9;width:min(58vw,960px);height:auto}.vp-stage img{object-fit:cover}.vp-stage iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vp-info{gap:var(--sp-4);max-height:var(--vp-h);flex-direction:column;min-height:0;display:flex}.vp-info>*{flex:none}.vp-top{top:var(--sp-5);right:var(--sp-5);z-index:1;align-items:center;gap:var(--sp-3);display:flex;position:absolute}.vp-count{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted)}.vp-x{width:var(--h-control);border-color:var(--line-strong);background:#ffffff14;padding:0}.vp-x:hover{border-color:var(--line-strong);background:#ffffff29}.vp-info h2{font-size:var(--fs-2xl);line-height:1.35}.vp-meta{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.vp-info .vp-sum{overscroll-behavior:contain;min-height:0;padding-right:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--dim) transparent;white-space:pre-line;font-size:var(--fs-ui);color:var(--ink-soft);overflow-wrap:anywhere;flex:0 auto;line-height:1.75;overflow-y:auto}.vp-yt{align-self:flex-start}.vp-follow{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--line);display:grid}.vp-follow>span{font-size:var(--fs-sm);color:var(--muted)}.vp-nav{gap:var(--sp-3);flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){dialog.vp[open] .vp-shell{animation:vp-in .45s var(--ease)}@keyframes vp-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}}.pg-videos .head-side{min-width:min(100%,380px)}.pg-videos .vids-more{margin-top:var(--sp-10);text-align:center;color:var(--muted);font-size:var(--fs-ui)}.pg-videos .vids-more a{align-items:center;gap:var(--sp-1);color:var(--volt);font-weight:600;display:inline-flex}.pg-videos .vids-more a:hover{text-underline-offset:4px;text-decoration:underline}.pg-videos .vids-empty{gap:var(--sp-4);justify-items:center;display:grid}@media (max-width:1080px){.vg-rail{--per:4}.vg-grid .vg-list{grid-template-columns:repeat(4,minmax(0,1fr))}.vp-shell{--vp-h:min(78vh, 760px);gap:var(--sp-6);grid-template-columns:auto minmax(0,300px)}.vp-nav{flex-direction:row;grid-column:1/-1;justify-content:center}}@media (max-width:760px){.vg-rail{--per:3}.vg-grid .vg-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.vg-rail{--per:2;--gap:var(--sp-3)}.vg-dots{flex-wrap:nowrap}.vg-dot{width:18px}.vg-dot span{width:6px}.vg-dot[aria-current]{width:44px}.vg-dot[aria-current] span{width:36px}.vg-grid .vg-list{gap:var(--sp-6) var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr))}.vc-title{font-size:var(--fs-ui)}dialog.vp{background:#000}.vp-shell{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;height:100dvh;padding:0;display:flex}.vp-top{height:52px;padding:env(safe-area-inset-top) var(--sp-2) 0 var(--gutter);flex:none;justify-content:space-between;position:static}.vp-stage,.vp-stage.wide{border-radius:var(--r-md);width:min(100vw,56.25dvh - 113.625px);height:auto;box-shadow:none;border:0;align-self:center}.vp-stage.wide{width:100vw;margin-top:auto}.vp-info{gap:var(--sp-2);max-height:none;padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));flex:1}.vp-info h2{font-size:var(--fs-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vp-sum,.vp-follow{display:none}.vp-yt{min-height:40px;padding:0 var(--sp-4)}.vp-nav{right:var(--gutter);bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));flex-direction:row;position:absolute}.pg-videos .head-side{width:100%;min-width:0}}