/* White canvas, accessible reading sizes and optional dark theme */
:root{--bg:#fff}body{background:#fff}
.hero p,.help{font-size:17px;line-height:1.65}
.privacy,.powered-badge,.footer{font-size:13px;line-height:1.75}
.progress-row,label,.badge,.sample-action,.copy-note,.ai-consent{font-size:15px}
.choice strong,.choice-copy strong,.refine-panel strong{font-size:17px}
.choice small,.choice-copy small,.refine-panel p,.review-item strong{font-size:15px}
.review-item small,.poster-warning{font-size:14px}
.ratio-copy{font-size:13px}.ratio-copy em{font-size:12px}
.step-mascot .ai-label{font-size:11px}
.header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;border:1px solid #cfd9d1;border-radius:12px;background:#fff;color:#34463d;font:600 14px "Segoe UI",sans-serif;cursor:pointer}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
html[data-theme="dark"]{color-scheme:dark;--bg:#111816;--text:#e7efea;--muted:#bac7bf;--border:#43574c;--soft:#263a30;--shadow:none}
html[data-theme="dark"] body{background:#111816;color:var(--text)}
html[data-theme="dark"] .hero{border-color:#35473e}
html[data-theme="dark"] :is(.card,.choice,.secondary,.theme-toggle,#languageToggle){background:#1b2621;border-color:#43574c;color:#e7efea}
html[data-theme="dark"] :is(.hero p,.help,.privacy,.powered-badge,.footer,.footer strong,.footer-powered,.progress-row,label,.choice strong,.choice small,.choice-copy strong,.choice-copy small,.badge,.review-item strong,.review-item small,.refine-panel strong,.refine-panel p,.ai-consent,.copy-note,.sample-action,.eyebrow){color:#c8d7cd}
html[data-theme="dark"] :is(input,select,textarea){background:#131e18;color:#edf5ef;border-color:#567160}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:#a5b8aa}
html[data-theme="dark"] :is(.step-mascot,.review-box,.refine-panel,.ai-consent){background:#223128;border-color:#435c49}
html[data-theme="dark"] .step-mascot .guide-copy{color:#e0ece3}
html[data-theme="dark"] :is(.step-mascot .ai-label,.step,.lang){background:#24382c;border-color:#536d59;color:#cde2d1}
html[data-theme="dark"] .lang button{color:#cde2d1}
html[data-theme="dark"] .lang button.active{background:#415d49;color:#fff}
html[data-theme="dark"] .choice:hover{background:#293d30}
html[data-theme="dark"] .choice.active{background:#2b4233;border-color:#91b99e;box-shadow:inset 3px 0 #91b99e}
html[data-theme="dark"] :is(.ratio-demo,.wizard-actions){border-color:#435c49}
html[data-theme="dark"] :is(.ratio-copy,.ratio-copy em,.ready){color:#d0e6cc}
html[data-theme="dark"] .ratio-shape{background:#324734;box-shadow:none}
html[data-theme="dark"] :is(.primary,.wizard-actions .next,.copy-bottom){background:#b9dbc4;color:#172a1e;border-color:#b9dbc4}
html[data-theme="dark"] :is(.primary:hover,.wizard-actions .next:hover,.copy-bottom:hover){background:#d3ebda}
html[data-theme="dark"] .poster-warning{background:#43371f;color:#f6e3b1}
html[data-theme="dark"] .progress-track{background:#35473e}
html[data-theme="dark"] .progress-fill{background:#a4cbb2}
@media(max-width:1000px){.header-controls{flex-shrink:1}.platform-choice{min-width:0}}
@media(max-width:650px){.hero p,.help{font-size:16px}.privacy,.powered-badge,.footer{font-size:13px}.header-controls{gap:10px;width:100%}.lang button{padding:9px 11px}.theme-toggle{padding:10px 12px}.step-mascot .guide-copy{font-size:18px}.step-mascot .ai-label{font-size:10px}.ratio-copy{font-size:13px;white-space:normal}.ratio-copy em{font-size:12px}.promptbox{font-size:14px}.badge{font-size:15px}.wizard-actions .next{font-size:14px}}