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;margin:0;padding:0}body{background-color:#faf3e0;color:#5e503f;font-family:Arial,sans-serif}.header{align-items:center;background-color:#a8b889;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 16px;width:100%}.header>*{order:0}@media (max-width:600px){.header{align-items:flex-start;flex-direction:row}.header>:first-child{order:1;width:auto}.header>:nth-child(2){margin-top:10px;order:3;width:100%}.header>:nth-child(3){order:2;width:auto}.header>:first-child{display:flex;justify-content:flex-start;width:50%}.header>:nth-child(3){display:flex;justify-content:flex-end;width:50%}}.logo-button{background:none;border:none;color:#5e503f;cursor:pointer;font-size:24px;font-weight:700}.logo-button:hover{color:#f4a261}.search-bar{display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;margin:0 20px;max-width:500px}.search-bar input{border:2px solid #5e503f;border-radius:4px 0 0 4px;flex:1 1;font-size:16px;outline:none;padding:8px 12px}.search-bar button{background-color:#f4a261;border:2px solid #5e503f;border-left:none;border-radius:0 4px 4px 0;color:#5e503f;cursor:pointer;font-size:16px;padding:8px 16px}.search-bar button:hover{background-color:#faad63}.user-dropdown{position:relative}.user-id{background:none;border:none;color:#5e503f;cursor:pointer;font-size:18px}.user-id:hover{color:#f4a261}.dropdown-menu{background-color:#faf3e0;border:1px solid #5e503f;border-radius:4px;box-shadow:0 2px 6px #00000026;overflow:hidden;position:absolute;right:0;top:40px;z-index:100}.dropdown-menu button{background:none;border:none;color:#5e503f;cursor:pointer;font-size:16px;padding:10px;text-align:left;white-space:nowrap;width:100%}.dropdown-menu button:hover,.feature-button{background-color:#a8b889}.feature-button{color:#000;padding:10px 25px}.feature-button:hover{background-color:#c0f8b1}.currfeatured-button{background-color:#a8b889;color:#000;padding:10px 25px}.currfeatured-button:hover{background-color:#c0f8b1}.filter-button{background-color:#a8b889;color:#000;padding:10px 25px}.filter-button:hover{background-color:#c0f8b1}.remove-button{background-color:#f4a261;color:#000;padding:10px 23px}.remove-button:hover{background-color:#faad63}.sidePanel{background-color:#5e503f;display:flex;flex-direction:column;gap:20px;height:100vh;padding:20px;top:70px;width:220px;z-index:1}.featuredRecip-button{background-color:#faf3e0;color:#000;padding:10px 25px;position:relative;z-index:2}.featuredRecip-button:hover{background-color:#f3e4bc}.userMan-button{background-color:#faf3e0;color:#000;padding:10px 25px;position:relative;z-index:2}.userMan-button:hover{background-color:#f3e4bc}.analytic-button{background-color:#faf3e0;color:#000;padding:10px 25px;position:relative;z-index:2}.analytic-button:hover{background-color:#f3e4bc}.recipe-table{background-color:#faf3e0;border-radius:8px;font-family:sans-serif;padding:20px;width:100%}.table-header,.table-row{align-items:center;border-bottom:1px solid #ccc;display:flex;padding:10px 0}.table-header{font-weight:700}.col{flex:1 1;padding:0 10px}.image-col{align-items:center;display:flex;flex:1 1;justify-content:center}.recipe-img{border-radius:6px;box-shadow:0 0 4px #0003;height:60px;object-fit:cover;width:100px}.action-col{display:flex;flex:1 1;justify-content:center}.action-buttons{display:flex;gap:10px}.sidePanel{background-color:#a8b889;box-shadow:2px 0 6px #0003;height:100%;left:0;padding-top:60px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:240px;z-index:1000}.sidePanel.open{transform:translateX(0)}.overlay{background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}select{color:#000;padding:10px 25px}.signin-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.title{color:#3c3c3c;font-size:24px;font-weight:700;left:20px;position:absolute;top:21px}.signin-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:40px;width:300px}.input-box{border:1px solid #ccc;margin-bottom:15px;margin-top:5px;padding:10px;width:100%}.account-button{background-color:#a8b889;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:background-color .2s ease;width:100%}.account-button:hover{background-color:#94a474}.account-button:active{background-color:#7f8d64}.account-button.create{background-color:#a8b889}.account-button.create:hover{background-color:#7f8d64}.account-button.create:active{background-color:#a8b889}.divider{align-items:center;display:flex;margin:10px;text-align:center}.divider:after,.divider:before{background:#ccc;content:"";flex:1 1;height:1px}.divider span{color:#888;font-size:14px;padding:0 10px}.recipe-card{border-radius:16px;box-shadow:0 4px 8px #0003;cursor:pointer;height:200px;margin:10px;overflow:hidden;position:relative;transition:transform .3s;width:300px}.recipe-card:hover{transform:scale(1.03)}.recipe-image{height:100%;object-fit:cover}.recipe-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000f2 0,#000c 50%,#0000);bottom:0;display:flex;height:40%;padding:10px;position:absolute;width:100%}.recipe-card-title{color:#fff;font-size:20px;margin:0}.recipe-button{background-color:#e0e0e0;border:none;border-radius:8px;color:#5e503f;cursor:pointer;font-size:16px;font-weight:700;padding:10px 16px;transition:background-color .2s ease}.recipe-button:hover{background-color:#d5d5d5}.recipe-button.liked,.recipe-button.saved{background-color:#f4a261}.comment-modal-overlay{align-items:center;background:#5e503f80;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.comment-modal{background:#faf3e0;border-radius:12px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;max-height:80%;max-width:500px;overflow:hidden;width:90%}.comment-list{flex:1 1;overflow-y:auto;padding:16px}.comment-item{background-color:#fff;border:1px solid #a8b889;border-radius:8px;font-size:14px;margin-bottom:10px;padding:10px 14px}.comment-item strong{color:#5e503f;margin-right:6px}.comment-item span{color:#a8b889;font-size:12px}.comment-item p{color:#333;margin:4px 0 0}.comment-input-area{background:#faf3e0;border-top:2px solid #a8b889;display:flex;padding:12px}.comment-input-area input{background-color:#fff;border:1px solid #a8b889;border-radius:8px;color:#5e503f;flex:1 1;font-size:14px;margin-right:10px;padding:10px}.comment-input-area button{background-color:#f4a261;border:none;border-radius:8px;color:#5e503f;cursor:pointer;font-weight:700;padding:10px 16px;transition:background-color .2s ease}.comment-input-area button:hover{background-color:#e3954f}.recipe-actions{align-items:center;display:flex;gap:20px;margin-top:30px}.recipe-page{color:#5e503f;margin:0 auto;max-width:800px;padding:20px}.recipe-title{font-size:32px;margin-bottom:20px}.recipe-meta{color:#777;font-size:.9rem;margin-bottom:20px;margin-top:-10px}.recipe-image{border-radius:12px;margin-bottom:20px;max-width:600px;width:100%}.ingredients-section-header{margin-top:30px}.ingredients-section-header,.steps-section-header{color:#5e503f;font-size:24px;font-weight:700;margin-bottom:24px}.steps-section-header{margin-top:84px}.ingredient-list{padding-left:20px}.ingredient-list li{cursor:pointer;margin-bottom:12px;transition:opacity .2s,-webkit-text-decoration .2s;transition:opacity .2s,text-decoration .2s;transition:opacity .2s,text-decoration .2s,-webkit-text-decoration .2s}.step-list{counter-reset:step;list-style:none;margin:0;padding-left:0}.step-list li{counter-increment:step;cursor:pointer;margin-bottom:24px;padding-left:30px;position:relative;transition:opacity .2s,-webkit-text-decoration .2s;transition:opacity .2s,text-decoration .2s;transition:opacity .2s,text-decoration .2s,-webkit-text-decoration .2s}.step-list li:before{color:#5e503f;content:counter(step) ".";font-weight:700;left:0;position:absolute;top:0}.crossed-out,.ingredient-list li:hover,.step-list li:hover{opacity:.6;text-decoration:line-through}.actions{margin-top:30px}.user-table{background-color:#5e503f;display:flex;flex-direction:column;width:100%}.user-row{align-items:center;display:flex;justify-content:center}.cell{background-color:#faf3e0;border:1px solid #999;padding:10px;text-align:center;width:50%}.checkbox{align-items:center;display:flex;justify-content:center;width:40px}.header .cell{background-color:#faf3e0;font-weight:700}.highlight{background-color:#f4a261;color:#fff}.user-actions{display:flex;gap:10px;justify-content:center;margin:20px 0}.add-user{background-color:#a8b889;color:#000;padding:10px 25px}.add-user:hover{background-color:#c0f8b1}.remove-user{background-color:#f4a261;color:#000;padding:10px 23px}.remove-user:hover{background-color:#faad63}.author-link{color:inherit;font-weight:700;text-decoration:none}.author-link:hover{color:#5e503f;text-decoration:underline}.analytics-block{margin:0 auto;max-width:600px}.analytics-block+.analytics-block{margin-top:40px}.analytics-header{align-items:center;color:#5e503f;display:flex;font-weight:700;justify-content:space-between}.analytics-block h2{font-size:20px;margin:0 0 10px}select{background-color:#a8b889;border:none;border-radius:4px;color:#5e503f;cursor:pointer;padding:10px 20px}ol{padding-left:20px}ol li{display:flex;justify-content:space-between;margin:8px 0}a{color:#000;text-decoration:underline}.stat{margin-left:10px}.search-container{padding:20px}.search-header{display:flex;justify-content:flex-end;padding:0 20px 10px}.recipe-grid{justify-content:flex-start;padding:0 20px}.recipe-card-list,.recipe-grid{display:flex;flex-wrap:wrap;gap:20px}.recipe-card-list{margin-bottom:30px;margin-left:60px}.edit-button:hover{background-color:#f0b07d}.recipe-card-ex{position:relative}.delete-button{background-color:#ff6b6b;border:none;border-radius:40%;color:#fff;cursor:pointer;font-weight:700;height:30px;position:absolute;right:5px;top:5px;width:30px}.delete-button:hover{background-color:#f88}.profile-page{font-family:sans-serif}.profile-heading{align-items:flex-start;display:flex;flex-wrap:wrap;margin:40px 50px}.left-side{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-right:70px}.profile-image{border:2px solid #000;border-radius:50%;height:150px;margin-bottom:10px;object-fit:cover;width:150px}.bio-box{background-color:#5e503f;border-radius:5px;color:#fff;flex:1 1;line-height:1.5;max-width:700px;padding:20px}.recipe-card-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;margin-left:60px}.edit-button{align-self:center;background-color:#f4a261;border-radius:5px;color:#5e503f;cursor:pointer;font-weight:700;height:40px;padding:0 20px}.bio-textarea{border:1px solid #ccc;border-radius:5px;font-family:inherit;font-size:1rem;height:100px;padding:10px;resize:vertical;width:100%}.bio-button{background-color:#f4a261;border:none;border-radius:5px;color:#5e503f;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px}.profile-image.click{cursor:pointer;transition:opacity .3s ease}.profile-image.click:hover{opacity:.8}.form-input,.form-textarea{margin-bottom:24px}.form-input,.form-textarea,.ingredients-form-textarea{border:1px solid #5e503f;border-radius:6px;box-sizing:border-box;color:#5e503f;font-family:Arial,sans-serif;font-size:16px;padding:10px;resize:none;width:100%}.ingredients-form-textarea{margin-bottom:1px}.step-tile{align-items:center;background-color:#fff;border:1px solid #5e503f;border-radius:6px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.step-buttons{display:flex;gap:4px}.step-buttons button{background-color:#f4a261;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s ease}.step-buttons button:hover{background-color:#e07a3f}.step-buttons button:disabled{background-color:#ccc;cursor:not-allowed}h2{color:#5e503f;margin-bottom:8px}input[type=file]{margin-bottom:24px}.recipe-page-container{margin:0 auto;max-width:600px;padding:40px 20px}.modal-overlay{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-box{background-color:#faf3e0;border-radius:12px;box-shadow:0 2px 10px #0003;max-width:500px;padding:24px;width:90%}.modal-box textarea{font-family:Arial,sans-serif}.step-input-row{align-items:center;display:flex;gap:10px;margin-bottom:16px}.step-input-row textarea{border:1px solid #5e503f;border-radius:6px;flex:1 1;font-family:Arial,sans-serif;font-size:16px;max-height:100px;min-height:40px;overflow-y:auto;padding:10px;resize:none}.step-input-row button{background-color:#f4a261;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;padding:10px 16px}.step-input-row button:hover{background-color:#e38c4b}
/*# sourceMappingURL=main.5a103a73.css.map*/