:root{--paper:#fff8f3;--surface:#fffdfb;--surface-strong:#fff;--ink:#302833;--muted:#746a78;--soft:#f1e8ef;--line:#eadfe4;--heart:#df5b83;--heart-deep:#b7476b;--moon:#7771c8;--moon-soft:#ecebff;--mint:#eaf6ee;--sage:#f3faf5;--peach:#ffd6be;--rose:#ffe7ef;--gold:#ffe7a7;--sky:#e7f0ff;--used:#4f9b72;--danger:#b44a67;--shadow:0 18px 42px #59486521;--focus:0 0 0 3px #7771c82e}*{box-sizing:border-box}html{color:var(--ink);background:linear-gradient(#fff8f3f5,#fff8f3),radial-gradient(circle at 10% -10%,#ffd6bea8,#0000 28%),radial-gradient(circle at 92% 6%,#ecebffe6,#0000 30%);min-height:100%}body{letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:760px;min-height:100svh;padding:14px 14px calc(112px + env(safe-area-inset-bottom));margin:0 auto}.topbar{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;display:grid}.brand-mark{background:linear-gradient(135deg,#fff,#fff1f6 52%,#ecebff);border:1px solid #7771c829;border-radius:8px;place-items:center;height:44px;display:grid;box-shadow:0 12px 24px #7771c82b}.brand-icon{width:36px;height:36px;display:block}.brand-icon__night{fill:#111448}.brand-icon__moon{fill:#fff1d2}.brand-icon__heart{fill:#ff89a0}.brand-icon__spark,.brand-icon__star{fill:#fff8e7}.brand-copy{min-width:0}.eyebrow,.hero-label{color:var(--heart);letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:.68rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.62rem;line-height:1.04}.save-message{border:1px solid var(--line);color:var(--muted);background:#fffafddb;border-radius:8px;margin-bottom:13px;padding:10px 12px;font-size:.84rem;font-weight:800;line-height:1.35}.screen{gap:14px;display:grid}.hero-band{box-shadow:var(--shadow);background:radial-gradient(circle at 86% 16%,#ffffffc7,#0000 25%),linear-gradient(135deg,#fff 0%,#fff0f6 48%,#ecebff 100%);border:1px solid #7771c821;border-radius:8px;grid-template-columns:1fr 88px;align-items:center;gap:14px;padding:16px;display:grid;overflow:hidden}.hero-band h2{margin-bottom:8px;font-size:1.55rem;line-height:1.04}.hero-band p:last-child{color:#6f5a66;margin-bottom:0;font-size:.92rem;line-height:1.42}.moon-hearts{aspect-ratio:1;background:#fffdfbc7;border:1px solid #7771c824;border-radius:8px;place-items:center;padding:10px;display:grid;position:relative;overflow:hidden}.moon-hearts .brand-icon{z-index:1;width:66px;height:66px;position:relative}.moon-hearts span{background:var(--gold);border-radius:999px;width:9px;height:9px;position:absolute}.moon-hearts span:first-of-type{top:14px;right:16px}.moon-hearts span:nth-of-type(2){background:var(--heart);opacity:.68;bottom:15px;left:16px;transform:scale(.72)}.stat-strip,.ingredient-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-strip div,.ingredient-summary div{border:1px solid var(--line);background:#fffdf8d1;border-radius:8px;gap:3px;min-height:74px;padding:12px;display:grid}.stat-strip span,.ingredient-summary span,.section-title span,.list-card small{color:var(--muted);font-size:.76rem;font-weight:800}.stat-strip strong,.ingredient-summary strong{font-size:1.55rem;line-height:1}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{margin:0;font-size:1.08rem}.section-title button{background:var(--surface);border:1px solid var(--line);color:var(--heart);border-radius:7px;min-height:36px;padding:0 12px;font-size:.8rem;font-weight:900}.ingredient-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.coverage-list{flex-wrap:wrap;gap:8px;display:flex}.coverage-list span{border-radius:999px;padding:7px 9px;font-size:.76rem;font-weight:950}.coverage-list .covered{background:var(--mint);color:#3c7a58}.coverage-list .gap{color:var(--danger);background:#fff2f7}.new-food-panel .today-ingredient{height:100%}.ingredient-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ingredient-slot{background:#fffdfbe6;border:1px solid #7771c824;border-radius:8px;gap:4px;min-height:82px;padding:10px;display:grid}.ingredient-slot span,.ingredient-slot small{color:var(--muted);font-size:.7rem;font-weight:900}.ingredient-slot span{text-transform:uppercase}.ingredient-slot strong{font-size:.92rem;line-height:1.12}.ingredient-slot small{color:var(--heart)}.ingredient-slot.protein{border-color:#dd5f8b33}.ingredient-slot.carb-energy{border-color:#e6a8463d}.ingredient-slot.key-nutrient{border-color:#4f9b7238}.category-stack{gap:12px;display:grid}.category-card{background:#fffafdf0;border:1px solid #dd5f8b24;border-radius:8px;gap:12px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 32px #9c527714}.category-card:after{content:"";opacity:.54;border-radius:999px;width:86px;height:86px;position:absolute;top:-42px;right:-34px}.category-card.protein:after{background:#ffd2e0}.category-card.base:after{background:#fff0c7}.category-card.color:after{background:#f0d9ff}.category-card.fat:after{background:#ffe0ea}.category-card.watch:after{background:#ffd2d2}.category-heading{z-index:1;grid-template-columns:42px 1fr;align-items:center;gap:11px;display:grid;position:relative}.category-heading>span{color:var(--heart);background:#fff2f7;border:1px solid #dd5f8b29;border-radius:8px;place-items:center;height:42px;font-size:1rem;font-weight:950;display:grid}.category-heading h3{margin-bottom:3px;font-size:1.04rem;line-height:1.1}.category-heading p{color:var(--muted);margin-bottom:0;font-size:.84rem;line-height:1.32}.today-ingredient-list{z-index:1;gap:8px;display:grid;position:relative}.today-ingredient{background:#ffffffbd;border:1px solid #dd5f8b1f;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.today-ingredient strong{font-size:.98rem;line-height:1.15;display:block}.today-ingredient span{color:var(--muted);margin-top:3px;font-size:.78rem;font-weight:850;display:block}.today-ingredient.used-week{border-left:5px solid var(--used);background:#fff4f8;border-color:#dd5f8b38}.today-ingredient.new-suggestion{background:#fff9e9}.today-ingredient.watch{background:#fff0f1;border-color:#b74b6f33}.today-ingredient p{color:#75636c;margin-bottom:0;font-size:.84rem;line-height:1.35}.ingredient-tile,.ingredient-row,.panel,.form-panel,.list-card{border:1px solid var(--line);background:#fffdf8eb;border-radius:8px}.ingredient-tile{gap:8px;min-height:166px;padding:13px;display:grid;position:relative;overflow:hidden}.ingredient-tile:before,.ingredient-row:before{content:"";width:5px;position:absolute;inset:0 auto 0 0}.ingredient-tile.used-week,.ingredient-row.used-week{background:linear-gradient(135deg, var(--sage), #fffafdf0)}.ingredient-tile.new-suggestion,.ingredient-row.new-suggestion{background:linear-gradient(135deg,#fff7df,#fffafdf5)}.ingredient-tile.new-suggestion:before,.ingredient-row.new-suggestion:before{background:var(--gold)}.ingredient-tile.watch,.ingredient-row.watch{background:linear-gradient(135deg,#ffe6ef,#fffafdf5)}.ingredient-tile.watch:before,.ingredient-row.watch:before{background:var(--danger)}.ingredient-tile.used-week:before,.ingredient-row.used-week:before{background:var(--used)}.ingredient-tile.used-ever:before,.ingredient-row.used-ever:before{background:var(--moon)}.ingredient-tile.not-used:before,.ingredient-row.not-used:before{background:var(--soft)}.tile-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.tile-topline span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:900}.tile-topline strong{background:var(--surface-strong);color:var(--heart);border:1px solid #24352c14;border-radius:999px;padding:4px 7px;font-size:.76rem}.ingredient-tile h3{margin:0;font-size:1.1rem;line-height:1.08}.ingredient-tile p{color:#75636c;margin-bottom:0;font-size:.84rem;line-height:1.33}.panel,.form-panel{padding:15px}.panel.compact{gap:10px;display:grid}.panel-heading{color:var(--heart);justify-content:space-between;align-items:center;display:flex}.panel-mark{background:var(--moon-soft);border-radius:999px;place-items:center;width:30px;height:30px;display:inline-grid}.panel-mark.danger{background:var(--rose);color:var(--danger)}.panel h3,.form-panel h2{margin-bottom:0;font-size:1rem}.chips,.mini-tags{flex-wrap:wrap;gap:7px;display:flex}.chip,.mini-tags em{border-radius:999px;font-style:normal;font-weight:900}.chip{background:var(--mint);color:var(--heart);padding:7px 9px;font-size:.78rem}.mini-tags em{color:#80606f;background:#dd5f8b14;padding:5px 7px;font-size:.68rem}.mini-tags em.danger{background:var(--rose);color:var(--danger)}.muted,.empty{color:var(--muted);margin-bottom:0}.row-note{border-top:1px solid var(--line);gap:4px;margin:0;padding:10px 0;display:grid}.row-note:first-of-type{border-top:0;padding-top:0}.row-note span{color:var(--muted);font-size:.9rem}.form-panel{gap:13px;display:grid}.feature-form{background:linear-gradient(180deg, #fffdfafa, #fff8f2fa), var(--surface);box-shadow:var(--shadow)}.form-title-row{grid-template-columns:1fr 58px;align-items:center;gap:12px;display:grid}.form-title-row h2{margin-bottom:0}.form-kicker{color:var(--heart);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:950}.tiny-bowl{background:#fff2f7;border:1px solid #7771c829;border-radius:8px;place-items:end center;height:54px;padding-bottom:9px;display:grid;position:relative;overflow:hidden}.tiny-bowl:before{background:var(--heart);content:"";border-radius:999px 999px 18px 18px;width:38px;height:19px;position:absolute;bottom:10px}.tiny-bowl span{background:var(--gold);border-radius:50%;width:20px;height:20px;display:block;position:absolute;bottom:23px}label,.ingredient-picker legend{color:#38473e;gap:7px;font-size:.84rem;font-weight:900;display:grid}input,textarea{border:1px solid var(--line);color:var(--ink);background:#fffdfb;border-radius:7px;outline:0;width:100%;min-height:45px;padding:10px 12px}textarea{resize:vertical;min-height:84px}input:focus,textarea:focus{border-color:var(--heart);box-shadow:var(--focus)}.ingredient-picker{border:0;margin:0;padding:0}.ingredient-picker>div{flex-wrap:wrap;gap:8px;margin-top:7px;display:flex}.ingredient-picker button{border:1px solid var(--line);color:var(--ink);background:#fffdfb;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.ingredient-picker button.selected{background:var(--heart);border-color:var(--heart);color:var(--surface)}.ingredient-picker button span{background:var(--rose);color:var(--danger);border-radius:999px;padding:3px 6px;font-size:.68rem}.heart-selector button{color:var(--ink);text-align:left;background:#fff7fb;border:1px solid #7771c829;border-radius:8px;grid-template-columns:48px 1fr;align-items:center;gap:3px 12px;width:100%;min-height:70px;padding:10px 12px;display:grid}.heart-selector button span{background:var(--surface);color:var(--heart);border:1px solid #7771c829;border-radius:999px;grid-row:span 2;place-items:center;width:46px;height:46px;font-size:1.6rem;line-height:1;display:grid}.heart-selector button strong{font-size:.96rem}.heart-selector button small{color:var(--muted);font-size:.78rem;font-weight:800}.heart-selector button.active{background:linear-gradient(135deg,#fff1f6,#ecebff);border-color:#7771c857;box-shadow:0 12px 24px #7771c821}.heart-selector button.active span{background:var(--heart);color:var(--surface)}.primary{background:linear-gradient(135deg, var(--heart), #c85192);color:var(--surface);border:0;border-radius:7px;min-height:49px;font-weight:950}.ingredient-list,.list{gap:10px;display:grid}.ingredient-row{gap:11px;padding:13px 13px 13px 17px;display:grid;position:relative;overflow:hidden}.ingredient-row-main{grid-template-columns:24px 1fr;gap:10px;display:grid}.ingredient-status-icon{color:var(--heart);padding-top:1px}.dot{border:2px solid var(--line);border-radius:50%;width:18px;height:18px;margin-top:1px;display:block}.dot.filled{background:var(--used);border-color:var(--used);box-shadow:inset 0 0 0 4px var(--surface)}.ingredient-row strong,.list-card strong{line-height:1.15}.ingredient-row-main span,.list-card span{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:.88rem;line-height:1.34;display:block}.ingredient-counts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.ingredient-counts span{color:var(--ink);text-align:center;background:#fffdf8c2;border:1px solid #24352c14;border-radius:7px;padding:8px;font-size:.78rem;font-weight:900}.list-card{gap:5px;padding:14px;display:grid}.recipe-card-top{grid-template-columns:minmax(0,1fr) 42px;align-items:start;gap:12px;display:grid}.heart-icon{color:var(--heart);background:#fff2f7;border:1px solid #dd5f8b29;border-radius:999px;place-items:center;width:42px;height:42px;padding:0;font-size:1.4rem;line-height:1;display:grid}.heart-icon.active{background:var(--heart);border-color:var(--heart);color:var(--surface)}.recipe-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.recipe-actions button{color:var(--danger);background:0 0;border:0;padding:6px 0 6px 10px;font-size:.78rem;font-weight:950}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;background:#fffdf8f0;border:1px solid #24352c1a;border-radius:8px;grid-template-columns:repeat(5,1fr);align-items:center;gap:3px;padding:5px;display:grid;position:fixed;left:max(10px,50vw - 370px);right:max(10px,50vw - 370px);box-shadow:0 18px 44px #5948652e}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;gap:4px;min-height:58px;padding:5px 2px;font-size:.68rem;font-weight:950;display:grid}.bottom-nav button i{color:var(--moon);background:#7771c81a;border-radius:999px;place-items:center;width:28px;height:28px;display:inline-grid}.bottom-nav button.active{background:linear-gradient(135deg, var(--moon), var(--heart));color:var(--surface)}.bottom-nav button.active i{color:var(--surface);background:#fffdfb38}.nav-svg{width:18px;height:18px;display:block}@media (max-width:560px){.app-shell{padding-inline:12px}.topbar{grid-template-columns:40px 1fr auto}.brand-mark{height:40px}h1{font-size:1.42rem}.hero-band{grid-template-columns:1fr 78px;padding:14px}.hero-band h2{font-size:1.36rem}.stat-strip,.ingredient-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-strip div,.ingredient-summary div{min-height:68px;padding:10px}.ingredient-board,.today-grid{grid-template-columns:1fr}.ingredient-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredient-tile{min-height:138px}.bottom-nav{left:8px;right:8px}}button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--focus);outline:0}