@import"https://fonts.googleapis.com/css?family=Amatic+SC";.pop-ups-toast{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;background-color:#fffdf5;border:2px solid #f2c94c;border-radius:12px;padding:.75rem 1rem;font-family:Hubot Sans,sans-serif;font-weight:500;font-size:.95rem;max-width:320px;animation:fadeInUp .25s ease forwards}.pop-ups-icon{margin-right:8px;font-size:1.2rem;display:flex;align-items:center}.pop-ups-body{flex:1;margin-right:8px;text-align:center}.pop-ups-close-btn{background:transparent;border:none;color:#000;cursor:pointer;font-weight:700;font-size:1rem;opacity:.8;transition:opacity .2s}.pop-ups-close-btn:hover{opacity:1}.pop-ups-confirm{display:flex;flex-direction:column;align-items:center;background-color:#fffdf5;border:2px solid #f2c94c;border-radius:12px;padding:1rem 1.25rem;gap:.75rem;max-width:320px;font-family:inherit}.pop-ups-buttons{display:flex;gap:.5rem;margin-top:.25rem}.pop-ups-btn{padding:.4rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .1s ease,background-color .2s ease}.pop-ups-btn:hover{transform:scale(1.05)}.pop-ups-confirm{animation:fadeInUp .25s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.atkinson-hyperlegible-next{font-family:Atkinson Hyperlegible Next,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.navbar{font-family:Atkinson Hyperlegible Next,sans-serif;display:flex;align-items:center;justify-content:center;background-color:#fff;width:100%;padding:0 1rem;position:fixed;top:0;left:0;z-index:1000;box-shadow:none;transition:box-shadow .25s ease-in-out,background-color .25s ease;will-change:box-shadow,background-color,backdrop-filter;transform:translateZ(0)}.navbar.scrolled{box-shadow:0 2px 8px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-left,.nav-center,.nav-right{display:flex;align-items:center;gap:1rem;font-size:1.2rem}.nav-left{position:absolute;left:2rem;justify-content:flex-start}.nav-center{justify-content:center;transform:translate(-18%)}.nav-right{position:absolute;right:4rem;justify-content:flex-end}.nav-link{color:#82200c;text-decoration:none;padding:10px;font-weight:400;text-align:center}.nav-link-right{color:#82200c;text-decoration:none;padding:6px 18px;border-radius:20px;border-style:solid;border-width:2px;border-color:#ffcc92;text-align:center;transition:all .2s ease-in-out;display:inline-block}.nav-link-right:hover{background-color:#ff904b;transform:translateY(-2px)}.nav-link:hover{color:#f9ae2c}.nav-center img{height:50px;width:auto;display:block;margin:0 auto}.dropdown{position:relative;display:inline-block}.dropdown-button{background:none;border:none;color:#82200c;font-family:inherit;font-size:1.2rem;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s ease,color .2s ease}.dropdown-button:hover{color:#f9ae2c}.dropdown-arrow{display:inline-block;transition:transform .2s ease,color .2s ease;margin-left:4px;color:#82200c}.dropdown-arrow.open{transform:rotate(-90deg);color:#f9ae2c}.dropdown-menu{position:absolute;top:100%;left:0;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 6px 14px #00000026;min-width:180px;padding:8px 0;z-index:999;animation:dropdownFadeIn .2s ease;font-size:1.2rem}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nav-hamburger{display:none;border:0;background:transparent;cursor:pointer;padding:6px;margin-right:8px}@media(max-width:768px){.navbar{display:block;height:60px}.nav-hamburger{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:10}.nav-left,.nav-right{display:none}.nav-center{position:fixed;left:50%;top:0;height:60px;transform:translate(-68%);display:flex;align-items:center;justify-content:center}.nav-center img{height:42px}.mobile-menu{display:flex;flex-direction:column;align-items:center;background-color:#fff;position:absolute;top:60px;left:0;width:100%;padding:1rem 0;box-shadow:0 4px 10px #0000001a;z-index:999}.mobile-menu.opening{animation:slideDown .3s ease forwards}.mobile-menu.closing{animation:slideUp .3s ease forwards;pointer-events:none}.mobile-menu .nav-link{margin:.5rem 0;padding:1rem;text-align:center;color:#82200c;font-size:1rem;width:100%}.mobile-menu .nav-link:hover{background-color:#f9f9f9;color:#f9ae2c}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}}.kaushan-script-regular{font-family:Kaushan Script,cursive;font-weight:400;font-style:normal}.recipe-list-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-top:-46px;margin-left:10px;margin-right:10px}.recipe-list-title{display:flex;justify-content:center;padding:60px 25px 25px;margin-top:50px;margin-bottom:20px;font-family:Hubot Sans,sans-serif;font-size:55px;color:#000}.search-bar{display:flex;align-items:center;gap:12px;width:100%;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:20px 30px;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.search-bar label{font-weight:600;white-space:nowrap;font-size:16px;color:#3a1c08}.search-input{flex:1 1 auto;width:100%;min-width:0;padding:10px 12px;border:1px solid #d4b9a3;border-radius:8px;background-color:#fff;color:#3a1c08;font-size:16px}.search-input:focus{border-color:#f9ae2c;outline:none}.clear-search-btn{border:none;background:none;color:#82200c;font-size:1.4rem;cursor:pointer;padding:0 5px;flex-shrink:0}.clear-search-btn:hover{color:#f38b00}.show-favorite-btn{width:auto;color:#000}.fav-label{color:#000}.sort-controls{display:flex;justify-content:center;align-items:center;gap:10px}.recipe-list{display:flex;justify-content:space-evenly;list-style:none;text-align:center;flex-wrap:wrap;gap:20px;padding:0;width:clamp(320px,75vw,1200px);margin:50px auto 0;justify-self:center}.recipe-link{text-decoration:none;color:inherit}.recipe-card{width:220px;height:220px;box-sizing:border-box;transition:background-color .3s ease;box-shadow:0 4px 15px #00000026;color:#82200c;background-color:#fff;text-decoration:none;padding:10px 18px;border-radius:45px;border-style:solid;border-width:2px;border-color:#ffcc92;font-weight:500;text-align:center;transition:all .2s ease-in-out;display:inline-block;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.recipe-card:hover{background-color:#ff904b;transform:translateY(-2px);cursor:pointer}.recipe-thumbnail-wrapper{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.recipe-thumbnail-wrapper.placeholder{width:100%;height:100%}.recipe-thumbnail{max-width:100%;max-height:100%;object-fit:contain}.recipe-thumbnail-placeholder{font-size:.9rem;color:#8a5a27;font-weight:600;padding:0 8px;text-align:center}.recipe-card-content,.recipe-card-content.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:6px}.recipe-card-content strong{font-size:1rem}.recipe-favorite-icon{font-size:1.1rem}.add-ingredients-btn{width:170px;font-size:15px;margin-top:8px;background:none;border:none;color:#82200c}.add-ingredients-btn:hover{color:#f9ae2c;cursor:pointer}.recipe-list-buttons{display:flex;flex-direction:column;align-items:center;margin-top:40px;gap:20px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px}.list-filters{display:flex;flex-direction:column;align-items:center;gap:18px;width:90%;max-width:1200px;margin:0 auto}.filter-panel{width:100%;border:2px solid #82200c;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px #00000014;transition:max-height .3s ease,padding .3s ease;overflow:hidden}.filter-toggle-btn{width:100%;background:none;border:none;font-size:1rem;font-weight:600;text-align:left;padding:12px 16px;color:#82200c;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.filter-toggle-btn:hover{color:#f38b00}.filter-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:18px}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.filters-check-panel{display:flex;flex-direction:column;gap:12px;width:100%}.filter-header .sort-controls{display:flex;flex-direction:column;gap:8px;width:100%}.filter-header .sort-controls label{font-weight:600;color:#82200c}.filter-header .sort-controls select{width:100%;padding:6px 10px;border:1px solid #d08c45;border-radius:8px;background-color:#fff7ea;color:#3a1c08}.reset-filters-btn{background:none;border:1px solid #d08c45;border-radius:8px;padding:6px 12px;color:#82200c;font-weight:600;cursor:pointer;white-space:nowrap}.reset-filters-btn:hover{background-color:#fbe2c5;color:#f38b00}.filters-check-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%}@media(min-width:768px){.filters-check-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.filters-check-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.filters-check-grid{grid-template-columns:repeat(4,1fr)}}.filters-check-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#3a1c08;background-color:#fff7ea;border:1px solid #d08c45;border-radius:8px;padding:12px 18px 12px 12px;box-sizing:border-box;min-height:64px;width:100%}.filters-check-checkbox{flex:0 0 auto;margin:0 4px 0 0;accent-color:#ff904b}.filters-check-label{flex:1 1 auto;min-width:0;text-align:left;font-weight:600;line-height:1.3;white-space:normal}.clear-tags-btn{background:none;border:none;color:#82200c;text-decoration:underline;font-size:.9rem;cursor:pointer;padding:0}.clear-tags-btn:hover{color:#f9ae2c}@media(max-width:430px){.recipe-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;justify-items:center;padding:0;justify-content:center}.recipe-card{width:170px;height:170px;padding:12px}.recipe-thumbnail-wrapper{width:90px;height:90px;border-radius:10px}.sort-controls{flex-direction:column;margin-bottom:15px}.search-bar{padding:10px}}@media(max-width:900px){.list-filters{width:95%}.search-bar{padding:15px 20px}}@media(max-width:640px){.filters-check-grid{gap:10px}.search-bar{padding:12px 15px;gap:8px}.filter-panel{border-radius:8px}}.loading-wrapper{display:flex;align-items:center;justify-content:center;height:calc(100vh - 75px);width:100%;overflow:hidden;background-color:#e4e3e345;border-radius:80px;margin:10px;padding:0;box-sizing:border-box}.loading-wrapper body{height:100vh;width:100vw;overflow:hidden}#cooking{position:relative;margin:0 auto;top:0;width:75vh;height:75vh;overflow:hidden;transform:translateY(-20%)}#cooking #area{position:absolute;bottom:0;right:8%;width:50%;height:50%;background-color:transparent;transform-origin:15% 60%;animation:flip 2.1s ease-in-out infinite}#cooking #area #sides{position:absolute;width:100%;height:100%;transform-origin:15% 60%;animation:switchSide 2.1s ease-in-out infinite}#cooking #area #sides #handle{position:absolute;bottom:18%;right:80%;width:35%;height:20%;background-color:transparent;border-top:1vh solid #333;border-left:1vh solid transparent;border-radius:100%;transform:rotate(20deg) rotateX(0) scale(1.3,.9)}#cooking #area #sides #pan{position:absolute;bottom:20%;right:30%;width:50%;height:8%;background-color:#333;border-radius:0 0 1.4em 1.4em;transform-origin:-15% 0}#cooking #area #pancake{position:absolute;top:24%;width:100%;height:100%;transform:rotateX(85deg);animation:jump 2.1s ease-in-out infinite}#cooking #area #pancake #pastry{position:absolute;bottom:26%;right:37%;width:40%;height:45%;background-color:#333;box-shadow:0 0 3px #333;border-radius:100%;transform-origin:-20% 0;animation:fly 2.1s ease-in-out infinite}#cooking .bubble{position:absolute;border-radius:100%;box-shadow:0 0 .25vh #4d4d4d;opacity:0}#cooking .bubble:nth-child(1){margin-top:2.5vh;left:58%;width:2.5vh;height:2.5vh;background-color:#454545;animation:bubble 2s cubic-bezier(.53,.16,.39,.96) infinite}#cooking .bubble:nth-child(2){margin-top:3vh;left:52%;width:2vh;height:2vh;background-color:#3d3d3d;animation:bubble 2s ease-in-out .35s infinite}#cooking .bubble:nth-child(3){margin-top:1.8vh;left:50%;width:1.5vh;height:1.5vh;background-color:#333;animation:bubble 1.5s cubic-bezier(.53,.16,.39,.96) .55s infinite}#cooking .bubble:nth-child(4){margin-top:2.7vh;left:56%;width:1.2vh;height:1.2vh;background-color:#2b2b2b;animation:bubble 1.8s cubic-bezier(.53,.16,.39,.96) .55s infinite}#cooking .bubble:nth-child(5){margin-top:2.7vh;left:63%;width:1.1vh;height:1.1vh;background-color:#242424;animation:bubble 1.6s ease-in-out 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.25}50%{transform:scaleX(1.2);opacity:1}to{transform:scale(1);opacity:.25}}@keyframes flip{0%{transform:rotate(0)}5%{transform:rotate(-27deg)}30%,50%{transform:rotate(0)}55%{transform:rotate(27deg)}83.3%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes switchSide{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes jump{0%{top:24;transform:rotateX(85deg)}25%{top:10%;transform:rotateX(0)}50%{top:30%;transform:rotateX(85deg)}75%{transform:rotateX(0)}to{transform:rotateX(85deg)}}@keyframes fly{0%{bottom:26%;transform:rotate(0)}10%{bottom:40%}50%{bottom:26%;transform:rotate(-190deg)}80%{bottom:40%}to{bottom:26%;transform:rotate(0)}}@keyframes bubble{0%{transform:scale(.15);top:80%;opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(.33);top:60%;opacity:0}}@media screen and (max-width:768px){.loading-wrapper{height:calc(100vh - 50px)}#cooking{width:40vh;height:40vh}}main{background-color:#ffe0bd45;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-left:10px;margin-right:10px}.landing-page-title{font-size:5rem;font-weight:700;font-family:Hubot Sans,sans-serif}main p{font-size:1.5rem}.home-main{background-color:#e4e3e345;border-radius:80px;min-height:100vh;margin-left:10px;margin-right:10px}.sign-in-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-left:10px;margin-right:10px}.sign-in-title{padding:25px;margin-bottom:20px;font-size:45px;font-family:Hubot Sans,sans-serif}.sign-in-buttons-container{display:flex;justify-content:space-around;margin-top:30px}.sign-in-btns{color:#82200c;text-decoration:none;padding:10px;font-weight:400;width:100px;text-align:center;background:none;border:none;font-size:20px}.sign-in-btns:hover{color:#f9ae2c;cursor:pointer}.sign-label{font-size:20px}.sign-up-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-left:10px;margin-right:10px}.sign-up-title{padding:25px;margin-bottom:20px;font-size:45px;font-family:Hubot Sans,sans-serif}.sign-form-group input,.sign-in-page input,.username-input{margin:10px;padding:.2rem;border-radius:6px;font-size:1rem;width:250px}.sign-up-buttons-container{display:flex;justify-content:space-around;margin-top:30px}.sign-up-btns{color:#82200c;text-decoration:none;padding:10px;font-weight:400;width:100px;text-align:center;background:none;border:none;font-size:20px}.sign-up-btns:hover{color:#f9ae2c;cursor:pointer}.input-error{border:2px solid #d32f2f!important;background-color:#ffebee}.error-message{color:#d32f2f;text-align:center;margin:1rem 0;font-size:.95rem}.forgot-password-page{max-width:500px;margin:2rem auto;padding:2rem}.forgot-password-title{text-align:center;margin-bottom:1rem}.forgot-password-description{text-align:center;margin-bottom:2rem;color:#666}.success-message{padding:1rem;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:1rem}.error-message{padding:1rem;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:1rem}.forgot-password-buttons-container{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:1.5rem}.forgot-password-btn{padding:.75rem 2rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.forgot-password-btn:hover:not(:disabled){background-color:#0056b3}.forgot-password-btn:disabled{background-color:#6c757d;cursor:not-allowed}.back-to-signin-link{color:#007bff;text-decoration:none;font-size:.9rem}.back-to-signin-link:hover{text-decoration:underline}.forgot-password-link{text-align:right;margin-top:.5rem;margin-bottom:1rem}.forgot-password-link a{color:#007bff;text-decoration:none;font-size:.9rem}.forgot-password-link a:hover{text-decoration:underline}.reset-password-page{max-width:500px;margin:2rem auto;padding:2rem}.reset-password-title{text-align:center;margin-bottom:1rem}.reset-password-description{text-align:center;margin-bottom:2rem;color:#666}.sign-form-group{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.field-error{color:#d32f2f;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem;text-align:center;max-width:270px;line-height:1.4}.error-message,.success-message{text-align:center;margin:1rem 0;font-size:.95rem}.error-message{color:#d32f2f}.success-message{color:#2e7d32}.input-error{border-color:#f5c6cb!important}.reset-password-buttons-container{display:flex;justify-content:center;margin-top:1.5rem}.reset-password-btn{padding:.75rem 2rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.reset-password-btn:hover:not(:disabled){background-color:#0056b3}.reset-password-btn:disabled{background-color:#6c757d;cursor:not-allowed}.recipe-detail-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-top:10px;margin-left:10px;margin-right:10px;display:flex;flex-direction:column;align-items:center}.recipe-title{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;margin-top:50px;font-family:Hubot Sans,sans-serif;font-size:55px;padding-top:60px}.favorite-icon{display:inline-flex;align-items:center;line-height:1}.edit-button,.delete-button,.back-button{color:#82200c;text-decoration:none;padding:20px;font-weight:400;width:auto;text-align:center;background:none;border:none;font-size:18px}.edit-button:hover,.delete-button:hover,.back-button:hover{color:#f9ae2c;cursor:pointer}.recipe-actions{align-items:center;justify-content:center;display:flex;margin-top:10px}.favorite-container{background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:10px}.detail-favorite-container{margin-top:20px;justify-content:flex-start}.detail-favorite-label{font-weight:600;color:#3a1c08;font-size:18px;padding-right:15px;padding-left:15px}.detail-favorite-checkbox{width:26px;height:26px;accent-color:#d08c45;cursor:pointer}.detail-favorite-checkbox:disabled{cursor:not-allowed;opacity:.7}.recipe-tags,.detail-recipe-notes,.recipe-steps{align-items:center;justify-content:center;display:inline-flex;margin-top:30px;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:fit-content;max-width:90vw}.recipe-ingredients{display:inline-flex;justify-content:center;align-items:baseline;flex-wrap:wrap;flex-direction:row;margin-top:30px;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:fit-content;max-width:90vw}.recipe-ingredients h2{margin-right:50px;margin-top:0;margin-bottom:0}.detail-tag-label,.detail-notes-label,.detail-steps-label{margin-right:40px}.tags-list{display:flex;flex-wrap:wrap;gap:.3rem}.tag-item:after{content:","}.tag-item:last-child:after{content:""}.recipe-ingredients ul{list-style-type:disc;padding-left:1.5rem;margin:0;display:grid;grid-template-columns:1fr;gap:.3rem}.recipe-ingredients ul:has(li:nth-child(9)){grid-template-columns:1fr 1fr}.recipe-ingredient-list{list-style:none!important;padding:0!important;margin:0!important;display:inline-block!important;grid-template-columns:unset!important}.recipe-ingredient-list li{margin-bottom:.6rem}.ingredient-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:nowrap!important}.ingredient-details{flex:1;min-width:0}.recipe-ingredient-list li:first-child{margin-top:0;margin-bottom:.6rem}.ingredient-add-btn{background:none;border:none;color:#82200c;font-size:.95rem;cursor:pointer;text-decoration:underline;padding:0;text-decoration:none;white-space:nowrap;flex-shrink:0}.ingredient-add-btn:hover{color:#f9ae2c}.ingredient-add-btn:disabled{color:#b5653d;cursor:default;text-decoration:none}.recipe-image-container{display:inline-flex;justify-content:center;align-items:center;margin-top:10px;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:fit-content;max-width:90vw}.recipe-image{max-width:200px;max-height:200px;object-fit:contain;border-radius:10px}.steps-list{display:flex;flex-direction:column;gap:.8rem}.step-item{display:flex;gap:.5rem;line-height:1.5}.step-number{font-weight:600;white-space:nowrap}.step-description{flex:1}@media(max-width:700px){.recipe-title{font-size:40px;padding-top:40px}.recipe-ingredients{flex-direction:column;align-items:center}.recipe-ingredients h2{margin-right:0;margin-bottom:15px}.ingredient-item{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;flex-wrap:wrap}.ingredient-details{width:100%;word-break:break-word}.ingredient-add-btn{font-size:.85rem;align-self:flex-start}.edit-button,.delete-button,.back-button{font-size:16px;padding:15px 10px}.recipe-actions{flex-wrap:wrap}.detail-tag-label,.detail-notes-label,.detail-steps-label{margin-right:15px}}.recipe-form-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-top:-16px;margin-left:10px;margin-right:10px}.recipeform-title{display:flex;justify-content:center;padding:60px 25px 25px;margin-bottom:10px;margin-top:50px;font-size:32px;font-weight:600;color:#3a1c08;font-family:Hubot Sans,sans-serif}.form-element{display:flex;align-items:center;margin-bottom:20px;flex-direction:column;width:100%}.form-element label{padding-right:15px;padding-left:15px;font-size:18px}.form-element select{padding:3px;background-color:#fff;border-radius:8px}.recipe-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;margin-top:10px}.recipe-field-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap;width:90%;max-width:720px;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:20px 28px;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.recipe-field-group label{font-weight:600;font-size:16px;white-space:nowrap;color:#3a1c08;text-align:left;flex:0 0 auto;align-self:center}.recipe-field-group input,.recipe-field-group textarea{flex:1 1 auto;min-width:0;max-width:100%;font-size:1rem;line-height:1.4;border-radius:12px;border:1px solid #d4b9a3;padding:10px 16px;min-height:44px;box-sizing:border-box;background:#fffefd;transition:border-color .2s ease,box-shadow .2s ease}.recipe-field-group input[type=checkbox]{width:auto;border-radius:6px;padding:0;min-height:0;box-shadow:none}.recipe-field-group input:focus,.recipe-field-group textarea:focus{border-color:#f9ae2c;box-shadow:0 0 0 2px #f9ae2c40;outline:none}.recipe-title-input{font-size:inherit;line-height:1.4;padding:10px 16px;border-radius:12px}.recipe-form textarea,.recipe-notes-input{font-size:1rem;border-radius:12px;width:100%;min-height:96px;resize:vertical;padding:10px 16px;box-sizing:border-box;line-height:1.4}.ingredient-name-input{width:clamp(100px,45vw,420px)}.image-upload-hint{width:194px;padding-right:30px}.quantity-input,.weight-input,.volume-input,.add-ingredient-input{border-radius:8px}.ingredient-container{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%}.ingredient-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;width:100%}.form-field-pair{display:flex;align-items:center;gap:8px;flex:1 1 clamp(200px,38vw,360px);min-width:200px}.form-field-pair input,.form-field-pair select{flex:1 1 auto;min-width:clamp(120px,20vw,200px);width:100%}.steps-container{display:flex;flex-direction:column;align-items:center;margin-top:30px}.step-form{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:20px;margin:15px 0;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;width:clamp(260px,90vw,1200px);transition:transform .2s ease,box-shadow .2s ease}.step-direction-input{width:550px}.step-description-input{width:100%;min-height:clamp(52px,8vh,140px);box-sizing:border-box;flex:1}.recipe-notes{width:442px;height:47px;background-color:#fff}.form-btn{color:#82200c;text-decoration:none;padding:10px;font-weight:400;text-align:center;background:none;border:none;width:150px;font-size:18px}.form-btn:hover{color:#f9ae2c;cursor:pointer}.form-btn-container{margin-top:35px}.recipe-form-btns{margin-top:30px}.error-messages{background-color:#fdecea;border:1px solid #f5c2c7;border-radius:6px;color:#611a15;margin-bottom:20px;max-width:600px;padding:12px 16px;width:100%}.error-messages ul{margin:0;padding-left:20px}@media(max-width:600px){.recipeform-title{font-size:40px;padding-top:40px}.recipe-field-group{flex-direction:column;align-items:stretch;gap:12px}.recipe-field-group label{width:100%;text-align:left}.ingredient-row{display:flex!important;flex-direction:column!important;gap:8px;padding:0 10px;align-items:stretch!important;justify-content:flex-start!important}.ingredient-field-group{width:100%!important;max-width:100%!important;grid-column:unset!important;grid-row:unset!important}.ingredient-field-group label{font-size:14px}.ingredient-name-input{width:100%;min-width:100px}.quantity-input{width:60px;min-width:50px}.volume-input,.weight-input{width:100px;min-width:90px}.tags-container{flex-direction:column;width:95%}.tags-grid{width:100%;grid-template-columns:1fr}.form-btn{font-size:16px;width:130px;padding:8px}.step-description-input{width:90vw}}.edit-recipe-form{display:flex;flex-direction:column;align-items:center;width:100%}.favorite-container{background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:10px;width:fit-content;align-self:center}.favorite-container label{font-weight:600;color:#3a1c08;font-size:18px}.favorite-container input[type=checkbox]{width:26px;height:26px;accent-color:#d08c45;cursor:pointer}.tags-container{margin:25px 0 20px;padding:30px;width:90%;display:flex;flex-direction:column;align-items:flex-start;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;transition:transform .2s ease,box-shadow .2s ease;max-width:1200px}.tags-container h3{margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600;color:#3a1c08}.tags-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%}.tag-checkbox{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#3a1c08;background-color:#fff7ea;border:1px solid #d08c45;border-radius:8px;padding:12px 18px 12px 12px;box-sizing:border-box;min-height:48px;cursor:pointer;font-weight:500}.tag-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#ff904b;flex-shrink:0}.edit-ingredient-container{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%;overflow-x:hidden}.edit-ingredient-container>.form-btn{align-self:center}.image-upload-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:10px;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;transition:transform .2s ease,box-shadow .2s ease}.image-upload-section label{font-weight:600;font-size:18px;text-align:center}.image-upload-hint{font-size:14px;color:#82200c;text-align:center;margin:0;width:auto;padding:0}.image-upload-section input[type=file]{padding:10px;border:2px dashed #d08c45;border-radius:12px;background-color:#fff3e0;cursor:pointer;transition:all .3s ease;width:clamp(200px,40vw,380px);text-align:center}.image-upload-section input[type=file]:hover{border-color:#f9ae2c;background-color:#ffe0bd}.image-preview-container{width:clamp(260px,54vw,480px);max-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff3e0;border-radius:16px;overflow:hidden;border:2px solid #d08c45;margin-top:12px;margin-left:auto;margin-right:auto;padding:16px;gap:12px;box-shadow:0 2px 8px #82200c1a}.image-preview{width:50%;max-height:150px;object-fit:contain;border-radius:8px}.remove-image-btn{background-color:#82200c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.remove-image-btn:hover{background-color:#f9ae2c}.ingredient-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;width:100%;position:relative}.ingredient-form{width:clamp(260px,90vw,1200px);display:flex;flex-direction:column;align-items:stretch;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;transition:transform .2s ease,box-shadow .2s ease;margin-left:auto;margin-right:auto}.ingredient-row{width:100%;display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center}@media(min-width:1200px){.ingredient-row{flex-wrap:nowrap;justify-content:space-between}}.ingredient-field-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1 auto;min-width:150px}@media(max-width:1000px)and (min-width:601px){.ingredient-row{display:grid;grid-template-columns:auto auto;gap:8px;justify-content:center}.ingredient-field-group:nth-child(1){grid-column:1;grid-row:1}.ingredient-field-group:nth-child(2){grid-column:2;grid-row:1}.ingredient-field-group:nth-child(3){grid-column:1;grid-row:2}.ingredient-field-group:nth-child(4){grid-column:2;grid-row:2}}.ingredient-field-group label{white-space:nowrap;flex-shrink:0;font-size:16px;text-align:center}.ingredient-field-group input,.ingredient-field-group select{font-size:16px;border-radius:8px;padding:8px;height:40px;box-sizing:border-box}.ingredient-field-group input:disabled,.ingredient-field-group select:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}.ingredient-field-group label:has(+input:disabled),.ingredient-field-group label:has(+select:disabled){color:#999;opacity:.6}.ingredient-remove-container{width:100%;display:flex;justify-content:center;margin-top:12px}.remove-ingredient-btn{margin-top:0}.ingredient-name-input{width:100%;max-width:300px}.quantity-input{width:100%;max-width:120px}.volume-input,.weight-input{width:100%;max-width:180px}.form-field-pair{display:flex;align-items:center;gap:8px;flex:1 1 clamp(240px,45vw,360px);min-width:220px}.form-field-pair label{white-space:nowrap;font-weight:600}.form-field-pair input,.form-field-pair select{flex:1 1 auto;min-width:clamp(140px,22vw,260px);width:100%}.edit-steps-component{margin-top:35px;display:flex;flex-direction:column;align-items:center}.step-form{display:flex;align-items:flex-start;margin:15px 0;flex-wrap:nowrap;gap:20px;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;transition:transform .2s ease,box-shadow .2s ease;width:clamp(260px,90vw,1200px)}.step-info-left{display:flex;flex-direction:row;align-items:center;gap:12px;flex-shrink:0;align-self:stretch}.step-labels{display:flex;flex-direction:column;gap:4px;justify-content:flex-start;align-items:flex-start}.step-content-right{flex:1;display:flex;flex-direction:row;gap:12px;min-width:0;align-items:flex-start}.step-number-label{font-weight:600;white-space:nowrap;font-size:16px;display:block;text-align:left}.step-labels label{font-size:16px;display:block;text-align:left;margin:0;padding:0}.step-form textarea{font-size:16px;border-radius:8px}.step-form textarea{width:100%;min-height:clamp(52px,8vh,140px);padding:.2rem;border-radius:8px;font-size:1rem;box-sizing:border-box;flex:1}.step-remove-container{display:flex;align-items:center;flex-shrink:0;align-self:center}.step-remove-btn{margin-top:0;white-space:nowrap}.step-controls{display:flex;flex-direction:column;gap:.25rem}.step-arrow-btn{background:none;border:1px solid #82200c;color:#82200c;width:28px;height:28px;cursor:pointer;font-size:14px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.step-arrow-btn:hover:not(:disabled){background-color:#f9ae2c;color:#fff;border-color:#f9ae2c}.step-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-input,.weight-input,.volume-input{width:100px;border-radius:8px}@media(max-width:600px){.ingredient-row{display:flex!important;flex-direction:column!important;gap:8px;align-items:stretch!important;justify-content:flex-start!important}.ingredient-field-group{width:100%!important;max-width:100%!important}}.grocery-list-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-top:-16px;margin-left:10px;margin-right:10px}.grocery-item.checked .grocery-item-text{text-decoration:line-through;color:#999}.grocery-list-title{display:flex;justify-content:center;margin-top:50px;margin-bottom:20px;font-family:Hubot Sans,sans-serif;font-size:55px;padding-top:60px}.check-all-button,.update-button{color:#82200c;text-decoration:none;padding:20px;font-weight:400;width:auto;text-align:center;background:none;border:none;font-size:20px}.check-all-button:hover,.update-button:hover{color:#f9ae2c;cursor:pointer}.grocery-list-container{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:40px}ul{list-style-type:none}.grocery-list{display:block;flex-direction:column;width:100%;max-width:600px;background-color:#fffdf8;border-radius:10px;box-shadow:0 4px 15px #00000014;padding:40px 50px;line-height:2.2;position:relative;background-image:linear-gradient(#f0e6d2 1px,transparent 1px);background-size:100% 2.2em;border-left:6px solid #f9ae2c}.grocery-list:before{content:"";position:absolute;top:0;left:45px;width:2px;height:100%;background-color:#ff6b6b;opacity:.3}.grocery-item{display:flex;align-items:center;width:100%;height:2.2em}.grocery-item-text{padding-left:20px}.grocery-list-actions{margin-top:30px}.empty-message{text-align:center;margin-top:80px}.grocery-checkbox{transform:scale(1.3);accent-color:#f9ae2c;cursor:pointer}@media screen and (max-width:768px){.grocery-list{width:65%}}.recipe-wheel-page{text-align:center;background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-top:16px;margin-left:10px;margin-right:10px;position:relative}.wheel-title{display:flex;justify-content:center;padding:60px 25px 25px;margin-top:50px;margin-bottom:20px;font-family:Hubot Sans,sans-serif;font-size:55px}.no-recipes{font-size:1.2rem;color:#666;margin-top:3rem}.wheel-container{position:relative;width:400px;height:400px;margin:0 auto 2rem}.wheel-pointer{position:absolute;top:-40px;left:50%;transform:translate(-50%);z-index:10;font-size:2rem;color:#000}.favorites-filter-wheel{margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;margin-right:70px}.favorites-filter-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1.1rem;font-family:Hubot Sans,sans-serif}.favorites-filter input[type=checkbox]{width:20px;height:20px;cursor:pointer}.favorites-filter span{font-weight:600}.wheel{width:100%;height:100%;transition:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.wheel-segment{transition:opacity .2s ease}.recipe-tooltip{position:absolute;bottom:5px;left:50%;transform:translate(-50%);border:black solid 2px;border-radius:10px;background-color:#ffb54b;width:220px;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transition:background-color .3s ease;box-shadow:0 4px 15px #00000026;z-index:20;text-overflow:ellipsis}.wheel-container.blurred{filter:blur(6px);pointer-events:none;transition:filter .3s ease}.spin-button{padding:1rem 3rem;background:transparent;color:#82200c;font-size:1.5rem;font-weight:400;font-family:Hubot Sans,sans-serif;cursor:pointer;transition:all .3s ease;letter-spacing:1px;text-transform:none;border:none;position:relative;z-index:10}.spin-button:hover:not(:disabled){color:#f9ae2c}.spin-button:active:not(:disabled){transform:scale(.98)}.spin-button:disabled{opacity:.6;cursor:not-allowed}.selected-recipe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:black solid 2px;border-radius:20px;background-color:#fffdfc;width:220px;height:220px;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transition:background-color .3s ease;box-shadow:0 4px 15px #00000026;justify-content:center;z-index:5000;animation:slide-in .4s ease;width:465px;height:187px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.selected-recipe h2{color:#000;margin:0 0 1.5rem;font-size:1.8rem;font-family:Hubot Sans,sans-serif}.view-recipe-button{color:#82200c;border:none;background-color:transparent;font-size:1.2rem}.view-recipe-button:hover{color:#000}.view-recipe-button:active{transform:scale(.98)}@media(max-width:768px){.wheel-container{width:300px;height:300px}.wheel-title{font-size:2rem}.spin-button{font-size:1.2rem;padding:.75rem 2rem}.selected-recipe h2{font-size:1.4rem}}.confetti-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.confetti-wrapper.fade-out{opacity:0}.confetti-piece{position:absolute;top:-50px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;opacity:.9}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translate(30px) translateY(100vh) rotate(720deg);opacity:0}}.profile-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-top:-16px;margin-left:10px;margin-right:10px}.profile-title{display:flex;justify-content:center;padding:60px 25px 25px;margin-top:50px;margin-bottom:20px;font-family:Hubot Sans,sans-serif;font-size:55px}.submit-button,.danger-button{color:#82200c;text-decoration:none;padding:20px;font-weight:400;width:auto;text-align:center;background:none;border:none;font-size:20px}.submit-button:hover,.danger-button:hover{color:#f9ae2c;cursor:pointer}.profile-section-container{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:600px;margin:0 auto;padding:0 20px}.profile-section{display:flex;flex-direction:column;width:70%;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;transition:transform .2s ease,box-shadow .2s ease;text-align:center;align-items:center;margin:40px auto 0}.profile-section h2{font-family:Handjet,sans-serif;font-size:32px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:15px;width:100%}.form-group label{font-weight:600;margin-bottom:6px;color:#4b2e1a}.form-group input{padding:10px 12px;border-radius:8px;border:1px solid #d4b9a3;font-size:16px;background-color:#fff;transition:border-color .2s ease}.form-group input:focus{border-color:#f9ae2c;outline:none}.input-error{border-color:#d9534f!important;background-color:#fff5f5}.success-message{color:#3c763d;background-color:#dff0d8;padding:10px 15px;border-radius:8px;margin-bottom:15px;width:100%}.field-error{color:#d9534f;font-size:14px;margin-top:4px}.danger-section{background-color:#fff8f7;border:1px solid #ffd6d1}.danger-section h2{color:#82200c}.warning-text{color:#82200c;font-style:italic;margin-bottom:15px}.delete-confirm{margin-top:15px}.delete-buttons{display:flex;gap:10px;margin-top:10px}.cancel-button{color:#4b2e1a;text-decoration:underline;background:none;border:none;font-size:18px;cursor:pointer}.cancel-button:hover{color:#f9ae2c}.prompt-form-page{background-color:#e4e3e345;border-radius:80px;min-height:calc(100vh - 75px);padding-bottom:40px;margin-top:36px;margin-left:10px;margin-right:10px;display:flex;flex-direction:column;align-items:center}.AI-form-title{display:flex;justify-content:center;padding:60px 25px 25px;margin-bottom:10px;margin-top:50px;font-size:32px;font-weight:600;color:#3a1c08;font-family:Hubot Sans,sans-serif}.prompt-form{width:100%;display:flex;flex-direction:column;align-items:center}.ai-form-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.prompt-box{display:flex;flex-direction:column;gap:10px;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;width:clamp(240px,60vw,720px)}.prompt-box label{font-weight:600;font-size:16px;color:#3a1c08}.prompt-box textarea{font-size:16px;border-radius:8px;padding:8px;border:1px solid #d4b9a3;font-family:inherit;resize:vertical;min-height:80px}.tags-container{display:flex;flex-direction:column;background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;width:clamp(240px,60vw,720px)}.tags-container h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#3a1c08}.tags-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:768px){.tags-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tags-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.tags-grid{grid-template-columns:repeat(4,1fr)}}.tag-checkbox{display:flex;align-items:center;gap:10px;background-color:#fff7ea;border:1px solid #d08c45;border-radius:8px;padding:12px 18px 12px 12px;min-height:48px;cursor:pointer;font-weight:500}.tag-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#d08c45;cursor:pointer}.response{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px}.response-recipe-ai{opacity:0;transform:translateY(10px);animation:fadeInUp .6s ease forwards;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}#recipe-ai-title{font-size:32px;font-weight:600;color:#3a1c08;margin-top:20px}.generated-recipe-ai-notes,.generated-ingredients,.generated-steps,.generated-tags,.ai-disclaimer-box{background:#fffdfc;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:30px;width:clamp(240px,60vw,720px);animation:fadeIn .6s ease forwards;opacity:0;animation-delay:.3s}.generated-recipe-ai-notes h3,.generated-ingredients h3,.generated-steps h3,.generated-tags h3{font-size:18px;font-weight:600;margin-bottom:15px;color:#3a1c08}.generated-tags-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.generated-tags-list li{background-color:#fff7ea;border:1px solid #d08c45;border-radius:8px;padding:6px 12px;font-size:.95rem;color:#3a1c08}.ai-disclaimer-box{font-size:.95rem;color:#82200c;line-height:1.4;margin-top:20px}#save-button{margin-top:20px}.generated-ingredient-list{list-style-position:inside;padding-left:0;margin:0}.generated-ingredient-item{margin-bottom:8px;line-height:1.6}.generated-step-list{list-style-position:inside;padding-left:0;margin:0;counter-reset:step-counter}.generated-step-list li{margin-bottom:12px;line-height:1.6;padding-left:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.generated-ingredients,.generated-steps,.generated-recipe-ai-notes{animation:fadeIn .6s ease forwards;opacity:0;animation-delay:.3s}@keyframes fadeIn{to{opacity:1}}.generate-buttons{background-color:#f7931a;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.generate-buttons:hover{background-color:#ffa726}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.hubot-sans{font-family:Hubot Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}*{margin:0;padding:0;color:#000}html,body{overflow-x:hidden;max-width:100vw;font-family:Hubot Sans,sans-serif}:root{--footer-height: 60px}main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh}body{margin-top:56px}