html { background: #000; color-scheme: dark; }
    body {
      margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
      background: #000; color: #ff8080;
      font-family: -apple-system, BlinkMacSystemFont, sans-serif;
      padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    }
    form {
      width: min(100%, 20rem);
      margin: 1rem;
      padding: 1.25rem 1.5rem;
      border: 1px solid #440000;
      border-radius: 8px;
      background: #0a0000;
    }
    h1 { margin: 0 0 1rem; font-size: 1.35rem; color: #ff4040; font-weight: 600; }
    label { display: block; margin-bottom: 0.75rem; font-size: 0.85rem; color: #e8a0a0; }
    input {
      width: 100%; box-sizing: border-box; margin-top: 0.25rem;
      padding: 0.55rem 0.65rem; font-size: 1rem;
      border: 1px solid #550000; border-radius: 4px;
      background: #120000; color: #ffd0d0;
    }
    button {
      width: 100%; margin-top: 0.5rem; padding: 0.6rem;
      font-size: 1rem; font-weight: 600;
      border: 1px solid #880000; border-radius: 4px;
      background: #440000; color: #ffe0e0; cursor: pointer;
    }
    button:hover { background: #660000; }
    .flash { margin: 0 0 1rem; padding: 0.5rem 0.65rem; background: #330000; color: #ffb0b0; border-radius: 4px; font-size: 0.9rem; }
    .hint { margin-top: 1rem; font-size: 0.78rem; color: #a06060; line-height: 1.4; }