/* Static fallback and idle surface. The official SDF replaces it during contact. */
:root[data-theme] .venom-button[data-venom-button]{
  position:relative;
  border-radius:999px;
  border-color:transparent;
  background:linear-gradient(180deg,#efffa9 0%,var(--accent) 22%,var(--accent) 75%,#a9df24 100%);
  color:var(--accent-contrast);
  justify-content:center;
  gap:0;
  box-shadow:inset 0 1px 0 #ffffd17a,inset 0 -1px 0 #6d980933;
  transition:box-shadow .22s ease;
}
:root[data-theme] .venom-button[data-venom-button]:is(:hover,:active){
  background:linear-gradient(180deg,#efffa9 0%,var(--accent) 22%,var(--accent) 75%,#a9df24 100%);
  border-color:transparent;
  color:var(--accent-contrast);
  transform:none;
  filter:none;
}
:root[data-theme] .venom-button:focus-visible{
  outline:2px solid var(--ink);
  outline-offset:5px;
}
:root[data-theme] .venom-button.text-link,
:root[data-theme] .mobile-menu .venom-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:17px 23px;
  min-height:55px;
  border:1px solid transparent;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
  text-decoration:none;
}
.venom-fluid{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:60;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
}
.venom-fluid[hidden]{display:none}
.venom-fluid>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.venom-gl{z-index:1}
.venom-hand{z-index:3}
:root .venom-label{
  position:absolute!important;
  z-index:2;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  box-sizing:border-box;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
  transition:none!important;
}
:root [data-venom-button].venom-live{opacity:0!important}
:root.venom-cursor-active,:root.venom-cursor-active *{cursor:none!important}
@media(max-width:720px){
  :root[data-theme] .venom-button.text-link{font-size:12px;padding:14px 19px;min-height:49px}
}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){
  .venom-fluid{display:none!important}
  :root[data-theme] .venom-button{transition:none}
  :root [data-venom-button].venom-live{opacity:1!important}
  :root.venom-cursor-active,:root.venom-cursor-active *{cursor:auto!important}
}