@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f7f2f2;background:#090808;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ruby: #e63946;--ruby-soft: rgba(230, 57, 70, .16);--panel: #151414;--panel-strong: #1b1a1a;--muted: #9a9092;--line: rgba(255, 255, 255, .07);--glow: 0 0 34px rgba(230, 57, 70, .28)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(230,57,70,.2),transparent 34%),linear-gradient(180deg,#121010,#080707)}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.65}.app-stage{min-height:100vh;display:flex;justify-content:center;background:#090808}.phone-frame{width:100%;max-width:430px;min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 8%,rgba(230,57,70,.16),transparent 24%),#0b0b0b}.auth-frame,.centered-state{display:flex;align-items:center;justify-content:center;padding:24px 18px}.centered-state{flex-direction:column;text-align:center}.auth-card{width:100%;display:flex;flex-direction:column;gap:18px}.auth-card h1{margin:0;font-size:2.1rem}.auth-card>p:not(.eyebrow){margin:0;color:#c9bfc0;line-height:1.55}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid var(--line);border-radius:18px;background:#ffffff0a}.auth-toggle button{min-height:42px;border:0;border-radius:13px;color:var(--muted);background:transparent;font-weight:800}.auth-toggle button.is-active{color:#fff;background:var(--ruby);box-shadow:var(--glow)}.auth-form{background:linear-gradient(150deg,rgba(230,57,70,.12),transparent 45%),var(--panel)}.input-with-icon{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:0 12px;background:#ffffff0f}.input-with-icon svg{color:var(--ruby)}.input-with-icon input{border:0;background:transparent;padding-left:0}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;background:linear-gradient(180deg,#0b0b0bfa,#0b0b0bc7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header h1,.screen-title,.hero-card h2{margin:0;letter-spacing:0}.app-header h1{font-size:1.16rem}.eyebrow{margin:0 0 4px;color:var(--ruby);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.screen-panel{padding:2px 14px 96px}.screen-stack{display:flex;flex-direction:column;gap:12px;animation:fade-in .18s ease-out}.dev-warning,.error-banner,.loading-banner{padding:12px 14px;border-radius:16px;font-size:.78rem;line-height:1.35}.dev-warning{color:#ffd8a8;border:1px solid rgba(243,181,69,.28);background:#f3b5451a}.error-banner,.form-error{color:#ffb8be}.error-banner,.form-error{border:1px solid rgba(230,57,70,.3);background:#e639461f}.loading-banner,.form-success{color:#c7f8df;border:1px solid rgba(32,201,151,.26);background:#20c9971a}.form-error,.form-success{margin:0;padding:10px 12px;border-radius:14px;font-size:.78rem;line-height:1.35;text-transform:none}.icon-button,.sheet-close{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:#f4eeee;background:#ffffff0d}.hero-card{min-height:178px;padding:24px;border:1px solid rgba(230,57,70,.28);border-radius:30px;background:linear-gradient(140deg,rgba(230,57,70,.24),transparent 58%),linear-gradient(180deg,#211616,#131212);box-shadow:var(--glow)}.hero-card h2{max-width:280px;font-size:2.15rem;line-height:.98}.hero-card p:last-child{max-width:290px;margin:16px 0 0;color:#c9bfc0;line-height:1.55}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-card,.food-card,.meal-card,.form-panel,.settings-panel,.stash-section,.shopping-row{border:1px solid var(--line);background:var(--panel)}.dashboard-card{min-height:124px;padding:18px;border-radius:26px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-card strong{display:block;margin-top:14px;font-size:1.58rem}.dashboard-card span,.detail-fact span{color:var(--muted);font-size:.66rem;font-weight:800;text-transform:uppercase}.metric-icon,.setting-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px}.tone-ruby,.status-use-soon{color:var(--ruby);background:var(--ruby-soft)}.tone-gold{color:#f3b545;background:#f3b5451f}.tone-teal,.status-fresh{color:#20c997;background:#20c9971f}.tone-blue,.status-low{color:#5aa9ff;background:#5aa9ff1f}.meal-card{display:flex;gap:16px;padding:18px;border-radius:28px}.meal-icon,.food-icon{display:grid;place-items:center;flex:0 0 auto;background:#ffffff0f}.meal-icon{width:64px;height:64px;border-radius:20px;font-size:2rem}.meal-card span{display:inline-block;margin-bottom:7px;padding:4px 8px;border-radius:8px;color:#32d583;background:#32d58324;font-size:.62rem;font-weight:800;text-transform:uppercase}.meal-card strong,.setting-row strong{display:block}.meal-card small,.food-main small,.shopping-row small,.setting-row small{display:block;margin-top:5px;color:var(--muted)}.section-heading,.shopping-header{display:flex;align-items:center;justify-content:space-between}.section-heading h3{margin:0;font-size:.75rem;font-weight:800;text-transform:uppercase}.section-heading span,.shopping-header>span{min-width:28px;padding:4px 8px;border-radius:999px;color:#f7d7da;background:var(--ruby-soft);text-align:center;font-size:.72rem;font-weight:800}.stash-section{padding:16px;border-radius:28px}.food-list,.shopping-list,.settings-panel{display:flex;flex-direction:column;gap:10px}.food-list{margin-top:14px}.food-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:22px}.food-main{min-width:0;display:flex;align-items:center;gap:12px;border:0;color:inherit;background:transparent;text-align:left}.food-icon{width:48px;height:48px;border-radius:16px;font-size:1.55rem}.food-main strong{display:block;overflow-wrap:anywhere}.quantity-control{flex:0 0 auto;display:flex;align-items:center;gap:6px}.quantity-control button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:10px;color:#fff;background:#ffffff14}.quantity-control span{max-width:74px;color:#ddd1d2;font-size:.78rem;text-align:center}.form-panel,.settings-panel{padding:14px;border-radius:22px}.add-item-flow{display:flex;flex-direction:column;gap:10px}.smart-fill-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.smart-fill-button{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:16px;color:var(--muted);background:#ffffff0a;font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:8px 4px}.smart-fill-button:hover:not(:disabled){color:#f7f2f2;border-color:#ffffff26;background:#ffffff12}.smart-fill-button.is-active{color:var(--ruby);border-color:#e639466b;background:#e639461a}.barcode-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:14px;font-size:.78rem;line-height:1.35}.barcode-result button{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:8px;color:inherit;background:transparent;opacity:.7}.barcode-result-loading{color:#ffd8a8;border:1px solid rgba(243,181,69,.28);background:#f3b5451a}.barcode-result-found{color:#c7f8df;border:1px solid rgba(32,201,151,.26);background:#20c9971a}.barcode-result-error{color:#ffb8be;border:1px solid rgba(230,57,70,.3);background:#e639461f}.barcode-sheet{display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow-y:auto}.barcode-sheet-header{display:flex;align-items:flex-start;justify-content:space-between}.barcode-sheet-header h3{margin:4px 0 0}.barcode-video-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:18px;background:#000}.barcode-video{width:100%;height:100%;object-fit:cover;display:block}.barcode-aim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.barcode-aim:after{content:"";width:68%;height:38%;border:2px solid rgba(230,57,70,.8);border-radius:10px;box-shadow:0 0 0 9999px #00000061}.barcode-manual{display:flex;flex-direction:column;gap:10px}.barcode-hint{margin:0;text-align:center;color:var(--muted);font-size:.78rem}.form-panel{display:flex;flex-direction:column;gap:10px}.form-panel label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.form-panel input,.form-panel select{width:100%;border:1px solid var(--line);border-radius:14px;color:#fff;background:#ffffff0f;padding:10px 12px}.photo-capture{display:flex;flex-direction:column;gap:8px}.photo-capture-dropzone{min-height:68px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;border:1px dashed rgba(230,57,70,.42);border-radius:20px;background:#e6394614}.photo-capture-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.photo-capture-dropzone strong,.photo-capture-dropzone small{display:block;text-transform:none}.photo-capture-dropzone strong{color:#fff;font-size:.92rem}.photo-capture-dropzone small{margin-top:3px;color:#c9bfc0;font-size:.72rem;line-height:1.35}.photo-capture-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:15px;color:var(--ruby);background:#ffffff12}.photo-preview{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--line);border-radius:16px;background:#ffffff0a}.photo-preview-empty{display:grid;place-items:center;color:var(--muted)}.review-panel{padding:11px;border:1px solid rgba(230,57,70,.22);border-radius:16px;background:#e6394617}.review-panel h3,.review-panel p{margin:0}.review-panel h3{font-size:1rem}.review-panel p:not(.eyebrow){margin-top:5px;color:#c9bfc0;font-size:.82rem;line-height:1.45}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary-button,.secondary-button,.danger-button{min-height:52px;border:0;border-radius:18px;font-weight:800}.primary-button{color:#fff;background:var(--ruby);box-shadow:var(--glow)}.secondary-button{color:#fff;border:1px solid var(--line);background:#ffffff12}.danger-button{color:#ffc6ca;border:1px solid rgba(230,57,70,.28);background:#e639461f}.full-width{width:100%}.shopping-row,.setting-row{display:flex;align-items:center;gap:13px;padding:15px;border-radius:20px}.shopping-row{align-items:stretch;flex-direction:column}.shopping-check{display:flex;align-items:center;gap:13px}.shopping-row input{flex:0 0 auto;width:22px;height:22px;accent-color:var(--ruby)}.shopping-row.is-checked{opacity:.55}.shopping-row.is-checked strong{text-decoration:line-through}.shopping-meta,.shopping-actions{display:flex;align-items:center;gap:8px}.shopping-meta{justify-content:space-between;color:var(--muted);font-size:.72rem;font-weight:800}.priority-pill{padding:4px 8px;border-radius:999px;text-transform:uppercase}.priority-high{color:#ffb8be;background:#e6394626}.priority-normal{color:#ffd8a8;background:#f3b5451f}.priority-low{color:#c7f8df;background:#20c9971a}.compact-button{min-height:36px;flex:1;border-radius:13px;font-size:.74rem}.setting-icon{color:var(--ruby);background:var(--ruby-soft)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;z-index:30;height:82px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;padding:7px 8px 15px;border-top:1px solid var(--line);background:#141414f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-button{width:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;color:#777074;background:transparent}.nav-button span{font-size:.62rem;font-weight:700}.nav-button.is-active{color:var(--ruby)}.add-nav-button{width:58px;height:58px;display:grid;place-items:center;transform:translateY(-17px);border:0;border-radius:999px;color:#fff;background:var(--ruby);box-shadow:var(--glow)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;background:#00000094;animation:fade-in .16s ease-out}.detail-sheet{width:100%;padding:18px;border:1px solid var(--line);border-radius:30px 30px 0 0;background:#151414;box-shadow:0 -22px 60px #00000070;animation:slide-up .18s ease-out}.sheet-close{margin-left:auto}.detail-hero{display:flex;align-items:center;gap:16px;margin-top:8px}.detail-hero>span{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:#ffffff0f;font-size:2.7rem}.detail-hero h2{margin:0 0 9px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:800;text-transform:uppercase}.status-expired{color:#ff8a8a;background:#ff8a8a24}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.detail-fact{min-height:98px;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:20px;background:#ffffff0a}.detail-fact svg{color:var(--ruby)}.detail-fact strong{font-size:.96rem;overflow-wrap:anywhere}.meals-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:5px;border:1px solid var(--line);border-radius:18px;background:#ffffff0a}.meals-tab{min-height:38px;border:0;border-radius:13px;color:var(--muted);background:transparent;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:0 6px}.meals-tab.is-active{color:#fff;background:var(--ruby);box-shadow:var(--glow)}.meals-tab-content{display:flex;flex-direction:column;gap:10px}.meals-tab-intro{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.meals-empty-state{padding:28px 18px;border:1px solid var(--line);border-radius:22px;background:var(--panel);text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.meals-empty-icon{margin:0;font-size:2rem}.meals-empty-state strong{display:block;font-size:.96rem}.meals-empty-state p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45;max-width:240px}.meals-profile-nudge{padding:14px;border:1px solid rgba(230,57,70,.22);border-radius:18px;background:#e6394617;display:flex;flex-direction:column;gap:5px}.meals-profile-nudge strong{display:block;font-size:.9rem}.meals-profile-nudge p{margin:0;color:#c9bfc0;font-size:.78rem;line-height:1.45}.meal-suggestion-card{border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;gap:0}.meal-suggestion-top{display:flex;gap:14px;padding:16px 16px 12px}.meal-suggestion-icon{flex:0 0 auto;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#ffffff0f;font-size:1.85rem}.meal-suggestion-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.meal-suggestion-name{display:block;font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}.meal-suggestion-reason{margin:0;color:var(--muted);font-size:.75rem;line-height:1.4}.meal-match-pill,.meal-pref-pill,.meal-discovery-pill{display:inline-block;padding:3px 8px;border-radius:8px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;width:fit-content}.meal-match-pill{color:#32d583;background:#32d58324}.meal-pref-pill{color:#5aa9ff;background:#5aa9ff1f}.meal-discovery-pill{color:#f3b545;background:#f3b5451f}.meal-meta-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.meal-meta-badge{padding:3px 7px;border-radius:7px;color:var(--muted);background:#ffffff0f;font-size:.62rem;font-weight:700}.meal-difficulty-easy{color:#20c997;background:#20c9971a}.meal-difficulty-medium{color:#f3b545;background:#f3b5451a}.meal-difficulty-hard{color:var(--ruby);background:var(--ruby-soft)}.meal-missing-section{padding:10px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.meal-missing-text{margin:0;font-size:.75rem;color:var(--muted);line-height:1.4}.meal-missing-label{color:#c9bfc0;font-weight:700}.meal-why-try{color:#c9bfc0;font-style:italic}.meal-shopping-note{margin:4px 0 0;font-size:.68rem;color:#f3b545b3;font-weight:600}.meal-card-footer{padding:10px 16px 14px;display:flex;gap:8px}.meal-profile-card{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:14px}.meal-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.meal-profile-summary-text{min-width:0;display:flex;flex-direction:column;gap:3px}.meal-profile-summary-text strong{display:block;font-size:.9rem}.meal-profile-summary-text small{display:block;color:var(--muted);font-size:.75rem}.meal-profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.meal-profile-title{display:block;font-size:.96rem;margin-top:2px}.meal-profile-form{display:flex;flex-direction:column;gap:12px}.profile-field{display:flex;flex-direction:column;gap:7px}.profile-field-label{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.profile-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-field-half{display:flex;flex-direction:column;gap:7px}.choice-row{display:grid;gap:5px}.choice-row-1{grid-template-columns:1fr}.choice-row-2{grid-template-columns:1fr 1fr}.choice-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-button{min-height:36px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:#ffffff0a;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:6px 4px;line-height:1.2}.choice-button:hover:not(:disabled){color:#f7f2f2;border-color:#ffffff26;background:#ffffff12}.choice-button.is-active{color:var(--ruby);border-color:#e639466b;background:#e639461a}.choice-button-sm{min-height:32px;font-size:.62rem}.profile-select,.profile-input{width:100%;border:1px solid var(--line);border-radius:12px;color:#fff;background:#ffffff0f;padding:8px 10px;font-size:.82rem}.profile-input::placeholder{color:var(--muted)}.ai-teaser-card{padding:18px;border:1px dashed rgba(90,169,255,.28);border-radius:22px;background:#5aa9ff0f;display:flex;flex-direction:column;gap:5px}.ai-teaser-card strong{display:block;font-size:.96rem;color:#5aa9ff}.ai-teaser-body{margin:0;color:#c9bfc0;font-size:.78rem;line-height:1.5}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:720px){body{overflow:hidden}.app-stage{height:100vh;overflow:hidden;align-items:center;padding:32px}.phone-frame{display:flex;flex-direction:column;height:920px;max-height:calc(100vh - 64px);min-height:0;border:1px solid rgba(255,255,255,.1);border-radius:42px;box-shadow:0 28px 100px #0000008c}.app-header{position:relative;flex-shrink:0}.screen-panel{flex:1;min-height:0;overflow-y:auto}}