.liquid-metal-button{--lm-width:142px;--lm-height:46px;position:relative;display:inline-grid;flex-shrink:0;width:var(--lm-width);height:var(--lm-height);padding:0;overflow:hidden;isolation:isolate;place-items:center;border:0;border-radius:999px;background:linear-gradient(135deg,#f1f5f9,#77828c 20%,#e4eaf0 42%,#414b56 68%,#cbd5df);box-shadow:0 1px 0 rgb(255 255 255/16%),0 5px 15px rgb(0 0 0/24%);color:#f4f7fa;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .24s ease}.liquid-metal-button[data-view-mode=icon]{--lm-width:46px}.liquid-metal-button[data-hovered=true]{box-shadow:0 1px 0 rgb(255 255 255/22%),0 6px 18px rgb(0 0 0/30%),0 0 18px rgb(178 208 234/10%)}.liquid-metal-button[data-pressed=true]{transform:translateY(1px) scale(.98)}.liquid-metal-button:focus-visible{outline:2px solid #d2e6f7;outline-offset:4px}.liquid-metal-button:disabled{opacity:.45;cursor:default}.liquid-metal-shader{position:absolute;z-index:-1;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.liquid-metal-shader canvas{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important}.liquid-metal-face{position:absolute;z-index:0;inset:2px;border-radius:inherit;background:radial-gradient(ellipse at 50% 0,rgb(147 173 192/12%),transparent 72%),linear-gradient(180deg,#17232d,#0a1118);box-shadow:inset 0 1px 1px rgb(255 255 255/10%),inset 0 -1px 2px rgb(0 0 0/40%);pointer-events:none}.liquid-metal-button[data-hovered=true] .liquid-metal-face{background:radial-gradient(ellipse at 50% 0,rgb(167 199 224/21%),transparent 72%),linear-gradient(180deg,#1b2b37,#0a141d)}.liquid-metal-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;font-size:13px;font-weight:650;letter-spacing:.015em;text-shadow:0 1px 2px rgb(0 0 0/50%);pointer-events:none;white-space:nowrap}.liquid-metal-label svg{width:16px;height:16px}.liquid-metal-ripples{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.liquid-metal-ripples>span{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255/42%),transparent 70%);animation:liquid-metal-ripple .6s ease-out forwards}@keyframes liquid-metal-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@media (prefers-reduced-motion:reduce){.liquid-metal-button{transition:none}.liquid-metal-ripples>span{animation:none}}