body { margin: 0; padding: max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom)); background: #f5f7fb; color: #18233a; font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 520px; margin: auto; padding: 24px; background: #fff; border-radius: 20px; }
h1 { font-size: 24px; } a { color: #245fe5; overflow-wrap: anywhere; } label { display: grid; gap: 8px; margin: 20px 0; }
select, textarea, button { font: inherit; min-height: 44px; padding: 12px; border: 1px solid #c8d2e5; border-radius: 12px; max-width: 100%; box-sizing: border-box; }
select, textarea { width: 100%; min-width: 0; }
button { background: #245fe5; color: white; width: 100%; } button:disabled { opacity: .6; } #support-result { overflow-wrap: anywhere; }
@media (prefers-color-scheme: dark) { body { background: #101826; color: #eef3fc; } main { background: #1b2739; } select, textarea { background: #101826; color: #eef3fc; } }