:root{--bg: #1a1210;--card-bg: #261e1a;--card-border: #3d2e26;--accent: #e85d26;--accent-light: #f4845f;--text: #faf0e6;--text-muted: #b8a090;--green: #4ade80;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:900px;margin:0 auto;padding:1.5rem}.header{text-align:center;padding:2rem 0 1rem}.header-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--accent-light)}.header-sub{color:var(--text-muted);font-size:.95rem;margin-top:.25rem}.filter-bar{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;padding:1rem 0 1.5rem}.filter-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);padding:.4rem 1rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.recipe-card{display:flex;align-items:center;gap:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .15s;text-align:left;color:inherit;font:inherit}.recipe-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #e85d2626}.recipe-emoji{font-size:2.5rem;flex-shrink:0}.recipe-info{min-width:0}.recipe-name{font-size:1.1rem;font-weight:700;color:var(--text)}.recipe-tagalog{font-size:.8rem;color:var(--text-muted);margin-top:.1rem}.recipe-badges{display:flex;gap:.5rem;margin-top:.5rem}.badge{font-size:.7rem;background:#ffffff0f;padding:.2rem .5rem;border-radius:.25rem;color:var(--text-muted)}.back-btn{background:none;border:1px solid var(--card-border);color:var(--accent-light);padding:.4rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .15s;display:inline-block;margin-bottom:.5rem}.back-btn:hover{border-color:var(--accent);background:#e85d261a}.recipe-detail{padding-top:.5rem}.recipe-hero{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.recipe-emoji-lg{font-size:4rem}.detail-name{font-size:1.75rem;font-weight:800;color:var(--text)}.detail-tagalog{color:var(--text-muted);font-size:.95rem}.recipe-meta{display:flex;gap:1.25rem;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;margin-bottom:1.5rem}.meta-item{font-size:.9rem;color:var(--text-muted)}.recipe-section{margin-bottom:2rem}.section-title{font-size:1.15rem;font-weight:700;color:var(--accent-light);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--card-border)}.ingredient-list{list-style:none}.ingredient-item{display:flex;align-items:baseline;gap:.5rem;padding:.4rem 0;font-size:.9rem;color:var(--text)}.bullet{color:var(--accent);font-size:.5rem;flex-shrink:0}.step-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;gap:1rem;align-items:flex-start}.step-num{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;border-radius:50%}.step-item p{font-size:.9rem;color:var(--text);padding-top:.25rem}@media(max-width:500px){.recipe-grid{grid-template-columns:1fr}.header-title{font-size:1.5rem}}