.sf-button {
  --button-energy: #72e4ff;
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--button-energy) 65%,#16334e);
  background:linear-gradient(115deg,rgba(24,79,111,.9),rgba(5,24,45,.96));
  color:#e4f7ff;font-weight:700;
  box-shadow:inset 0 1px rgba(213,250,255,.18),inset 0 -3px rgba(0,5,16,.4),0 3px 9px rgba(0,0,0,.2);
  transition:background .18s,border-color .18s,box-shadow .18s,transform .14s,color .18s;
}
.sf-button.console-access { --button-energy:#f5cd72;background:linear-gradient(115deg,rgba(112,81,24,.65),rgba(27,32,47,.96));color:#ffe7a7; }
.sf-button.logout { --button-energy:#ff8299; }
.sf-button.primary { background:linear-gradient(110deg,#17678c,#103754);border-color:#7ae7ff; }
.sf-button::after { content:"";position:absolute;right:3px;bottom:3px;width:9px;height:9px;border-right:2px solid var(--button-energy);border-bottom:2px solid var(--button-energy);opacity:.75;pointer-events:none; }
.sf-button:focus-visible { outline:2px solid var(--button-energy);outline-offset:3px;color:white;box-shadow:inset 0 0 20px rgba(88,213,255,.13),0 0 0 1px var(--button-energy),0 0 22px color-mix(in srgb,var(--button-energy) 30%,transparent); }
@media(hover:hover) {
  .sf-button:not(:disabled):not([aria-disabled="true"]):hover { color:white;border-color:var(--button-energy);transform:translateY(-2px);box-shadow:inset 0 0 20px rgba(88,213,255,.13),0 0 0 1px var(--button-energy),0 6px 24px color-mix(in srgb,var(--button-energy) 25%,transparent); }
}
.sf-button:not(:disabled):not([aria-disabled="true"]):active { transform:translateY(1px);box-shadow:inset 0 3px 12px rgba(0,0,0,.45),0 0 14px color-mix(in srgb,var(--button-energy) 25%,transparent); }
.sf-button:disabled,.sf-button[aria-disabled="true"] { opacity:.45;box-shadow:none;cursor:not-allowed; }
.sf-button .button-energy-canvas { position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1; }
@media(prefers-reduced-motion:reduce) { .sf-button { transition:none; }.sf-button:hover,.sf-button:active { transform:none!important; }.button-energy-canvas { display:none; } }

.appendix-particles { position:fixed;pointer-events:none;z-index:60; }.appendix-particles[hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { .appendix-particles { display:none; } }