/* IP / CONTENT BOUNDARY: Funnel structure and psychology may be MODELED from competitors; assets, copy, name, icon, layout, trade dress, and code are ORIGINAL. Recipe import is user-initiated (paste / share-sheet / photo) only — no scraping/redistributing creator content. AI ad actors come from tools' LICENSED stock avatars — no cloning real people without rights. App-demo and listing claims must be truthful (show only what the app actually does; no OCR/photo claims until native device QA passes). */
:root { color-scheme: light; --ink:#20130b; --muted:#6e5b4c; --paper:#fffaf2; --card:#ffffff; --line:#efdcc6; --accent:#c6532e; --accent-dark:#803016; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif; color:var(--ink); background:linear-gradient(180deg,#fff8ef,#fffdf9); line-height:1.55; }
header { padding:32px 20px; border-bottom:1px solid var(--line); background:#fff5e8; }
nav { display:flex; gap:12px; flex-wrap:wrap; max-width:920px; margin:0 auto 18px; }
nav a { color:var(--accent-dark); text-decoration:none; font-weight:700; }
.hero, main { max-width:920px; margin:0 auto; }
.hero h1 { margin:0 0 6px; font-size:40px; letter-spacing:-0.04em; }
.hero p { margin:0; color:var(--muted); font-size:17px; }
main { padding:28px 20px 64px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:22px; box-shadow:0 14px 40px rgba(128,48,22,.08); }
h1,h2,h3,h4 { line-height:1.12; letter-spacing:-0.03em; }
h1 { font-size:34px; } h2 { margin-top:30px; font-size:24px; } h3 { margin-top:24px; font-size:20px; }
p, li { font-size:16px; }
small,.muted { color:var(--muted); }
ul { padding-left:24px; }
pre { white-space:pre-wrap; background:#2a1b13; color:#fff8ef; padding:14px; border-radius:12px; overflow:auto; }
.table-line { background:#fff8ef; color:var(--ink); border:1px solid var(--line); margin:2px 0; padding:6px 8px; border-radius:8px; }
footer { max-width:920px; margin:0 auto; padding:20px; color:var(--muted); border-top:1px solid var(--line); }
.button-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.button { display:inline-block; border-radius:999px; background:var(--accent); color:white; padding:10px 16px; text-decoration:none; font-weight:800; }