:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--accent: #e63946;--accent-soft: rgba(230, 57, 70, .15);--gold: #f4a261;--text: #fafafa;--text-dim: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4)}*{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:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.flag{font-size:1.6rem;margin-right:.25rem}.subtitle{color:var(--text-dim);font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.recipe-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;display:flex;flex-direction:column;gap:.5rem}.recipe-card:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.recipe-emoji{font-size:2.2rem;line-height:1}.recipe-card h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}.recipe-card p{color:var(--text-dim);font-size:.85rem;line-height:1.5;flex:1}.meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.detail-view{max-width:700px}.back-btn{background:none;border:1px solid var(--card-border);color:var(--text-dim);padding:.4rem 1rem;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:.85rem;margin-bottom:2rem;transition:color .2s,border-color .2s}.back-btn:hover{color:var(--text);border-color:var(--accent)}.recipe-detail{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:2rem}.detail-header{display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.detail-emoji{font-size:3rem;line-height:1;flex-shrink:0}.detail-header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem}.detail-desc{color:var(--text-dim);font-size:.9rem;margin-bottom:.75rem}.section{margin-bottom:2rem}.section:last-child{margin-bottom:0}.section h3{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:.75rem}.ingredients-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.ingredients-list li{color:var(--text-dim);font-size:.9rem;padding-left:1.25rem;position:relative}.ingredients-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.steps-list{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:1rem}.steps-list li{counter-increment:step;color:var(--text-dim);font-size:.9rem;padding-left:2.25rem;position:relative;line-height:1.6}.steps-list li:before{content:counter(step);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}@media(max-width:600px){.app{padding:1.25rem 1rem 3rem}.header h1{font-size:1.6rem}.grid{grid-template-columns:1fr}.detail-header{flex-direction:column}.recipe-detail{padding:1.25rem}}