/* Kept out of the page: the site CSP (style-src 'self') refuses inline styles. */
  :root { color-scheme: light dark; }
  body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; margin: 0; padding: 24px;
         display: flex; justify-content: center; background: #f6f7f9; color: #1c1e21; }
  @media (prefers-color-scheme: dark) { body { background: #131417; color: #e8e9ec; } }
  .card { max-width: 460px; width: 100%; margin-top: 6vh; }
  h1 { font-size: 1.35rem; margin: 0 0 8px; }
  p.sub { margin: 0 0 18px; opacity: .78; font-size: .92rem; line-height: 1.55; }
  ul.scope { margin: 0 0 18px; padding-left: 20px; font-size: .9rem; line-height: 1.6; opacity: .82; }
  .warn { border-left: 3px solid #d98324; padding: 10px 12px; margin: 0 0 18px;
          font-size: .88rem; line-height: 1.55; background: rgba(217, 131, 36, .08); }
  label { display: block; font-size: .85rem; margin: 14px 0 6px; opacity: .8; }
  input { width: 100%; box-sizing: border-box; padding: 12px; font-size: 1rem;
          border: 1px solid #c3c8cf; border-radius: 10px; background: transparent; color: inherit; }
  button.submit { width: 100%; margin-top: 18px; padding: 13px; font-size: 1rem; border: 0;
          border-radius: 10px; background: #3a7afe; color: #fff; cursor: pointer; }
  button.danger { background: #c0392b; }
  button.submit:disabled { opacity: .5; cursor: default; }
  .message { margin-top: 16px; font-size: .92rem; line-height: 1.55; min-height: 1.4em; }
  .message.ok { color: #1a7f37; }
  .message.err { color: #c0392b; }
  .hidden { display: none; }
  .langbar { margin-bottom: 18px; }
  select { padding: 6px 8px; border-radius: 8px; border: 1px solid #c3c8cf;
           background: transparent; color: inherit; font-size: .85rem; }
  footer { margin-top: 28px; font-size: .82rem; opacity: .6; line-height: 1.6; }
  footer a { color: inherit; }