:root { color-scheme: light dark; --fg: #1f1f1f; --bg: #ffffff; --line: #956c4a; --muted: #5f5f5f; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e8e8; --bg: #161616; --muted: #a8a8a8; } }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--fg);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { width: min(360px, calc(100vw - 32px)); text-align: center; }
h1 { font-size: 1.25rem; margin: 0 0 4px; }
#where { color: var(--muted); margin: 0 0 24px; word-break: break-all; }
button { width: 100%; padding: 12px 16px; border: 1px solid var(--line); border-radius: 999px; background: transparent;
  color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .5; cursor: default; }
#msg { min-height: 3em; margin-top: 16px; }