.button{
  min-height:46px;
  padding:0 17px;
  font-size:12px;
  letter-spacing:.04em;
  transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s;
}
.button:hover:not(:disabled){
  transform:translateY(-2px);
  border-color:var(--acid);
  color:var(--acid);
  background:rgba(125,243,218,.1);
}
.button.primary{
  color:#07100f;
  border-color:var(--acid);
  background:var(--acid);
  font-weight:800;
}
.button.primary:hover:not(:disabled){
  transform:translateY(-2px);
  color:#07100f;
  border-color:var(--acid);
  background:var(--acid);
  box-shadow:0 0 28px rgba(125,243,218,.25);
}
.button:active:not(:disabled){transform:translateY(0) scale(.98)}
.button:disabled{opacity:.35;cursor:not-allowed}
.mini-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border:1px solid var(--acid);
  color:#07100f;
  background:var(--acid);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s;
}
.mini-button:hover{
  transform:translateY(-2px);
  color:#07100f;
  border-color:var(--acid);
  background:var(--acid);
  box-shadow:0 0 28px rgba(125,243,218,.25);
}
.mini-button:active{transform:translateY(0) scale(.98)}

/* Decorative canvases must never replace the page's native context menu. */
#network{pointer-events:none}

/* Keep both page titles on the same baseline despite different hero content. */
@media(min-width:801px){.tool-hero>div:first-child{transform:translateY(-11px)}}

@media(max-width:800px){
  header{height:auto!important;min-height:96px;flex-direction:column;align-items:flex-start!important;justify-content:center!important;gap:15px;padding:14px 0}
  header nav{width:100%;display:flex;justify-content:space-between;gap:8px}
  header nav a,header nav a:not(.active){display:inline-flex!important;font-size:10px;white-space:nowrap}
}

.glitch:hover::after{content:none!important;display:none!important}