.vf{margin:0;display:flex;flex-direction:column;gap:14px;position:relative}.vf-stage{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#1f1b16;border:1px solid var(--rule)}.vf-stage picture,.vf-stage img,.vf-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.vf-v{opacity:0;transition:opacity .18s ease-out}.vf.is-on .vf-v{opacity:1}.vf-ctl{position:absolute;left:0;right:0;top:0;aspect-ratio:16/9;pointer-events:none}.vf-ctl>*{pointer-events:auto}.vf-btn,.vf-ex{position:absolute;right:16px;top:16px;height:44px;min-width:44px;padding:0 18px 0 16px;border:0;border-radius:22px;background:var(--ink);color:var(--sheet);font:500 17px/1 var(--sans);display:inline-flex;align-items:center;gap:10px;cursor:pointer;will-change:transform;transition:transform .1s ease-out;-webkit-tap-highlight-color:transparent}.vf-btn:active,.vf-ex:active{transform:scale(.97)}.vf-btn:focus-visible,.vf-ex:focus-visible{outline:2px solid var(--wren);outline-offset:3px}@media(hover:hover)and (pointer:fine){.vf-btn:hover,.vf-ex:hover{background:#34302a}}.vf-ex{top:auto;bottom:16px;width:44px;padding:0;justify-content:center}.vf-ex .vf-ic{width:16px;height:16px;fill:none;stroke:var(--sheet);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vf-ex .t{display:none}.vf-ic{width:14px;height:16px;fill:var(--sheet)}.vf-btn[data-state=playing] .p,.vf-btn:not([data-state=playing]) .s{display:none}.vf-walk{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0}.vf-walk .btn{white-space:normal;height:auto;min-height:52px;padding:12px 24px;max-width:100%;text-align:center}.vf-walk span{font:400 15px/19.5px var(--mono);letter-spacing:.4px;color:var(--ink-2)}.vf-text summary{cursor:pointer;font:500 15px/19.5px var(--sans);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;padding:8px 0;min-height:44px;display:flex;align-items:center}.vf-text ol{margin:6px 0 0;padding-left:22px;font:400 17px/25px var(--sans);color:var(--ink-2)}.vf-dlg{border:0;padding:0;border-radius:18px;background:var(--ink);width:min(1100px,94vw);max-height:92vh;overflow:hidden;position:fixed;inset:0;margin:auto}.vf-dlg::backdrop{background:#1f1b16b8}.vf-dlg video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--ink)}.vf-dlg.vf-full{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border-radius:0;background:#000;margin:0}.vf-dlg.vf-full video{width:100%;flex:1 1 0;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;background:#000}.vf-dlg.vf-full .vf-bar{background:#000}.vf-dlg[open]{display:flex;flex-direction:column}.vf-dlg video{flex:0 1 auto;min-height:0;max-height:calc(92vh - 60px);cursor:pointer}.vf-bar{flex:0 0 60px;height:60px;display:flex;align-items:center;gap:6px;padding:0 8px 0 6px;background:var(--ink);color:var(--sheet)}.vf-bar button{width:44px;height:44px;border:0;border-radius:22px;background:transparent;color:var(--sheet);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent;will-change:transform;transition:transform .1s ease-out}.vf-bar button:active{transform:scale(.94)}.vf-bar button:focus-visible,.vf-bar input:focus-visible{outline:2px solid var(--wren);outline-offset:2px}@media(hover:hover)and (pointer:fine){.vf-bar button:hover{background:#34302a}}.vf-bar svg{width:20px;height:20px;fill:var(--sheet);stroke:none;display:block}.vf-bar [data-vb-play][data-state=playing] .is,.vf-bar [data-vb-play]:not([data-state=playing]) .ip,.vf-bar [data-vb-mute][data-state=muted] .iv,.vf-bar [data-vb-mute][data-state=none] .iv,.vf-bar [data-vb-mute]:not([data-state=none]) .na,.vf-bar [data-vb-mute][data-state=on] .im{display:none}.vf-bar input[type=range]{flex:1;min-width:0;height:44px;margin:0;background:transparent;accent-color:var(--wren);cursor:pointer}.vf-bar [data-vb-mute][data-state=none]{width:auto;padding:0 14px 0 10px;gap:8px;cursor:default;font:500 14px/1 var(--sans);color:var(--paper-deep)}.vf-bar [data-vb-mute][data-state=none] svg{opacity:.7}.vf-bar [data-vb-mute][data-state=none]:hover{background:transparent}.vf-bar .tm{font:400 14px/1 var(--mono);color:var(--paper-deep);flex:none;min-width:84px;text-align:right;font-variant-numeric:tabular-nums}.vf-x{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:22px;border:0;background:#f5efe3eb;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.vf-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.vf-x:focus-visible{outline:2px solid var(--wren);outline-offset:3px}@media(max-width:720px)and (orientation:portrait){.vf-stage{aspect-ratio:4/5}.vf-dlg video{aspect-ratio:4/5;max-height:calc(84vh - 60px)}.vf-bar .tm{min-width:0;font-size:13px}.vf-walk{flex-direction:column;align-items:stretch;gap:10px}.vf-walk .btn{width:100%}.vf-ctl{position:static;aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:10px}.vf-btn,.vf-ex{position:static}.vf-ex{width:auto;padding:0 18px 0 16px;gap:10px}.vf-ex .t{display:inline}}@media(min-width:1100px){.vf-side .vf-stage,.vf-side .vf-ctl{aspect-ratio:4/5}.vf-side .vf-btn{inset:auto auto 16px 16px}.vf-side .vf-walk{flex-direction:column;align-items:stretch;gap:10px}.vf-side .vf-walk .btn{width:100%}}@media(prefers-reduced-motion:reduce){.vf-v,.vf-btn,.vf-ex{transition:none}}