*,*:before,*:after{box-sizing:border-box}:root{--toggle-height: 2rem;--nav-height: 56px}.navbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e5e5}.navbar-bar{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 1.5rem}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.navbar-logo-name{font-size:1.1rem;font-weight:700;color:#ff6b35;letter-spacing:-.02em}.navbar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#333;background:none;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.navbar-toggle:hover{background:#f5f5f5}.navbar-menu{display:none;flex-direction:column;padding:.5rem 1rem 1rem}.navbar-menu--open{display:flex}.navbar-links{display:flex;flex-direction:column}.navbar-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #f0f0f0}.navbar-link{padding:.75rem;border-radius:6px;font-size:1rem;font-weight:500;color:#333;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.navbar-link:hover{background:#f5f5f5;color:#000}.navbar-login{flex:1;padding:.75rem 1rem;border-radius:6px;font-size:1rem;font-weight:500;color:#fff;background:#ff6b35;text-decoration:none;text-align:center;transition:background .15s}.navbar-login:hover{background:#e85c28}.navbar-settings{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:6px;color:#555;text-decoration:none;transition:background .15s,color .15s}.navbar-settings:hover{background:#f5f5f5;color:#000}@media (min-width: 768px){.navbar{display:flex;align-items:center;height:var(--nav-height);padding:0 1.5rem}.navbar-bar{height:auto;padding:0;margin-right:1rem}.navbar-toggle{display:none}.navbar-menu{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:space-between;padding:0}.navbar-links{flex-direction:row;align-items:center;gap:.25rem}.navbar-actions{margin-top:0;padding-top:0;border-top:none}.navbar-link{padding:.4rem .75rem;font-size:.9rem}.navbar-login{flex:none;padding:.4rem 1rem;font-size:.9rem}.navbar-settings{width:36px;height:36px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.recipe-grid{display:grid;grid-template-columns:1fr;align-items:stretch;gap:1rem;padding:1rem}.recipe-grid>*{height:100%;box-sizing:border-box;background-color:#fff;overflow-wrap:anywhere;min-width:0}.recipe-section{margin:1rem 1rem 0}.section-with-top-line{--section-padding: 1rem;--section-line-thickness: 4px;padding:var(--section-padding);background-color:#fff;background-image:linear-gradient(to right,transparent var(--section-padding),#000 var(--section-padding),#000 calc(100% - var(--section-padding)),transparent calc(100% - var(--section-padding)));background-repeat:no-repeat;background-size:100% var(--section-line-thickness);background-position:top}.section-with-top-line>:first-child{margin-top:0}.recipe-grid>.recipe-grid-full{grid-column:1 / -1}@media (min-width: 900px){.recipe-grid{grid-template-columns:fit-content(41vw) 1fr}.recipe-grid-full>.section-with-top-line{--section-line-thickness: 2px}}.ingredients-page{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem}.ingredients-title{margin:0 0 .25rem;font-size:1.6rem;letter-spacing:-.02em}.ingredients-subtitle{margin:0 0 1.25rem;color:#666;font-size:.9rem;line-height:1.4}.ingredient-add-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.ingredient-input,.ingredient-search{flex:1 1 12rem;min-width:0;padding:.55rem .75rem;font-size:.95rem;border:1px solid #d5d5d5;border-radius:6px;background:#fff}.ingredient-input:focus,.ingredient-search:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3526}.ingredient-search{display:block;width:100%;flex:none;margin:1.25rem 0 .5rem}.ingredient-add-btn{flex:0 0 auto;padding:.55rem 1.25rem;font-size:.95rem;font-weight:600;color:#fff;background:#ff6b35;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.ingredient-add-btn:hover:not(:disabled){background:#e85c28}.ingredient-add-btn:disabled{opacity:.6;cursor:default}.ingredient-feedback{margin:.5rem 0;padding:.55rem .75rem;border-radius:6px;font-size:.9rem}.ingredient-feedback.success{color:#1b5e20;background:#e8f5e9;border:1px solid #c8e6c9}.ingredient-feedback.error{color:#b71c1c;background:#fdecea;border:1px solid #f5c6c2}.ingredient-list-meta{margin:.25rem 0 .5rem;color:#888;font-size:.8rem}.ingredient-list{list-style:none;margin:0;padding:0;border:1px solid #eee;border-radius:8px;overflow:hidden}.ingredient-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border-bottom:1px solid #f0f0f0}.ingredient-row:last-child{border-bottom:none}.ingredient-name{font-weight:500;color:#222}.ingredient-badge{padding:.1rem .5rem;font-size:.72rem;color:#555;background:#f1f1f1;border-radius:999px;white-space:nowrap}.ingredient-id{margin-left:auto;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.72rem;color:#aaa;white-space:nowrap}.ingredient-empty{padding:1rem .85rem;color:#999;font-size:.9rem;text-align:center}.ingredient-name{min-width:0;overflow-wrap:anywhere}@media (max-width: 767px){.ingredient-row{flex-wrap:wrap;column-gap:.5rem;row-gap:.25rem}.ingredient-id{flex-basis:100%;margin-left:0;white-space:normal;overflow-wrap:anywhere}}