.align-access-launcher {
  position: fixed;
  top: max(14px, env(safe-area-inset-top));
  right: max(14px, env(safe-area-inset-right));
  z-index: 2147482000;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 7px 15px 7px 8px;
  border: 1px solid rgba(255, 128, 28, .78);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, rgba(0, 55, 37, .96), rgba(24, 27, 10, .96));
  box-shadow: 0 10px 28px rgba(0,0,0,.34), 0 0 22px rgba(255,104,0,.12);
  text-decoration: none;
  font: 900 .86rem/1 inherit;
  letter-spacing: .02em;
  backdrop-filter: blur(12px);
}
.align-access-launcher-mark {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  color: #1a0a00;
  background: radial-gradient(circle at 38% 32%, #fff4a0, #ff9b21 48%, #ff5407 78%);
  box-shadow: 0 0 0 4px rgba(255,108,10,.12);
  font-size: .8rem;
  font-weight: 1000;
}
.align-access-launcher:hover { transform: translateY(-1px); border-color: #ffba55; }
.align-access-launcher:focus-visible { outline: 3px solid #fff3a0; outline-offset: 3px; }
@media (max-width: 540px) {
  .align-access-launcher { top: max(9px, env(safe-area-inset-top)); right: max(9px, env(safe-area-inset-right)); min-height: 44px; padding: 5px 12px 5px 6px; }
  .align-access-launcher-mark { width: 29px; height: 29px; }
}
@media (prefers-reduced-motion: no-preference) {
  .align-access-launcher { transition: transform .18s ease, border-color .18s ease; }
}
