:root{--bg: #fff4f4;--card: #ffffff;--border: #ffd6d6;--text: #222}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:900px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #0000000a}h1{margin:0 0 8px}pre,code{background:#fff7f7;border:1px dashed var(--border);padding:6px 8px;border-radius:8px}