:root { color-scheme: light dark; font-family: system-ui, sans-serif; color: var(--tg-theme-text-color, #20302a); background: var(--tg-theme-bg-color, #f4f7f4); }
body { margin: 0; padding: max(24px, env(safe-area-inset-top)) 20px 28px; }
main { max-width: 440px; margin: 12px auto; }
h1 { font-size: 1.9rem; margin: .4em 0 .7em; }
p { line-height: 1.5; overflow-wrap: anywhere; }
.eyebrow { font-size: .75rem; letter-spacing: .12em; font-weight: 700; }
.muted { font-size: .9rem; color: var(--tg-theme-hint-color, #61726a); }
label { display: block; margin: 18px 0 8px; font-weight: 600; }
input, button { font: inherit; box-sizing: border-box; width: 100%; min-height: 48px; border-radius: 10px; }
input { padding: 12px; border: 1px solid #80978c; color: inherit; background: var(--tg-theme-secondary-bg-color, #fff); font-size: 1rem; }
button { margin-top: 12px; border: 0; padding: 12px; font-weight: 650; color: var(--tg-theme-button-text-color, #fff); background: var(--tg-theme-button-color, #28664a); cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
[hidden] { display: none !important; }