.sidebar-left-header{font-weight:700;font-size:clamp(20px,2.5vw,2rem)}.sidebar-left-sub-header{font-size:clamp(14px,1.5vw,2rem);margin:0}.roadmap-footer{font-size:clamp(12px,1vw,1.5rem);color:var(--medium-grey);margin-left:clamp(10px,1.5vw,1.5rem)}.login-register-box{text-align:center;align-items:center;display:flex;flex-direction:column}.login-register-box h2{font-size:clamp(10px,1.5rem,100px)}.login-register-form-box{display:flex;flex-direction:column;width:45%}.login-register-input-field{margin:10px;padding:10px}.login-register-submit-btn{background-color:var(--pastell-green);border:none;border-radius:15px;padding:10px;margin-bottom:20px}.switch-form-btn{background-color:transparent;border:none;color:var(--pastell-green)}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Montserrat,sans-serif}:root{--white: #ffffff;--soft-white: #F3F3F3;--light-grey-1: #E1E1E1;--light-grey-2: #F8FBFE;--medium-grey: #2E2E2E;--dark-grey: #141414;--soft-black: #1B1B1B;--black: #000000;--pastell-green: #609E7C;--pastell-blue: #175560;--pastell-tuerkis: #39B496}#root,.app-root{height:100%}.app-root{display:flex;flex-direction:column}.header{height:60px;background:#333;color:#fff;display:flex;align-items:center;padding:0 16px;justify-content:space-between}.header a{color:#fff;text-decoration:none;margin-right:12px}.app-body{flex:1;display:grid;grid-template-columns:200px 1fr 250px;gap:8px;padding:8px;background:#e5e5e5;overflow:hidden;min-height:0}.sidebar-left,.sidebar-right{background:#f0f0f0;padding:8px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-content{background:#fff;padding:8px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.recipe-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000001f;cursor:pointer;display:flex;flex-direction:column;transition:transform .1s ease,box-shadow .1s ease}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000002e}.recipe-card-image-wrapper{width:100%;aspect-ratio:4 / 2;overflow:hidden;background:#ddd}.recipe-card-image{width:100%;height:100%;object-fit:cover}.recipe-card-content{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px}.recipe-card-title{margin:0;font-size:16px}.recipe-card-description{margin:0;font-size:13px;color:#555}.recipe-card-tags{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.tag-pill{font-size:11px;padding:2px 6px;border-radius:999px;background:#eee;color:#333}.tag-none{font-size:11px;color:#999}.recipe-card-footer{margin-top:6px;font-size:12px;color:#666}.recipe-card-author{font-style:italic}.filter-toggle-group{display:inline-flex;border-radius:4px;overflow:hidden;border:1px solid #ccc}.filter-toggle-btn{border:none;background:#f7f7f7;padding:4px 8px;font-size:12px;cursor:pointer;color:#333}.filter-toggle-btn+.filter-toggle-btn{border-left:1px solid #ccc}.filter-toggle-btn.active{background:#333;color:#fff}.filter-toggle-btn:hover:not(.active){background:#e0e0e0}.multi-select{position:relative;margin-bottom:8px}.multi-select-label{font-size:12px;margin-bottom:4px}.multi-select-control{border:1px solid #ccc;border-radius:4px;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;background:#fff;cursor:text}.multi-select-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1}.multi-select-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#e0e0e0;font-size:11px}.multi-select-chip-close{margin-left:4px;font-weight:700}.multi-select-input{border:none;outline:none;font-size:12px;min-width:60px}.multi-select-arrow{margin-left:4px;font-size:10px}.multi-select-dropdown{margin-top:2px;background:#fff;border:1px solid #ccc;border-radius:4px;max-height:10rem;overflow-y:auto}.multi-select-option{padding:4px 8px;font-size:13px;line-height:1.4;cursor:pointer}.multi-select-option:hover{background:#f0f0f0}.multi-select-option.selected{background:#d0e0ff}.multi-select-option.disabled{color:#999;cursor:default}.sidebar-tabs-header{display:flex;border-bottom:1px solid #ccc;margin-bottom:6px}.sidebar-tab-button{flex:1;padding:4px 6px;font-size:12px;border:none;background:#eee;cursor:pointer}.sidebar-tab-button.active{background:#fff;border-bottom:2px solid #333;font-weight:700}.sidebar-tabs-body{margin-top:4px}.sidebar-tab-panel.hidden{display:none}.ingredients-list{list-style:none;padding:0;margin:0 0 8px}.ingredients-item{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.ingredients-name{flex:1}.ingredients-amount{margin-left:8px;color:#555}.add-shopping-btn{width:100%;padding:6px 8px;font-size:13px;cursor:pointer;border:1px solid #333;border-radius:4px;background:#fff}.add-shopping-btn:hover{background:#f0f0f0}.recipe-detail{display:flex;flex-direction:column;gap:12px}.recipe-banner{width:100%;overflow:hidden;border-radius:8px}.recipe-banner-image{width:100%;height:auto;max-height:320px;object-fit:cover;display:block}.recipe-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.recipe-header-text{flex:1}.recipe-title{margin:0;font-size:28px}.recipe-description{margin:4px 0 0;color:#666;font-size:14px}.favorite-button{border:1px solid #333;background:#fff;border-radius:999px;padding:6px 10px;font-size:13px;cursor:pointer;white-space:nowrap}.favorite-button.favorite-active{background:#ffd54f;border-color:#ffa000}.recipe-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{padding:2px 8px;border-radius:999px;font-size:11px;color:#fff}.recipe-steps{display:flex;flex-direction:column;gap:8px;margin-top:8px}.recipe-step{border-radius:6px;background:#f7f7f7;padding:6px 8px;font-size:13px;transition:background .15s ease}.recipe-step.completed{background:#e0e0e0}.recipe-step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.recipe-step-title{font-weight:700}.recipe-step-checkbox{font-size:11px;display:flex;align-items:center;gap:4px}.recipe-step-body{white-space:pre-wrap}