@charset "UTF-8";:root{--bs-dark: rgb(33, 37, 41);--padding-side: 5em;--main-bg: #f3f3f3;--container-bg: #fff;--shadow-color: rgba(0, 0, 0, .4);font-family:Rubik,sans-serif}body{margin:0;padding:0 var(--padding-side);background:var(--main-bg) url(/assets/i-like-food-ulnrGFTG.svg)}.header{background:#fff;display:flex;align-items:center;padding:.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid #dee2e6}.header .logo{margin-right:2rem;padding-top:10px;padding-bottom:10px}.header .logo img{width:229px;height:auto}.header nav{display:flex;flex:1;justify-content:center}.header nav ul{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}.header nav li .nav-button.logout{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.header nav a{color:var(--bs-dark);text-decoration:none;font-weight:500}.header nav a.active{border-bottom:2px solid #000;padding-bottom:4px}.header nav a:hover{color:#000}.header .search{flex:0 0 auto;margin-left:2rem}.header .search form{display:flex}.header .search input{padding:.375rem .75rem;font-size:1rem;border:1px solid #ced4da;border-radius:.25rem;box-shadow:inset 0 1px 2px #00000013}.header .search input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.header .search button{padding:.5rem 1rem;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;background:transparent;cursor:pointer}.hero .row{display:flex;flex-direction:row-reverse;align-items:center;gap:3rem;padding:1.5rem 0;margin:0 1em 1.5rem}.hero .col img{display:block;max-width:100%;width:400px;height:auto}.hero .greeting{font-size:1.25rem;margin-bottom:.5rem;color:#555}.hero .explore{display:flex;justify-content:flex-start;gap:.5rem}.hero h1{font-size:calc(.5rem + 2vw);font-weight:700;margin-bottom:1rem}.hero p{font-size:.85rem;font-weight:300;line-height:1.5;padding-bottom:.75em}.hero button{display:inline-block;font-weight:400;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;font-size:1.25rem;border-radius:.375rem;padding:.5rem 1.5rem;margin-right:.5rem;text-decoration:none}.hero button.latest{color:#fff;background-color:#212529;border:1px solid transparent}.hero button.latest:hover{background-color:#6c757d}.hero button.random{color:#6c757d;background-color:transparent;border:1px solid #6c757d}.hero button.random:hover{color:#fff;background-color:#6c757d}.categories,.categories-explore{display:grid;gap:1rem;padding:1.5rem 0}.categories.categories,.categories-explore.categories{grid-template-columns:repeat(6,1fr)}.categories.categories-explore,.categories-explore.categories-explore{grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem}.categories .link,.categories-explore .link{display:block;text-align:center;text-decoration:none;transition:transform .25s}.categories .link:hover,.categories-explore .link:hover{transform:scale(1.1)}.categories img,.categories-explore img{display:block;height:100px;margin-bottom:10px;box-shadow:0 3px 6px #00000029;overflow:hidden;border-radius:8px;width:100%;object-fit:cover}.categories .title,.categories-explore .title{padding-top:.25rem}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.card{display:flex;flex-direction:column}.card a{flex-grow:1;text-align:center;display:block;text-decoration:none;transition:transform .25s}.card a:hover{transform:scale(1.1)}.card img{display:flex;justify-content:center;align-items:center;margin-bottom:10px;box-shadow:0 3px 6px #00000029;overflow:hidden;border-radius:8px;width:100%;height:330px;object-fit:cover}.card .title{padding-top:.25rem}.recipe .container{display:flex;flex-wrap:wrap;gap:1rem;max-width:900px;margin:0 auto;padding:1rem}.recipe .image-col{flex:0 0 33%}.recipe .image-col img{width:100%;height:auto;border-radius:.5rem;object-fit:cover}.recipe .details-col{flex:1}.recipe .details-col h1{font-size:2rem;margin-bottom:.5rem}.recipe .details-col .category{font-style:italic;color:#6c757d;margin-bottom:1rem}.recipe .details-col h4{margin-top:1.5rem;margin-bottom:.5rem;font-weight:600}.recipe .details-col .description p{line-height:1.5}.recipe .details-col ul{list-style:none;padding:0;margin:0}.recipe .details-col ul+h4{margin-top:2rem}.recipe .details-col .ingredients ul{border:1px solid #dee2e6;border-radius:.25rem}.recipe .details-col .ingredients ul li{padding:.75rem 1rem;border-bottom:1px solid #dee2e6}.recipe .details-col .ingredients ul li:last-child{border-bottom:none}.recipe .details-col .directions ul{list-style:disc;padding-left:1.5rem;margin:0}.recipe .details-col .directions ul li{margin-bottom:.75rem;line-height:1.4}.servings-control{display:flex;justify-content:flex-end}.servings-control button{padding:.25rem .5rem;font-size:.875rem;font-weight:700;background-color:#000;color:#fff;border:1px solid #333;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.servings-control button:hover{background-color:#222}.servings-control button.active{background-color:#6ea65f;border-color:#6ea65f}.top-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.top-row .title-category{display:flex;flex-direction:column;justify-content:flex-end}.top-row h1{margin:0;font-size:2rem}.top-row .category{font-style:italic;color:#6c757d;font-size:1rem;margin-top:.25rem}.top-row .print-button{background:#007bff;color:#fff;border:none;border-radius:.25rem;padding:.4rem .75rem;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;align-self:flex-end}.top-row .print-button:hover{background-color:#0056b3}@media print{.top-row .print-button{display:none}}.image-wrapper{position:relative;display:inline-block}.image-wrapper img{display:block;width:100%;height:auto;border-radius:.5rem}.image-wrapper .favorite-toggle{position:absolute;top:1rem;right:1rem;background:#fff;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:transform .2s}.image-wrapper .favorite-toggle:hover{transform:scale(1.15)}.image-wrapper .favorite-toggle.active{color:red}.submit .publish{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.submit .publish .col{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.submit .publish p{font-size:.85rem;font-weight:300;line-height:1.5;padding-bottom:.75em}.submit .publish button{color:#fff;background-color:#212529;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;cursor:pointer;font-weight:600;width:160px}.submit .publish button:hover{background-color:#1a1e21;box-shadow:0 4px 8px #0003}.submit .container{flex-wrap:wrap;gap:1rem;max-width:900px;margin:0 auto;padding:1rem}.submit h1{text-align:center;margin-bottom:2rem;font-size:calc(1rem + 1vw)}.submit form{display:grid;grid-template-columns:200px 1fr;column-gap:2rem;row-gap:.5rem;align-items:start}.submit form .group{display:contents}.submit form .group label{grid-column:1;align-self:center;font-weight:600;font-size:1.1rem}.submit form .group input,.submit form .group textarea{grid-column:2;width:95%;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.375rem;font-size:1rem;line-height:1.4}.submit form .group select{grid-column:2;width:100%;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.375rem;font-size:1rem;line-height:1.4}.submit form .group.array .array-row{grid-column:2;display:flex;gap:1rem}.submit form .group.array .array-row input{flex:1}.submit form .group.array .array-row button.add{color:#fff;background-color:#212529;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;cursor:pointer;font-weight:600;width:160px}.submit form .group.array .array-row button.add:hover{background-color:#1a1e21;box-shadow:0 4px 8px #0003}.submit form .group.array .item-list{grid-column:2;margin-top:.5rem;width:95%;list-style:disc inside;padding-left:1rem}.submit form .group.array .item-list li{position:relative;padding-right:2.5rem;cursor:grab}.submit form .group.array .item-list li:hover{background:#00000008}.submit form .group.array .item-list li.dragging{background:#0000001a;cursor:grabbing}.submit form .group.array .item-list li span:before{content:"⋮⋮";margin-right:.5rem;color:#888;cursor:grab}.submit form .group.array .item-list li button.remove{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc3545;font-size:1.25rem;line-height:1;cursor:pointer}.submit form .group.array .item-list li:empty{list-style-type:none}.submit form .group.array ol.item-list{list-style-type:decimal;list-style-position:inside;padding-left:1rem}.submit form .section-block{grid-column:2;margin-top:.25rem}.submit form .section-block .section-header{position:relative;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.submit form .section-block .section-header .section-title{flex:1;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.375rem;font-size:1rem;line-height:1.4;margin-right:2.5rem}.submit form .section-block .section-header button.remove-section{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc3545;font-size:1.25rem;font-weight:600;line-height:1;cursor:pointer}.submit form .section-block .section-header button.remove-section:hover{color:#bd2130}.submit form .section-block .array-row{display:flex;gap:1rem}.submit form .section-block .array-row input{flex:1}.submit form .section-block .array-row button.add{color:#fff;background-color:#212529;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;cursor:pointer;font-weight:600;width:160px}.submit form .section-block .array-row button.add:hover{background-color:#1a1e21;box-shadow:0 4px 8px #0003}.submit form .section-block .item-list{grid-column:2;margin-top:.5rem;width:95%;list-style:disc inside;padding-left:1rem}.submit form .section-block .item-list li{position:relative;padding-right:2.5rem;cursor:grab}.submit form .section-block .item-list li:hover{background:#00000008}.submit form .section-block .item-list li.dragging{background:#0000001a;cursor:grabbing}.submit form .section-block .item-list li span:before{content:"⋮⋮";margin-right:.5rem;color:#888;cursor:grab}.submit form .section-block .item-list li button.remove{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc3545;font-size:1.25rem;line-height:1;cursor:pointer}.submit form .section-block .item-list li:empty{list-style-type:none}.submit form .section-block ol.item-list{list-style-type:decimal;list-style-position:inside;padding-left:1rem}.submit form .add-section{grid-column:2;justify-self:start;width:160px;color:#fff;background-color:#212529;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease,box-shadow .2s ease}.submit form .add-section:hover{background-color:#1a1e21;box-shadow:0 4px 8px #0003}.submit form .submit-btn{grid-column:2;justify-self:start;margin-top:2rem;width:fit-content}.submit form .submit-btn button.add{color:#fff;background-color:#2c3138;border:none;padding:.5rem 1rem;min-height:2rem;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease,box-shadow .2s ease}.submit form .submit-btn button.add:hover{background-color:#1a1e21;box-shadow:0 4px 8px #0003}.submit form .submit-btn button{width:100%;padding:.5rem 1rem;min-height:2.5rem;background-color:#2c3138;border-radius:.375rem;font-weight:600}.container{padding:0 1em;background-color:var(--container-bg);box-shadow:0 .5rem 11rem var(--shadow-color);max-width:1200px;margin:0 auto}.Toastify__toast{--toastify-color-progress-success: #333}.Toastify__progress-bar{background-color:#ddd!important}.Toastify__toast--success{background-color:#3a3a3a;color:#ddd}.print-only,.print-pdf-target,.recipe-print{width:760px;padding:.75in .75in .75in .5in;background:#fffef9;color:#000;font-family:Georgia,serif;border:1px solid #ddd;box-shadow:0 0 8px #0000000d;box-sizing:border-box;display:flex;flex-direction:row;gap:2rem}.print-only .left,.print-pdf-target .left,.recipe-print .left{width:40%}.print-only .left *,.print-only .left *:before,.print-only .left *:after,.print-pdf-target .left *,.print-pdf-target .left *:before,.print-pdf-target .left *:after,.recipe-print .left *,.recipe-print .left *:before,.recipe-print .left *:after{box-sizing:border-box}.print-only .left img,.print-pdf-target .left img,.recipe-print .left img{max-width:100%;height:auto;border-radius:.5rem;margin-bottom:1rem;display:block}.print-only .left h1,.print-pdf-target .left h1,.recipe-print .left h1{font-size:1.5rem;margin-bottom:.25rem}.print-only .left .meta,.print-pdf-target .left .meta,.recipe-print .left .meta{font-size:.9rem;margin-bottom:1rem}.print-only .left h2,.print-pdf-target .left h2,.recipe-print .left h2{font-size:1.1rem;margin-top:1rem}.print-only .left h3,.print-pdf-target .left h3,.recipe-print .left h3{margin-top:.5rem;font-weight:700}.print-only .left ul,.print-pdf-target .left ul,.recipe-print .left ul{padding-left:1.2rem;margin:.5rem 0}.print-only .left li,.print-pdf-target .left li,.recipe-print .left li{margin-bottom:.25rem}.print-only .left .notes,.print-pdf-target .left .notes,.recipe-print .left .notes{border:1px solid #ccc;background:#fffbe0;padding:.75rem;margin-top:1rem}.print-only .right,.print-pdf-target .right,.recipe-print .right{width:56%;overflow-wrap:break-word;word-break:break-word;overflow:hidden;box-sizing:border-box}.print-only .right *,.print-only .right *:before,.print-only .right *:after,.print-pdf-target .right *,.print-pdf-target .right *:before,.print-pdf-target .right *:after,.recipe-print .right *,.recipe-print .right *:before,.recipe-print .right *:after{box-sizing:border-box}.print-only .right h2,.print-pdf-target .right h2,.recipe-print .right h2{font-size:1.2rem;margin-bottom:.5rem}.print-only .right ol,.print-pdf-target .right ol,.recipe-print .right ol{padding-left:1.2rem;margin:0}.print-only .right li,.print-pdf-target .right li,.recipe-print .right li{margin-bottom:.75rem;line-height:1.4}.print-only{display:none}@media print{body *{visibility:hidden!important}.print-only,.print-only *{visibility:visible!important}.print-only{display:block!important;position:absolute;top:0;left:0;width:100%;z-index:9999}.recipe{display:none!important}}.favorite-toggle{background:none;border:none;cursor:pointer;font-size:1.75rem;line-height:1;padding:0;transition:transform .2s}.favorite-toggle.active{color:red}.favorite-toggle:hover{transform:scale(1.1)}.footer{padding:3rem 0;text-align:center;color:#666}.footer a{color:inherit;text-decoration:underline}.page-container{display:flex;max-width:1200px;margin:2rem auto;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden;background:#fff}.login-panel{flex:1 1 60%;padding:2rem}.login-panel h1{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;text-align:center}.login-panel .subheader{text-align:center;margin:0 0 1.5rem;font-size:1rem;color:#666;font-weight:500}.login-panel .social-login{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.login-panel .social-login .social-btn{width:48px;height:48px;border:none;border-radius:50%;display:flex;padding:0;align-items:center;justify-content:center;font-size:1.25rem;transition:opacity .2s}.login-panel .social-login .social-btn:hover{opacity:.8}.login-panel .social-login .social-btn.facebook{background-color:#3b5998;color:#fff}.login-panel .social-login .social-btn.google{background-color:#db4437;color:#fff}.login-panel .social-login .social-btn.linkedin{background-color:#0077b5;color:#fff}.login-panel .divider{display:flex;align-items:center;color:#888;font-weight:500;text-transform:uppercase;font-size:.85rem;margin:1rem 0}.login-panel .divider:before,.login-panel .divider:after{content:"";flex:1;height:1px;background:#ddd}.login-panel .divider:before{margin-right:.75rem}.login-panel .divider:after{margin-left:.75rem}.login-panel .login-form{display:flex;flex-direction:column;align-items:center}.login-panel .login-form .form-group{display:flex;flex-direction:column;width:500px;margin-bottom:1rem}.login-panel .login-form .form-group label{display:none}.login-panel .login-form .form-group input{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.login-panel .login-form .form-group input:focus{outline:none;border-color:#999}.signup-panel{flex:1 1 40%;padding:2rem;background:#f7f7f7 url(/images/Geometric.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.signup-panel h2{font-size:1.75rem;margin-bottom:1rem;font-weight:700}.signup-panel p{margin-bottom:1.5rem;color:#555;line-height:1.4}.account{display:flex;justify-content:flex-start;gap:.5rem}button{display:inline-block;font-weight:400;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;font-size:1.25rem;border-radius:.375rem;padding:.5rem 1.5rem;margin-right:.5rem;text-decoration:none}button.btn-login{color:#fff;background-color:#212529;border:1px solid transparent}button.btn-login:hover{color:#6c757d;border:1px solid #6c757d;background-color:transparent}button.btn-signup{color:#6c757d;background-color:transparent;border:1px solid #6c757d}button.btn-signup:hover{color:#fff;background-color:#6c757d}