@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--color-bg:#f4f1eb;--color-surface:#fff;--color-text:#2e2018;--color-text-2:#5a5249;--color-text-muted:#948c80;--color-border:#2e20181a;--color-accent:#d3652e;--color-accent-dark:#a8461c;--color-accent-soft:#fdf1e2;--color-accent-gradient:linear-gradient(135deg, #e07a3f, #c2502a);--color-chip:#f1ede5;--color-placeholder:#e3ded3;--color-placeholder-2:linear-gradient(135deg, #f3ceac, #e6a271);--color-success:#6a9955;--shadow-sm:0 1px 2px #2e20180f;--shadow-md:0 4px 14px #2e201814;--shadow-accent:0 6px 16px #d3652e47;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;color:var(--color-text);background:var(--color-bg);-webkit-tap-highlight-color:transparent;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#root{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative}h1{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:900}button{cursor:pointer;font-family:inherit;transition:transform .12s,opacity .12s,box-shadow .12s,background-color .12s,border-color .12s}button:active{transform:scale(.97)}input{font-family:inherit}::selection{background:var(--color-accent-soft);color:var(--color-accent-dark)}.app-content{padding:20px 16px calc(104px + env(safe-area-inset-bottom));flex:1}.app-loading,.loading-state{text-align:center;color:var(--color-text-muted);padding:60px 20px;font-weight:600}.auth-page{flex-direction:column;align-items:center;gap:6px;padding-top:40px;display:flex}.auth-logo{background:var(--color-accent-gradient);width:64px;height:64px;box-shadow:var(--shadow-accent);border-radius:20px;justify-content:center;align-items:center;margin-bottom:6px;font-size:30px;display:flex}.auth-title{font-size:22px}.auth-subtitle{color:var(--color-text-muted);text-align:center;margin:0 0 22px;font-size:12.5px}.intro-page{flex-direction:column;align-items:center;gap:6px;padding-top:40px;display:flex}.intro-features{flex-direction:column;gap:14px;width:100%;margin:8px 0 28px;display:flex}.intro-feature{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.intro-feature__icon{font-size:22px;line-height:1}.intro-feature strong{margin-bottom:2px;font-size:13.5px;display:block}.intro-feature p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.4}.intro-page .btn{width:100%;margin-bottom:10px}.intro-install{color:var(--color-accent);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:10px;font-size:12.5px;font-weight:700}.auth-tabs{background:var(--color-chip);border-radius:var(--radius-lg);gap:6px;width:100%;margin-bottom:18px;padding:4px;display:flex}.auth-tab{color:var(--color-text-muted);background:0 0;border:none;border-radius:16px;flex:1;padding:9px;font-size:12.5px;font-weight:700}.auth-tab.is-active{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm)}.auth-form{flex-direction:column;gap:10px;width:100%;display:flex}.auth-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:var(--color-surface);padding:12px;font-size:13.5px}.auth-toggle-row{gap:6px;display:flex}.auth-toggle-btn{border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-2);flex:1;padding:9px;font-size:11.5px;font-weight:700}.auth-toggle-btn.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.auth-error{color:#b3392b;margin:0;font-size:12px;font-weight:600}.ingredient-list{flex-direction:column;gap:7px;display:flex}.ingredient-row{grid-template-columns:2fr 1fr 1fr auto;gap:6px;display:grid}.ingredient-row input{border:1.5px solid var(--color-border);background:var(--color-bg);border-radius:8px;padding:8px;font-size:12.5px}.ingredient-row__remove{background:var(--color-chip);color:var(--color-text-muted);border:none;border-radius:8px;width:28px;font-weight:700}.app-content h1{margin:0 0 14px}.recipes-page{flex-direction:column;gap:12px;display:flex}.recipes-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.recipe-card{text-align:left;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none;flex-direction:column;gap:6px;padding:8px;display:flex}.recipe-card:active{box-shadow:var(--shadow-md)}.recipe-card__thumb{background:var(--color-placeholder-2);border-radius:10px;justify-content:center;align-items:center;height:78px;font-size:30px;display:flex;position:relative}.recipe-card__badge{background:var(--color-accent-gradient);color:#fff;border-radius:20px;padding:3px 7px;font-size:8px;font-weight:700;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #d3652e59}.recipe-card__title{color:var(--color-text);font-size:12.5px;font-weight:700}.recipe-card__meta{color:var(--color-text-muted);font-size:9.5px}.recipe-card--add{border-radius:var(--radius-md);color:var(--color-accent);box-shadow:none;background:var(--color-accent-soft);border:1.5px dashed #d3652e59;flex-direction:row;grid-column:span 2;justify-content:center;align-items:center;gap:7px;padding:14px;font-size:11.5px;font-weight:700}.recipe-card__plus{color:var(--color-accent);font-size:16px;font-weight:700}.shopping-page{flex-direction:column;gap:14px;display:flex}.shopping-progress{background:var(--color-accent-soft);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.shopping-progress span{color:var(--color-text);font-size:12px;font-weight:700}.shopping-group{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.shopping-group__label{color:var(--color-accent);letter-spacing:.08em;font-size:10px;font-weight:800}.shopping-item{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:4px 0;display:flex}.shopping-item__checkbox{border:1.5px solid var(--color-placeholder);border-radius:6px;flex:none;width:18px;height:18px;transition:all .15s}.shopping-item.is-checked{opacity:.45}.shopping-item.is-checked .shopping-item__checkbox{background:var(--color-accent-gradient);border-color:#0000}.shopping-item__body{flex-direction:column;flex:1;gap:2px;display:flex}.shopping-item__label{color:var(--color-text);font-size:12.5px;font-weight:600}.shopping-item.is-checked .shopping-item__label{text-decoration:line-through}.shopping-item__origin{color:var(--color-text-muted);font-size:9px}.shopping-item__quantity{color:var(--color-text-2);background:var(--color-chip);border-radius:20px;padding:3px 8px;font-size:10.5px;font-weight:700}.account-page{flex-direction:column;gap:16px;display:flex}.account-identity{align-items:center;gap:12px;display:flex}.account-identity__avatar{background:var(--color-accent-gradient);color:#fff;width:50px;height:50px;box-shadow:var(--shadow-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.account-identity__info{flex-direction:column;gap:3px;display:flex}.account-identity__name{color:var(--color-text);font-size:14px;font-weight:800}.account-identity__household{color:var(--color-text-muted);font-size:11.5px}.account-quota{background:var(--color-accent-soft);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:14px;display:flex}.account-quota__header{color:var(--color-text);justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;display:flex}.account-quota__badge{background:var(--color-accent-gradient);color:#fff;border-radius:20px;padding:3px 9px;font-size:9px;font-weight:700}.account-quota p{color:var(--color-text-2);margin:0;font-size:11px;line-height:1.5}.account-push-hint{color:var(--color-text-muted);padding:0 4px;font-size:12px;line-height:1.4}.account-prefs{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:4px 14px;display:flex}.account-prefs__label{color:var(--color-accent);letter-spacing:.08em;padding:10px 0 2px;font-size:10px;font-weight:800}.account-pref-row{border-bottom:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;font-weight:600;display:flex}.account-pref-row:last-child{border-bottom:none}.account-pref-row__value{color:var(--color-text-muted);font-size:11px;font-weight:700}.toggle{background:var(--color-placeholder);border:none;border-radius:12px;justify-content:flex-start;align-items:center;width:38px;height:21px;padding:0 3px;display:flex}.toggle.is-on{background:var(--color-accent-gradient);justify-content:flex-end}.toggle__knob{background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #00000040}.bottom-nav{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#ffffffdb;border:1px solid #fff9;border-radius:24px;justify-content:space-around;gap:2px;width:calc(100% - 28px);max-width:420px;padding:8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #14141e29,0 2px 8px #14141e14}.bottom-nav a{color:var(--color-text-muted);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:10.5px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.bottom-nav a .bottom-nav__icon{font-size:18px;line-height:1}.bottom-nav a.active{color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-2px)}.today-banner{background:var(--color-accent-gradient);border-radius:var(--radius-lg,18px);box-shadow:var(--shadow-accent,none);color:#fff;flex-direction:column;gap:8px;margin-bottom:16px;padding:14px 16px;display:flex}.today-banner__label{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:11px;font-weight:800}.today-banner__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.today-banner__moment{opacity:.9;font-size:13px;font-weight:700}.today-banner__recipe{flex:1;font-weight:700}.today-banner__empty{opacity:.85;font-style:italic;font-weight:600}.today-banner__btn{color:#fff;cursor:pointer;background:#ffffff3d;border:none;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700;transition:background .15s}.today-banner__btn:hover{background:#ffffff5c}.ingredient-row--readonly{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:8px 4px;font-weight:600}.planning-page__header{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.planning-page__subtitle{color:var(--color-text-muted);font-size:12.5px;font-weight:600}.view-switcher{background:var(--color-chip);border-radius:var(--radius-lg);gap:6px;margin-bottom:18px;padding:4px;display:flex}.view-switcher__btn{color:var(--color-text-muted);background:0 0;border:none;border-radius:16px;flex:1;padding:8px 10px;font-size:12px;font-weight:700}.view-switcher__btn.is-active{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm)}.list-view{flex-direction:column;gap:9px;display:flex}.list-row{border-radius:var(--radius-md);background:var(--color-surface);text-align:left;width:100%;box-shadow:var(--shadow-sm);border:none;align-items:center;gap:12px;padding:10px;display:flex}.list-row--empty{border:1.5px dashed var(--color-border);box-shadow:none;background:0 0}.list-row--add{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:none;border:none;justify-content:center;font-size:12px;font-weight:700}.list-row__thumb{background:var(--color-placeholder-2);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.list-row--empty .list-row__thumb{border:1.5px dashed var(--color-border);background:0 0}.list-row__body{flex-direction:column;flex:1;gap:2px;display:flex}.list-row__label{color:var(--color-text-muted);letter-spacing:.04em;font-size:9.5px;font-weight:800}.list-row__title{color:var(--color-text);font-size:13.5px;font-weight:700}.list-row__cta{color:var(--color-accent);font-size:12px;font-weight:700}.list-row__servings{color:var(--color-accent);background:var(--color-accent-soft);border-radius:20px;flex:none;padding:4px 9px;font-size:11px;font-weight:700}.grid-view{grid-template-columns:1fr 1fr;gap:9px;display:grid}.grid-cell{border-radius:var(--radius-md);background:var(--color-surface);text-align:left;min-height:76px;box-shadow:var(--shadow-sm);border:none;flex-direction:column;gap:5px;padding:10px;display:flex}.grid-cell--empty{border:1.5px dashed var(--color-border);box-shadow:none;background:0 0;justify-content:center;align-items:center}.grid-cell__label{color:var(--color-text-muted);letter-spacing:.04em;font-size:9px;font-weight:800}.grid-cell__title{color:var(--color-text);font-size:12.5px;font-weight:700}.grid-cell__servings{color:var(--color-accent);margin-top:auto;font-size:10px;font-weight:700}.grid-cell__plus{color:var(--color-accent);opacity:.4;font-size:20px;font-weight:700}.proposed-view{flex-direction:column;gap:18px;display:flex}.proposed-view__progress{flex-direction:column;gap:7px;display:flex}.progress-bar{background:var(--color-placeholder);border-radius:4px;height:7px;overflow:hidden}.progress-bar__fill{background:var(--color-accent-gradient);border-radius:4px;height:100%;transition:width .3s}.proposed-view__progress span{color:var(--color-text-muted);font-size:11.5px;font-weight:600}.proposed-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-surface);border:none;flex-direction:column;gap:9px;padding:16px;display:flex;overflow:hidden}.proposed-card__thumb{border-radius:var(--radius-md);background:var(--color-placeholder-2);justify-content:center;align-items:center;height:130px;font-size:44px;display:flex}.proposed-card__slot{color:var(--color-accent);letter-spacing:.06em;font-size:10px;font-weight:800}.proposed-card h2{color:var(--color-text);margin:0;font-size:17px}.proposed-card__meta{gap:6px;display:flex}.proposed-card__meta span{background:var(--color-chip);color:var(--color-text-2);border-radius:20px;padding:4px 9px;font-size:11px;font-weight:600}.proposed-card__servings{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-weight:700;display:flex}.proposed-view__actions{gap:10px;display:flex}.proposed-view--done{text-align:center;color:var(--color-text-2);padding:60px 20px;font-size:15px;font-weight:700}.btn{border-radius:var(--radius-sm);text-align:center;border:none;flex:1;padding:13px;font-size:13.5px;font-weight:700}.btn--filled{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-accent)}.btn--outline{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-2)}.picker-overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2e201873;align-items:flex-end;display:flex;position:fixed;inset:0}.picker{background:var(--color-surface);width:100%;padding:22px 18px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:15px;max-height:82vh;display:flex;overflow-y:auto;box-shadow:0 -12px 32px #00000026}.picker h2{color:var(--color-text);margin:0;font-size:17px}.picker__search{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:var(--color-bg);padding:11px 12px;font-family:inherit;font-size:13px}.picker__search::placeholder{color:var(--color-text-muted)}.picker__filters{gap:6px;display:flex}.filter-pill{background:var(--color-chip);color:var(--color-text-2);border:none;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700}.filter-pill.is-active{background:var(--color-accent-gradient);color:#fff}.picker__list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.picker__item{text-align:left;border-radius:var(--radius-sm);background:var(--color-bg);border:1.5px solid #0000;align-items:center;gap:11px;width:100%;padding:9px;display:flex}.picker__item.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.picker__item-thumb{background:var(--color-placeholder-2);border-radius:10px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.picker__item-body{flex-direction:column;gap:3px;display:flex}.picker__item-title{color:var(--color-text);font-size:13px;font-weight:700}.picker__item-meta{color:var(--color-text-muted);font-size:11px}.picker__empty{text-align:center;color:var(--color-text-muted);padding:20px 0;font-size:12px}.picker__servings{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:4px;font-size:12.5px;font-weight:700;display:flex}.stepper{align-items:center;gap:12px;display:flex}.stepper button{background:var(--color-accent-soft);width:28px;height:28px;color:var(--color-accent);border:none;border-radius:50%;font-size:15px;font-weight:800}.picker__confirm{background:var(--color-accent-gradient);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-accent);border:none;padding:13px;font-size:13.5px;font-weight:700}.picker__confirm:disabled{opacity:.5;box-shadow:none}