.vp{border-radius:.5rem;transition:background-color .6s}.vp-canvas{opacity:0;cursor:grab;transition:opacity 1.2s var(--ease-out-expo)}.vp-canvas:active{cursor:grabbing}.vp.is-walk .vp-canvas{cursor:crosshair}.vp-poster{opacity:1;transition:opacity 1.2s var(--ease-out-expo) .2s}.vp.is-ready .vp-canvas{opacity:1}.vp.is-ready .vp-poster{opacity:0}.vp-btn{border:1px solid rgb(var(--line)/.14);width:36px;height:36px;color:rgb(var(--fg));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfaf7d9;border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s;display:flex}.vp-btn:hover{border-color:rgb(var(--line)/.4)}.vp-btn.is-on{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.vp .chip{background:#fbfaf7d9}.vp .chip.is-on{background:var(--color-ink)}.vp-pill{color:rgb(var(--fg)/.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfaf7db;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.vp-dot{background:var(--color-amber);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite vp-blink}@keyframes vp-blink{0%,to{opacity:.25}50%{opacity:1}}.vp-mini{border:1px solid rgb(var(--line)/.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfaf7eb;border-radius:12px;width:240px;padding:18px 6px 6px;box-shadow:0 10px 28px -12px #00000059}.vp-mini__floor{fill:#fff;stroke:#12131659;stroke-width:1.2px}.vp-mini__zone{fill:#e9ebe8;stroke:#1213162e;stroke-width:.6px}.vp-mini__open{fill:#ffc1071f;stroke:none}.vp-mini__screen{fill:#e0a400}.vp-mini__cone{fill:#1f7fc747}.vp-mini__me{fill:#1f7fc7;stroke:#fff;stroke-width:2.5px}.vp-mini__pulse{fill:#1f7fc740;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite vp-mini-pulse}@keyframes vp-mini-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.vp-mini__label{letter-spacing:.08em;color:rgb(var(--fg)/.55);text-transform:uppercase;pointer-events:none;font-size:10.5px;font-weight:700;position:absolute;top:6px;left:10px}@media (width<=640px){.vp-mini{width:150px}}.vp-bar{border:1px solid rgb(var(--line)/.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfaf7e0;border-radius:12px;height:44px;padding:4px;overflow:hidden}.vp-seg{white-space:nowrap;height:34px;color:rgb(var(--fg));border-radius:9px;align-items:center;gap:7px;padding-inline:12px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.vp-seg:hover{background:rgb(var(--line)/.08)}.vp-seg.is-on{background:var(--color-ink);color:#fff}.vp-seg--quiet{color:rgb(var(--fg)/.6);font-weight:400}.vp-sep{background:rgb(var(--line)/.16);flex:none;width:1px;height:20px;margin-inline:2px}.vp-ad{min-width:0;max-width:200px;color:rgb(var(--fg)/.75);align-items:center;gap:8px;padding-inline:8px;font-size:12.5px;display:inline-flex}.vp-ad img{-o-object-fit:cover;object-fit:cover;background:#111;border-radius:3px;width:34px;height:20px}.vp.is-walk .vp-pill--walk{white-space:normal;line-height:1.35}@media (pointer:coarse){.vp.is-walk .vp-pill--walk{max-width:none;left:140px;right:12px}}.vp.is-night .vp-bar .fg-3{color:#e9ecf18c}.vp-stick{border:1px solid rgb(var(--line)/.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;background:#fbfaf773;border-radius:50%;justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:absolute;bottom:68px;left:16px}.vp-stick__knob{background:var(--color-ink);border-radius:50%;width:44px;height:44px;transition:transform 50ms linear;box-shadow:0 6px 18px -6px #00000080}.vp-stick.is-on{background:#fbfaf7a6}.vp.is-full{z-index:90;aspect-ratio:auto;background:var(--color-page);width:100vw;height:100dvh;padding-top:env(safe-area-inset-top);position:fixed;inset:0}.vp.is-full,.vp.is-full .vp-poster{border-radius:0}html.vp-lock,html.vp-lock body{overflow:hidden}.vp.is-night{background:#0b0f16}.vp.is-night .chip,.vp.is-night .vp-bar,.vp.is-night .vp-btn,.vp.is-night .vp-pill,.vp.is-night .vp-stick{color:#e9ecf1;background:#161a22d1;border-color:#ffffff1f}.vp.is-night .vp-ad,.vp.is-night .vp-seg{color:#e9ecf1}.vp.is-night .vp-seg--quiet{color:#e9ecf199}.vp.is-night .vp-seg:hover{background:#ffffff14}.vp.is-night .chip.is-on,.vp.is-night .vp-btn.is-on,.vp.is-night .vp-seg.is-on{background:var(--color-amber);color:#121316;border-color:var(--color-amber)}.vp.is-night .vp-sep{background:#ffffff24}.vp.is-night .vp-stick__knob{background:var(--color-amber)}.vp.is-night .vp-pill{color:#e9ecf1c7}.vp-snav{-webkit-backdrop-filter:blur(10px);background:#ffffffc7;border-radius:999px;flex-wrap:wrap;align-items:center;gap:5px;padding:4px 6px 4px 9px;display:flex;box-shadow:0 0 0 1px #12131614,0 8px 20px -10px #00000059}.vp-snav__ic{color:#1213168c;margin-right:1px}.vp-snav__b{font-variant-numeric:tabular-nums;color:#121316;background:0 0;border-radius:999px;min-width:26px;height:26px;padding:0 7px;font-size:12px;font-weight:600;transition:background-color .2s,color .2s,transform .2s}.vp-snav__b:hover{background:#ffc10747}.vp-snav__b.is-on{color:#121316;background:#ffc107;box-shadow:0 2px 8px -2px #ffa000b3}.vp-snav__b:focus-visible{outline-offset:2px;outline:2px solid #ffc107}