body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}.app{background:#f7f7f7f7;border-radius:20px;margin:30px auto;max-width:1030px;min-height:100vh;padding:30px}h1{font-weight:700;margin-bottom:10px;padding:10px;text-align:center;text-transform:uppercase}.recipes{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.recipecard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-radius:18px;box-shadow:0 8px 20px #0003;cursor:pointer;margin:20px auto;overflow:hidden;padding-bottom:10px;transition:transform .25s ease,box-shadow .25a ease;width:350px}.recipecard:hover{box-shadow:0 12px 28px #00000030;transform:translateY(-6px)}.recipecard-image{height:220px;object-fit:cover;width:100%}.recipecard-body{padding:18px 20px;text-align:center}.recipecard-category{background:#ff7043;border-radius:18px;color:#fff;font-size:.8rem;font-weight:700;margin-bottom:10px;padding:4px 10px}.recipecard-body h3{color:#333;font-size:1.3rem;font-weight:600;margin:8px 0 12px}.recipecard-body h4{border-bottom:2px solid #eee;color:#444;font-size:1rem;margin-top:16px;padding-bottom:4px}.recipecard-body ul{margin-top:10px;max-height:140px;overflow-y:auto;padding-left:18px}.recipecard-body ul li{color:#555;font-size:.9rem;list-style:none;margin-bottom:6px}.view-instructions-btn{background:coral;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 15px}.view-instructions-btn:hover{background:#ff5722}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;max-height:80vh;max-width:600px;overflow-y:auto;padding:25px;width:90%}.close-btn{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 15px}.close-btn:hover{background:#000}.searchbar{margin:0 auto;max-width:500px;width:100%}.searchbar form{display:flex;gap:10px;width:100%}.searchbar input[type=text]{border:1px solid #ccc;border-radius:4px 0 0 4px;border-right:none;flex:1 1;font-size:16px;padding:12px 15px}.searchbar input[type=submit]{background:#333;border:1px solid #333;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:12px 18px}.searchbar input[type=submit]:hover{background:#ffa07a}@media (max-width:480px){.searchbar input[type=text]{font-size:14px;padding:10px;padding:10px 14px}}
/*# sourceMappingURL=main.1a08ef44.css.map*/