:root{--text:#131313;--muted:#7d7d7d;--secondary:#535353;--surface:#f9f9f9;--border:#f0f0f0;--pink:#fc72ff;--pink-soft:#ffefff;--pink-mid:#ffd6ff;--pink-faint:#fef4ff;--green:#40b66b;--green-bg:#eef9f1;--amber:#b7791f;--red:#e5484d;--red-dark:#d93a3a}body{background:#fff;margin:0}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #fc72ff}svg *{transform-box:fill-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drawIn{0%{stroke-dashoffset:var(--len,800)}to{stroke-dashoffset:0}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes growX{0%{width:0}}@keyframes flapClose{0%{transform:scaleY(-1)}to{transform:scaleY(1)}}@keyframes slideInto{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120px)scale(.5)}}@keyframes rowIn{0%{opacity:0;background:#ffefff;transform:translateY(-12px)}60%{opacity:1;background:#ffefff;transform:none}to{background:#fff}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spike{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shield{0%{box-shadow:0 0 #40b66b73}to{box-shadow:0 0 0 18px #40b66b00}}@keyframes livePulse{0%{box-shadow:0 0 #fc72ff99}to{box-shadow:0 0 0 10px #fc72ff00}}.draw{stroke-dasharray:var(--len,800);animation:1.6s ease-out .3s both drawIn}.pop{transform-origin:50%;animation:.5s ease-out both popIn}.ring{transform-origin:50%;animation:2s ease-out infinite ring}.fade{animation:.5s ease-out both fadeUp}.live{background:#fc72ff;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite livePulse;display:inline-block}@keyframes sonar{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(9)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sweep{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-20px)}}.sonar{transform-origin:50%;animation:3s ease-out infinite sonar}.bob{animation:3.2s ease-in-out infinite bob}@keyframes gauge{0%{stroke-dasharray:0 591}}.bars rect{transform-origin:50% 100%;animation:.7s ease-out both growY}.bars rect:nth-child(2){animation-delay:.1s}.bars rect:nth-child(3){animation-delay:.2s}.bars rect:nth-child(4){animation-delay:.3s}.bars rect:nth-child(5){animation-delay:.4s}.bars rect:nth-child(6){animation-delay:.5s}.bars rect:nth-child(7){animation-delay:.6s}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body.demo{padding-bottom:64px}.fx svg *{transform-box:fill-box}@keyframes fx-slideIn{0%,10%{opacity:1;transform:translate(0)}35%{opacity:0;transform:translate(150px)scale(.55)}to{opacity:0;transform:translate(150px)scale(.55)}}@keyframes fx-flap{0%,35%{transform:scaleY(-1)}45%,to{transform:scaleY(1)}}@keyframes fx-popIn{0%,45%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1.15)}62%,90%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes fx-hashType{0%,40%{opacity:0}50%,92%{opacity:1}to{opacity:0}}@keyframes fx-drop{0%{opacity:0;transform:translateY(-70px)}15%{opacity:1}55%,to{opacity:0;transform:translateY(0)}}@keyframes fx-vaultGlow{0%,40%{stroke:#f0f0f0}55%{stroke:#fc72ff}to{stroke:#f0f0f0}}@keyframes fx-draw{0%,20%{stroke-dashoffset:700px}65%,to{stroke-dashoffset:0}}@keyframes fx-openEnv{0%,10%{opacity:1;transform:translateY(0)}25%,to{opacity:.25;transform:translateY(-8px)}}@keyframes fx-pulse{0%,60%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.3)}80%,to{opacity:1;transform:scale(1)}}@keyframes fx-ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes fx-depthDrop{0%,30%{transform:scaleY(1)}55%,to{transform:scaleY(.667)}}@keyframes fx-attackIn{0%,10%{opacity:0;transform:translate(-120px)}25%,45%{opacity:1;transform:translate(0)}55%,to{opacity:0;transform:translate(0)}}@keyframes fx-labelSwap1{0%,50%{opacity:1}58%,to{opacity:0}}@keyframes fx-labelSwap2{0%,50%{opacity:0}58%,to{opacity:1}}.fx .slide{animation:6s ease-in-out infinite fx-slideIn}.fx .flap{transform-origin:50% 0;animation:6s ease-in-out infinite fx-flap}.fx .pop{transform-origin:50%;animation:6s ease-out infinite fx-popIn}.fx .hash{animation:6s linear infinite fx-hashType}.fx .coin{animation:3s ease-in infinite fx-drop}.fx .coin2{animation:3s ease-in 1s infinite fx-drop}.fx .coin3{animation:3s ease-in 2s infinite fx-drop}.fx .vault{animation:3s ease-in-out infinite fx-vaultGlow}.fx .draw{stroke-dasharray:700;animation:6s ease-in-out infinite fx-draw}.fx .env{animation:6s ease-in-out infinite fx-openEnv}.fx .dot{transform-origin:50%;animation:6s ease-out infinite fx-pulse}.fx .ring{transform-origin:50%;animation:2s ease-out infinite fx-ring}.fx .depth{transform-origin:50% 100%;animation:6s ease-in-out infinite fx-depthDrop}.fx .attack{animation:6s ease-in-out infinite fx-attackIn}.fx .l1{animation:6s linear infinite fx-labelSwap1}.fx .l2{animation:6s linear infinite fx-labelSwap2}@media (prefers-reduced-motion:reduce){.fx *{animation:none!important}.fx .slide,.fx .attack,.fx .l1{opacity:0}.fx .l2{opacity:1}}@media (max-width:640px){.fx-grid{grid-template-columns:minmax(0,1fr)!important}}