:root{--bg:#f3ebdd;--surface:#fbf6ec;--text:#2b2722;--muted:#6b645a;--accent:#2f6b4f;--accent-press:#245540;--terracotta:#b8542f;--border:#c9bba3;--error:#9e2b25;--radius:16px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:22px;line-height:1.5}.screen{flex-direction:column;justify-content:center;max-width:640px;min-height:100vh;margin:0 auto;padding:32px 24px 64px;display:flex}h1{font-family:var(--font-display);color:var(--text);margin:0 0 16px;font-size:2rem;font-weight:600;line-height:1.2}h1.question{font-size:2.4rem}h1.answered{color:var(--accent)}.kicker{font-family:var(--font-display);font-variant:small-caps;text-transform:lowercase;letter-spacing:.08em;color:var(--terracotta);margin:0 0 8px;font-size:1rem;font-weight:600}.lead{color:var(--muted);margin:0 0 24px;font-size:1.2rem}.field{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;margin-bottom:16px;padding:18px 16px;font-size:1.25rem}.field:focus{border-color:var(--accent);outline:none}.textarea{resize:vertical;min-height:200px;font-family:inherit}button{cursor:pointer;font-family:inherit}.btn-primary{color:#fff;background:var(--accent);border-radius:var(--radius);border:none;width:100%;min-height:64px;padding:16px;font-size:1.3rem;font-weight:700}.btn-primary:active{background:var(--accent-press)}.btn-primary:disabled{opacity:.5}.btn-secondary,.photo-label{text-align:center;width:100%;min-height:56px;color:var(--accent);border:2px solid var(--accent);border-radius:var(--radius);background:0 0;margin-bottom:16px;padding:16px;font-size:1.1rem;display:block}.btn-ghost{min-height:64px;color:var(--muted);border:2px solid var(--border);border-radius:var(--radius);background:0 0;flex:1;font-size:1.2rem}.actions{gap:12px;display:flex}.actions .btn-primary{flex:2}.error{color:var(--error);margin-top:16px;font-size:1.05rem}.onboarding,.onboarding .kicker,.onboarding .lead{text-align:center}.onb-icon{margin:0 0 20px;font-size:4rem;line-height:1}.onb-dots{justify-content:center;gap:10px;margin:8px 0 28px;display:flex}.onb-dot{background:var(--border);border-radius:50%;width:12px;height:12px}.onb-dot.active{background:var(--accent)}.subjects{flex-direction:column;gap:12px;margin:8px 0 16px;display:flex}.subject-card{text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;width:100%;min-height:64px;padding:18px 20px;display:flex}.subject-card:active{border-color:var(--accent)}.subject-card:disabled{opacity:.5}.subject-title{font-family:var(--font-display);color:var(--text);font-size:1.35rem;font-weight:600}.subject-blurb{color:var(--muted);font-size:1.05rem}.btn-link.help-trigger{width:100%;min-height:56px;color:var(--muted);text-underline-offset:4px;background:0 0;border:none;margin-top:12px;font-size:1.1rem;text-decoration:underline;display:block}.btn-link.help-trigger:disabled{opacity:.4}.help-options{flex-direction:column;gap:12px;margin:8px 0 20px;display:flex}.help-card{text-align:left;width:100%;min-height:72px;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:18px 20px;font-size:1.25rem;font-weight:600}.help-card:active{border-color:var(--accent)}.screen>.btn-ghost{flex:none;min-height:64px}.lead.answered{color:var(--accent)}.answer-hint{margin:0 0 12px;font-size:1.05rem;font-style:italic}.thread{flex-direction:column;gap:14px;margin:8px 0 20px;display:flex}.bubble{border-radius:var(--radius);max-width:90%;margin:0;padding:14px 18px;font-size:1.15rem}.bubble.journalist{background:var(--surface);border:2px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.bubble.conteur{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.typing{color:var(--muted);letter-spacing:.15em}.textarea.narrative{min-height:360px;font-family:var(--font-display);font-size:1.2rem;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg:#1a1613;--surface:#251f1a;--text:#f0e8da;--muted:#b3a899;--accent:#6fb48e;--terracotta:#e08a66;--border:#3a332b;--error:#e8857f}}