
:root{--bg:#f2e9d6;--card:#fffaf0;--ink:#282219;--muted:#756a57;--accent:#de4d19;--orange:#de4d19;--teal:#de4d19;--white:#282219;--text:#282219;--on:#ffffff;--pink:#de4d19;--grad:linear-gradient(110deg,#de4d19,#de4d19);--font:"Oswald",Arial,sans-serif;--head:"Oswald",Arial,sans-serif;--line:color-mix(in srgb,var(--ink) 15%,transparent)}
html{background:#d4c9b0}body{color:var(--ink);background:var(--bg);font-family:var(--font)}
h1,h2,legend{font-family:var(--font)}h1 span,.kicker,.progress-head b{color:var(--accent)}
.cover:after{background:linear-gradient(0deg,var(--bg),transparent 60%)}
.cover-tag{background:var(--ink);color:var(--bg);max-width:calc(100% - 44px);font-size:10px}
.perks{color:var(--muted)}.perks span:before{color:var(--accent)}
.offer{background:color-mix(in srgb,var(--accent) 8%,var(--bg));border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
.offer b{color:var(--accent)}.offer p{color:var(--muted)}
.choice{background:var(--card);color:var(--ink);border-color:var(--line)}.choice i{border-color:var(--muted)}
.choice:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:var(--accent)}
.choice input:checked~i{border-color:var(--accent)}.choice:focus-within{outline-color:var(--accent)}
.progress-track{background:var(--line)}.progress-track i{background:var(--accent)}
.actions{background:color-mix(in srgb,var(--bg) 96%,transparent);border-color:var(--line)}
.btn{color:var(--on);background:var(--accent)}.btn[disabled]{background:color-mix(in srgb,var(--ink) 12%,var(--bg));color:var(--muted);box-shadow:none;border-color:transparent;filter:none}
footer{background:color-mix(in srgb,var(--bg) 94%,var(--ink));color:var(--muted)}footer a,.footer-docs a{color:var(--ink)}
.quiz-overlay{background:var(--bg)}.quiz-close{background:var(--card);color:var(--accent)}
.quiz-form input{background:var(--card);color:var(--ink);border-color:var(--line)}.quiz-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.quiz-form .req{color:var(--accent)}.privacy-note{color:var(--muted)}.privacy-note a{color:var(--accent)}
.gift-banner{border-color:var(--accent);color:var(--ink)}.gift-banner svg{stroke:var(--accent)}.quiz-step-label{color:var(--accent)}
body:has(.ok){background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%),var(--bg)}
.ok,.next li:before,.back a{background:var(--accent);color:var(--on);box-shadow:none}.ok svg{stroke:var(--on)}.next{background:var(--card)}.next b{color:var(--accent)}
.cover{margin:16px 16px 0;transform:rotate(-1deg);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.cover img{height:225px}.cover:after{display:none}.intro{margin-top:28px}h1{text-transform:uppercase;font-size:43px;line-height:1.03}.cover-tag{border-radius:0}.choice{border:1px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 #28221925}.btn{border-radius:0;box-shadow:4px 4px 0 var(--ink)}.offer{border:0;border-left:5px solid var(--accent);border-radius:0}.question-area h2{font-family:Arial,sans-serif}
@media(max-width:360px){h1{font-size:30px;overflow-wrap:normal}.cover-tag{font-size:8px} .offer{padding:12px;gap:9px}.cover img{height:210px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
