:root{color-scheme:dark}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(201,161,114,.22),transparent 45%),#2a241c;color:#f7f0e6;font-family:Arial,Helvetica,sans-serif}
.back-link{position:fixed;top:20px;left:20px;color:#f7f0e6;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.back-link:hover,.back-link:focus-visible{color:#f0b85b}
.survey-page{max-width:560px;margin:0 auto;padding:72px 20px 60px}
.survey-page header h1{font:bold 2.5rem/1 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;color:#fff;margin:0 0 10px}
.survey-page header p{margin:0 0 18px;line-height:1.5;color:#e4d3bb}
#survey-status{color:#f0b85b;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;min-height:1.2em}
.survey-reward{display:inline-block;margin-bottom:18px;padding:6px 14px;background:#a41106;border:1px solid #651d0e;color:#fff;font:bold 13px Arial,sans-serif;text-transform:uppercase}
fieldset{border:1px solid rgba(255,255,255,.14);background:rgba(40,34,28,.92);margin:0 0 16px;padding:14px 16px}
legend{padding:0 6px;font-weight:bold;color:#fff}
.survey-option{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.95rem}
.survey-option input{accent-color:#a41106}
textarea{width:100%;box-sizing:border-box;padding:10px;font:14px Arial,sans-serif;border:1px solid #5a0a04;background:#fff8e9;color:#21160c;resize:vertical;min-height:80px}
.dialog-link,button[type=submit]{display:inline-block;padding:10px 22px;background:#a41106;border:1px solid #651d0e;color:#fff;text-decoration:none;font:bold 14px Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.dialog-link:hover,button[type=submit]:hover{background:#c11407}
button[type=submit]:disabled{opacity:.6;cursor:default}
.survey-claimed{padding:16px;background:rgba(65,75,155,.25);border:1px solid #414b9b;color:#fff1cc}