.wt{--bg:var(--background);--bg2:var(--secondary);--ink:var(--foreground);--line:var(--border);--line2:var(--border-soft);--muted:var(--muted-foreground);--tint:var(--accent);--ok-soft:color-mix(in srgb,var(--ok)13%,transparent);--warn-soft:color-mix(in srgb,var(--warn)13%,transparent);--info-soft:color-mix(in srgb,var(--info)13%,transparent);--shadow:var(--shadow-lg);--shadow-s:var(--shadow-sm);--display:var(--font-sans)}.wt .hx{flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.wt .hx svg.shell{width:100%;height:100%;position:absolute;inset:0}.wt .hx svg.shell polygon{fill:var(--tint);stroke:none}.wt .hx svg.glyph{width:48%;height:48%;stroke:var(--ink);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;position:relative}.wt .hx.lg{width:60px;height:60px}.wt .hx.red svg.shell polygon{fill:var(--red)}.wt .hx.red svg.glyph{stroke:#fff}.wt .alt .hx svg.shell polygon{fill:var(--card)}.wt .stage{background:var(--bg2);border-radius:28px;place-items:center;min-height:380px;padding:clamp(14px,3.5vw,40px);display:grid;position:relative;overflow:hidden}.wt .alt .stage{background:var(--card)}.wt .stage-in{place-items:center;width:100%;display:grid}.wt .cur{z-index:6;pointer-events:none;opacity:0;filter:drop-shadow(0 3px 6px #0000004d);width:22px;height:22px;transition:left .8s cubic-bezier(.45,0,.2,1),top .8s cubic-bezier(.45,0,.2,1),opacity .3s;position:absolute;top:60%;left:50%}.wt .cur.vis{opacity:1}.wt .cur svg{width:22px;height:22px}.wt .cur .rip{border:2px solid var(--info);opacity:0;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-14px}.wt .cur.click .rip{animation:.55s ease-out wt-rip}@keyframes wt-rip{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.7)}}.wt .cur.finger svg{display:none}.wt .cur.finger:before{content:"";background:#78788059;border:2px solid #ffffffd9;border-radius:50%;width:26px;height:26px;position:absolute;top:-13px;left:-13px}.wt .dev{text-align:left;width:100%;font-size:13px;position:relative}.wt .dev.dash{background:var(--card);border:1px solid var(--line2);max-width:760px;box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.wt .dev.dash .chrome{background:var(--bg2);border-bottom:1px solid var(--line2);align-items:center;gap:6px;padding:9px 12px;display:flex}.wt .dev.dash .chrome i{background:var(--line);border-radius:50%;width:10px;height:10px}.wt .dev.dash .chrome i:first-child{background:#ff5f57}.wt .dev.dash .chrome i:nth-child(2){background:#febc2e}.wt .dev.dash .chrome i:nth-child(3){background:#28c840}.wt .dev.dash .chrome span{color:var(--muted);background:var(--card);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:60%;margin:0 auto;padding:3px 14px;font-size:.72rem;overflow:hidden}.wt .dev.dash .scr{grid-template-columns:1fr;min-height:340px;display:grid}.wt .dev.dash .side{display:none}@media (min-width:600px){.wt .dev.dash .scr{grid-template-columns:118px 1fr}.wt .dev.dash .side{border-right:1px solid var(--line2);background:var(--bg2);align-content:start;gap:2px;padding:12px 8px;display:grid}}.wt .dev.dash .side span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:6px 9px;font-size:.74rem;overflow:hidden}.wt .dev.dash .side span.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-s);font-weight:600}.wt .dev.dash .main{align-content:start;gap:11px;min-width:0;padding:16px;display:grid;position:static}.wt .dev.phone{width:290px;max-width:100%;box-shadow:var(--shadow),inset 0 0 0 1.5px #3a3a3c;background:#1d1d1f;border-radius:46px;padding:10px}.wt .dev.phone .scr{background:var(--card);border-radius:37px;align-content:start;height:570px;display:grid;position:relative;overflow:hidden}.wt .dev.phone .notch{z-index:3;background:#000;border-radius:20px;width:92px;height:26px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.wt .dev.phone .main{align-content:start;gap:11px;padding:50px 16px 16px;display:grid}.wt .dev.term{width:300px;max-width:100%;box-shadow:var(--shadow),inset 0 1px 0 #ffffff1f;background:linear-gradient(170deg,#3a3a3e,#1a1a1d);border-radius:32px;padding:16px 16px 24px}.wt .dev.term .brandline{color:#aeaeb2;letter-spacing:.14em;justify-content:space-between;align-items:center;padding:0 6px 10px;font-size:.66rem;font-weight:600;display:flex}.wt .dev.term .brandline i{background:#32d74b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #32d74b}.wt .dev.term .scr{color:#f5f5f7;text-align:center;background:#0b0b0d;border-radius:18px;align-content:center;justify-items:center;gap:10px;height:330px;padding:18px;display:grid;position:relative;overflow:hidden}.wt .dev.term .pad{background:radial-gradient(circle at 50% 40%,#2c2c30,#18181b);border:2px solid #3a3a3e;border-radius:48px 48px 40px 40px;place-items:center;width:96px;height:120px;margin:18px auto 0;display:grid;position:relative;overflow:hidden}.wt .dev.term .pad svg{stroke:#58585e;fill:none;stroke-width:2px;stroke-linecap:round;width:60px;height:72px}.wt .dev.term .pad.scan svg{stroke:#ff4d63;transition:stroke .3s}.wt .dev.term .pad.scan:after{content:"";background:linear-gradient(#0000,#ff4d638c,#0000);height:16px;animation:1.1s ease-in-out infinite wt-scanY;position:absolute;left:0;right:0}@keyframes wt-scanY{0%{top:-16px}to{top:120px}}.wt .a,.wt .later{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.2,1);transform:translateY(8px)}.wt .a.show,.wt .later.show{opacity:1;transform:none}.wt .u-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.wt .u-top b{letter-spacing:-.02em;align-items:center;gap:6px;font-size:1.12em;font-weight:600;display:flex}.wt .u-top span{color:var(--muted);font-size:.8em}.wt .u-kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wt .u-kpis>div{background:var(--bg2);border-radius:10px;min-width:0;padding:9px 11px}.wt .u-kpis small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74em;display:block;overflow:hidden}.wt .u-kpis b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.1em;font-weight:600}.wt .u-card{background:var(--bg2);border-radius:12px;gap:8px;padding:12px;display:grid}.wt .u-list{gap:6px;display:grid}.wt .u-row{border:1px solid var(--line2);background:var(--card);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:.92em;display:grid}.wt .u-row>div:first-child{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.wt .u-row .hx{width:22px;height:22px}.wt .u-row .m{font-variant-numeric:tabular-nums;font-weight:500}.wt .u-row small{color:var(--muted);width:100%;font-size:.82em;display:block}.wt .pill{white-space:nowrap;background:var(--bg2);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.76em;font-weight:500;display:inline-flex}.wt .pill.ok{background:var(--ok-soft);color:var(--ok)}.wt .pill.warn{background:var(--warn-soft);color:var(--warn)}.wt .pill.bad{background:var(--red-soft);color:var(--red)}.wt .pill.info{background:var(--info-soft);color:var(--info)}.wt .u-btn{background:var(--info);color:#fff;border:0;border-radius:999px;justify-content:center;justify-self:start;align-items:center;gap:6px;padding:8px 14px;font-size:.9em;font-weight:500;transition:transform .15s;display:inline-flex}.wt .u-btn.alt{background:var(--bg2);color:var(--ink)}.wt .u-btn.full{justify-self:stretch;padding:11px}.wt .pressed{animation:.35s wt-press}@keyframes wt-press{40%{transform:scale(.92)}to{transform:none}}.wt .u-field{color:var(--muted);gap:4px;font-size:.84em;display:grid}.wt .u-field div{border:1px solid var(--line);color:var(--ink);background:var(--card);border-radius:8px;min-height:2.3em;padding:8px 10px;font-size:1.08em}.wt .u-field div.type:after{content:"";background:var(--info);vertical-align:-2px;width:1.5px;height:1em;margin-left:1px;animation:.9s step-end infinite wt-blink;display:inline-block}@keyframes wt-blink{50%{opacity:0}}.wt .u-bar{background:var(--line2);border-radius:7px;height:7px;overflow:hidden}.wt .u-bar i{background:var(--info);border-radius:7px;width:0;height:100%;transition:width 1.4s cubic-bezier(.3,.7,.2,1);display:block}.wt .u-bar.ok i{background:var(--ok)}.wt .show .u-bar i,.wt .u-bar.show i{width:var(--w)}.wt .u-toast{z-index:4;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.88em;font-weight:500;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%,-10px)}.wt .u-toast.show{transform:translate(-50%)}.wt .u-toast i{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.wt .u-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wt .u-node{border:1px solid var(--line2);background:var(--card);border-radius:10px;gap:1px;padding:9px 12px;font-size:.88em;display:grid}.wt .u-node small{color:var(--red);text-transform:uppercase;letter-spacing:.06em;font-size:.74em;font-weight:600}.wt .u-arrow{color:var(--faint)}.wt .u-chart{width:100%;height:100px;display:block}.wt .u-chart path.l{fill:none;stroke:var(--info);stroke-width:2.2px;stroke-dasharray:900;stroke-dashoffset:900px;transition:stroke-dashoffset 1.8s}.wt .show .u-chart path.l,.wt .u-chart.show path.l{stroke-dashoffset:0}.wt .u-chart path.f{fill:var(--info-soft)}.wt .u-big{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:2.2em;font-weight:700;line-height:1}.wt .u-center{text-align:center;justify-items:center;gap:10px;display:grid}.wt .u-tmpl{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wt .u-tmpl>div{border:1px solid var(--line2);background:var(--card);border-radius:10px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.wt .u-tmpl>div.sel{border-color:var(--info);box-shadow:0 0 0 3px var(--info-soft)}.wt .u-tmpl .img{background:linear-gradient(135deg,var(--bg2),var(--line));height:62px}.wt .u-tmpl .img.t2{background:linear-gradient(135deg,#f7d4da,#e9a3ae)}.wt .u-tmpl .img.t3{background:linear-gradient(135deg,#ddebdd,#a9cdb1)}.wt .u-tmpl span{padding:6px 8px;font-size:.8em;display:block}.wt .route{width:100%;height:120px}.wt .route path{fill:none;stroke:var(--line);stroke-width:3px;stroke-dasharray:6 6}.wt .route path.done{stroke:var(--info);stroke-dasharray:none;stroke-dashoffset:520px;transition:stroke-dashoffset 3s linear}.wt .route.show path.done{stroke-dashoffset:0}.wt .route circle{fill:var(--card);stroke:var(--line);stroke-width:2px}.wt .route circle.hit{animation:.4s both wt-hit}@keyframes wt-hit{to{fill:var(--info);stroke:var(--info)}}.wt .face{border:3px dashed var(--line);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.wt .face.ok{border:3px solid var(--ok);animation:1.4s infinite wt-pulse}.wt .face svg{width:80px;height:80px;stroke:var(--muted);fill:none;stroke-width:1.6px}@keyframes wt-pulse{50%{box-shadow:0 0 0 10px var(--ok-soft)}}.wt .nic{aspect-ratio:1.6;border:1px solid var(--line);background:linear-gradient(135deg,var(--bg2),var(--card));border-radius:12px;grid-template-columns:60px 1fr;align-items:center;gap:10px;width:100%;padding:10px;display:grid;position:relative;overflow:hidden}.wt .nic .ph{background:var(--line);border-radius:6px;width:60px;height:74px}.wt .nic .ln2{gap:6px;display:grid}.wt .nic .ln2 i{background:var(--line);border-radius:4px;height:7px;display:block}.wt .nic:after{content:"";background:var(--info);height:2px;box-shadow:0 0 12px var(--info);animation:1.8s ease-in-out infinite wt-scanY2;position:absolute;left:0;right:0}@keyframes wt-scanY2{0%,to{top:6%}50%{top:92%}}.wt .qr{border:1px solid var(--line2);background:#fff;border-radius:14px;grid-template-columns:repeat(9,1fr);gap:2px;width:150px;height:150px;padding:10px;display:grid}.wt .qr i{background:#111;border-radius:2px}.wt .qr i.o{background:0 0}.wt .big-ok{background:var(--ok-soft);border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.wt .big-ok svg{width:42px;height:42px;stroke:var(--ok);fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:.6s .2s forwards wt-draw}.wt .big-no{background:#ff4d6329;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.wt .big-no svg{stroke:#ff4d63;fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60px;width:40px;height:40px;animation:.6s .2s forwards wt-draw}@keyframes wt-draw{to{stroke-dashoffset:0}}.wt .sensor-live{font-size:1.6em}.wt .alertflash{animation:1.2s infinite wt-aflash}@keyframes wt-aflash{50%{background:var(--red-soft)}}.wt .dev.term .pill{color:#aeaeb2;background:#2c2c2e}.wt .dev.term .pill.ok{color:#32d74b;background:#32d74b29}.wt .dev.term .pill.bad{color:#ff4d63;background:#ff4d6329}.wt .fp{aspect-ratio:1;width:min(340px,80vw);margin:0 auto;position:relative}.wt .fp svg{width:100%;height:100%}.wt .fp .ridge{fill:none;stroke:#2c2c2e;stroke-width:3px;stroke-linecap:round}.wt .fp .ridge.hot{stroke:#ff4d63;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:4s ease-in-out infinite wt-ridge;animation-delay:calc(var(--k)*90ms)}@keyframes wt-ridge{0%{stroke-dashoffset:var(--len)}45%,70%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--len)*-1)}}.wt .laptop{width:100%;max-width:800px;margin:0 auto}.wt .laptop .lid{box-shadow:0 0 0 1.5px #3a3a3c inset,var(--shadow);background:#1a1a1c;border-radius:18px 18px 4px 4px;padding:14px 14px 18px;position:relative}.wt .laptop .lid .cam{background:#3a3a3c;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:5px;left:50%}.wt .laptop .dev.dash{box-shadow:none;border:0;border-radius:4px}.wt .laptop .lbase{background:linear-gradient(#e3e3e8,#b8b8be);border-radius:2px 2px 14px 14px;height:14px;margin:0 -6%;position:relative;box-shadow:0 18px 30px -18px #00000080}.wt .laptop .lbase:before{content:"";background:#c9c9cf;border-radius:0 0 8px 8px;width:16%;height:6px;margin-left:-8%;position:absolute;top:0;left:50%}.wt .dev.phone{box-shadow:var(--shadow),inset 0 0 0 1.5px #3a3a3c,inset 0 0 0 4px #1d1d1f}@keyframes wt-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (min-width:640px){.wt .stage{padding-inline:64px}}.wt{--hn:468;--z:1}@media (min-width:600px){.wt{--hn:446}}.wt .stage{height:calc(var(--hn)*1px*var(--z) + 34px);min-height:0;padding-block:17px}.wt .dev.dash{zoom:var(--z)}.wt .dev.dash .scr{height:calc(var(--hn)*1px - 44px);min-height:0;overflow:hidden}.wt .dev.phone{zoom:calc(var(--hn)/590*var(--z))}.wt .dev.term{zoom:calc(var(--hn)/534*var(--z))}@media (min-width:1024px) and (max-height:960px){.wt.wt-compact{--z:.9}}@media (min-width:1024px) and (max-height:860px){.wt.wt-compact{--z:.8}}@media (min-width:1024px) and (max-height:760px){.wt.wt-compact{--z:.7}}
