.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 20px #0003;text-align:center;max-width:400px;width:90%}.modal-content p{font-size:1.2rem;margin-bottom:1.5rem;color:#333}.modal-buttons{display:flex;justify-content:center;gap:1rem}.cancel-btn,.confirm-btn{padding:.5rem 1.2rem;border:none;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.cancel-btn{background-color:#f0f0f0;color:#333}.cancel-btn:hover{background-color:#c44;color:#fff}.confirm-btn{background-color:#54cc86;color:#fff}.confirm-btn:hover{background-color:#54cc86}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;height:60px;gap:1rem}.logo-image{height:60px;object-fit:contain}.search-form{flex:1;display:flex;justify-content:center;margin-left:2.5rem}.search-input{padding:.4rem 1rem;border-radius:20px;border:1px solid #ccc;font-size:1rem;width:300px;transition:all .2s ease-in-out}.spacer{flex:1}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.logo-wrapper{height:100%;display:flex;align-items:center;text-decoration:none}.nav-link{color:#333;text-decoration:none;font-weight:500;padding-bottom:4px;transition:color .2s ease-in-out,border-bottom .2s ease-in-out;border-bottom:2px solid transparent}.nav-link:hover,.active-link{color:#007bff;border-bottom:3px solid #54cc86}.user-section{display:flex;align-items:center;gap:1rem}.greeting{color:#333;font-weight:500}.logout-button{background:none;border:none;cursor:pointer;color:#007bff;font-size:1rem;padding:.25rem .5rem}.logout-button:hover{text-decoration:underline}.user-info{display:flex;align-items:center;gap:1rem}.nav-user{padding:.5rem 1rem;font-weight:500;color:#333}.nav-logout{background:none;border:none;color:#007bff;font-weight:500;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.nav-logout:hover{color:#0056b3}.logout-btn{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1rem;font-family:inherit;transition:color .2s}.logout-btn:hover{color:#007bff;text-decoration:underline}.username-text{padding:.5rem 1rem;font-size:1rem;color:#333;font-weight:500;cursor:default}.username-text.no-hover:hover{color:#333;text-decoration:none;cursor:default}.hamburger-button{display:none;font-size:1.8rem;background:none;border:none;cursor:pointer;color:#333;padding:.5rem;margin-left:auto;margin-top:.6rem;margin-bottom:.01rem}.hamburger-button:hover{background-color:#54cc86;border:1px #ffffff}@media (max-width: 768px){.navbar-container{flex-direction:column;align-items:center;height:auto;gap:.1rem;padding:.25rem 1rem;overflow:visible;transition:none!important}.logo-wrapper{display:flex;justify-content:center;width:100%;margin-bottom:.5rem}.search-form{width:100%;justify-content:center;display:flex;margin:0}.search-input{width:300px;max-width:100%}.nav-links{flex-direction:column;width:100%;align-items:flex-start;background-color:#fff;margin-top:.5rem;transition:max-height .3s ease,padding .2s ease,opacity .3s ease;overflow:hidden;max-height:0;padding:0;border-top:none;opacity:0}.nav-links.show{max-height:500px;padding:1rem 0;border-top:1px solid #e0e0e0;opacity:1}.nav-links li{width:100%;padding:0rem 1rem}.nav-link{display:inline-block;width:auto}.logo-image{height:60px;width:auto;margin:0 auto;display:block;padding:0;object-fit:contain}.user-section{flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem}.hamburger-button{display:block}}@media (max-width: 1024px) and (min-width: 769px){.nav-links{gap:1rem}}@media (max-width: 768px){.recipe-list-container{padding:2rem 1rem!important}.recipe-grid{grid-template-columns:1fr!important;gap:1rem!important}.recipe-card{font-size:1rem;padding:1rem}}@media (max-width: 768px){.recipe-form{padding:0 1rem;margin:1rem auto;width:100%;max-width:100%;box-sizing:border-box}.form-input,.form-textarea{font-size:1rem;padding:.6rem;width:100%;max-width:100%;box-sizing:border-box}.form-button{font-size:1rem;padding:.75rem;width:100%;box-sizing:border-box}}:root{font-family:Segoe UI,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;color:#ffffffde;background-color:#242424}body{margin:0;min-width:320px;min-height:100vh;font-family:inherit;color:#333;background:linear-gradient(#00000080,#00000080)}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#000}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s ease-in-out}button:hover{background-color:#005fa3;transform:scale(1.02);border-color:#646cff;color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.primary-button{background-color:#07c;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s ease-in-out}.primary-button:hover{background-color:#54cc86}.outline-button{background-color:transparent;border:2px solid #54cc86;color:#07c;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease-in-out}.outline-button:hover{background-color:#fff;color:#000}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:all .25s ease-in-out;position:relative;padding-bottom:4px}.nav-link:hover{color:#07c;transform:translateY(-2px);font-weight:600}.register-link{color:#07c;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.register-link:hover{color:#54cc86}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#f5f5f5}button{background-color:#f9f9f9}}.recipe-btn{padding:.5rem 1rem;border-radius:6px;text-decoration:none;color:#fff;font-weight:500;transition:background-color .2s ease,transform .2s ease}.recipe-btn:hover{transform:scale(1.05)}.view-btn{background-color:#07c}.view-btn:hover{background-color:#005fa3}.edit-btn{background-color:#54cc86}.edit-btn:hover{background-color:#3cae6b}.delete-btn{background-color:#c44;border:none}.delete-btn:hover{background-color:#a63b3b;color:#000}.login-button{background-color:#54cc86;color:#000;border:none;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.login-button:hover{background-color:#07c;color:#fff}.outline-button{background-color:#07c;border:2pt black;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:all .2s ease-in-out}.outline-button:hover{background-color:#07c;color:#000}.primary-button{background-color:#54cc86;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:background-color .2s ease-in-out;border:none}.primary-button:hover{background-color:#54cc86;color:#000}.delete-btn{background-color:#c44;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:background-color .2s ease-in-out}.delete-btn:hover{background-color:#c44;transform:scale(1.05)}