:root{color-scheme:dark;--bg:#0f1115;--fg:#e9e6df;--muted:#9a968d;--accent:#f59e0b;--card:#181b21}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:14px}h1{margin:0;font-size:28px;color:var(--accent)}header p{margin:4px 0 0;color:var(--muted)}button{font:inherit;padding:14px;border-radius:12px;border:0;background:var(--accent);color:#111;font-weight:600;min-height:52px}button.secondary{background:var(--card);color:var(--fg);border:1px solid #2a2e36}button:disabled{opacity:.6}textarea{font:inherit;padding:12px;border-radius:12px;border:1px solid #2a2e36;background:var(--card);color:var(--fg);resize:vertical}#preview{width:100%;border-radius:12px}#answer{white-space:pre-wrap;background:var(--card);padding:16px;border-radius:12px}footer{color:var(--muted);font-size:13px}