.wh{background:radial-gradient(900px 480px at 50% 0,#f9d89d59,#0000 65%),#fff;overflow:hidden}.wh__sub{color:#8a7f6a;margin:4px 0 0;font-size:.9rem;font-weight:600}.wh__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,80px);max-width:1400px;margin-inline:auto;display:grid}.wh__hub{aspect-ratio:1;width:100%;max-width:560px;margin-inline:auto;position:relative;container-type:size}.wh__spokes{width:100%;height:100%;position:absolute;inset:0}.wh__spokes g path{animation:1.4s linear infinite tvDash}.wh__core{z-index:3;aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#fff,#fceacb);border:2px solid #e0c28a;border-radius:50%;align-content:center;place-items:center;gap:4px;width:26%;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 20px 44px #a36e0d59}.wh__core img{border-radius:50%;width:52%;height:auto}.wh__core b{color:#624612;font-size:clamp(.62rem,.8vw,.86rem)}.wh__pulse{pointer-events:none;border:2px solid #cc8c1680;border-radius:50%;animation:3s ease-out infinite whRing;position:absolute;inset:-2px}.wh__pulse--2{animation-delay:1.5s}@keyframes whRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.wh__dot{z-index:2;opacity:0;background:#cc8c16;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 5px #cc8c164d,0 0 16px #cc8c16}.wh__dot.run{animation:1s cubic-bezier(.65,0,.35,1) forwards whGo}@keyframes whGo{0%{opacity:1;transform:translate(0)}to{transform:translate(var(--tx), var(--ty));opacity:1}}.wh__n{z-index:4;color:#334155;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5d4b6;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-size:clamp(.7rem,.9vw,.98rem);font-weight:800;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s,border-color .3s,box-shadow .3s;display:inline-flex;position:absolute;translate:-50% -50%;box-shadow:0 10px 24px #533d141f}.wh__n--top{top:9%;left:50%}.wh__n--right{top:50%;left:86%}.wh__n--bottom{top:91%;left:50%}.wh__n--left{top:50%;left:14%}.wh__ni{color:#7c560f;background:#fceacb;border-radius:50%;place-items:center;width:clamp(30px,3vw,42px);height:clamp(30px,3vw,42px);transition:background .3s,color .3s,transform .4s cubic-bezier(.34,1.56,.64,1);display:grid}.wh__ni svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%}.wh__n:hover{border-color:#cc8c16;transform:scale(1.06)}.wh__n.on{color:#f2c064;background:#0f172a;border-color:#0f172a;transform:scale(1.1);box-shadow:0 18px 36px #0f172a66,0 0 0 6px #cc8c1638}.wh__n.on .wh__ni{color:#2e2005;background:#e6a735;transform:rotate(-8deg)}.wh__panel{background:linear-gradient(160deg,#fefbf5,#f8f0e2);border:1px solid #e8dac2;border-radius:28px;min-height:clamp(380px,32vw,500px);padding:clamp(20px,2.2vw,38px);position:relative;box-shadow:0 26px 60px #533d1424}.wh__ptop{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wh__pn{letter-spacing:-.05em;background:linear-gradient(135deg,#7c560f,#e6a735);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,3.6vw,4rem);font-weight:800;line-height:1}.wh__pi{color:#f2c064;background:#0f172a;border-radius:20%;place-items:center;width:clamp(48px,4vw,64px);height:clamp(48px,4vw,64px);display:grid}.wh__pi svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.wh__panel h3{letter-spacing:-.03em;color:var(--ink);margin:0 0 8px;font-size:clamp(1.4rem,2.1vw,2.3rem);font-weight:800;line-height:1.1}.wh__panel>p{color:var(--mut);max-width:56ch;margin:0 0 18px;font-size:clamp(.9rem,1.05vw,1.12rem);line-height:1.65}.wh__panel.in .wh__ptop,.wh__panel.in h3,.wh__panel.in>p{animation:.5s cubic-bezier(.16,1,.3,1) both tvIn}.wh__panel.in h3{animation-delay:50ms}.wh__panel.in>p{animation-delay:.1s}.wh__dots{gap:8px;margin-top:16px;display:flex}.wh__dots i{cursor:pointer;background:#e0cdaa;border-radius:10px;width:10px;height:10px;transition:width .4s cubic-bezier(.16,1,.3,1),background .3s}.wh__dots i.on{background:#a36e0d;width:34px}.vz{background:#fff;border:1px solid #ebdfca;border-radius:20px;padding:14px;box-shadow:0 12px 28px #533d1414}.vz-loss .g{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.vz-loss .g span{text-align:center;color:#624612;opacity:0;animation:tvIn .4s ease calc(var(--k) * 90ms) both;background:#fceacb;border-radius:12px;padding:10px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;font-weight:800}.vz-loss .g span.bad{animation:.4s .3s both tvIn,.5s 1.4s forwards whBad}@keyframes whBad{to{color:#b91c1c;background:#fee2e2;box-shadow:0 0 0 3px #ef444440}}.vz-loss .al{opacity:0;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;animation:.5s cubic-bezier(.34,1.56,.64,1) 1.8s both tvIn;display:flex;transform:translateY(10px)}.vz-loss .al i{color:#fff;background:#ef4444;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:grid}.vz-loss .al b{color:#9f1239;font-size:.88rem;display:block}.vz-loss .al small{color:#b4536b;font-size:.72rem}.vz-find .old{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.vz-find .old span{color:#94a3b8;background:#f1f5f9;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:700;text-decoration:line-through;animation:.5s 1.7s forwards whFade}@keyframes whFade{to{opacity:.35}}.vz-find .sb{background:#f8f4ee;border:1px solid #e9dfcc;border-radius:14px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 16px;display:flex}.vz-find .sb svg{fill:none;stroke:#a36e0d;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}.vz-find .ty{color:var(--ink);white-space:nowrap;border-right:2px solid #cc8c16;width:0;font-size:.9rem;font-weight:700;animation:1.2s steps(20,end) .3s forwards whType,.6s step-end infinite whCar;overflow:hidden}@keyframes whType{to{width:20ch}}@keyframes whCar{50%{border-color:#0000}}.vz-find .res{color:#f2c064;opacity:0;background:#0f172a;border-radius:14px;padding:12px 16px;animation:.5s cubic-bezier(.34,1.56,.64,1) 1.7s both tvIn;transform:translateY(10px)}.vz-find .res b{display:block}.vz-find .res small{color:#94a3b8}.vz-cust ol{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.vz-cust ol:before{content:"";background:linear-gradient(#38bdf8,#cc8c16);width:2px;position:absolute;top:20px;bottom:20px;left:15px}.vz-cust li{opacity:0;animation:whSlide .55s cubic-bezier(.16,1,.3,1) calc(var(--k) * .5s + .2s) forwards;background:#fbf7ef;border:1px solid #ede2cf;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative;transform:translate(-12px)}@keyframes whSlide{to{opacity:1;transform:none}}.vz-cust i{z-index:1;color:#fff;background:#38bdf8;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;font-style:normal;font-weight:800;display:grid;position:relative}.vz-cust li.ok i{color:#2e2005;background:#cc8c16}.vz-cust b{color:var(--ink);font-size:.9rem;display:block}.vz-cust small{color:var(--mut);font-size:.74rem}.vz-dash .t{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.vz-dash .t>div{text-align:center;border-radius:12px;padding:10px 4px;animation:.5s both tvIn}.vz-dash .t>div:nth-child(2){animation-delay:.1s}.vz-dash .t>div:nth-child(3){animation-delay:.2s}.vz-dash .t>div:nth-child(4){animation-delay:.3s}.vz-dash b{font-size:1.3rem;line-height:1;display:block}.vz-dash .t span{font-size:.6rem;font-weight:700}.vz-dash .a{color:#624612;background:#fceacb}.vz-dash .b{color:#0369a1;background:#e0f2fe}.vz-dash .c{color:#b45309;background:#fef3c7}.vz-dash .d{color:#f2c064;background:#0f172a}.vz-dash .bars{align-items:flex-end;gap:10px;height:90px;display:flex}.vz-dash .bars i{background:linear-gradient(#e6a735,#a36e0d);border-radius:8px 8px 3px 3px;flex:1;height:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards whBar}.vz-dash .bars i:nth-child(2){animation-delay:.1s}.vz-dash .bars i:nth-child(3){animation-delay:.2s}.vz-dash .bars i:nth-child(4){animation-delay:.3s}.vz-dash .bars i:nth-child(5){animation-delay:.4s}.vz-dash .bars i:nth-child(6){animation-delay:.5s}@keyframes whBar{to{height:var(--h)}}@media (width<=1000px){.wh__grid{grid-template-columns:1fr}.wh__hub{max-width:460px}}@media (width<=520px){.wh__n b{display:none}.wh__n{padding:6px}}@media (prefers-reduced-motion:reduce){.wh__pulse,.wh__spokes g path{animation:none}.vz *,.wh__panel.in *{animation-duration:10ms!important;animation-delay:0s!important}}