:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  margin: 0;
  background: #111827;
  color: #e5e7eb;
}

.container {
  max-width: 900px;
  margin: 4rem auto;
  padding: 0 1rem;
}

p { line-height: 1.6; color: #cbd5e1; }
a { color: #93c5fd; }

.actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

.button {
  display: inline-block;
  padding: .8rem 1.1rem;
  border-radius: .6rem;
  background: #2563eb;
  color: white;
  text-decoration: none;
  font-weight: 700;
}

.secondary { background: #374151; }
.disabled { background: #4b5563; opacity: .75; cursor: not-allowed; }

.panel,
.warning,
pre {
  padding: 1rem;
  border-radius: .75rem;
  background: #1f2937;
}

.warning { background: #451a03; color: #fed7aa; }

pre {
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}