[hidden]{display:none!important}
:root{--forest:#153f33;--forest2:#1f5847;--sage:#e5eee8;--cream:#f7f3eb;--paper:#fffdfa;--orange:#e56d45;--ink:#17352c;--muted:#78827d;--line:#e7e1d8;--shadow:0 14px 38px rgba(26,58,48,.09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:290px;background:rgba(255,253,250,.78);border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;z-index:40}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink);padding:0}.brand-mark{width:52px;height:52px;border-radius:16px;background:var(--forest);color:#fff;display:grid;place-items:center;font:800 30px Georgia,serif;box-shadow:0 8px 20px rgba(21,63,51,.18)}.brand strong,.brand small{display:block}.brand strong{font:800 29px Georgia,serif}.brand small{font-size:11px;color:var(--muted);margin-top:3px}.side-nav{display:flex;flex-direction:column;gap:6px;margin-top:34px}.side-nav button{border:0;background:transparent;border-radius:12px;padding:13px 14px;text-align:left;font-weight:700;color:#222;display:flex;gap:14px;align-items:center}.side-nav button span{width:22px;font-size:21px;color:#53645e}.side-nav button.active{background:#e4ece7;color:var(--forest)}.profile-card{margin-top:auto;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:#dce9e1;display:grid;place-items:center;font-weight:900}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:13px}.profile-card small,.version{font-size:11px;color:var(--muted)}.version{text-align:center;margin-top:24px}.main-shell{margin-left:290px}.mobile-header{display:none}.view{display:none;padding:30px 32px 120px;max-width:1500px;margin:auto}.view.active{display:block;animation:fade .22s ease}@keyframes fade{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}h1,h2,h3,p{margin-top:0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--orange)}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.welcome-row h1{font:800 36px Georgia,serif;margin:7px 0 0}.top-actions{display:flex;align-items:center;gap:22px}.bell{font-size:25px}.dashboard-top{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.hero-card{border:0;border-radius:24px;min-height:196px;padding:30px;background:linear-gradient(135deg,var(--forest),var(--forest2));color:#fff;display:flex;align-items:center;gap:24px;text-align:left;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border:35px solid rgba(255,255,255,.035);border-radius:45%;right:-90px;top:-90px;transform:rotate(12deg)}.hero-icon{font-size:55px;z-index:1}.hero-copy{z-index:1}.hero-copy small,.hero-copy strong,.hero-copy em,.hero-copy b{display:block}.hero-copy small{letter-spacing:.17em;font-size:10px;font-weight:900;opacity:.75}.hero-copy strong{font:800 34px Georgia,serif;margin:8px 0}.hero-copy em{font-style:normal;font-size:13px;opacity:.85}.hero-copy b{width:max-content;background:#fff;color:var(--forest);padding:10px 15px;border-radius:8px;margin-top:20px;font-size:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-align:left;box-shadow:0 4px 14px rgba(26,58,48,.04)}.quick-card>span{font-size:28px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:13px;margin-bottom:5px}.quick-card small{font-size:11px;color:var(--muted)}.quick-card b{font-size:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 13px}.section-heading h2{font:800 22px Georgia,serif;margin:0}.section-heading button{border:0;background:none;color:var(--forest);font-size:12px;font-weight:800}.home-method-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.home-method{border:0;border-radius:13px;min-height:120px;padding:14px 8px;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-shadow:0 3px 14px rgba(26,58,48,.04)}.home-method:nth-child(4n+1){background:#eaf0dd}.home-method:nth-child(4n+2){background:#e7efeb}.home-method:nth-child(4n+3){background:#faead5}.home-method:nth-child(4n){background:#f6e6e1}.home-method span{font-size:36px}.home-method strong{font-size:11px}.featured-heading{align-items:flex-end}.featured-actions{display:flex;gap:9px;align-items:center}.featured-actions select{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:9px 11px;font-size:11px}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.featured-card,.recipe-card{border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden;box-shadow:0 4px 14px rgba(26,58,48,.04);text-align:left}.featured-visual,.recipe-visual{height:135px;background:linear-gradient(140deg,#d7e5dc,#f4dfce);display:flex;align-items:center;justify-content:center;font-size:60px;position:relative}.method-label{position:absolute;left:10px;top:10px;background:var(--forest);color:#fff;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}.featured-copy,.recipe-copy{padding:14px}.featured-copy h3,.recipe-copy h3{font-size:14px;margin:0 0 8px}.featured-meta,.recipe-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px}.meal-pill,.mini-badge{margin-left:auto;background:#e5f0e8;color:var(--forest);padding:4px 7px;border-radius:6px;font-size:9px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.day-card{min-height:120px;padding:12px;border-right:1px solid var(--line)}.day-card:last-child{border-right:0}.day-card>strong{font-size:11px;color:var(--muted)}.day-meal{margin-top:12px;display:flex;gap:8px;align-items:center}.day-meal span{font-size:25px}.day-meal b{font-size:10px;line-height:1.3}.add-day{border:1px dashed #cbd4cf;border-radius:9px;height:65px;margin-top:12px;display:grid;place-items:center;background:transparent;color:var(--muted)}.page-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.page-heading h2{font:800 31px Georgia,serif;margin:4px 0 6px}.page-heading p{font-size:13px;color:var(--muted)}.round-back{width:44px;height:44px;border:1px solid var(--line);background:var(--paper);border-radius:13px}.method-section{margin-bottom:18px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.method-tile{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:12px;display:flex;gap:11px;align-items:center;text-align:left}.method-tile.active{background:var(--forest);color:#fff}.method-icon{font-size:28px}.method-tile strong,.method-tile small{display:block}.method-tile strong{font-size:12px}.method-tile small{font-size:9px;color:var(--muted);margin-top:3px}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:0 14px}.search-wrap input{border:0;outline:0;background:transparent;padding:14px 0;width:100%}.filter-row,.chips{display:flex;gap:8px;overflow:auto;padding:12px 0}.filter,.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap}.filter.active{background:var(--forest);color:#fff}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}.recipe-card.selected{outline:2px solid var(--orange)}.recipe-copy p{font-size:11px;line-height:1.45;color:var(--muted);height:32px;overflow:hidden}.category{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.9);padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.selected-mark{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center}.sticky-action{position:fixed;bottom:0;left:290px;right:0;background:rgba(247,243,235,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:12px 32px;display:flex;justify-content:space-between;align-items:center;z-index:20}.sticky-action strong,.sticky-action small{display:block}.sticky-action small{font-size:10px;color:var(--muted)}.primary,.finish{border:0;border-radius:11px;background:var(--orange);color:#fff;padding:13px 16px;font-weight:900}.summary-card{background:var(--forest);color:#fff;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center}.summary-card>div{display:flex;align-items:center;gap:12px}.summary-card strong,.summary-card small{display:block}.summary-card small{font-size:10px;opacity:.7}.text-button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:9px;padding:9px}.group h3{font-size:10px;letter-spacing:.14em;color:var(--muted);margin:18px 0 8px}.item{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:12px;margin:7px 0}.item .copy{flex:1}.item b,.item small{display:block}.item b{font-size:13px}.item small{font-size:10px;color:var(--muted)}.tick{width:28px;height:28px;border-radius:50%;border:2px solid #b8c6c0;background:#fff}.tick.done{background:var(--forest);color:#fff}.delete{border:0;background:#f6e8e3;color:var(--orange);border-radius:8px;width:30px;height:30px}.custom-add{display:grid;grid-template-columns:2fr 1fr auto;gap:8px}.custom-add input,.custom-add select{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.shop-title{display:flex;justify-content:space-between;align-items:center}.count-pill{background:var(--forest);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px}.progress{height:8px;background:#dbe5df;border-radius:999px;overflow:hidden}.progress div{height:100%;background:var(--orange)}.trolley-section{background:#e4eee8;padding:16px;border-radius:16px}.finish{width:100%;background:var(--forest)}.empty{padding:24px;border:1px dashed #cbd4cf;border-radius:14px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:22px;padding:0;width:min(92vw,650px);max-height:90vh}.dialog-close{position:absolute;right:12px;top:12px;z-index:3;border:0;border-radius:50%;width:36px;height:36px}.detail-hero{background:linear-gradient(140deg,var(--forest),var(--forest2));color:#fff;padding:28px}.detail-body{padding:22px}.ingredient-line,.method-line{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.method-no{width:24px;height:24px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font-weight:900}.dialog-actions{display:flex;gap:9px;margin-top:20px}.dialog-actions button{flex:1}.secondary{border:1px solid var(--line);background:#fff;border-radius:11px}.bottom-nav{display:none}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 15px;border-radius:10px;font-size:12px;font-weight:800;opacity:0;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.home-method-grid{grid-template-columns:repeat(4,1fr)}.featured-grid,.recipe-grid{grid-template-columns:repeat(3,1fr)}.week-grid{grid-template-columns:repeat(4,1fr)}.day-card{border-bottom:1px solid var(--line)}}
@media(max-width:760px){body{padding-bottom:78px}.sidebar{display:none}.main-shell{margin-left:0}.mobile-header{height:72px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(247,243,235,.94);backdrop-filter:blur(14px);z-index:30}.mobile-header .brand-mark{width:43px;height:43px;font-size:24px}.mobile-header .brand strong{font-size:23px}.view{padding:22px 16px 110px}.dashboard-top{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.home-method-grid{grid-template-columns:repeat(4,1fr);gap:9px}.home-method{min-height:92px}.home-method span{font-size:28px}.featured-grid,.recipe-grid{grid-template-columns:repeat(2,1fr)}.featured-actions select{display:none}.week-grid{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:repeat(2,1fr)}.sticky-action{left:0;bottom:70px;padding:10px 16px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:70px;background:rgba(255,253,250,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:40}.bottom-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.bottom-nav small{font-size:9px;font-weight:800}.bottom-nav button.active{color:var(--orange)}.welcome-row h1{font-size:31px}.top-actions .bell{display:none}.custom-add{grid-template-columns:1fr}}
@media(max-width:430px){.quick-grid{grid-template-columns:1fr}.featured-grid,.recipe-grid{grid-template-columns:1fr 1fr}.featured-visual,.recipe-visual{height:105px}.home-method strong{font-size:9px}.hero-card{min-height:180px;padding:23px}.hero-copy strong{font-size:27px}.hero-copy b{display:none}.section-heading{align-items:center}.featured-heading{display:block}.featured-actions{margin-top:8px}.week-grid{grid-template-columns:1fr 1fr}}

/* v0.3.2 interaction and planner improvements */
button,.recipe-card,.featured-card,.home-method,.method-tile,.chip,.filter,[role="button"]{cursor:pointer}
button,.recipe-card,.featured-card,.home-method,.method-tile{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease}
button:not(:disabled):hover,.recipe-card:hover,.featured-card:hover,.home-method:hover,.method-tile:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(26,58,48,.12)}
button:not(:disabled):active,.recipe-card:active,.featured-card:active,.home-method:active,.method-tile:active{transform:translateY(0) scale(.985);filter:brightness(.97)}
.recipe-card:focus-visible,.featured-card:focus-visible,button:focus-visible{outline:3px solid rgba(232,92,45,.35);outline-offset:3px}
.interactive .recipe-copy h3,.interactive .featured-copy h3{text-decoration-color:transparent;transition:text-decoration-color .15s}
.interactive:hover .recipe-copy h3,.interactive:hover .featured-copy h3{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.summary-actions{display:flex;gap:8px}.danger-light{background:rgba(255,255,255,.2)!important}.clear-list-shop{float:right;border:0;background:transparent;color:var(--orange);font-weight:800;margin:12px 0}.item-main{flex:1;border:0;background:transparent;text-align:left;padding:0}.review-item:hover{border-color:var(--orange);background:#fffaf6}.review-item .tick:hover{background:#f7dfd6;border-color:var(--orange)}
.planner-heading{margin-top:0}.planner-grid{display:grid;grid-template-columns:90px repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper);margin-bottom:26px}.planner-corner,.planner-slot-head,.planner-day,.planner-cell{min-height:72px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.planner-slot-head{display:grid;place-items:center;font-weight:900;font-size:12px;background:#f0eee7}.planner-day{display:grid;place-items:center;font:800 15px Georgia,serif;background:#f7f4ed}.planner-cell{position:relative;padding:7px;background:#fff}.planner-cell:nth-last-child(-n+4){border-bottom:0}.planner-slot-head:last-child,.planner-cell:nth-child(4n){border-right:0}.empty-slot{border-top:0;border-left:0;color:var(--muted);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.empty-slot span{font-size:20px}.empty-slot small{font-size:9px}.planned-recipe{width:100%;height:100%;border:0;background:transparent;display:flex;align-items:center;gap:7px;text-align:left;padding-right:22px}.planned-recipe span{font-size:24px}.planned-recipe b{font-size:10px;line-height:1.25}.remove-slot{position:absolute;right:5px;top:5px;width:20px;height:20px;border:0;border-radius:50%;background:#f5e6e0;color:var(--orange);font-weight:900}.day-slots{display:grid;gap:5px;margin-top:8px}.home-plan-meal,.home-plan-empty{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;padding:5px;display:grid;grid-template-columns:auto 1fr;column-gap:5px;align-items:center}.home-plan-meal small,.home-plan-empty small{grid-column:1/-1;color:var(--muted);font-size:7px;text-transform:uppercase;font-weight:900}.home-plan-meal span{font-size:17px}.home-plan-meal b{font-size:8px;line-height:1.2}.home-plan-empty{display:flex;justify-content:space-between;color:var(--muted)}
.slot-dialog{width:min(94vw,760px)}.slot-dialog-body{padding:28px}.slot-dialog-body h2{font:800 28px Georgia,serif;margin:5px 0}.slot-dialog-body>p{color:var(--muted);font-size:12px}.slot-choices{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:18px}.slot-day{display:grid;gap:7px}.slot-day>strong{text-align:center;font-size:12px}.slot-choice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 6px;min-height:60px;text-align:left}.slot-choice span,.slot-choice small{display:block}.slot-choice span{font-size:10px;font-weight:900}.slot-choice small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.2}.slot-choice.occupied{background:#f3efe7}.method-title{margin-top:24px}.method-title h3{margin-bottom:3px}.method-title small{color:var(--muted)}.method-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.method-tab{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 12px;white-space:nowrap;font-weight:800;font-size:10px}.method-tab.active{background:var(--forest);color:#fff;border-color:var(--forest)}
@media(max-width:760px){.planner-grid{grid-template-columns:58px repeat(3,minmax(88px,1fr));overflow-x:auto}.planner-slot-head,.planner-day,.planner-cell{min-height:65px}.slot-choices{grid-template-columns:repeat(2,1fr)}.summary-actions{flex-direction:column}.week-grid{overflow-x:auto;grid-template-columns:repeat(7,145px)}.day-card{min-width:145px}.clear-list-shop{float:none;width:100%;text-align:right}}

/* v0.3.3 review-list removal and restore feedback */
.review-item{position:relative;transition:opacity .18s ease,background .18s ease,border-color .18s ease}
.review-remove-action{width:34px;height:34px;flex:0 0 34px;border:1px solid #dfc7c0;border-radius:10px;background:#fff5f2;color:#a33b27;font-size:22px;font-weight:800;line-height:1;display:grid;place-items:center}
.review-remove-action:hover{background:#fbe4dd;border-color:#d9917f;transform:translateY(-1px)}
.review-removed{opacity:.62;background:#f1eee8;border-style:dashed}
.review-removed .copy b,.review-removed .copy small{text-decoration:line-through}
.review-removed .review-remove-action{background:#e5eee8;border-color:#bfd1c6;color:var(--forest);font-size:18px}
.removed-label{font-size:9px;color:var(--muted);white-space:nowrap;margin-left:auto}
@media(max-width:650px){.removed-label{display:none}}


/* v0.3.4 favourites and simplified navigation */
.heart-button{position:absolute;right:10px;top:10px;z-index:4;width:38px;height:38px;border:1px solid rgba(21,63,51,.14);border-radius:50%;background:rgba(255,253,250,.94);color:var(--forest);font-size:24px;line-height:1;display:grid;place-items:center;box-shadow:0 4px 14px rgba(26,58,48,.12)}
.heart-button:hover{transform:scale(1.08)!important;background:#fff4ef}.heart-button.active{background:#fff0ea;color:var(--orange);border-color:#efb39f}.detail-hero{position:relative}.detail-heart{right:18px;top:18px}.favourites-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:45px}.favourites-empty>span{font-size:44px}.favourites-empty strong{font:800 22px Georgia,serif}.favourites-empty p{margin:0 0 8px}.favourites-empty .primary{padding:11px 18px}
@media(max-width:760px){.bottom-nav small{font-size:8px}.bottom-nav button span{font-size:18px}}

/* v0.3.6 settings and personalisation */
.mobile-header-actions{display:flex;align-items:center;gap:8px}.header-action{border:1px solid var(--line);background:var(--paper);color:var(--forest);border-radius:10px;padding:9px 11px;font-weight:800}.settings-shortcut{font-size:18px;padding:8px 10px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 5px 18px rgba(26,58,48,.05)}.settings-card-wide{grid-column:1/-1}.settings-card-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.settings-card-heading h3{font:800 20px Georgia,serif;margin:0 0 4px}.settings-card-heading p{font-size:11px;color:var(--muted);margin:0}.settings-icon{width:42px;height:42px;border-radius:12px;background:var(--sage);display:grid;place-items:center;font-size:22px;flex:0 0 42px}.field-label{display:block;font-size:11px;font-weight:900;margin:14px 0 7px}.settings-input{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:12px 13px;outline:none}.settings-input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(21,63,51,.09)}textarea.settings-input{resize:vertical;min-height:88px}.field-help{display:block;color:var(--muted);font-size:10px;margin-top:7px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.toggle-row span{min-width:0}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:12px}.toggle-row small{font-size:10px;color:var(--muted);margin-top:3px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{width:44px;height:24px;border-radius:999px;background:#cbd2ce;position:relative;flex:0 0 44px;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.toggle-row input:checked+i{background:var(--forest)}.toggle-row input:checked+i:after{transform:translateX(20px)}.check-grid{display:flex;gap:9px;flex-wrap:wrap}.check-grid label label{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}.settings-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.method-preference{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;cursor:pointer}.method-preference input{position:absolute;opacity:0}.method-preference span{font-size:11px;font-weight:800}.method-preference.selected{background:var(--sage);border-color:#b9cdc1}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-button,.danger-button{min-height:44px;padding:11px 15px;font-weight:900}.import-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.danger-button{border:1px solid #e7b9aa;background:#fff3ef;color:#a33b27;border-radius:11px}.settings-savebar{position:sticky;bottom:18px;margin-top:18px;background:rgba(255,253,250,.95);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);z-index:15}.settings-savebar span{font-size:11px;color:var(--muted)}.ingredient-warning{background:#fff2dd;border:1px solid #efc77e;border-radius:12px;padding:12px;margin-bottom:18px}.ingredient-warning strong,.ingredient-warning span{display:block}.ingredient-warning strong{font-size:12px;color:#7b4b00}.ingredient-warning span{font-size:10px;color:#8f6a2e;margin-top:4px}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-card-wide{grid-column:auto}.settings-methods{grid-template-columns:1fr 1fr}.settings-savebar{bottom:80px}.settings-actions{display:grid}.settings-button,.danger-button{width:100%}}

.settings-inline-actions{display:flex;gap:8px;justify-content:flex-end;margin:-6px 0 10px}.mini-settings-button{padding:7px 10px;font-size:10px;font-weight:900}.ingredient-line.ingredient-avoided{background:#fff2dd;border:1px solid #efc77e;border-radius:10px;padding:10px;margin:6px 0}.ingredient-line.ingredient-avoided span:first-child{color:#a35d00}.ingredient-line.ingredient-avoided small{display:block;color:#8f6a2e;font-size:9px;font-weight:800;margin-top:2px}.method-preference.selected{box-shadow:inset 0 0 0 2px var(--forest)}
@media(max-width:650px){#recipeDialog .dialog-close{right:12px;top:12px;z-index:8}#recipeDialog .detail-heart{right:58px;top:12px;z-index:7}}

/* v0.3.6.5 recipe dialog controls */
#recipeDialog .dialog-close{right:14px;top:14px;z-index:10}
#recipeDialog .detail-heart{right:62px;top:14px;z-index:9}
#recipeDialog .dialog-close,#recipeDialog .detail-heart{width:40px;height:40px;box-sizing:border-box}

/* v0.4 accounts */
.profile-card{width:100%;text-align:left;color:inherit;cursor:pointer}.account-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-actions .primary,.account-actions .settings-button{min-width:130px}.account-note{font-size:10px;color:var(--muted)}.account-signed-in{display:flex;align-items:center;justify-content:space-between;gap:18px}.account-signed-in>div{display:flex;align-items:center;gap:12px}.account-signed-in strong,.account-signed-in small{display:block}.account-signed-in small{font-size:10px;color:var(--muted);margin-top:3px}.account-dialog{width:min(92vw,460px)}.account-dialog-body{padding:28px}.account-dialog-body h2{font:800 30px Georgia,serif;margin:6px 0}.account-dialog-body>p{font-size:12px;color:var(--muted);line-height:1.5}.account-submit{width:100%;margin-top:18px}.account-switch{width:100%;border:0;background:transparent;color:var(--forest);font-weight:800;font-size:11px;margin-top:14px}.account-error{background:#fff0ec;border:1px solid #e7b9aa;color:#9b3825;border-radius:10px;padding:10px;margin-top:12px;font-size:11px}.sync-state{color:var(--forest)!important;font-weight:800}.sync-state.error{color:#a33b27!important}
@media(max-width:650px){.account-signed-in{align-items:flex-start;flex-direction:column}.account-signed-in .settings-button{width:100%}.account-actions{display:grid}.account-actions>*{width:100%}}
/* v0.4.1 account recovery */
.recovery-heading{margin:18px 0 10px;padding-top:15px;border-top:1px solid var(--line)}.recovery-heading strong,.recovery-heading small{display:block}.recovery-heading small{font-size:10px;color:var(--muted);margin-top:4px}.recovery-row{margin-top:10px}.recovery-row select,.recovery-row input{width:100%;margin-top:6px}.pin-input{letter-spacing:.45em;font-weight:900;font-size:18px;text-align:center}.guest-choice{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.guest-choice small{font-size:10px;color:var(--muted);line-height:1.4}.recovery-start{width:100%;padding:12px;margin-top:14px}.reset-question{margin-top:12px}.reset-question strong{font-size:11px;display:block;margin-bottom:6px}
@media(max-width:650px){.guest-choice{align-items:stretch;flex-direction:column}.guest-choice .settings-button{width:100%}}

/* v0.4.2 initial account gateway */
.account-dialog.initial-login::backdrop{background:rgba(18,35,29,.72);backdrop-filter:blur(5px)}
.account-dialog.initial-login{box-shadow:0 24px 80px rgba(10,25,20,.35)}
.account-dialog.initial-login .guest-choice{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);text-align:center}
.account-dialog.initial-login .guest-choice small{display:block;margin-top:9px;line-height:1.45;color:var(--muted)}

.top-profile-button{border:0;padding:0;cursor:pointer;font:inherit}.profile-card{cursor:pointer}

/* v0.4.6 account improvements */
.guest-login-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 14px 12px}.guest-login-actions[hidden],.guest-account-banner[hidden]{display:none!important}.guest-login-primary,.guest-login-secondary{border-radius:10px;padding:10px 8px;font-size:11px;font-weight:900;cursor:pointer}.guest-login-primary{border:0;background:var(--orange);color:#fff}.guest-login-secondary{border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit}.guest-account-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;margin:0 0 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.guest-account-banner strong,.guest-account-banner small{display:block}.guest-account-banner small{margin-top:3px;color:var(--muted);font-size:10px}.guest-account-banner>div:last-child{display:flex;gap:8px}.guest-account-banner button{padding:10px 14px}.field-help.valid{color:#25734f;font-weight:800}.field-help.invalid{color:#a33b27;font-weight:800}.recovery-question option:disabled{color:#aaa}.settings-input:invalid:not(:placeholder-shown){border-color:#d09b8d}
@media(max-width:650px){.guest-account-banner{align-items:stretch;flex-direction:column}.guest-account-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.guest-login-actions{display:none}}

/* v0.4.12 prevent modal scroll chaining into the page behind */
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}
dialog{overscroll-behavior:contain}
#recipeDialog{overscroll-behavior:contain}

/* v0.4.13 Pantry */
.pantry-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:16px}.pantry-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 5px 18px rgba(26,58,48,.05)}.pantry-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:9px}.section-heading.compact{margin:0 0 14px}.pantry-groups{display:grid;gap:14px}.pantry-group h3{font-size:11px;margin:0 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pantry-chips{display:flex;gap:8px;flex-wrap:wrap}.pantry-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px 8px 12px;color:var(--ink);font-size:11px;font-weight:800;cursor:pointer}.pantry-chip b{font-size:16px;line-height:1;color:var(--muted)}.pantry-empty{padding:22px}.pantry-recommend-heading{align-items:flex-end;margin-top:28px}.pantry-recommend-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.pantry-filter{width:180px}.pantry-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pantry-recipe-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 4px 16px rgba(26,58,48,.05)}.pantry-recipe-main{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer;padding:0}.pantry-recipe-icon{width:54px;height:54px;border-radius:14px;background:var(--sage);display:grid;place-items:center;font-size:28px}.pantry-recipe-card h3{font:800 18px Georgia,serif;margin:4px 0}.pantry-recipe-card p{font-size:10px;color:var(--muted);margin:0}.match-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900}.match-badge.exact{background:#e2f3e9;color:#236745}.match-badge.close{background:#fff1db;color:#8c5a13}.missing-line{font-size:10px;color:#7b6038;margin-top:7px;line-height:1.35}.missing-line.exact-line{color:#28724c}.pantry-plan{white-space:nowrap;padding:10px 12px}.quick-grid:has(.quick-card:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid .quick-card:last-child:nth-child(5){grid-column:1/-1}
@media(max-width:900px){.pantry-layout{grid-template-columns:1fr}.pantry-recommendations{grid-template-columns:1fr}}
@media(max-width:650px){.pantry-form{grid-template-columns:1fr}.pantry-recommend-heading{align-items:stretch}.pantry-filter{width:100%}.pantry-recipe-card{grid-template-columns:1fr}.pantry-plan{width:100%}.pantry-recipe-main{grid-template-columns:46px minmax(0,1fr)}.pantry-recipe-icon{width:46px;height:46px;font-size:24px}}
/* v0.5 structured ingredient picker */
.ingredient-picker{position:relative;min-width:0}
.ingredient-picker .settings-input{width:100%}
.ingredient-suggestions{position:absolute;z-index:50;left:0;right:auto;width:max(100%,480px);max-width:min(680px,calc(100vw - 40px));top:calc(100% + 6px);background:#fff;border:1px solid #ded8df;border-radius:14px;box-shadow:0 16px 40px rgba(42,20,42,.16);max-height:320px;overflow:auto;padding:6px}
.ingredient-suggestions button{width:100%;border:0;background:transparent;padding:10px 12px;border-radius:10px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;color:#2b2430}
.ingredient-suggestions button:hover,.ingredient-suggestions button:focus{background:#f5ebf5;outline:none}
.ingredient-suggestions small{color:#766d78;white-space:nowrap}
.ingredient-no-match{padding:12px;color:#766d78;font-size:.9rem}

@media(max-width:650px){.ingredient-suggestions{right:0;width:100%;max-width:100%}.ingredient-suggestions button{align-items:flex-start}.ingredient-suggestions small{white-space:normal;text-align:right}}

/* v0.5.2 direct weekly-plan recipe selection */
.planner-recipe-choices{scroll-margin-top:88px}.planner-recipe-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 16px;border:1px solid #d7c7ad;border-radius:14px;background:#fff8eb}.planner-recipe-prompt[hidden]{display:none}.planner-recipe-prompt strong,.planner-recipe-prompt small{display:block}.planner-recipe-prompt strong{font:800 18px Georgia,serif}.planner-recipe-prompt small{margin-top:3px;color:var(--muted);font-size:11px}.planner-recipe-prompt .text-link{flex:0 0 auto}@media(max-width:560px){.planner-recipe-prompt{align-items:flex-start}.planner-recipe-prompt strong{font-size:16px}}


/* v0.6 pantry quantities, dates and expiry-first recommendations */
.pantry-form{grid-template-columns:minmax(220px,1.4fr) 130px 140px 150px auto;align-items:end}.pantry-date-field{display:grid;gap:4px;font-size:9px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pantry-date-field .settings-input{width:100%}.pantry-filter-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pantry-chip span{display:grid;text-align:left}.pantry-chip span strong{font-size:11px}.pantry-chip span small{font-size:8px;font-weight:700;color:var(--muted);margin-top:2px}.pantry-chip.soon{border-color:#e1b85a;background:#fff8e8}.pantry-chip.urgent{border-color:#e58b57;background:#fff0e8}.pantry-chip.expired{border-color:#c96565;background:#fff0f0}.pantry-chip.expired span small:last-child{color:#a33b27}.pantry-chip.urgent span small:last-child{color:#a5521d}.pantry-recipe-card:has(.match-badge.exact){border-color:#bfdcc9}
@media(max-width:1050px){.pantry-form{grid-template-columns:1fr 1fr}.pantry-form .ingredient-picker{grid-column:1/-1}.pantry-form .primary{grid-column:1/-1}}
@media(max-width:650px){.pantry-form{grid-template-columns:1fr}.pantry-form .ingredient-picker,.pantry-form .primary{grid-column:auto}.pantry-filter-row{display:grid}.pantry-filter-row .pantry-filter{width:100%}}

/* v0.6.1 recipe tags, responsive pantry form and barcode scanner */
.tag-section{margin:0 0 18px}.tag-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.recipe-facet-tile{min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:13px 16px;display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink)}.recipe-facet-tile strong,.recipe-facet-tile small{display:block}.recipe-facet-tile strong{font-size:12px}.recipe-facet-tile small{margin-top:3px;font-size:9px;color:var(--muted)}.recipe-facet-tile.active{background:var(--forest);border-color:var(--forest);color:#fff}.recipe-facet-tile.active small{color:rgba(255,255,255,.72)}.pantry-form{grid-template-columns:minmax(240px,1.5fr) minmax(125px,.7fr) minmax(150px,.8fr) minmax(150px,.8fr);align-items:end}.pantry-form .barcode-open,.pantry-form .primary{min-height:46px}.pantry-form .barcode-open{grid-column:1/3}.pantry-form .primary{grid-column:3/5}.barcode-dialog{width:min(760px,calc(100vw - 28px));border:0;border-radius:20px;padding:0;max-height:90vh}.barcode-shell{padding:22px}.barcode-heading{display:flex;justify-content:space-between;gap:20px}.barcode-heading h2{font:800 26px Georgia,serif;margin:5px 0}.barcode-heading p{font-size:12px;color:var(--muted);max-width:560px}.barcode-camera-wrap{position:relative;background:#151515;border-radius:16px;overflow:hidden;min-height:180px;display:grid;place-items:center;margin:14px 0}.barcode-camera-wrap video{width:100%;max-height:320px;object-fit:cover}.barcode-camera-message{position:absolute;bottom:10px;left:10px;right:10px;background:rgba(0,0,0,.68);color:#fff;border-radius:9px;padding:8px;text-align:center;font-size:11px}.barcode-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}.barcode-manual{display:grid;grid-template-columns:1fr auto;gap:8px}.barcode-result{margin-top:16px}.barcode-product{border-top:1px solid var(--line);padding-top:16px}.barcode-product-top{display:flex;gap:13px;align-items:center}.barcode-product-top img,.barcode-product-placeholder{width:70px;height:70px;object-fit:contain;border-radius:12px;background:var(--sage);display:grid;place-items:center;font-size:30px}.barcode-product-top h3{margin:3px 0;font:800 20px Georgia,serif}.barcode-product-top small,.barcode-product-top p,.barcode-map p{color:var(--muted);font-size:10px;margin:0}.barcode-map{margin-top:15px}.barcode-ingredient-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.barcode-ingredient-options button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;text-align:left;display:flex;justify-content:space-between;gap:8px}.barcode-ingredient-options button.selected{border-color:var(--forest);background:var(--sage)}.barcode-ingredient-options small{color:var(--muted)}.barcode-ingredient-search{margin:12px 0}.barcode-loading,.barcode-error{padding:18px;border-radius:12px;background:var(--sage)}
@media(max-width:1100px){.pantry-form{grid-template-columns:1fr 1fr}.pantry-form .ingredient-picker{grid-column:1/-1}.pantry-form .barcode-open,.pantry-form .primary{grid-column:auto}}
@media(max-width:650px){.tag-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pantry-form{grid-template-columns:1fr}.pantry-form .ingredient-picker,.pantry-form .barcode-open,.pantry-form .primary{grid-column:auto}.barcode-actions,.barcode-manual{grid-template-columns:1fr}.barcode-ingredient-options{grid-template-columns:1fr}}

/* v0.6.2 layout and loading reliability fixes */
.pantry-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.pantry-card{min-width:0;overflow:visible}
.pantry-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.pantry-form .ingredient-picker{grid-column:1/-1;min-width:0}
.pantry-form .settings-input,.pantry-form select,.pantry-form input{width:100%;min-width:0;box-sizing:border-box}
.pantry-form .barcode-open,.pantry-form .primary{grid-column:auto;min-width:0;width:100%}
.pantry-date-field{min-width:0}
.ingredient-suggestions{width:min(620px,calc(100vw - 48px));max-width:none}
.method-grid,.tag-filter-grid,.recipe-grid{min-width:0}@media(max-width:1050px){.tag-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.pantry-layout{grid-template-columns:1fr}.pantry-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:650px){.pantry-form{grid-template-columns:1fr}.pantry-form .ingredient-picker,.pantry-form .barcode-open,.pantry-form .primary{grid-column:auto}.ingredient-suggestions{width:100%}}

/* v0.6.3 barcode dialog and resilient mobile layout */
.barcode-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:0;border-radius:22px;padding:0;overflow:auto;background:var(--surface,#fffdf8);color:inherit}
.barcode-dialog::backdrop{background:rgba(7,39,31,.48)}
.barcode-dialog-body{padding:28px}
.barcode-camera-panel{display:grid;gap:12px;margin:20px 0;padding:16px;border:1px solid var(--line,#ded8ca);border-radius:16px}
#barcodeVideo{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:12px;background:#14231f}
.barcode-manual-row{margin-top:18px}
.barcode-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.barcode-result{margin-top:18px}
.barcode-product-top{display:flex;gap:14px;align-items:center}
.barcode-product-top img{width:72px;height:72px;object-fit:contain;border-radius:10px;background:#fff}
.barcode-product-placeholder{display:grid;place-items:center;width:72px;height:72px;border-radius:10px;background:#edf3ef;font-size:28px}
.barcode-ingredient-options{display:grid;gap:8px;margin:12px 0}
.barcode-ingredient-options button{display:flex;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:12px;border:1px solid var(--line,#ded8ca);border-radius:12px;background:#fff}
.barcode-ingredient-options button.selected{outline:2px solid #ed6b43;border-color:#ed6b43}
@media(max-width:560px){.barcode-dialog-body{padding:22px 16px}.barcode-input-row{grid-template-columns:1fr}.barcode-input-row button{width:100%}}

/* v0.6.6 Lovely Grub branding and barcode action consistency */
.brand-mark{font-size:22px;letter-spacing:-.06em}
.mobile-header .brand-mark{font-size:18px}
.barcode-add-new{width:100%;min-height:52px;margin-top:12px;font-size:16px}
.barcode-new-ingredient .field-help{display:block;margin-top:8px}