*{box-sizing:border-box;margin:0;padding:0}html{color:var(--text-primary);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}:root{--bg:#fff;--bg-soft:#fafafa;--bg-accent:#fff8f0;--bg-card:#fff;--border:#f0f0f0;--border-accent:#ffe0c8;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888;--text-faint:#999}body.dark{--bg:#0d0d0d;--bg-soft:#1a1a1a;--bg-accent:#1f1a17;--bg-card:#1e1e1e;--border:#2a2a2a;--border-accent:#3a2a1a;--text-primary:#f0f0f0;--text-secondary:#ccc;--text-muted:#aaa;--text-faint:#888;background:var(--bg);color:var(--text-primary)}body.dark main{background:var(--bg)}.card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;text-decoration:none;display:block;overflow:hidden}.box-soft{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.box-accent{background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:12px;padding:14px 16px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.header-inner{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.header-right{align-items:center;gap:20px;display:flex}.header-search{border:1.5px solid var(--border);background:var(--bg-soft);width:200px;color:var(--text-primary);border-radius:20px;outline:none;padding:8px 16px;font-family:inherit;font-size:14px}.header-nav{align-items:center;gap:20px;display:flex}.mobile-auth{display:none}.category-pill{border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.category-pill.active{background:var(--bg-accent);color:#ff6b2b;border-color:#ff6b2b}.recipe-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;text-decoration:none;display:block;overflow:hidden}.recipe-card-body{padding:16px 18px}.recipe-card-title{color:var(--text-primary);margin-bottom:10px;font-size:16px;font-weight:600}.recipe-card-meta{color:var(--text-muted);font-size:13px}.hero-section{background:var(--bg-accent);border-radius:16px;justify-content:center;align-items:center;gap:32px;margin:32px 0 40px;padding:48px 40px;display:flex}.hero-image{object-fit:contain;flex-shrink:0;width:280px;height:280px}.how-section{background:var(--bg-accent);text-align:center;border-radius:16px;margin-bottom:64px;padding:40px}.free-banner{background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.how-it-works-btn{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border);border-radius:10px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}body.dark .category-pill img,body.dark img[style*="objectFit: contain"]:not([style*="width: 100"]):not([style*="height: 64"]):not([style*="height: 80"]):not([style*="width: 80"]):not([style*="width: 52"]):not([style*="width: 36"]){display:none}body.dark img[style*="objectFit: cover"]{display:block!important}@media (max-width:640px){.header-right{gap:10px}.header-search{width:130px;padding:7px 12px;font-size:13px}.header-nav{display:none}.mobile-auth{align-items:center;gap:8px;display:flex}.hero-section{text-align:center;flex-direction:column;gap:24px;margin:20px 0 32px;padding:32px 20px}.hero-image{width:180px;height:180px}.hero-buttons{justify-content:center}}body.dark .setup-card img,body.dark .phase-banner img,body.dark .flip-banner img,body.dark .coming-up-row img,body.dark .notif-banner img,body.dark .done-screen img[style*="width: 80"]{display:none!important}