:root {
  color-scheme: dark;
  --bg: #0B0B0D; --fg: #f2f2f0; --muted: #a9a9a2; --faint: #7a7a72;
  --line: #26262a; --accent: #B8F500; --accent-fg: #0B0B0D;
  --surface: #16161a; --surface-2: #1e1e22;
  --danger: #ff6b6b; --field: #1e1e22; --field-line: #33333a;
}
html, body { background: var(--bg); color: var(--fg); margin: 0; }
.door-wrap { max-width: 30rem; margin: 0 auto; padding: 1rem 1.1rem 2rem; font-family: system-ui, sans-serif; }
.panel__btn { display: inline-block; padding: .55rem .9rem; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-fg); font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
.panel__btn--ghost { background: none; color: var(--fg); border: 1px solid var(--line); }