:root {
  --msl-surface-1: #070707;
  --msl-surface-2: #12100c;
  --msl-surface-3: #1b1408;
  --msl-border-soft: rgba(224, 170, 54, .36);
  --msl-border-strong: rgba(255, 216, 106, .78);
  --msl-gold-soft: #f0c86a;
  --msl-text-soft: #d7c7a2;
  --msl-focus-ring: 0 0 0 3px rgba(255, 216, 106, .25);
}

:where(button, a, input, select, textarea):focus-visible {
  outline: 0;
  box-shadow: var(--msl-focus-ring), 0 0 12px rgba(224, 170, 54, .22);
}

:where(button, input, select, textarea) {
  font: inherit;
}

:where(button, .gold-btn, .dark-btn, .danger-btn) {
  min-height: 42px;
}

.msl-build-surface {
  background: linear-gradient(155deg, var(--msl-surface-3), var(--msl-surface-1) 58%);
  border: 1px solid var(--msl-border-soft);
  border-radius: 14px;
}

.msl-build-muted { color: var(--msl-text-soft); }

.notification-target { color: inherit; text-decoration-color: rgba(255, 216, 106, .55); text-underline-offset: 3px; }
.msl-chat-load-older { display: block; width: min(100%, 260px); margin: 0 auto 14px; padding: 9px 12px; border-radius: 9px; cursor: pointer; }

@media (max-width: 700px) {
  .account-wrap { width: min(100% - 18px, 1180px); margin-top: 14px; }
  .account-head { align-items: flex-start; flex-direction: column; padding: 18px; }
  .account-nav { width: 100%; }
  .account-nav a, .account-nav button { flex: 1 1 auto; }
  .account-grid, .field-grid, .profile-hero { grid-template-columns: 1fr; }
  .notification-item { padding: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}