:root {
  --de24-bg: #1F2328;
  --de24-side: #171A1F;
  --de24-card: #2A2F36;
  --de24-hover: #343A42;
  --de24-accent: #89bc02;
  --de24-text: #F4F7FB;
  --de24-muted: #AAB4C0;
  --de24-line: rgba(255,255,255,.10);
  --de24-danger: #D64545;
  --de24-warning: #F0D04A;
  --de24-radius: 8px;
}
:where(button, a, input, select, textarea):focus-visible { outline: 2px solid var(--de24-accent); outline-offset: 2px; }
.de24-status, .notice { border-color: rgba(137,188,2,.45); background: rgba(137,188,2,.08); }
.de24-auth-state { margin-top: 12px; padding: 10px 12px; border: 1px solid var(--de24-line); border-radius: var(--de24-radius); background: rgba(42,47,54,.72); color: var(--de24-muted); font-size: .9rem; }
.de24-auth-state strong { color: var(--de24-text); }
#de24-build-info { border-color: var(--de24-line) !important; background: rgba(23,26,31,.78) !important; color: rgba(244,247,251,.76) !important; }