:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
body { margin: 0; background: #f6f7f4; color: #14221b; }
main { max-width: 32rem; margin: 0 auto; padding: 2rem 1.25rem 3rem; }
h1 { font-size: 1.75rem; line-height: 1.2; margin: 0 0 0.5rem; }
p { line-height: 1.5; }
label, legend { display: block; font-weight: 650; margin: 1rem 0 0.4rem; }
textarea, button { font: inherit; }
textarea { width: 100%; min-height: 7rem; box-sizing: border-box; padding: 0.75rem; border: 1px solid #d5ddd6; border-radius: 0.75rem; }
.stars { display: flex; gap: 0.5rem; }
.stars button, .send, .links a, .links button { min-height: 3rem; border-radius: 999px; }
.stars button { width: 3rem; border: 1px solid #d5ddd6; background: white; }
.stars button[aria-pressed="true"] { background: var(--brand, #146c43); color: white; border-color: transparent; }
.send, .links a, .links button { display: inline-flex; align-items: center; justify-content: center; padding: 0 1rem; background: var(--brand, #146c43); color: white; text-decoration: none; border: 0; }
.links { display: grid; gap: 0.75rem; margin-top: 1rem; }
.error { color: #9b1c1c; }
.turnstile { margin: 1rem 0; }
.turnstile iframe { width: 100%; height: 70px; border: 0; }