@layer legacy{.vo{--pink:#f5c6d0;--lav:#d8ccea;--mint:#c9e4d6;--cream:#f7edda;--pink-d:#e8a0b4;--lav-d:#b9a6d9;--mint-d:#9ccbb4;--accent:#ff2e63;--ink:#3a3340;--ink-soft:#6e6478;--strip:#140e18b8;--grad:linear-gradient(135deg,var(--cream) 0%,var(--pink) 30%,var(--lav) 65%,var(--mint) 100%);color:var(--ink)}:where(.vo),:where(.vo) *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}:where(.vo) button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}:where(.vo) input,:where(.vo) textarea{font:inherit;outline:none}.vo-bg{background:var(--grad);z-index:0;position:fixed;inset:0}.vo-app{z-index:1;background:#000;position:fixed;inset:0;overflow:hidden}@media (min-width:768px){.vo-app{border:10px solid #141018;border-radius:38px;width:min(390px,40.66vh);height:min(844px,88vh);position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #3a334073}}.vo-splash{z-index:100;background:#000;transition:opacity .25s;position:absolute;inset:0}.vo-splash.off{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.vo-splash{transition:none}}.vo-feed{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:scroll}.vo-feed::-webkit-scrollbar{display:none}.vo-item{scroll-snap-align:start;scroll-snap-stop:always;background:#000;height:100%;position:relative;overflow:hidden}.vo-item video{object-fit:cover;background:#000;width:100%;height:100%}.vo-item .vo-poster{filter:blur(18px)brightness(.8);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.vo-item video::cue{background:var(--strip);color:#fff;font-size:15px}.vo-scrim{z-index:20;pointer-events:none;background:linear-gradient(#0000 0%,#0000007a 74%,#000c 100%);height:48%;position:absolute;bottom:0;left:0;right:0}.vo-scrim-top{z-index:20;pointer-events:none;background:linear-gradient(#00000073,#0000);height:16%;position:absolute;top:0;left:0;right:0}.vo{--tg:#f0d7ff}.vo-topbar{top:calc(env(safe-area-inset-top) + 12px);z-index:42;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.vo-topbar .vo-seg{pointer-events:auto}.vo-seg{filter:drop-shadow(0 1px 3px #00000059);background:#0003;border:2px solid #fff;border-radius:11px;align-items:center;gap:2px;padding:3px;display:inline-flex}.vo-tbtn{background:0 0;border:none;justify-content:center;align-items:center;width:auto;height:auto;padding:0;display:flex}.vo-seg .vo-tbtn.tog{letter-spacing:.3px;color:#fffc;opacity:1;filter:none;border-radius:7px;height:28px;padding:0 14px;font-size:13.5px;font-weight:700}.vo-seg .vo-tbtn.tog.on{background:var(--cta,#f0d7ff);color:#111}.vo-searchbar{top:calc(env(safe-area-inset-top) + 56px);z-index:40;display:flex;position:absolute;left:12px;right:12px}.vo-searchbar input{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:1px solid #fff9;flex:1;padding:8px 12px;font-size:13px}.vo{--vo-bar-top:calc(env(safe-area-inset-bottom) + var(--u)*50);--vo-floor:calc(var(--vo-bar-top) + 24px)}.vo-rail{right:14px;bottom:var(--vo-floor);z-index:35;flex-direction:column;align-items:center;gap:13px;display:flex;position:absolute}.vo-sbtn.ol svg{fill:none;stroke:#fff;stroke-width:1.1px;stroke-linejoin:round}.vo-sbtn.fl svg{fill:#fff;stroke:none}.vo-sbtn.ln svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.vo-meta{left:12px;bottom:var(--vo-floor);z-index:30;color:#fff;position:absolute}.vo-corner-r .vo-cbtn.off{opacity:.45}.vo-corner-r .vo-cbtn.snd svg{width:31px;height:31px}.vo-corner-r .vo-cbtn.saved svg{fill:var(--cream);stroke:var(--cream)}.vo-progress{left:12px;right:12px;bottom:calc(var(--vo-bar-top) + 8px);z-index:36;background:#ffffff40;height:4px;position:absolute}.vo-progress i{background:var(--accent);width:0%;height:100%;display:block}.vo-badge-2x{z-index:36;color:#fff;background:#0000008c;padding:8px 16px;font-size:18px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vo-paused{pointer-events:none;z-index:33;-webkit-backdrop-filter:blur(10px);background:#161a1c8c;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000040}.vo-paused svg{fill:#fff;width:46%;height:46%}.vo-hint{bottom:calc(var(--vo-floor) + 60px);z-index:45;color:#fff;text-align:center;text-shadow:0 1px 4px #0009;font-size:12px;font-weight:600;animation:1.6s infinite vo-hintup;position:absolute;left:50%;transform:translate(-50%)}@keyframes vo-hintup{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-14px)}}@media (prefers-reduced-motion:reduce){.vo-hint{animation:none}}.vo-toast{top:calc(env(safe-area-inset-top) + 90px);z-index:90;background:var(--cream);color:var(--ink);white-space:nowrap;padding:9px 16px;font-size:12px;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.vo-offline{z-index:95;background:var(--lav);color:var(--ink);text-align:center;padding:10px;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.vo-empty{background:var(--grad);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.vo-empty .vo-lg{font-size:36px;font-weight:800}.vo-nofilter{z-index:44;background:var(--grad);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.vo-nofilter .vo-lg{font-size:30px;font-weight:800}.vo-nofilter p{max-width:220px;font-size:13px;font-weight:600;line-height:1.5}.vo-nofilter button{background:var(--ink);color:#fff;padding:9px 18px;font-size:12px;font-weight:700}.vo-navchev{display:none}@media (min-width:768px){.vo-navchev{z-index:60;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;left:calc(50% + min(195px,20.33vh) + 26px);transform:translateY(-50%)}.vo-navchev button{background:#ffffffc7;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 14px #3a33402e}.vo-navchev button:hover{background:#fff}.vo-navchev svg{width:20px;height:20px;stroke:var(--ink);stroke-width:2px;fill:none}}.vo-end{left:12px;right:12px;top:calc(env(safe-area-inset-top) + 64px);z-index:37;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.3;display:flex;position:absolute}.vo-end span{flex:1;min-width:0}.vo-end-cta{color:#111;background:#f0d7ff;border:2px solid #1a1a1a;border-radius:7.7px;flex:none;padding:7px 10px;font-size:12px;font-weight:750;text-decoration:none}.vo-end-x{color:#fffc;cursor:pointer;background:0 0;border:0;flex:none;padding:4px;font-family:inherit;font-size:13px}@media (min-width:768px){.stage:has(.vo-app) .topbar{top:calc(50vh - min(844px,88vh)/2 + 21px);left:calc(50% - min(390px,40.66vh)/2 + 16px);right:calc(50% - min(390px,40.66vh)/2 + 16px)}.stage:has(.vo-app) .topbar:before{content:none}.stage:has(.vo-app) .topbar .tbtn{width:40px;height:40px}.stage:has(.vo-app) .topbar .tbtn svg{width:24px;height:24px}.stage:has(.vo-app) .fltbar{border-radius:22px;bottom:calc(50vh - min(844px,88vh)/2 + 18px);left:calc(50% - min(390px,40.66vh)/2 + 18px);right:calc(50% - min(390px,40.66vh)/2 + 18px)}.stage:has(.vo-app) .fltbar .fitem{flex:1;width:auto}}.vo-pop-catch{z-index:54;position:absolute;inset:0}.vo-pop{z-index:55;background:var(--surface,#fdfcfb);min-width:190px;max-width:70%;color:var(--ink,#1a1a1a);border-radius:14px;padding:2px 14px;position:absolute;transform:translateY(-50%);box-shadow:0 10px 30px #00000073}.vo-pop button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:13px 0;font-size:15px;font-weight:650;display:flex}.vo-pop button+button{border-top:1px solid rgb(var(--ink-rgb,26 26 26)/.14)}.vo-pop svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}}
