.vis{--fg:rgba(var(--ink-rgb),.14);--fg2:rgba(var(--ink-rgb),.08);overflow:hidden}.eco-card.d .vis{--fg:#ffffff29;--fg2:#ffffff14}.vis i,.vis b,.vis span,.vis em{display:block}.vis>div{width:min(300px,80%);position:relative}.v-aud{height:200px}.v-aud i{left:var(--x);top:var(--y);background:var(--fg);width:12px;height:12px;transition:left 1.2s var(--ease),top 1.2s var(--ease),background .6s ease;transition-delay:calc(var(--i) * 30ms);border-radius:50%;position:absolute}.v-aud .ring{border:1.5px dashed rgba(var(--lime-rgb),.7);opacity:0;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;transition:opacity .6s .9s;position:absolute;top:50%;left:50%}.seen .v-aud i.in{left:var(--tx);top:var(--ty);background:var(--lime)}.seen .v-aud .ring{opacity:1}.v-feed{gap:10px;display:grid}.v-feed>div{background:var(--fg2);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:40px 1fr 26px;align-items:center;gap:6px 12px;padding:10px;display:grid}.v-feed .th{background:var(--fg);border-radius:9px;grid-row:1/3;width:40px;height:40px}.v-feed .t{background:var(--fg);border-radius:4px;width:80%;height:8px}.v-feed .t.s{width:50%}.v-feed b{background:var(--fg2);color:#0000;width:26px;height:26px;font:700 13px var(--fb);transition:background .4s,color .4s;transition-delay:calc(.4s + var(--i) * .35s);border-radius:50%;grid-area:1/3/3;place-items:center;display:grid}.seen .v-feed b{background:var(--lime);color:var(--navy)}.v-season{align-items:flex-end;gap:8px;height:180px;display:flex}.v-season i{height:calc(var(--h) * 100%);background:var(--fg);transform-origin:bottom;transition:transform .9s var(--ease) calc(var(--i) * 60ms),background .5s ease 1.2s;border-radius:6px 6px 2px 2px;flex:1;transform:scaleY(.08)}.seen .v-season i{transform:none}.seen .v-season i.pk{background:var(--lime)}.v-brand{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.v-brand>div{background:var(--fg2);transform:rotate(calc((var(--i) - 1) * 8deg)) translateY(calc(var(--i) * 6px));transition:transform .9s var(--ease) calc(var(--i) * .12s);border-radius:12px;gap:8px;padding:12px;display:grid}.v-brand .lg{background:var(--fg);border-radius:7px;width:24px;height:24px;transition:background .5s .8s}.v-brand .t{background:var(--fg);border-radius:4px;height:7px}.v-brand .t.s{width:60%}.v-brand .sw{background:var(--fg);border-radius:8px;height:46px;transition:background .5s .9s}.seen .v-brand>div{transform:none}.seen .v-brand .lg,.seen .v-brand .sw{background:var(--lime)}.v-tech{--tc:6s;position:relative}.v-tech svg{width:100%;height:auto;display:block;overflow:visible}.v-tech .tc-e{fill:none;stroke:var(--fg);stroke-width:1.4px}.v-tech .tc-n rect:first-child{fill:var(--chip,#fff);stroke:var(--fg);stroke-width:1.2px}.eco-card.d .v-tech .tc-n rect:first-child{--chip:#262626}.v-tech .tc-n .ln{fill:var(--fg)}.v-tech .st{fill:#f9ab11;animation:tcFix var(--tc) ease infinite paused;animation-delay:calc(var(--i) * .22s)}@keyframes tcFix{0%,20%{fill:#f9ab11}32%,90%{fill:var(--lime)}to{fill:#f9ab11}}.v-tech .tc-scan{fill:var(--lime);opacity:0;filter:drop-shadow(0 0 6px rgba(var(--lime-rgb),.8));animation:tcScan var(--tc) linear infinite paused}@keyframes tcScan{0%{opacity:0;transform:translateY(0)}5%{opacity:.9}55%{opacity:.9;transform:translateY(160px)}60%,to{opacity:0;transform:translateY(160px)}}.v-tech .tc-score{width:58px;height:58px;position:absolute;top:0;right:0}.v-tech .tc-score svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.v-tech .tc-score circle{fill:none;stroke-width:3.5px}.v-tech .tc-score .t{stroke:var(--fg2)}.v-tech .tc-score .v{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc((100 - var(--n)) * 1px);animation:tcN var(--tc) var(--ease) infinite paused}.v-tech .tc-n2{font:800 16px/1 var(--fh);--n:58;counter-reset:n var(--n);animation:tcN var(--tc) var(--ease) infinite paused;place-items:center;display:grid;position:absolute;inset:0}.v-tech .tc-n2:after{content:var(--nv,counter(n))}@keyframes tcN{0%,15%{--n:58}55%,90%{--n:96}to{--n:58}}.v-tech .tc-n{transform-box:fill-box;transform-origin:50%;animation:tcPop var(--tc) ease infinite paused;animation-delay:calc(var(--i) * .22s)}@keyframes tcPop{0%,24%{transform:none}28%{transform:scale(1.08)}33%,to{transform:none}}.seen .v-tech *{animation-play-state:running}.v-content{background:var(--fg2);--cc:7s;border-radius:14px;gap:10px;padding:16px;display:grid}.v-content .h{background:var(--fg);transform-origin:0;width:58%;height:13px;animation:vType var(--cc) var(--ease) infinite paused;border-radius:5px}.v-content .lines{align-content:start;gap:7px;display:grid}.v-content .t{height:6px;width:var(--w);background:var(--fg);transform-origin:0;animation:vType var(--cc) var(--ease) infinite paused;animation-delay:calc(.25s + var(--i) * .32s);border-radius:3px}.v-content .row2{grid-template-columns:70px 1fr;align-items:start;gap:10px;display:grid}.v-content .im{background:rgba(var(--lime-rgb),.28);transform-origin:0;height:46px;animation:vPop var(--cc) var(--ease) infinite paused;border-radius:8px;animation-delay:1.7s}.v-content .tags{gap:6px;display:flex}.v-content .tags i{background:rgba(var(--lime-rgb),.35);width:38px;height:14px;animation:vPop var(--cc) var(--ease) infinite paused;animation-delay:calc(var(--i) * .32s);border-radius:999px}.seen .v-content *{animation-play-state:running}@keyframes vType{0%{transform:scaleX(0)}12%,82%{transform:scaleX(1)}92%,to{transform:scaleX(0)}}@keyframes vPop{0%{opacity:0;transform:scale(.6)}10%,82%{opacity:1;transform:none}92%,to{opacity:0;transform:scale(.6)}}.v-ads{gap:10px;display:grid}.v-ads>div{background:var(--fg2);transition:transform .9s var(--ease) .3s,background .5s ease .9s;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;gap:6px 12px;padding:12px;display:grid}.v-ads em{background:var(--fg);border-radius:5px;grid-row:1/3;width:30px;height:18px}.v-ads .t{background:var(--fg);border-radius:4px;width:80%;height:8px}.v-ads .t.s{width:55%}.v-ads .top{transform:translateY(calc(200% + 20px))}.seen .v-ads .top{background:rgba(var(--lime-rgb),.22);transform:none}.seen .v-ads .top em{background:var(--lime)}.seen .v-ads>div:not(.top){transform:translateY(0)}.v-page{background:var(--fg2);border-radius:14px;gap:14px;padding:12px 14px 14px;display:grid}.v-page .nav{align-items:center;gap:8px;display:flex}.v-page .v-logo{background:var(--fg);border-radius:7px;width:22px;height:22px;margin-right:auto}.v-page .n{background:var(--fg2);border-radius:3px;width:30px;height:6px}.v-page .body{grid-template-columns:1.2fr .8fr;align-items:center;gap:14px;display:grid}.v-page .txt{gap:8px;display:grid}.v-page .h{background:var(--fg);border-radius:5px;width:90%;height:13px}.v-page .h.s{width:60%}.v-page .l1,.v-page .l2{background:var(--fg2);border-radius:3px;width:85%;height:6px}.v-page .l2{width:65%}.v-page .cta{background:var(--fg);border-radius:999px;width:84px;height:24px;margin-top:6px;transition:background .5s 1.3s,box-shadow .5s 1.3s}.v-page .img{background:var(--fg);border-radius:12px;height:96px}.v-page .spd{background:var(--fg2);border-radius:3px;height:6px;overflow:hidden}.v-page .spd b{background:var(--lime);transform-origin:0;width:100%;height:100%;transition:transform 1.4s var(--ease) .2s;transform:scaleX(0)}.v-page .txt>i,.v-page .img,.v-page .nav{opacity:0;transition:opacity .5s ease,transform .5s var(--ease);transform:translateY(8px)}.v-page .nav{transition-delay:50ms}.v-page .txt>i:first-child{transition-delay:.2s}.v-page .txt>i:nth-child(2){transition-delay:.3s}.v-page .txt>i:nth-child(3){transition-delay:.4s}.v-page .txt>i:nth-child(4){transition-delay:.5s}.v-page .img{transition-delay:.6s}.v-page .txt>i.cta{transition:opacity .5s ease .7s,transform .5s var(--ease) .7s,background .5s ease 1.3s}.seen .v-page .txt>i,.seen .v-page .img,.seen .v-page .nav{opacity:1;transform:none}.seen .v-page .spd b{transform:none}.seen .v-page .cta{background:var(--lime);animation:2.4s ease-in-out 1.8s infinite vGlow}@keyframes vGlow{50%{box-shadow:0 0 0 12px rgba(var(--lime-rgb),0)}}.v-links .lk-stage{width:300px;max-width:100%;height:200px;position:relative}.v-links svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.v-links .mp{background:var(--chip,#262626);border:1px solid var(--fg);opacity:0;width:96px;height:56px;transition:opacity .5s ease calc(var(--i) * .25s),transform .5s var(--ease) calc(var(--i) * .25s);border-radius:10px;align-content:start;gap:5px;padding:8px;display:grid;position:absolute;transform:translate(-8px)}.eco-card:not(.d) .v-links .mp{--chip:#fff}.v-links .mp .mp-bar{background:var(--fg);border-radius:3px;width:40%;height:5px}.v-links .mp .t{background:var(--fg2);border-radius:2px;width:85%;height:4px}.v-links .mp .t.s{width:55%}.v-links .mp-ln{align-items:center;gap:4px;display:flex}.v-links .mp-ln .t{flex:none;width:34px}.v-links .mp .anc{background:var(--fg);width:30px;height:5px;transition:background .4s ease calc(.6s + var(--i) * .3s);border-radius:3px;display:block}.v-links .you{border-color:rgba(var(--lime-rgb),.6);width:108px;height:104px;transition:opacity .5s ease .2s,transform .5s var(--ease) .2s;transform:translate(8px)}.v-links .you .h{background:var(--fg);border-radius:4px;width:70%;height:9px}.v-links .you .up{background:var(--lime);width:24px;height:24px;font:700 13px var(--fb);color:var(--navy);opacity:0;border-radius:8px;place-items:center;transition:opacity .4s 1.6s,transform .4s cubic-bezier(.34,1.56,.64,1) 1.6s;display:grid;position:absolute;bottom:8px;right:8px;transform:scale(.5)}.v-links .lc{fill:none;stroke:rgba(var(--lime-rgb),.7);stroke-width:1.6px;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .9s var(--ease) calc(.8s + var(--i) * .3s)}.v-links .pulse{fill:var(--lime);opacity:0;transition:opacity .4s 1.8s}.seen .v-links .mp{opacity:1;transform:none}.seen .v-links .anc{background:var(--lime)}.seen .v-links .lc{stroke-dashoffset:0}.seen .v-links .pulse{opacity:1}.seen .v-links .you .up{opacity:1;animation:2.4s ease-in-out 2.2s infinite vBeat;transform:none}.v-shield{gap:12px;padding:0 4px;display:grid;position:relative}.v-shield .prow{grid-template-columns:1fr 24px 1fr;align-items:center;gap:10px;display:grid}.v-shield .v-arr{font:700 16px var(--fb);color:var(--lime);text-align:center;opacity:0;transition:opacity .4s ease calc(.7s + var(--i) * .3s);font-style:normal}.seen .v-shield .v-arr{opacity:1}.v-shield .in,.v-shield .out{background:var(--fg2);border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.v-shield .av{background:var(--fg);border-radius:50%;flex:none;width:16px;height:16px}.v-shield .t{background:var(--fg);border-radius:3px;flex:1;height:6px}.v-shield .lk{fill:none;width:14px;height:16px;stroke:var(--lime);stroke-width:1.8px;stroke-linejoin:round;flex:none}.v-shield .lk rect{fill:rgba(var(--lime-rgb),.25)}.v-shield .v-dots{font:700 13px/1 var(--fb);letter-spacing:.1em;color:var(--lime);font-style:normal}.v-shield .in{opacity:.4;transition:transform .8s var(--ease) calc(.2s + var(--i) * .3s),opacity .6s ease calc(.2s + var(--i) * .3s);transform:translate(-14px)}.v-shield .out{opacity:0;transition:transform .8s var(--ease) calc(.9s + var(--i) * .3s),opacity .6s ease calc(.9s + var(--i) * .3s);background:rgba(var(--lime-rgb),.14);transform:translate(-24px)}.seen .v-shield .in,.seen .v-shield .out{opacity:1;transform:none}.seen .v-shield .prow .out .v-dots{animation:3s steps(3,end) 2s infinite vScramble}@keyframes vScramble{33%{letter-spacing:.2em}66%{letter-spacing:.05em}}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.v-trend{gap:10px;display:grid}.v-trend .g-n{--n:0;counter-reset:n var(--n);font:800 34px/1 var(--fh);color:var(--lime);animation:vGn 6s var(--ease) infinite paused}.v-trend .g-n:after{content:"+" var(--nv,counter(n)) "%"}@keyframes vGn{0%{--n:0}45%,to{--n:48}}.v-trend svg{width:100%;height:auto;overflow:visible}.v-trend .grid line{stroke:var(--fg2)}.v-trend .line{fill:none;stroke:var(--lime);stroke-width:4px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:vRun 6s var(--ease) infinite paused}.v-trend .area{fill:rgba(var(--lime-rgb),.12);animation:6s infinite paused vArea}.v-trend circle{fill:var(--lime);transform-box:fill-box;transform-origin:50%;animation:6s infinite paused vDot}.seen .v-trend .line,.seen .v-trend .area,.seen .v-trend circle,.seen .v-trend .g-n{animation-play-state:running}@keyframes vRun{0%{stroke-dashoffset:100px;opacity:1}45%,88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes vArea{0%,30%{opacity:0}50%,88%{opacity:1}to{opacity:0}}@keyframes vDot{0%,42%{opacity:0;transform:scale(.4)}48%{opacity:1;transform:scale(1.3)}55%,88%{opacity:1;transform:none}to{opacity:0}}.v-aud i:not(.in){animation:6s ease-in-out infinite alternate vDrift;animation-delay:calc(var(--i) * -.4s)}@keyframes vDrift{to{transform:translate(10px,-8px)}}.seen .v-aud .ring{animation:14s linear infinite vSpin}@keyframes vSpin{to{transform:rotate(360deg)}}.seen .v-aud i.in{animation:2.4s ease-in-out infinite vBeat;animation-delay:calc(1.4s + var(--i) * 50ms)}@keyframes vBeat{50%{transform:scale(1.35)}}.seen .v-feed>div:last-child b{animation:2.4s ease-in-out 2.2s infinite vBeat}.seen .v-season i.pk{animation:2.6s ease-in-out 1.6s infinite vRise}@keyframes vRise{50%{transform:scaleY(1.06)}}.seen .v-brand>div{animation:4s ease-in-out infinite vBob;animation-delay:calc(1.2s + var(--i) * .4s)}@keyframes vBob{50%{translate:0 -5px}}.seen .v-ads .top{animation:3s ease-in-out 1.6s infinite vLift}@keyframes vLift{50%{box-shadow:0 10px 24px rgba(var(--lime-rgb),.3)}}@media (prefers-reduced-motion:reduce){.vis *{transition:none!important;animation:none!important}}
