:root{--paper:#f3f5f6;--sheet:#fff;--ink:#18232c;--ink-2:#4b5965;--rule:#d5dce1;--warn:#b7791f}
@media (prefers-color-scheme:dark){:root{--paper:#11171c;--sheet:#182128;--ink:#e3e9ee;--ink-2:#9fb0bd;--rule:#2c3943;--warn:#e0a84a;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--paper);color:var(--ink);font:16px/1.5 "Barlow",system-ui,sans-serif;padding:24px max(16px,env(safe-area-inset-left)) 24px max(16px,env(safe-area-inset-right))}
.card{width:min(440px,100%);background:var(--sheet);border:1.5px solid var(--ink);padding:28px;display:flex;flex-direction:column;gap:14px}
.eyebrow{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--ink-2)}
h1{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:2rem;line-height:1.05;margin:0}
p{margin:0;color:var(--ink-2)}
.msg{color:var(--ink);border-left:3px solid var(--warn);padding:6px 10px;background:color-mix(in srgb,var(--warn) 15%,transparent)}
.foot{font-size:.8rem;border-top:1px solid var(--rule);padding-top:10px}
form{display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem}
input{padding:6px}
[hidden]{display:none!important}
/* Google's button sits in an iframe; keeping it out of the page's dark colour-scheme stops the browser painting a white box behind it */
.gbtn{display:flex;justify-content:center;align-items:center;min-height:44px;width:100%;color-scheme:light;background:transparent}
.gbtn iframe{color-scheme:light}
.plain{all:unset;cursor:default;font:inherit;color:inherit}
.plain:focus-visible{outline:2px solid var(--ink-2);outline-offset:2px}
form{justify-content:center;align-items:center}
form label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--ink-2)}
form input{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:5px}
form button{padding:6px 12px;border:1px solid var(--ink-2);background:var(--sheet);color:var(--ink);border-radius:5px;cursor:pointer}