:root { color-scheme: light; font: 1rem/1.6 system-ui, sans-serif; color: #24212a; background: #f5f4f8; }
body { margin: 0; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); }
main { box-sizing: border-box; max-width: 42rem; margin: 1.5rem auto; padding: clamp(1rem, 5vw, 2.5rem); background: white; border-radius: 1rem; }
h1 { font-size: 1.8rem; line-height: 1.25; }
.brand { font-weight: 700; color: #542593; }
.sender { font-size: 1.2rem; font-weight: 650; overflow-wrap: anywhere; }
.draft { padding: .65rem; background: #fff2cb; border: 1px solid #a07518; border-radius: .4rem; }
#reference { font-weight: 650; overflow-wrap: anywhere; }
button { width: 100%; min-height: 3.25rem; padding: 1rem; border: 0; border-radius: .5rem; background: #542593; color: white; font: inherit; font-weight: 650; cursor: pointer; }
button:disabled { background: #77717f; cursor: default; }
button:focus-visible { outline: 3px solid #24212a; outline-offset: 4px; }
.privacy { font-size: .95rem; }
[hidden] { display: none; }