* { box-sizing: border-box; }
html, body {
  margin: 0; height: 100%;
  font-family: system-ui, -apple-system, "Noto Sans Thai", sans-serif;
  background: #111; color: #fff;
  overflow: hidden; user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.wrap { display: flex; flex-direction: column; align-items: center; justify-content: center;
  height: 100%; padding: 1rem; gap: 1rem; }
h1 { margin: 0; font-size: 1.5rem; text-align: center; }
.brand { color: #ff4d4d; }
.hint { color: #888; font-size: 0.85rem; text-align: center; }
button.primary {
  font-size: 1.1rem; padding: 0.75rem 1.5rem; border-radius: 8px;
  border: none; background: #ff4d4d; color: #fff; font-weight: 700; cursor: pointer;
}
button.primary:disabled { opacity: 0.5; cursor: not-allowed; }
.error { color: #ff6b6b; min-height: 1.2em; font-size: 0.9rem; }