:root { color-scheme: light dark; font-family: Inter, system-ui, sans-serif; background: var(--tg-theme-bg-color, #fff9f2); color: var(--tg-theme-text-color, #1f1b18); }
body { margin: 0; }
main { max-width: 560px; margin: 0 auto; padding: 28px 20px 44px; }
.eyebrow { color: #bd5a20; font-size: 12px; font-weight: 800; letter-spacing: .12em; margin: 0 0 12px; }
h1 { font-size: 32px; line-height: 1.05; margin: 0 0 12px; }
#current-match { border: 1px solid #d8cfc6; border-radius: 16px; background: var(--tg-theme-secondary-bg-color, #fff); padding: 16px; margin: 22px 0; }
#current-match h2 { font-size: 19px; margin: 0 0 8px; }
#current-match p { margin: 6px 0; line-height: 1.4; }
label { display: grid; gap: 8px; font-weight: 650; margin: 18px 0; }
input, textarea { border: 1px solid #d8cfc6; border-radius: 12px; background: var(--tg-theme-secondary-bg-color, #fff); color: inherit; font: inherit; padding: 12px; }
textarea { min-height: 82px; resize: vertical; }
fieldset { border: 0; padding: 0; margin: 28px 0 22px; }
legend { font-size: 20px; font-weight: 750; margin-bottom: 12px; }
.choice { grid-template-columns: auto 1fr; align-items: start; border: 1px solid #d8cfc6; border-radius: 14px; padding: 14px; margin: 10px 0; font-weight: 500; }
.choice input { margin: 4px 0 0; accent-color: var(--tg-theme-button-color, #bd5a20); }
.choice span { display: grid; gap: 4px; }
.choice strong { font-size: 16px; }
.choice small { color: var(--tg-theme-hint-color, #736b64); font-size: 14px; line-height: 1.35; }
button { width: 100%; border: 0; border-radius: 12px; background: var(--tg-theme-button-color, #bd5a20); color: var(--tg-theme-button-text-color, #fff); font: inherit; font-weight: 750; padding: 14px; }