:root { --ink:#1f2a2c; --muted:#4b5a5c; --teal:#1c3e42; --paper:#f4f7f6; --line:#d5dddb; }
* { box-sizing: border-box; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--ink); background:var(--paper); font-size:16px; line-height:1.5; }
header { background:var(--teal); color:#fff; padding:16px; }
header .org { font-weight:bold; font-size:18px; }
header .prog { font-size:14px; opacity:.9; }
main { max-width:560px; margin:0 auto; padding:16px; }
h1 { font-size:22px; margin:0 0 8px; }
.card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:20px 16px; margin:12px 0; text-align:center; }
#ts-widget { display:flex; justify-content:center; min-height:70px; margin:12px 0; }
.msg { min-height:1.5em; color:var(--muted); }
.small { font-size:13px; color:var(--muted); }