:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { box-sizing: border-box; width: min(100%, 34rem); margin: 9vh auto; padding: 2rem; }
.brand { font-weight: 700; letter-spacing: .02em; }
h1 { font-size: clamp(1.6rem, 5vw, 2rem); }
p { line-height: 1.5; }
.actions { display: grid; gap: .75rem; margin: 1.5rem 0; }
button { min-height: 3rem; padding: .6rem 1rem; font: inherit; border: 1px solid ButtonText; border-radius: .7rem; background: ButtonFace; color: ButtonText; cursor: pointer; }
button:disabled { cursor: wait; opacity: .65; }
button:focus-visible, a:focus-visible { outline: 3px solid Highlight; outline-offset: 3px; }
[hidden] { display: none !important; }
.note { font-size: .9rem; }