:root { color-scheme: light dark; font: 16px/1.5 system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: Canvas; color: CanvasText; }
.login-card { box-sizing: border-box; width: min(100% - 2rem, 26rem); padding: 2rem; border: 1px solid GrayText; border-radius: 1rem; }
h1 { margin: 0; }
form { display: grid; gap: .5rem; }
input, button { box-sizing: border-box; width: 100%; padding: .75rem; font: inherit; border: 1px solid GrayText; border-radius: .35rem; }
button { margin-top: .75rem; cursor: pointer; }
button:disabled { cursor: wait; opacity: .6; }
:focus-visible { outline: 3px solid Highlight; outline-offset: 2px; }
#login-status { min-height: 3em; overflow-wrap: anywhere; }
.transport-notice { border-inline-start: 4px solid currentColor; padding-inline-start: .75rem; }