.tw{background:radial-gradient(800px 440px at 92% 0,#fceacb99,#0000 65%),#fff;overflow:hidden}.tw .container{position:relative}@media (width>=1001px){.tw{align-items:center;min-height:calc(100vh - 70px);padding:clamp(14px,3vh,44px) 0;display:flex}.tw .container{width:100%}}.tw__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,5vw,100px);display:grid}.tw h2{letter-spacing:-.035em;color:var(--ink);margin:0 0 10px;font-size:clamp(1.7rem,min(5vh,3vw),3.2rem);font-weight:800;line-height:1.1}.tw__lead{font-weight:700;color:var(--ink)!important;margin:0 0 10px!important;font-size:clamp(1rem,min(2.3vh,1.3vw),1.4rem)!important;line-height:1.5!important}.tw__copy>p{color:var(--mut);margin:0 0 clamp(12px,2.4vh,24px);font-size:clamp(.88rem,min(1.9vh,1.1vw),1.15rem);line-height:1.65}.tw__tabs{gap:clamp(7px,1.4vh,12px);display:grid}.tw__t{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ecdfc6;border-radius:18px;align-items:center;gap:16px;padding:clamp(10px,1.8vh,16px) 18px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #0f172a0d}.tw__t .ic{color:#a36e0d;background:#fceacb;border-radius:18%;flex:none;place-items:center;width:clamp(42px,5.6vh,56px);height:clamp(42px,5.6vh,56px);transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s,box-shadow .3s;display:grid}.tw__t .ic svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.tw__t b{font-size:clamp(.98rem,min(2.2vh,1.15vw),1.2rem);display:block}.tw__t small{color:#667085;font-size:clamp(.78rem,min(1.6vh,.9vw),.96rem)}.tw__t i{transform-origin:0;background:linear-gradient(90deg,#cc8c16,#f2c064);width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.tw__t.run i{animation:tvFlowBar var(--dur,6.5s) linear forwards}@keyframes tvFlowBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tw__t:hover{border-color:#cc8c16;transform:translate(8px)}.tw__t.on{color:#fff;background:linear-gradient(120deg,#0f172a,#1e293b);border-color:#0f172a;transform:translate(10px);box-shadow:0 20px 44px #0f172a52}.tw__t.on small{color:#cbd5e1}.tw__t.on .ic{color:#2e2005;background:#f2c064;transform:rotate(-8deg)scale(1.08);box-shadow:0 10px 22px #f2c06473}.tw__panel{position:relative}.tw__orb{z-index:-1;filter:blur(40px);background:radial-gradient(circle at 60% 40%,#f2c06480,#38bdf824 60%,#0000 75%);border-radius:40%;animation:14s ease-in-out infinite tvBlobA;position:absolute;inset:-6% -4%}.tw__win{background:linear-gradient(160deg,#162033,#0f172a);border:1px solid #f2c0644d;border-radius:26px;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 36px 80px #0f172a66,0 0 0 6px #fceacb8c}.tw__panel:hover .tw__win{transform:translateY(-5px)}.tw__bar{background:#ffffff0d;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:12px 18px;display:flex}.tw__bar i{background:#ffffff40;border-radius:50%;width:10px;height:10px}.tw__bar i:first-child{background:#ff5f57}.tw__bar i:nth-child(2){background:#febc2e}.tw__bar i:nth-child(3){background:#28c840}.tw__bar b{color:#e2e8f0;margin-left:10px;font-size:.84rem}.tw__live{color:#f2c064;background:#f2c06424;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 11px;font-size:.7rem;font-weight:800;display:inline-flex}.tw__live em{background:#f2c064;border-radius:50%;width:7px;height:7px;animation:1.8s infinite tvPulse}.tw__body{min-height:clamp(280px,38vh,440px);padding:clamp(14px,2vh,22px)}.tw__body.in>*{animation:.5s cubic-bezier(.16,1,.3,1) both tvIn}.v0{gap:clamp(5px,1vh,8px);display:grid}.v0 .hd,.v0 .r{grid-template-columns:1.3fr 1.2fr .9fr .8fr;align-items:center;gap:10px;display:grid}.v0 .hd{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;padding:0 14px 4px;font-size:.66rem;font-weight:800}.v0 .r{color:#e2e8f0;opacity:0;animation:tvIn .45s ease calc(var(--k) * 90ms) forwards;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:clamp(8px,1.5vh,13px) 14px;font-size:clamp(.76rem,1.5vh,.92rem);transition:background .25s,transform .25s,border-color .25s}.v0 .r:hover{background:#ffffff1f;border-color:#f2c064;transform:translate(6px)}.v0 .r b{color:#fff;display:block}.v0 .r small{color:#94a3b8;font-size:.72rem}.v0 .loc{align-items:center;gap:8px;display:flex}.v0 .loc i{background:#f2c064;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #f2c06433}.v0 em{border-radius:999px;justify-self:start;padding:4px 11px;font-size:.68rem;font-style:normal;font-weight:800}.v0 .in em{color:#f2c064;background:#f2c06433}.v0 .out em{color:#7dd3fc;background:#38bdf833}.v0 .over em{color:#fca5a5;background:#f8717138}.v0 .over .loc i{background:#f87171;animation:1.6s infinite tvPulseR;box-shadow:0 0 0 4px #f8717140}.v0 .out .loc i{background:#38bdf8;box-shadow:0 0 0 4px #38bdf833}.v1 .who{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:clamp(12px,2.4vh,22px);display:grid}.v1 .p{text-align:center;justify-items:center;gap:2px;display:grid}.v1 .p span{aspect-ratio:1;color:#2e2005;background:linear-gradient(135deg,#cc8c16,#f2c064);border-radius:50%;place-items:center;width:clamp(48px,7vh,66px);font-weight:800;display:grid;box-shadow:0 10px 24px #f2c06466}.v1 .p2 span{background:linear-gradient(135deg,#38bdf8,#7dd3fc);box-shadow:0 10px 24px #38bdf866}.v1 .p b{color:#fff;font-size:.9rem}.v1 .p small{color:#94a3b8;font-size:.7rem}.v1 .path{height:40px;position:relative}.v1 .path i{border-top:3px dashed #f2c06480;position:absolute;top:50%;left:0;right:0}.v1 .tool{background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin-top:-19px;font-size:18px;animation:3.4s cubic-bezier(.65,0,.35,1) .4s forwards twMove;display:grid;position:absolute;top:50%;left:0;box-shadow:0 8px 20px #0006}@keyframes twMove{to{left:calc(100% - 38px)}}.v1 .log{gap:clamp(6px,1.2vh,10px);margin:0;padding:0;list-style:none;display:grid;position:relative}.v1 .log:before{content:"";background:linear-gradient(#f2c064,#38bdf8);width:2px;position:absolute;top:18px;bottom:18px;left:15px}.v1 .log li{opacity:0;animation:tvIn .5s ease calc(var(--k) * .7s + 1s) forwards;background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;padding:clamp(8px,1.4vh,12px) 14px;display:flex;position:relative}.v1 .log i{z-index:1;color:#082f49;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}.v1 .log li:first-child i{color:#2e2005;background:#f2c064}.v1 .log li.ok i{color:#0f172a;background:#fff}.v1 .log b{color:#fff;font-size:.9rem;display:block}.v1 .log small{color:#94a3b8;font-size:.74rem}.v2 .g{background:#0d1626 radial-gradient(#ffffff1a 1.4px,#0000 1.7px) 0 0/16px 16px;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:clamp(7px,1.4vh,12px);padding:clamp(10px,1.8vh,16px);display:grid;position:relative;overflow:hidden}.v2 .g span{color:#64748b;animation:twHit .5s ease calc(var(--k) * .19s + .3s) forwards;background:#ffffff0a;border:1.5px solid #ffffff24;border-radius:12px;place-items:center;padding:clamp(10px,2.2vh,20px) 4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(.7rem,1.4vh,.86rem);font-weight:800;display:grid}@keyframes twHit{to{color:#f2c064;background:#f2c06429;border-color:#f2c064;box-shadow:0 0 14px #f2c06459}}.v2 .g span.bad{animation-name:twBad;animation-delay:.9s}@keyframes twBad{to{color:#fca5a5;background:#f8717133;border-color:#f87171;box-shadow:0 0 16px #f8717173}}.v2 .sweep{background:linear-gradient(#0000,#f2c064,#0000);width:3px;animation:2.6s ease-in-out .3s forwards twSweep;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 18px #f2c064}@keyframes twSweep{0%{left:0}to{opacity:0;left:100%}}.v2 .res{color:#e2e8f0;background:#f2c0641f;border:1px solid #f2c06459;border-radius:14px;align-items:center;gap:10px;margin-top:clamp(10px,1.8vh,16px);padding:clamp(10px,1.6vh,14px) 16px;font-size:.9rem;display:flex}.v2 .res b{color:#f2c064;font-size:1.5rem}.v2 .res em{color:#fca5a5;opacity:0;background:#f8717138;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:.72rem;font-style:normal;font-weight:800;animation:.5s 2.6s forwards tvIn}@media (width<=1000px){.tw__grid{grid-template-columns:1fr}.tw__t:hover,.tw__t.on{transform:none}}@media (width<=560px){.v0 .hd,.v0 .r{grid-template-columns:1.2fr 1fr .9fr}.v0 .hd span:nth-child(3),.v0 .r>span:nth-child(3){display:none}.v2 .g{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.tw__orb,.tw__live em,.v1 .tool,.v2 .sweep{animation:none!important}.v0 .r,.v1 .log li,.v2 .res em{opacity:1!important;animation:none!important}.v1 .tool{left:calc(100% - 38px)}.v2 .g span{color:#f2c064;border-color:#f2c064;animation:none}}