@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Patrick+Hand&display=swap";:root{--bg-main:#ffe6ef;--bg-soft:#fff9f3;--card-cream:#fff6eb;--pink:#f9a8c4;--pink-deep:#ef6f9d;--mint:#c7f2dd;--blue:#cfe9ff;--lavender:#e5d8ff;--yellow:#ffe8a6;--text-main:#5f3f47;--text-muted:#8d6071;--border:#efc2d2;--shadow:0 12px 24px #b0698433}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-main);background:linear-gradient(#f4c8d9 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#f4c8d9 1px,#0000 1px) 0 0/26px 26px,linear-gradient(#ffe7f0 0%,#fff6f0 54%,#fff9f2 100%);margin:0;font-family:Patrick Hand,Segoe UI,sans-serif}#root{min-height:100vh}.app-shell{width:min(1220px,93vw);margin:0 auto;padding:1.9rem 0 2.8rem;position:relative}.deco{z-index:-1;filter:blur(1px);border-radius:999px;position:absolute}.deco-heart{background:radial-gradient(circle,#ffaecaa6,#0000 62%);width:170px;height:170px;top:1.5rem;right:3%}.deco-star{background:radial-gradient(circle,#c5e6ffb3,#0000 60%);width:145px;height:145px;top:7rem;left:2%}.top-bar{text-align:center;border:2px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#fff7fa,#fff2e6);border-radius:24px;margin-bottom:1.8rem;padding:1rem}.top-bar h1{color:#2d2d2d;text-shadow:2px 2px #fff;margin:.25rem 0 .15rem;font-family:Patrick Hand,Segoe UI,sans-serif;font-size:clamp(2rem,4.3vw,3.1rem);line-height:1}.subtitle{color:#7f5765;max-width:760px;margin:.5rem auto 0;font-size:1.12rem}.status{text-align:center;margin:2rem 0;font-size:1.2rem}.status.error{color:#c04063}.grid{grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:3rem;display:grid}.meal-card{box-shadow:none;background:#f7c1d2;border:2px dashed #4e4e4e;border-radius:26px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.meal-card:hover{transform:translateY(-4px)}.meal-image{object-fit:cover;border-bottom:1.5px dotted #7f7f7f;width:100%;height:300px}.meal-body{text-align:center;flex-direction:column;align-items:center;height:100%;padding:1.35rem 1.15rem 1.25rem;display:flex}.meal-body h2{letter-spacing:-.02em;color:#2d2d2d;margin:0;font-family:"Baloo 2",sans-serif;font-size:2.5rem;line-height:1.1}.area-pill{color:#2f2f2f;background:#ffffffb8;border:1px solid #656565;border-radius:999px;margin:.65rem 0 .7rem;padding:.23rem .82rem;font-size:1rem}.intro{color:#2f2f2f;flex:1;max-width:92%;margin:0;font-family:"Baloo 2",sans-serif;font-size:1.5rem;line-height:1.17}button,.video-link{cursor:pointer;border:none;font-family:"Baloo 2",sans-serif;font-weight:700;text-decoration:none;transition:transform .18s,background-color .18s}.meal-body button,.pagination button,.video-link{color:#1f1f1f;box-shadow:none;background:#fff;border:1px solid #606060;border-radius:999px}.meal-body button{margin-top:1rem;padding:.6rem 1.4rem;font-size:.95rem}.meal-body button:hover,.pagination button:hover,.video-link:hover{background:#fff5f8;transform:translateY(-2px)}.pagination{justify-content:center;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.pagination span{color:#8b5670;border:1px solid var(--border);background:#fff3f7;border-radius:12px;padding:.35rem .72rem;font-family:"Baloo 2",sans-serif}.pagination button{padding:.5rem .9rem}.pagination button:disabled{cursor:not-allowed;opacity:.48;transform:none}.modal-backdrop{z-index:50;background:#583b4c6b;place-items:center;padding:1rem;animation:.24s fadeIn;display:grid;position:fixed;inset:0}.recipe-modal{width:min(940px,95vw);max-height:93vh;animation:.3s popIn;overflow:auto}.close-btn{z-index:2;color:#77535f;background:#fff;border:1.5px solid #886170;border-radius:999px;width:36px;height:36px;margin-left:auto;font-size:.95rem;position:sticky;top:12px;box-shadow:0 4px 10px #7c566738}.recipe-paper{background:linear-gradient(#f8dbe6 1px,#0000 1px) 0 0/100% 23px,linear-gradient(90deg,#f8dbe6 1px,#0000 1px) 0 0/23px 100%,#fffdf8;border:2px dashed #838383;border-radius:28px;grid-template-columns:.95fr 1.2fr;gap:1rem;margin-top:-20px;padding:1.1rem;display:grid;position:relative;box-shadow:0 18px 34px #67465445}.recipe-left,.recipe-right{background:#fffefb;border:1.5px solid #8b8b8b;border-radius:18px;padding:.95rem}.recipe-left{background:#f6c4d4}.recipe-right{background:#c2df9f}.recipe-title-badge{color:#2b2b2b;background:#b9deeb;border:1.5px solid #7b7b7b;border-radius:999px;padding:.24rem 1rem;font-family:"Baloo 2",sans-serif;font-size:1.02rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.recipe-name{color:#2f2f2f;text-align:center;margin:.05rem 0 .6rem;font-family:"Baloo 2",sans-serif;font-size:1.65rem;line-height:1.1}.modal-image{object-fit:cover;border:1.5px solid #8b8b8b;border-radius:12px;width:100%;height:205px;margin-bottom:.68rem}.meta-box{background:#fffdfb;border:1px dashed #797979;border-radius:12px;padding:.56rem .68rem}.meta-box p{justify-content:space-between;gap:.8rem;margin:.22rem 0;font-size:.96rem;display:flex}.meta-box p span{color:#5f5f5f}.meta-box p strong{color:#292929;text-align:right}.video-link{text-align:center;background:#b8dde7;width:100%;margin-top:.72rem;padding:.56rem .8rem;display:block}.section-pill{color:#2d2d2d;border:1.5px solid #777;border-radius:999px;margin:0;padding:.2rem .7rem;font-family:"Baloo 2",sans-serif;font-size:1.05rem;display:inline-block}.ingredients-pill{background:#b8dde7}.directions-pill{background:#efb8ca;margin-top:.2rem}.ingredients-list{background:#fffefb;border:1.5px solid #7f7f7f;border-radius:12px;margin:.62rem 0 .95rem;padding:0;list-style:none;overflow:hidden}.ingredients-list li{border-bottom:1px dotted #8d8d8d;grid-template-columns:1fr auto;gap:.9rem;padding:.45rem .65rem;display:grid}.ingredients-list li:last-child{border-bottom:none}.ingredients-list li span:last-child{color:#323232;font-family:"Baloo 2",sans-serif}.full-instructions{white-space:pre-wrap;background:linear-gradient(#f6ebcd 1px,#0000 1px) 0 0/100% 26px,#fffef8;border:1.5px solid #7f7f7f;border-radius:12px;max-height:250px;margin:.62rem 0 0;padding:.62rem;font-size:1rem;line-height:1.62;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=920px){.recipe-paper{grid-template-columns:1fr}}@media (width<=600px){.app-shell{width:min(1220px,96vw)}.top-bar{padding:.85rem}.meal-body h2{font-size:2.2rem}.modal-image{height:198px}.meal-image{height:230px}.intro{font-size:1.45rem}}.meal-card:nth-child(3n+1){background:#efb8ca}.meal-card:nth-child(3n+2){background:#b8dde7}.meal-card:nth-child(3n+3){background:#c4d99a}*{scrollbar-width:thin;scrollbar-color:#ecb4c4 #fff}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#fff;border:1px solid #d8d8d8}::-webkit-scrollbar-thumb{background:#ecb4c4;border:1px solid #6c6c6c;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#e8a7ba}