:root{color:#20312b;background:#f7faf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-canvas: #f7faf4;--color-panel: #ffffff;--color-panel-muted: #eef5ea;--color-text: #20312b;--color-muted: #60756b;--color-border: #d8e3d4;--color-primary: #2f7d5a;--color-primary-strong: #245142;--color-accent: #b64e72;--color-warm: #f2c56b;--shadow-soft: 0 16px 44px rgb(32 49 43 / 10%);--radius: 8px;--sidebar-width: 17rem;--mobile-nav-height: 4.75rem}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-canvas);color:var(--color-text)}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}:focus-visible{outline:3px solid var(--color-warm);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-screen{display:grid;min-height:100vh;padding:1rem;place-items:center}.auth-panel{width:min(100%,28rem);padding:clamp(1.25rem,4vw,2.25rem);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);box-shadow:var(--shadow-soft)}.brand-lockup{display:flex;align-items:center;gap:.8rem}.brand-mark{display:inline-grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border-radius:var(--radius);background:var(--color-panel-muted);color:var(--color-primary)}.sidebar-brand .brand-mark{width:2.25rem;height:2.25rem}.eyebrow{margin:0 0 .25rem;color:var(--color-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}h2{margin:0;font-size:1.05rem;line-height:1.2}.stack{display:grid;gap:1rem;margin-top:1.75rem}label{display:grid;gap:.45rem;color:var(--color-muted);font-weight:700}input{width:100%;min-height:2.85rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-text);padding:.75rem .85rem}.primary-action,.secondary-action,.icon-button,.profile-choice,.link-action{min-height:2.75rem;border-radius:var(--radius);border:1px solid transparent}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1rem;font-weight:800}.primary-action{background:var(--color-primary);color:#fff}.secondary-action{border-color:var(--color-border);background:var(--color-panel);color:var(--color-primary-strong)}.link-action{margin-top:1rem;padding:0;background:transparent;color:var(--color-primary-strong);font-weight:800}.icon-button{display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;border-color:var(--color-border);background:var(--color-panel);color:var(--color-primary-strong)}.form-message{margin:0;padding:.8rem;border-radius:var(--radius);background:var(--color-panel-muted);color:var(--color-primary-strong);font-weight:700}.form-message.error{background:#fae9eb;color:#8f2944}.form-message.warning{background:#fff2cf;color:#735512}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.profile-grid.compact{margin-top:.75rem}.profile-choice{display:grid;min-height:6.5rem;place-items:center;gap:.45rem;border-color:var(--color-border);background:var(--color-panel-muted);color:var(--color-primary-strong);font-weight:800}.profile-choice[aria-pressed=true]{border-color:var(--color-primary);background:#d8ead4}.app-shell{min-height:100vh}.sidebar{display:none}.main-column{min-height:100vh;padding-bottom:var(--mobile-nav-height)}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem;padding:.85rem 1rem;border-bottom:1px solid var(--color-border);background:#f7faf4f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-pill{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:.35rem .7rem;border-radius:999px;font-size:.82rem;font-weight:800}.status-pill.online{background:#d8ead4;color:var(--color-primary-strong)}.status-pill.offline{background:#fae9eb;color:#8f2944}.status-pill.neutral{background:#edf2ee;color:var(--color-primary-strong)}.content-area{width:min(100%,72rem);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.primary-nav.mobile{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:var(--mobile-nav-height);border-top:1px solid var(--color-border);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.primary-nav.desktop{display:grid;gap:.25rem}.nav-link{display:flex;align-items:center;justify-content:center;min-width:0;min-height:3.25rem;gap:.45rem;padding:.4rem;color:var(--color-muted);font-size:.76rem;font-weight:800;text-align:center;text-decoration:none}.nav-link.active{color:var(--color-primary-strong)}.primary-nav.mobile .nav-link{flex-direction:column}.page-grid{display:grid;gap:1.25rem}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.planner-board{display:grid;gap:.75rem}.meal-card,.empty-state,.recipe-preview,.settings-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel)}.meal-card{display:grid;gap:1rem;min-height:8rem;padding:1rem}.meal-card>div{display:flex;align-items:center;gap:.6rem;color:var(--color-primary-strong)}.meal-card p,.empty-state p,.recipe-preview p{margin:0;color:var(--color-muted)}.search-field{position:relative;display:flex;align-items:center;gap:.55rem;min-height:3.2rem;padding:0 .85rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);color:var(--color-muted)}.search-field input{min-height:3rem;padding:0;border:0;background:transparent}.search-field input[type=search]::-webkit-search-cancel-button,.search-field input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-field input[type=search]::-ms-clear{display:none;width:0;height:0}.explore-controls{display:grid;gap:.75rem}.explore-search{min-width:0}.inline-clear-button{display:inline-grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border:0;border-radius:var(--radius);background:transparent;color:var(--color-muted)}.inline-clear-button:hover{background:var(--color-panel-muted);color:var(--color-primary-strong)}.filter-panel{position:relative;z-index:8;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel)}.filter-panel[open]{z-index:14}.filter-panel summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.2rem;padding:.75rem .9rem;color:var(--color-primary-strong);cursor:pointer;font-weight:800;list-style:none}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary span,.filter-panel summary strong{display:inline-flex;align-items:center;gap:.45rem}.filter-panel summary strong{min-width:1.65rem;min-height:1.65rem;justify-content:center;border-radius:999px;background:var(--color-panel-muted);font-size:.78rem}.filter-content{position:absolute;top:calc(100% + .45rem);right:0;left:0;z-index:15;display:grid;gap:1rem;max-height:min(32rem,calc(100vh - 11rem));overflow-y:auto;overscroll-behavior:contain;padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);box-shadow:var(--shadow-soft)}.filter-content fieldset{min-width:0;margin:0;padding:0;border:0}.filter-content legend{margin-bottom:.55rem;color:var(--color-muted);font-size:.84rem;font-weight:800}.ingredient-filter{color:var(--color-muted);font-size:.88rem}.filter-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.5rem}.checkbox-row{display:flex;min-height:2.45rem;align-items:center;gap:.5rem;padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-muted);color:var(--color-primary-strong);font-weight:800}.checkbox-row input{width:1rem;min-height:1rem;accent-color:var(--color-primary)}.checkbox-row span{min-width:0}.clear-filters-action{justify-self:start}.recipe-preview{display:grid;overflow:hidden}.recipe-preview img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-panel-muted)}.recipe-preview div{padding:1rem}.recipe-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.9rem}.recipe-section{display:grid;gap:.8rem}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-title-row p{margin:0;color:var(--color-muted);font-weight:800}.recipe-rail{display:flex;gap:.85rem;overflow-x:auto;overscroll-behavior-inline:contain;padding:.15rem .05rem .75rem;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.recipe-rail.dragging{-webkit-user-select:none;user-select:none}.recipe-rail-item{flex:0 0 min(82vw,17.5rem);scroll-snap-align:start}.recipe-card{display:grid;position:relative;overflow:hidden;min-height:100%;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);color:inherit}.recipe-card-link{display:grid;color:inherit;text-decoration:none}.recipe-card-link:focus-visible{outline-offset:-3px}.recipe-card:hover{border-color:var(--color-primary)}.recipe-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-panel-muted)}.recipe-card-body{display:grid;gap:.55rem;padding:.85rem}.recipe-card h2{font-size:1rem}.recipe-card .badge{min-height:1.65rem;padding:.25rem .5rem;font-size:.72rem}.badge-row.tight{gap:.35rem}.favorite-button{position:absolute;top:.55rem;right:.55rem;display:inline-grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--color-border);border-radius:999px;background:#ffffffeb;color:var(--color-muted);box-shadow:0 6px 18px #20312b24}.favorite-button:hover,.favorite-button.active{border-color:var(--color-accent);color:var(--color-accent)}.favorite-button:disabled{box-shadow:none}.recipe-meta-row,.recipe-fact-row,.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.recipe-meta-row{color:var(--color-muted);font-size:.88rem;font-weight:700}.recipe-food-group-row{display:flex;align-items:center;gap:.35rem;min-height:1.8rem}.recipe-food-group-icon{--group-bg: var(--color-panel-muted);--group-border: var(--color-border);--group-color: var(--color-muted);display:inline-grid;width:1.8rem;height:1.8rem;flex:0 0 auto;place-items:center;border:1px solid var(--group-border);border-radius:999px;background:var(--group-bg);color:var(--group-color)}.recipe-food-group-icon[data-food-group=cereals]{--group-bg: #fff3d4;--group-border: #e7c76f;--group-color: #7a5b17}.recipe-food-group-icon[data-food-group=fruit]{--group-bg: #fde9ef;--group-border: #e5a4b8;--group-color: #9d3f61}.recipe-food-group-icon[data-food-group=vegetables]{--group-bg: #e2f3e9;--group-border: #9ccfb3;--group-color: #28714f}.recipe-food-group-icon[data-food-group=proteinFoods]{--group-bg: #ececfb;--group-border: #bbb9e7;--group-color: #57519a}.recipe-food-group-icon[data-food-group=goodFats]{--group-bg: #fff1d8;--group-border: #e1b970;--group-color: #8a6118}.recipe-meta-row span,.recipe-fact-row span{display:inline-flex;align-items:center;gap:.35rem}.load-more-action{justify-self:center}.recipe-detail{display:grid;gap:1rem}.back-link{justify-self:start;text-decoration:none}.recipe-hero{width:100%;max-height:22rem;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-muted)}.recipe-detail-header{display:grid;gap:.8rem}.detail-heading-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.active-favourite{border-color:var(--color-accent);color:var(--color-accent)}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:2rem;padding:.35rem .65rem;border-radius:999px;background:#d8ead4;color:var(--color-primary-strong);font-size:.8rem;font-weight:800}.badge.warning{background:#fff2cf;color:#735512}.detail-panel{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel)}.detail-panel h2,.warning-panel h2{display:inline-flex;align-items:center;gap:.4rem}.recipe-fact-row{color:var(--color-muted);font-weight:800}.serving-control{display:inline-grid;grid-template-columns:2.75rem minmax(8rem,auto) 2.75rem;align-items:center;justify-self:start;gap:.5rem}.serving-control output{display:inline-grid;min-height:2.75rem;place-items:center;padding:0 .9rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-muted);font-weight:800}.ingredient-list,.step-list,.warning-panel ul{margin:0;padding-left:1.25rem}.ingredient-list{display:grid;gap:.45rem}.food-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem}.food-group-item{display:grid;gap:.25rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-muted)}.food-group-item span{color:var(--color-muted);font-size:.86rem;font-weight:800}.food-group-item strong{font-size:1.15rem}.step-list{display:grid;gap:1rem}.step-list h3{margin:0 0 .45rem;font-size:1rem}.rich-text{color:var(--color-text)}.rich-text p,.rich-text ul,.rich-text ol{margin:0 0 .7rem}.rich-text :last-child{margin-bottom:0}.step-note{display:grid;gap:.35rem;margin-top:.7rem;padding:.7rem;border-radius:var(--radius);background:var(--color-panel-muted)}.warning-panel{border-color:#e0c36d}.empty-state{display:grid;min-height:13rem;place-items:center;align-content:center;gap:.65rem;padding:1rem;text-align:center}.settings-grid{display:grid;gap:1rem}.settings-panel{display:grid;gap:1rem;padding:1rem}.inline-form{display:grid;gap:.75rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;padding:1rem;place-items:center;background:#20312b73}.modal{display:grid;width:min(100%,26rem);gap:1rem;padding:1rem;border-radius:var(--radius);background:var(--color-panel);box-shadow:var(--shadow-soft)}.modal p{margin:0}.update-banner{position:fixed;right:1rem;bottom:calc(var(--mobile-nav-height) + 1rem);z-index:15;display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);box-shadow:var(--shadow-soft);font-weight:800}@media (min-width: 720px){.explore-controls{grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);align-items:start}.recipe-rail-item{flex-basis:18rem}.planner-board{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-preview{grid-template-columns:minmax(14rem,.9fr) minmax(18rem,1fr)}.recipe-preview img{height:100%}.recipe-detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.detail-heading-actions{justify-content:flex-end}.detail-panel{padding:1.15rem}.settings-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.inline-form{grid-template-columns:minmax(12rem,1fr) auto;align-items:end}}@media (hover: hover) and (pointer: fine){.recipe-rail{cursor:grab}.recipe-rail.dragging{cursor:grabbing}}@media (min-width: 900px){.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;display:grid;align-content:start;gap:1.5rem;height:100vh;padding:1.25rem;border-right:1px solid var(--color-border);background:#fff}.main-column{padding-bottom:0}.primary-nav.mobile{display:none}.primary-nav.desktop .nav-link{justify-content:flex-start;padding:.75rem;border-radius:var(--radius);font-size:.96rem}.primary-nav.desktop .nav-link.active{background:var(--color-panel-muted)}.topbar{min-height:4.9rem;padding-inline:2rem}.update-banner{bottom:1rem}}