:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color-scheme: light dark; }
body { margin: 0; padding: 18px; background: var(--tg-theme-bg-color, #fff); color: var(--tg-theme-text-color, #111); }
main { max-width: 720px; margin: 0 auto; }
h1 { font-size: 24px; margin: 0 0 16px; }
h2 { font-size: 18px; margin-top: 26px; }
.card { border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: 14px; padding: 14px; margin: 10px 0; }
label { display: block; margin: 10px 0; }
input, textarea, select, button { box-sizing: border-box; width: 100%; font: inherit; padding: 10px; border-radius: 10px; border: 1px solid #8886; }
textarea { min-height: 90px; }
button { cursor: pointer; font-weight: 600; margin-top: 8px; }
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.muted { opacity: .7; font-size: 14px; }
.error { color: #b00020; }
a { color: inherit; }
@media (max-width: 520px) { .row { grid-template-columns: 1fr; } }