@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#3f392f;background:#f8f1e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f8f1e7}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit}.app-shell{max-width:570px;min-height:100dvh;margin:auto;background:#fffaf3;padding:26px 20px 98px;position:relative;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1,h2,p{margin:0}h1,h2{font-family:Fraunces,Georgia,serif;letter-spacing:-.035em}h1{font-size:28px;line-height:1.05}h2{font-size:20px}.eyebrow{display:block;color:#7b7967;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:6px}.profile{background:#d7e5d1;border:2px solid #fff;color:#42614b;width:45px;height:45px;border-radius:50%;font-weight:700;font-size:18px;position:relative;box-shadow:0 3px 10px #2f493020}.dot{position:absolute;right:-1px;bottom:1px;width:11px;height:11px;background:#cc755a;border:2px solid #fff;border-radius:50%}.hero-card{width:100%;min-height:142px;background:#6f8f73;color:#fff;border-radius:25px;text-align:left;padding:22px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 18px #526e5330}.hero-card .eyebrow{color:#e1eddc}.hero-card h2{font-size:27px}.hero-card p{font-size:13px;opacity:.88;margin-top:5px}.hero-card>svg{margin-left:auto}.hero-icon{width:42px;height:42px;border-radius:16px;background:#ffffff24;display:grid;place-items:center}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:27px;margin-bottom:13px}.section-head h2{font-size:20px}.expiry-row{display:flex;gap:10px}.expiry{flex:1;background:#f2eadc;border-radius:17px;padding:12px 9px;min-height:102px;display:flex;flex-direction:column}.expiry>span{font-size:20px;margin-bottom:6px}.expiry strong{font-size:12px}.expiry small{font-size:10px;color:#a25d4a;margin-top:4px}.text-action{padding:12px 0;background:transparent;color:#657e68;font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.tonight{border:1px solid #eee1d1;border-radius:20px;padding:14px;display:flex;gap:13px;align-items:center;background:#fff}.meal-emoji{background:#f5dbbd;border-radius:15px;width:52px;height:52px;display:grid;place-items:center;font-size:27px}.tonight h2{font-size:19px}.tonight p{font-size:12px;color:#7d7468;margin-top:4px}.round{margin-left:auto;background:#d68a6b;color:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.split button{padding:14px 12px;background:#f0e4d7;border-radius:16px;text-align:left;font-weight:700;font-size:13px}.split button:last-child{background:#e2eadb}.split small,.plan-link small{display:block;color:#746f63;font-weight:500;font-size:10px;margin-top:5px}.plan-link{display:flex;gap:12px;align-items:center;width:100%;background:transparent;padding:21px 3px;text-align:left}.plan-link>svg:last-child{margin-left:auto}.plan-link span:first-of-type{display:grid;gap:2px}.plan-link strong{font-size:14px}nav{position:fixed;z-index:3;bottom:0;left:50%;transform:translate(-50%);max-width:570px;width:100%;height:76px;background:#fffdf8ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #eee6db;display:flex;justify-content:space-around;padding:10px 12px}nav button{background:transparent;color:#8c867b;display:grid;gap:4px;justify-items:center;font-size:10px;min-width:52px;padding:2px 8px}nav button.active{color:#567a5d}nav button.active svg{stroke-width:2.7}.toolbar{display:flex;gap:8px;align-items:center}.search,.prompt{display:flex;align-items:center;gap:8px;background:#f1ede4;border-radius:14px;padding:0 12px;flex:1;color:#797165}.search input,.prompt input{border:0;background:transparent;outline:0;width:100%;min-width:0;padding:13px 0;font-size:12px}.add{background:#cc765c;color:#fff;padding:12px 10px;border-radius:13px;font-size:12px;font-weight:700;white-space:nowrap;display:flex;gap:4px;align-items:center}.chips,.mode-row,.zone-tabs{display:flex;gap:8px;overflow:auto;margin:17px -20px;padding:0 20px;scrollbar-width:none}.chips button,.mode-row button,.zone-tabs button{background:#f1ece3;border-radius:99px;padding:8px 12px;white-space:nowrap;font-size:12px;display:flex;gap:4px;align-items:center}.chips .selected,.zone-tabs .selected{background:#d8e4d3;color:#496b52;font-weight:700}.recipe-list{display:grid;gap:11px}.recipe-card,.match-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #eee5da;padding:11px;border-radius:19px;box-shadow:0 2px 5px #402f1a08}.recipe-art{width:69px;height:69px;border-radius:14px;background:#efe1cb;display:grid;place-items:center;font-size:35px}.recipe-art.small{width:53px;height:53px;font-size:27px}.recipe-info{flex:1}.recipe-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.recipe-title h2,.match-card h2{font-size:17px}.recipe-title svg{color:#c87962}.recipe-info p,.match-card p{font-size:11px;color:#81796c;margin:5px 0}.recipe-info p svg{vertical-align:-2px;margin-right:2px}.recipe-info p span{margin:0 3px}.tag{font-size:10px;font-weight:700;color:#9c5f4e;background:#f5e0d8;padding:4px 7px;border-radius:7px}.muted{color:#b6ada0}.cook-intro{margin:3px 0 17px}.cook-intro h2{font-size:26px}.cook-intro p{font-size:13px;color:#756e63;margin-top:6px}.prompt{background:#e7eee2;border:1px solid #cbdac6;padding-right:4px}.prompt svg{color:#587a5e}.prompt button{background:#6b8c70;color:#fff;width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.check{font-size:12px;color:#696458;display:flex;gap:7px;align-items:center;margin:4px 0 20px}.check input{accent-color:#67866d}.results-head{font-size:20px;margin-bottom:11px}.results-head span{color:#8b8378;font-family:DM Sans;font-size:13px}.match-card{margin-bottom:10px}.match-card>div:nth-child(2){flex:1}.green{font-size:11px;color:#507f5a}.amber{font-size:11px;color:#ae7048}.quick-add{width:100%;padding:15px;background:#e1ebdc;color:#486b51;border-radius:17px;text-align:left;font-weight:700;display:flex;gap:9px;align-items:center}.quick-add span{color:#7b8879;font-size:11px;font-weight:500;margin-left:auto}.food-list{margin-top:13px}.food-list article{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee4d7;padding:13px 3px}.food-emoji{font-size:25px;width:37px;text-align:center}.food-list article div{flex:1}.food-list h2{font-size:17px}.food-list p{font-size:12px;color:#81796c;margin-top:2px}.status,.urgent{font-size:10px;padding:6px 7px;border-radius:8px;background:#e5ecdf;color:#5d775f}.urgent{background:#fae1d6;color:#a55946}.hint{font-size:11px;line-height:1.45;color:#8a8175;background:#f5eee4;border-radius:13px;padding:11px;margin-top:17px}.plan-head{display:flex;align-items:center;justify-content:space-between}.plan-head h2{font-size:25px}.plan-head .round{margin:0}.week{margin:18px 0}.week article{display:grid;grid-template-columns:43px 1fr;gap:10px;align-items:center;margin:8px 0;font-size:12px}.week article>strong{color:#847b70}.week article>div{padding:12px 13px;border-radius:13px;background:#e7eedf;font-weight:600}.week article>div.out{background:#f1e9dc;color:#877b6c}.ai-plan{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:14px;background:#f4ded4;border-radius:16px;color:#945f4f;font-weight:700;font-size:13px}.ai-plan svg:last-child{margin-left:auto}.shop{margin-top:28px}.shop .section-head{margin-bottom:8px}.shop>button{width:100%;text-align:left;padding:11px 3px;background:transparent;border-bottom:1px solid #eee4d7;font-size:13px}.shop>button span{font-size:19px;color:#789078;margin-right:10px;vertical-align:-2px}.shop>button.bought{color:#99918a;text-decoration:line-through}.basket-note{font-size:11px;color:#5f7d65;margin-top:12px}.modal-backdrop{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;background:#332a2559;display:flex;align-items:end;justify-content:center}.modal{max-width:570px;width:100%;background:#fffaf3;padding:28px 20px 36px;border-radius:28px 28px 0 0;position:relative}.modal h2{font-size:27px;margin-bottom:18px}.close{position:absolute;right:18px;top:18px;background:#f0e9df;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.import-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #eee3d6;border-radius:17px;padding:13px;margin:9px 0}.import-option>span{font-size:22px}.import-option div{display:grid;gap:3px;flex:1}.import-option small{color:#81786b;font-size:11px}.modal>p{font-size:11px;color:#837a6e;line-height:1.4;margin:15px 3px 0}.import-input{width:100%;border:1px solid #dcd1c4;border-radius:13px;background:#fff;padding:13px;margin:4px 0 10px;outline-color:#6b8c70}.wide{width:100%;justify-content:center;margin-top:6px}.wide:disabled{opacity:.45;cursor:not-allowed}.recipe-summary{font-size:13px;color:#7a7166;margin:-8px 0 16px}.servings{display:flex;align-items:center;justify-content:space-between;background:#f0e9df;padding:8px 10px;border-radius:13px;margin:12px 0 17px}.servings button{width:31px;height:31px;border-radius:9px;background:#fff;color:#617b65;font-size:20px}.modal h3{font-family:Fraunces,Georgia,serif;margin:0 0 8px}.ingredient{display:block;padding:8px 0;border-bottom:1px solid #eee4d7;font-size:13px}.ingredient input{accent-color:#698a70}@media(min-width:600px){body{padding:18px}.app-shell{border-radius:30px;min-height:calc(100dvh - 36px);box-shadow:0 10px 40px #482e1b18}nav{border-radius:0 0 30px 30px}}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f8f1e7}.auth-card{width:min(100%,430px);background:#fffaf3;border-radius:28px;padding:32px;box-shadow:0 18px 50px #493c2b22}.auth-card h1{font-size:34px;line-height:1.05}.auth-copy{margin:12px 0 24px;color:#6e665b;line-height:1.5}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#efe6d8;border-radius:12px;margin-bottom:22px}.auth-toggle button{padding:10px;background:transparent;border-radius:9px;font-weight:700;font-size:14px}.auth-toggle button.selected{background:#fffaf3;color:#42614b;box-shadow:0 1px 4px #493c2b20}.auth-card form,.quick-add-panel form{display:grid;gap:14px}.auth-card label,.quick-add-panel label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#51493f}.auth-card input,.quick-add-panel input{width:100%;border:1px solid #ded3c3;border-radius:10px;background:#fff;padding:11px 12px;color:#3f392f}.auth-card small,.quick-add-panel label span{font-weight:400;color:#7b7967}.form-error{margin:10px 0;padding:10px 12px;border-radius:10px;background:#fae3dd;color:#934a37;font-size:13px}.account-actions{display:flex;align-items:center;gap:8px}.sign-out{display:flex;gap:5px;align-items:center;background:transparent;color:#657e68;font-size:12px;font-weight:700}.preview-note{margin:0 0 14px;padding:9px 11px;border-left:3px solid #c9ab70;background:#fbf1dc;color:#716042;font-size:12px;line-height:1.45;border-radius:0 9px 9px 0}.quick-add-panel{margin:18px 0;padding:18px;border-radius:18px;background:#f2eadc}.quick-add-panel h2{font-size:20px}.quick-add-panel>p{margin:5px 0 14px;color:#6e665b;font-size:13px}.quick-add-panel .add{margin-top:2px}.food-list .hint{padding:16px 0}.food-list article{gap:12px}.food-list article>div{flex:1}.food-list .status,.food-list .urgent{max-width:120px;text-align:right}.add.wide{justify-content:center}.auth-shell>.eyebrow{align-self:end}.auth-shell>p:not(.eyebrow){align-self:start;color:#6e665b}@media(max-width:420px){.sign-out{font-size:0}.sign-out svg{width:18px;height:18px}.auth-card{padding:26px 20px}}