:root{color:#151815;font-variant-numeric:tabular-nums;background:#f2f1ec;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 0,#4871581f,#0000 28rem),linear-gradient(#f8f7f2 0%,#eeeeea 100%);min-width:320px;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.78;background:radial-gradient(circle at 86% 12%,#f4e5bd57,#0000 22rem),radial-gradient(circle at 24% 82%,#273d311f,#0000 24rem);animation:18s ease-in-out infinite alternate ambient-drift;position:fixed;inset:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #326c4e52}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:24px 0 40px}.top-navigation{z-index:18;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 18% 0,#4871581f,#0000 28rem),linear-gradient(#f8f7f2 0%,#f8f7f2f0 72%,#f8f7f200);margin-top:-24px;padding-top:24px;animation:.52s cubic-bezier(.2,.8,.2,1) nav-enter;position:sticky;top:0}.app-header{border-bottom:1px solid #222b2524;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 0 18px;display:flex}.brand-block{grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:14px;min-width:0;display:grid}.brand-block .section-label,.brand-block h1{grid-column:2}.brand-mark{color:#f4f0df;transform-origin:50%;background:#17231d;border-radius:12px;grid-row:1/span 2;place-items:center;width:46px;height:46px;font-size:1.35rem;font-weight:850;animation:.62s cubic-bezier(.18,.9,.2,1.18) 90ms brand-pop;display:inline-grid;box-shadow:0 18px 36px #1c26202e}.app-header h1,.section-heading h2,.side-panel h2,.meal-card h3{letter-spacing:0;margin:0}.app-header h1{text-wrap:balance;max-width:780px;font-size:clamp(1.8rem,3.3vw,3.25rem);font-weight:760;line-height:.98}.section-label{color:#55645c;margin:0 0 5px;font-size:.78rem;font-weight:760}.header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.mobile-header-action{display:none}.status-pill,.chip,.icon-button,.day-tab{border:0;transition:transform .18s,background .18s,box-shadow .18s}.status-pill{color:#f4f0df;white-space:nowrap;background:#17231d;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:760;display:inline-flex}.day-selector{perspective:900px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:18px 0 22px;display:grid}.day-tab{color:#4d5952;cursor:pointer;text-align:left;transform-origin:bottom;background:#ffffff9e;border-radius:8px;align-content:center;gap:2px;min-height:58px;padding:10px 12px;animation:.5s cubic-bezier(.2,.8,.2,1) tab-rise;display:grid;position:relative;overflow:hidden}.day-tab:after{pointer-events:none;content:"";opacity:0;background:linear-gradient(115deg,#0000 0%,#ffffff73 46%,#0000 58%);position:absolute;inset:0;transform:translate(-120%)}.day-tab:nth-child(2){animation-delay:45ms}.day-tab:nth-child(3){animation-delay:90ms}.day-tab:nth-child(4){animation-delay:.135s}.day-tab:nth-child(5){animation-delay:.18s}.day-tab:nth-child(6){animation-delay:.225s}.day-tab:nth-child(7){animation-delay:.27s}.day-tab span{font-size:1rem;font-weight:780}.day-tab small{color:#7a837d;font-size:.75rem}.day-tab:hover{background:#fff;transform:translateY(-2px)rotateX(2deg)}.day-tab.selected{color:#f7f3e2;background:#273d31;box-shadow:0 18px 32px #273d3138}.day-tab.selected:after{animation:1.6s ease-in-out .52s selected-sheen}.day-tab.selected small{color:#c7d8ca}.app-grid{grid-template-columns:minmax(0,1.52fr) minmax(300px,.82fr);align-items:start;gap:22px;animation:.56s cubic-bezier(.2,.8,.2,1) .14s content-enter;display:grid}.main-column,.side-column{gap:22px;min-width:0;display:grid}.side-column .side-panel{animation:.56s cubic-bezier(.2,.8,.2,1) panel-rise}.side-column .side-panel:nth-child(2){animation-delay:90ms}.today-panel{min-width:0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2,.side-panel h2{font-size:1.34rem;font-weight:760;line-height:1.15}.side-panel{background:#ffffffc2;border-radius:8px;padding:18px;box-shadow:0 12px 36px #2a302b14}.panel-heading,.meal-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading{margin-bottom:14px}.meal-list{perspective:1200px;gap:14px;padding-bottom:clamp(96px,24vh,220px);display:grid}.meal-card{transform-origin:top;background:linear-gradient(135deg,#fffffffa,#faf8eff0),#fff;border-radius:14px;gap:14px;padding:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s;animation:.62s cubic-bezier(.16,.9,.24,1) card-deal;display:grid;position:relative;overflow:hidden;box-shadow:0 1px #1b231e14,0 18px 42px #2d373014}.meal-card:before{pointer-events:none;content:"";opacity:0;background:radial-gradient(circle at 88% 12%,#f4e5bd66,#0000 13rem);transition:opacity .24s;position:absolute;inset:0}.meal-card>*{z-index:1;position:relative}.meal-list .meal-card:nth-child(2){animation-delay:70ms}.meal-list .meal-card:nth-child(3){animation-delay:.14s}.meal-list .meal-card:nth-child(4){animation-delay:.21s}.meal-list .meal-card:nth-child(5){animation-delay:.28s}.meal-list .meal-card:nth-child(6){animation-delay:.35s}.meal-card:hover{transform:translateY(-3px);box-shadow:0 1px #1b231e14,0 24px 48px #2d37301f}.meal-card:hover:before{opacity:1}.meal-card-header{padding:14px 16px 0}.meal-card-collapsed{gap:8px}.meal-card-current{scroll-margin-top:190px;animation:.62s cubic-bezier(.16,.9,.24,1) card-deal,3.6s ease-in-out .95s infinite current-breathe;box-shadow:inset 4px 0 #2d5948,0 1px #1b231e14,0 22px 46px #2d37301f}.meal-card-current:before{opacity:.82}.meal-slot{color:#2a372f;text-transform:uppercase;font-size:.82rem;font-weight:820}.option-count{color:#7c867f;text-transform:none;margin-left:8px;font-size:.76rem;font-weight:650}.meal-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.meal-time-state{color:#607067;text-transform:uppercase;background:#f0eee5;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:820;line-height:1}.meal-card-current .meal-time-state{color:#f6f1df;background:#263a30}.muted{color:#69736d}.option-button,.collapse-button,.confirm-button,.recipe-trigger,.prepare-week-button,.modal-close{cursor:pointer;border:0;align-items:center;display:inline-flex}.option-button{color:#263a30;background:#edf3ee;border-radius:10px;gap:7px;min-height:36px;padding:0 11px;font-size:.82rem;font-weight:760;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s}.option-button:hover{background:#dce9df;transform:translateY(-2px);box-shadow:0 10px 18px #273d311f}.collapse-button{color:#314038;background:#f4f2ea;border-radius:10px;justify-content:center;width:36px;height:36px;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s}.collapse-button svg{transition:transform .18s}.meal-card:not(.meal-card-collapsed) .collapse-button svg{transform:rotate(180deg)}.collapse-button:hover{background:#e8e4d8;transform:translateY(-1px)}.option-button:active,.collapse-button:active,.confirm-button:active,.recipe-trigger:active,.prepare-week-button:not(:disabled):active,.mobile-header-action:active,.note-tab:active{transform:translateY(0)scale(.98)}.meal-body{gap:10px;padding:0 18px 18px;display:grid}.meal-card-collapsed .meal-body{padding-bottom:16px}.meal-summary{gap:10px;animation:.28s both detail-in;display:grid}.meal-accordion{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .42s cubic-bezier(.18,.9,.2,1),opacity .26s,transform .42s cubic-bezier(.18,.9,.2,1);display:grid;transform:translateY(0)}.meal-accordion-inner{gap:14px;min-height:0;display:grid;overflow:hidden}.meal-card-collapsed .meal-accordion{opacity:0;pointer-events:none;grid-template-rows:0fr;transform:translateY(-8px)}.meal-body h3{color:#17231d;text-wrap:pretty;max-width:34ch;font-size:clamp(1.32rem,2vw,1.78rem);font-weight:820;line-height:1.05}.recommendation-label{color:#f6f1df;letter-spacing:.02em;text-transform:uppercase;background:#263a30;border-radius:4px;width:fit-content;margin:0;padding:4px 8px;font-size:.72rem;font-weight:780;animation:.36s cubic-bezier(.2,.9,.24,1.2) both label-snap}.meal-detail-body{gap:12px;animation:.34s cubic-bezier(.2,.8,.2,1) both detail-in;display:grid}.confirm-button{color:#2e2a1f;background:#f4e5bd;border-radius:10px;width:fit-content;min-height:38px;padding:0 13px;font-size:.84rem;font-weight:820;transition:transform .18s,background .18s}.confirm-button:not(:disabled):hover{background:#ecd69b;transform:translateY(-1px)}.confirmed-pill{color:#2b5d45;background:#e7f0e8;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.78rem;font-weight:820}.meal-card ul,.shopping-list{padding-left:18px}.meal-card ul{max-width:78ch;margin:10px 0 0}.meal-card li{color:#3d4640;margin:4px 0}.meal-note{color:#59645e;max-width:76ch;padding:0 0 4px;font-size:.92rem}.meal-note summary{cursor:pointer;color:#42574b;width:fit-content;font-weight:760}.meal-note p{margin:8px 0 0}.ingredient-details{border-top:1px solid #25352c1f;max-width:78ch;padding-top:12px}.ingredient-details h4{color:#314a3d;text-transform:uppercase;margin:0;font-size:.86rem;font-weight:820}.ingredient-details ul{gap:8px;margin-top:10px;display:grid}.ingredient-details li{gap:4px;margin:0;padding-left:2px;line-height:1.48;display:grid}.quantity-alternative{color:#536159;display:block}.quantity-groups{gap:10px;margin-top:10px;display:grid}.quantity-group{border-top:1px solid #25352c14;grid-template-columns:minmax(86px,.18fr) minmax(0,1fr);align-items:start;gap:12px;padding:10px 0;display:grid}.quantity-group:first-child{border-top:0;padding-top:0}.quantity-label{color:#6b776f;font-size:.82rem;font-weight:820}.recipe-trigger{color:#f7f3e2;background:#17231d;border-radius:10px;gap:9px;width:fit-content;min-height:40px;padding:0 13px;font-weight:800;transition:transform .18s,background .18s}.recipe-trigger:hover{background:#274032;transform:translateY(-1px)}.recipe-trigger small{color:#cbd8cd;font-size:.78rem;font-weight:760}.recipe-idea,.recipe-modal{max-width:78ch}.recipe-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.recipe-heading h4{color:#17231d;margin:0;font-size:1.24rem;font-weight:820;line-height:1.08}.recipe-heading span{color:#6b776f;font-size:.84rem;font-weight:760}.recipe-idea ol,.recipe-modal ol{margin:14px 0 0;padding-left:20px}.recipe-idea li,.recipe-modal li{color:#3d4640;margin:7px 0;line-height:1.48}.recipe-modal-backdrop{z-index:20;background:#1018136b;place-items:center;padding:20px;animation:.18s both backdrop-in;display:grid;position:fixed;inset:0}.dashboard-modal-backdrop{z-index:30;background:#1018136b;place-items:end center;padding:18px;animation:.18s both backdrop-in;display:grid;position:fixed;inset:0}.dashboard-modal{transform-origin:bottom;background:#f8f7f2;border-radius:14px;width:min(520px,100%);max-height:min(82vh,760px);padding:48px 12px 12px;animation:.26s cubic-bezier(.2,.86,.2,1) both modal-rise;position:relative;overflow:auto;box-shadow:0 28px 80px #0f16124d}.dashboard-modal .side-panel{box-shadow:none}.dashboard-modal .panel-heading>svg{display:none}.recipe-modal{transform-origin:50%;background:#fffdf7;border-radius:12px;width:min(560px,100%);padding:22px;animation:.26s cubic-bezier(.2,.86,.2,1) both modal-pop;position:relative;box-shadow:0 28px 80px #0f161247}.modal-close{color:#24342c;background:#edf1ed;border-radius:8px;justify-content:center;width:34px;height:34px;transition:transform .18s,background .18s;position:absolute;top:12px;right:12px}.modal-close:hover{background:#dfe9e1;transform:rotate(4deg)scale(1.04)}.warning{color:#8b231d;font-weight:760}.ok{color:#27654d;font-weight:760}.icon-button{cursor:pointer;background:#edf3ee;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover,.chip:hover{transform:translateY(-2px)}.icon-button:active,.chip:active,.day-tab:active{transform:translateY(0)scale(.98)}.day-chips{flex-wrap:wrap;gap:8px;display:flex}.prepare-week-button{color:#f7f3e2;background:#17231d;border-radius:10px;justify-content:center;gap:8px;width:100%;min-height:42px;margin-bottom:10px;font-weight:820;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s}.prepare-week-button:disabled,.confirm-button:disabled{cursor:progress;opacity:.72;transform:none}.button-spinner{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.prepare-week-button:not(:disabled):hover{background:#274032;transform:translateY(-2px);box-shadow:0 14px 22px #17231d2e}.shopping-context{color:#5d6a63;margin:0 0 12px;font-size:.86rem;line-height:1.35}.chip{cursor:pointer;background:#edf1ed;border-radius:8px;padding:7px 10px;font-size:.88rem;font-weight:760}.chip.selected{color:#f7f3e2;background:#273d31}.shopping-list{gap:8px;max-height:360px;margin:14px 0 0;padding-right:4px;display:grid;overflow:auto}.shopping-list li{border-bottom:1px solid #232d2714;grid-template-columns:minmax(64px,.26fr) minmax(0,1fr);align-items:baseline;gap:14px;padding:7px 0;display:grid}.shopping-quantity{color:#2d5948;white-space:normal;font-weight:860}.shopping-label{color:#17231d;min-width:0;line-height:1.35}.plan-notes-panel{gap:14px;display:grid}.note-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.note-tab{color:#435148;cursor:pointer;text-align:left;background:#edf1ed;border:0;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:.78rem;font-weight:820;transition:transform .18s,background .18s;display:inline-flex}.note-tab span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.note-tab:hover{background:#e0e9e1;transform:translateY(-2px)}.note-tab.selected{color:#f7f3e2;background:#273d31}.note-section-header{color:#304038;background:#f4e5bd;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 10px;font-size:.78rem;font-weight:820;display:inline-flex}.plan-note-list{gap:10px;max-height:360px;padding-right:4px;display:grid;overflow:auto}.plan-note-item{border-top:1px solid #232d2717;padding-top:10px}.plan-note-item:first-child{border-top:0;padding-top:0}.plan-note-item h3{color:#17231d;margin:0 0 5px;font-size:.98rem;font-weight:850;line-height:1.15}.plan-note-item p{color:#4c5b52;margin:0;font-size:.92rem;line-height:1.45}.field{color:#405149;gap:6px;margin-top:12px;font-weight:760;display:grid}.field input,.field textarea{color:#17201c;background:#fff;border:1px solid #2d3a3224;border-radius:8px;width:100%;padding:10px 12px}.field textarea{resize:vertical}@media (width<=900px){.app-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.day-selector{grid-template-columns:repeat(4,minmax(0,1fr))}.app-grid{grid-template-columns:1fr}}@media (width<=560px){.app-shell{width:min(100% - 20px,1240px);padding-top:14px}.brand-block{grid-template-columns:38px minmax(0,1fr)}.brand-mark{border-radius:10px;width:38px;height:38px}.side-panel{padding:14px}.meal-card-header{align-items:flex-start}.meal-body{padding-inline:16px}.quantity-group{grid-template-columns:1fr;gap:4px}}@media (width<=720px){.app-shell{width:min(100% - 20px,1240px);padding-top:14px}.top-navigation{margin-top:-14px;padding-top:14px}.app-header{flex-direction:row;align-items:flex-start;gap:10px}.app-header h1{font-size:1.34rem;line-height:1.05}.brand-block{grid-template-columns:38px minmax(0,1fr);column-gap:12px}.brand-mark{border-radius:10px;width:38px;height:38px;font-size:1.1rem}.header-actions{gap:7px;padding-top:34px}.status-pill{min-height:38px;padding:0 10px}.mobile-header-action{color:#253a30;cursor:pointer;background:#edf3ee;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.day-selector{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:14px -10px 18px;padding:0 10px 10px;display:flex;overflow-x:auto}.day-selector::-webkit-scrollbar{display:none}.day-tab{scroll-snap-align:center;flex:0 0 82px}.meal-list{padding-bottom:clamp(220px,42vh,380px)}.meal-card-current{scroll-margin-top:178px}.side-column{display:none}.dashboard-modal-backdrop{padding:10px}.dashboard-modal{border-radius:16px 16px 10px 10px;max-height:88vh;padding:46px 10px 10px}.dashboard-modal .modal-close{top:8px;right:8px}.dashboard-modal .panel-heading{padding-right:34px}}@keyframes ambient-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.04)}}@keyframes nav-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-pop{0%{opacity:0;transform:scale(.82)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tab-rise{0%{opacity:0;transform:translateY(14px)rotateX(-8deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes selected-sheen{0%,54%{opacity:0;transform:translate(-120%)}72%{opacity:.32}to{opacity:0;transform:translate(120%)}}@keyframes content-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-deal{0%{opacity:0;transform:translateY(22px)rotateX(-5deg)scale(.985)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes current-breathe{0%,to{box-shadow:inset 4px 0 #2d5948,0 1px #1b231e14,0 22px 46px #2d37301f}50%{box-shadow:inset 4px 0 #2d5948,0 1px #1b231e14,0 26px 54px #2d37302e,0 0 0 1px #2d59481a}}@keyframes detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes label-snap{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
