.vhv-root,.vhv{display:block;width:100%;min-width:0}
.vhv{--vhv-panel:rgba(250,252,255,.82);--vhv-panel-strong:rgba(255,255,255,.94);--vhv-text:#17202a;--vhv-muted:#66717d;--vhv-line:rgba(31,45,61,.22);--vhv-accent-left:#38a3ff;--vhv-accent-right:#ff6b4a;--vhv-shadow:0 12px 35px rgba(3,12,22,.25);position:relative;box-sizing:border-box;overflow:hidden;color:var(--vhv-text);background:#101820;border:1px solid rgba(20,32,44,.22);border-radius:16px;box-shadow:0 8px 32px rgba(12,22,34,.16);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vhv:fullscreen,.vhv.is-fullscreen{width:100vw;height:100vh;border:0;border-radius:0}
.vhv__stage{position:relative;width:100%;height:min(76vh,760px);min-height:480px;overflow:hidden;background:#0d151d;touch-action:none}
.vhv:fullscreen .vhv__stage,.vhv.is-fullscreen .vhv__stage{height:100vh;min-height:100vh}
.vhv__viewer{position:absolute;inset:0;width:100%;height:100%;opacity:1;background:#0d151d;transition:opacity .24s ease}
.vhv__stage.is-transitioning .vhv__viewer{opacity:.28}
.vhv__toolbar{position:absolute;z-index:20;top:16px;left:50%;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:6px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.44);border-radius:14px;background:var(--vhv-panel);box-shadow:var(--vhv-shadow);backdrop-filter:blur(16px) saturate(1.3)}
.vhv__toolgroup{display:flex;align-items:center;gap:4px}
.vhv__toolgroup+.vhv__toolgroup{padding-left:8px;border-left:1px solid var(--vhv-line)}
.vhv__toolbar button,.vhv__info button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 9px;border:0;border-radius:9px;color:var(--vhv-text);background:transparent;font:700 12px/1 inherit;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease}
.vhv__toolbar button:hover,.vhv__toolbar button[aria-expanded=true],.vhv__speed button.is-active{color:#fff;background:#192531}
.vhv__toolbar button:active{transform:scale(.94)}
.vhv__toolbar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vhv__speed{display:flex;padding:2px;border-radius:9px;background:rgba(29,43,57,.08)}
.vhv__speed button{min-width:33px;height:32px;padding:0 6px}
.vhv__info{position:absolute;z-index:22;top:72px;left:50%;box-sizing:border-box;width:min(390px,calc(100% - 32px));padding:18px 46px 18px 18px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.48);border-radius:14px;background:var(--vhv-panel-strong);box-shadow:var(--vhv-shadow);backdrop-filter:blur(18px)}
.vhv__info>button{position:absolute;top:8px;right:8px;font-size:22px}
.vhv__info strong,.vhv__info span{display:block}
.vhv__info strong{font-size:16px}
.vhv__info span{margin-top:4px;color:var(--vhv-muted);font-weight:700}
.vhv__info p{margin:12px 0 0;color:var(--vhv-muted);font-size:13px;line-height:1.45}
.vhv__year-badge{position:absolute;z-index:9;top:78px;padding:7px 11px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;background:rgba(10,18,26,.58);box-shadow:0 4px 16px rgba(0,0,0,.25);font:750 13px/1 inherit;pointer-events:none;backdrop-filter:blur(8px)}
.vhv__year-badge--left{left:16px;border-bottom-color:var(--vhv-accent-left)}
.vhv__year-badge--right{right:16px;border-bottom-color:var(--vhv-accent-right)}
.vhv__compare-handle{position:absolute;z-index:12;top:50%;left:0;display:flex;align-items:center;justify-content:center;gap:3px;width:40px;height:40px;padding:0;will-change:transform;border:1px solid rgba(28,37,47,.12);border-radius:50%;color:#28313a;background:rgba(255,255,255,.88);box-shadow:0 5px 18px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.95);font:600 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:ew-resize;touch-action:none;user-select:none;backdrop-filter:blur(12px) saturate(1.15);transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}
.vhv__compare-handle:hover{--vhv-handle-scale:1.035;box-shadow:0 7px 22px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.98)}
.vhv__compare-handle.is-dragging{--vhv-handle-scale:1.035;opacity:.82}
.vhv__loading{position:absolute;z-index:18;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;background:rgba(7,13,20,.3);font-size:14px;letter-spacing:.02em;pointer-events:none;backdrop-filter:blur(1px)}
.vhv__loading span{width:22px;height:22px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vhv-spin .7s linear infinite}
@keyframes vhv-spin{to{transform:rotate(360deg)}
}
.vhv__timeline{position:absolute;z-index:16;right:18px;bottom:18px;left:18px;box-sizing:border-box;padding:11px 20px 10px;border:1px solid rgba(255,255,255,.38);border-radius:15px;background:var(--vhv-panel);box-shadow:var(--vhv-shadow);backdrop-filter:blur(18px) saturate(1.25)}
.vhv__timeline-scroll{overflow:visible}
.vhv__timeline-track{position:relative;height:56px;margin:0 16px}
.vhv__timeline-line{position:absolute;top:27px;right:0;left:0;height:2px;background:var(--vhv-line)}
.vhv__timeline-year{position:absolute;top:20px;width:52px;height:34px;padding:17px 0 0;transform:translateX(-50%);border:0;color:var(--vhv-muted);background:transparent;font:650 10px/1 inherit;cursor:pointer}
.vhv__timeline-year:before{content:"";position:absolute;top:5px;left:50%;width:6px;height:6px;transform:translateX(-50%);border:2px solid var(--vhv-panel-strong);border-radius:50%;background:#7b8794;box-shadow:0 0 0 1px var(--vhv-line)}
.vhv__timeline-handle{position:absolute;z-index:3;top:3px;width:48px;height:29px;padding:0;transform:translateX(-50%);border:0;border-radius:9px;color:#fff;font:750 11px/1 inherit;cursor:ew-resize;touch-action:none;box-shadow:0 4px 13px rgba(0,0,0,.3);transition:left .16s ease,transform .18s ease}
.vhv__timeline-handle:after{content:"";position:absolute;top:100%;left:50%;width:2px;height:15px;transform:translateX(-50%);background:currentColor}
.vhv__timeline-handle--left{margin-top:-3px;background:var(--vhv-accent-left)}
.vhv__timeline-handle--right{margin-top:25px;background:var(--vhv-accent-right)}
.vhv__timeline-handle:hover{transform:translateX(-50%) scale(1.07)}
.vhv__toolbar button:focus-visible,.vhv__compare-handle:focus-visible,.vhv__timeline button:focus-visible,.vhv__info button:focus-visible{outline:3px solid rgba(72,165,255,.55);outline-offset:2px}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:900px){.vhv__stage{height:620px;min-height:440px}
.vhv__toolbar{top:12px}
.vhv__timeline{right:12px;bottom:12px;left:12px;padding-right:12px;padding-left:12px}
.vhv__timeline-track{margin:0 12px}
.vhv__timeline-year{font-size:9px}
}

@media(max-width:600px){.vhv{border-radius:11px}
.vhv__stage{height:72vh;min-height:440px;max-height:680px}
.vhv__toolbar{left:10px;right:10px;justify-content:space-between;max-width:none;transform:none;overflow-x:auto}
.vhv__toolgroup+.vhv__toolgroup{padding-left:5px}
.vhv__toolbar button{min-width:36px;height:36px;padding:0 7px}
.vhv__speed button{min-width:30px;height:30px}
.vhv__year-badge{top:70px}
.vhv__year-badge--left{left:10px}
.vhv__year-badge--right{right:10px}
.vhv__timeline{right:8px;bottom:8px;left:8px;padding:9px 8px 8px}
.vhv__timeline-scroll{overflow-x:auto;overflow-y:hidden;padding:0 18px 8px;scrollbar-width:thin}
.vhv__timeline-track{width:max(520px,calc(var(--vhv-years) * 72px));height:58px;margin:0}
.vhv__compare-handle{width:44px;height:44px;font-size:14px}
}

@media(prefers-color-scheme:dark){.vhv{--vhv-panel:rgba(18,27,36,.84);--vhv-panel-strong:rgba(17,25,34,.95);--vhv-text:#f2f6fa;--vhv-muted:#aeb9c4;--vhv-line:rgba(255,255,255,.22);border-color:rgba(255,255,255,.15)}
.vhv__speed{background:rgba(255,255,255,.08)}
.vhv__timeline-year:before{border-color:#202c38}
}

@media(prefers-reduced-motion:reduce){.vhv *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}