:root{color-scheme:light;--bg: #f8fafc;--bg-card: #ffffff;--border-subtle: #e2e8f0;--text-main: #0f172a;--text-muted: #6b7280;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .08);--radius-lg: 14px;--radius-pill: 999px;--shadow-soft: 0 10px 25px rgba(15, 23, 42, .05);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg);color:var(--text-main)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.visually-hidden{position:absolute;left:-9999px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.centered-title{text-align:center}.site-header{position:sticky;top:0;z-index:10;background-color:#f8fafcf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.header-inner{max-width:960px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1.25rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem}.brand-mark{font-size:1.35rem}.brand-text{white-space:nowrap}.main-nav{display:flex;gap:.75rem;margin-left:1rem;flex:1}.nav-link{padding:.35rem .75rem;border-radius:var(--radius-pill);font-size:.9rem;color:var(--text-muted)}.nav-link.active{background-color:var(--accent-soft);color:var(--accent);font-weight:600;text-decoration:none}.language-toggle select{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);padding:.25rem .75rem;font-size:.85rem;background-color:#fff}.hero{margin-top:2rem;margin-bottom:2rem}.hero h1{font-size:2rem;margin-bottom:.5rem}.hero-lead{font-size:1rem;color:var(--text-muted);max-width:36rem}.hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.hero-cta{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.hero-cta button{padding:.75rem 1.4rem;font-size:1rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.hero-cta button:first-of-type{background:coral;color:#fff}.hero-cta button:first-of-type:hover{background:#ff6430}.hero-cta .secondary{background:#fff;border:2px solid #ff7f50;color:coral}.hero-cta .secondary:hover{background:#fff4ee}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;border-radius:var(--radius-pill);border:1px solid transparent;font-size:.9rem;cursor:pointer;text-decoration:none}.btn.primary{background-color:var(--accent);color:#fff;box-shadow:var(--shadow-soft)}.btn.primary:hover{opacity:.95}.btn.ghost{background-color:transparent;border-color:var(--border-subtle);color:var(--text-main)}.btn:hover{text-decoration:none}.site-footer{border-top:1px solid var(--border-subtle);padding:1rem 1.25rem 1.5rem;text-align:center;font-size:.8rem;color:var(--text-muted)}.page-header h1{margin-top:1.25rem;margin-bottom:.25rem}.page-header p{margin:0;color:var(--text-muted);max-width:40rem}.search-bar{margin-top:1rem;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.search-bar input[type=search],.search-bar select{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);padding:.45rem .9rem;font-size:.9rem;background-color:#fff}.search-field{flex:1 1 240px}.category-field{flex:0 0 180px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:.5rem}.recipe-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:1rem 1rem .9rem;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,.15)}.recipe-card-title{margin:0 0 .25rem;font-size:1.05rem}.recipe-card-title a{text-decoration:none}.recipe-card-title a:hover{text-decoration:underline}.recipe-card-summary{margin:.25rem 0 .5rem;font-size:.9rem;color:var(--text-muted)}.recipe-card-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag-pill{padding:.1rem .5rem;border-radius:var(--radius-pill);background-color:var(--accent-soft);color:var(--accent);font-size:.75rem}.recipe-detail{margin-top:1.5rem;background-color:var(--bg-card);border-radius:18px;padding:1.5rem 1.5rem 1.25rem;box-shadow:var(--shadow-soft)}.recipe-detail-summary{margin-top:.25rem;color:var(--text-muted)}.recipe-detail-meta{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.recipe-detail-tags{display:flex;flex-wrap:wrap;gap:.25rem}.recipe-list{margin:.5rem 0 0;padding-left:1.25rem;font-size:.93rem}.recipe-detail-footer{margin-top:1.25rem}.muted{color:var(--text-muted);font-size:.9rem}.section{width:min(900px,90%);margin:3rem auto}.section h2{margin-bottom:1rem;font-size:1.9rem;color:#222}.section h3{margin:1.5rem 0 .5rem;font-size:1.3rem;color:#444}.section p{margin-bottom:1rem;color:#555;font-size:1.05rem}.section ul{margin:1rem 0;padding-left:1.2rem}.section ul li{margin-bottom:.5rem;font-size:1.05rem;color:#444}.section-closing{margin-top:1.5rem!important;font-weight:600;color:#333}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1rem}.feature-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #eee;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.feature-card h3{margin-bottom:.5rem;color:#222}.feature-card p{color:#555;line-height:1.5}.journey-list{list-style:none;padding:0;margin-top:1rem}.journey-list li{background:#fffdfa;padding:.8rem 1rem;border-radius:8px;border:1px solid #f2e7d8;margin-bottom:.7rem;font-size:1.05rem}.join{text-align:center;margin-bottom:5rem}.join .tagline{margin-top:1.5rem;font-size:1.2rem;font-weight:600;color:#333}.about-page{background-color:#fafafa}.hero-about{text-align:center;padding:4rem 1rem;background:linear-gradient(135deg,#ffeacc,#fff8f0,#ffe6e1);border-bottom:1px solid #f0dcd2}.hero-about h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:#333}.hero-about .hero-subtitle{font-size:1.1rem;max-width:650px;margin:.5rem auto 0;color:#555;text-align:center}.about-section{width:min(900px,90%);margin:3rem auto}.about-closing{margin-bottom:4rem}@media(max-width:640px){.header-inner{flex-wrap:wrap}.main-nav{margin-left:0;justify-content:flex-start}}@media(min-width:768px){.language-toggle{padding:1.5rem 3rem}.hero,.hero-about{padding:5rem 2rem}.hero h1,.hero-about h1{font-size:2.4rem}.hero-subtitle{font-size:1.15rem}.section{margin:3.5rem auto}.section h2{font-size:2rem}.section p,.section ul li{font-size:1.05rem}.feature-grid{gap:2rem}.journey-list li{padding:1rem 1.25rem}.join,.about-closing{width:min(800px,90%);margin-left:auto;margin-right:auto}}@media(min-width:1024px){.section{width:min(960px,80%)}.hero,.hero-about{padding:6rem 2rem}.hero h1,.hero-about h1{font-size:2.7rem}.hero-subtitle{font-size:1.2rem;max-width:720px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section h2{font-size:2.1rem}.section h3{font-size:1.4rem}.home-header{display:flex;justify-content:flex-end}.language-toggle{padding-right:4rem}}@media(min-width:1280px){.section{width:min(1040px,75%)}.hero,.hero-about{padding:7rem 2rem}.hero h1,.hero-about h1{font-size:3rem}.hero-subtitle{font-size:1.25rem}.join,.about-closing{margin-bottom:5rem}}
