.expiry-unknown{color:var(--color-neutral-700)}.expiry-fresh{color:var(--color-text-muted)}.expiry-expiring{color:var(--color-warning)}.app-card{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.app-card-main{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);flex:1;min-width:0;min-height:var(--min-touch-target)}.app-card-photo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex:none;border-radius:var(--radius-sm);background:var(--color-surface-sunken);overflow:hidden}.app-card-photo img{width:100%;height:100%;object-fit:cover}.app-card-photo-fallback{font-family:var(--font-heading);font-size:22px;color:var(--color-neutral-700)}.app-card-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-width:0}.app-card-name{font-family:var(--font-heading);font-size:16px;color:var(--color-text)}.app-card-meta{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);flex-wrap:nowrap;color:var(--color-text-muted);font-size:13px}.app-card-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:var(--min-touch-target)}.app-card-consume{display:inline-flex;align-items:center;justify-content:center;width:var(--min-touch-target);height:var(--min-touch-target);margin-right:calc(-1 * var(--space-2));margin-bottom:calc(-1 * var(--space-1));border-radius:var(--radius-full);color:var(--color-neutral-700)}.app-screen{display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.app-screen-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg)}.app-screen-titles{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.app-screen-title{font-family:var(--font-heading);font-size:22px;white-space:nowrap}.app-screen-subtitle{color:var(--color-text-muted);font-size:13px}.app-screen-capture{display:inline-flex;align-items:center;justify-content:center;width:var(--min-touch-target);height:var(--min-touch-target);flex:none;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-neutral-100)}.app-screen-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-4);overflow:hidden}.app-callout{flex:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);font-size:13px}.app-callout-text{flex:1;min-width:0}.app-callout-action{flex:none;font-family:var(--font-heading);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.app-filters{flex:none;display:flex;gap:var(--space-2);overflow:hidden}.app-filter{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;white-space:nowrap}.app-filter-on{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-800)}.app-list{flex:none;display:flex;flex-direction:column;gap:var(--space-2)}.app-list-item{animation:app-list-in .42s ease-out both}@keyframes app-list-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-tabbar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);background:var(--color-surface)}.app-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--min-touch-target);padding:var(--space-2) 0;color:var(--color-text-muted)}.app-tab-on{color:var(--color-accent)}.app-tab-label{font-size:12px}@media(prefers-reduced-motion:reduce){.app-list-item{animation:none}}.hero{position:relative;overflow:hidden;min-height:86vh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--space-12);padding-bottom:var(--section-gap);background:linear-gradient(180deg,var(--color-section-glow) 0%,var(--color-bg) 68%)}.hero-glow{position:absolute;inset:0;pointer-events:none}.hero-glow-a,.hero-glow-b{position:absolute;border-radius:var(--radius-full);filter:blur(80px);opacity:.55}.hero-glow-a{top:-120px;right:-60px;width:420px;height:420px;background:var(--color-section-ghost)}.hero-glow-b{bottom:-160px;left:-80px;width:360px;height:360px;background:var(--color-accent-2-100);opacity:.7}.hero-grid{position:relative;display:grid;gap:var(--space-12);align-items:center}@media(min-width:905px){.hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.hero-title{margin:0;font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:38px;line-height:1.18;letter-spacing:-.035em}@media(min-width:600px){.hero-title{font-size:56px}}@media(min-width:905px){.hero-title{font-size:64px}}@media(min-width:1200px){.hero-title{font-size:72px}}.hero-lead{margin:var(--space-6) 0 0;max-width:28em;color:var(--color-text-muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}.hero-link{color:var(--color-text-muted);text-decoration:none;border-bottom:1px solid var(--color-border-strong);padding-bottom:2px}.hero-link:hover{color:var(--color-text)}.hero-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hero-scroll{position:absolute;left:50%;bottom:var(--space-6);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-neutral-700)}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(180deg,transparent,var(--color-border-strong))}.hero-scroll:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(max-width:904px){.hero-scroll{display:none}}.hero-visual{display:flex;justify-content:center}@media(min-width:905px){.hero-visual{justify-content:flex-end}}.hero-phone{position:relative;width:300px;max-width:100%;padding:10px;border-radius:var(--phone-radius);background:var(--color-neutral-900);box-shadow:var(--shadow-lg)}.hero-phone-float{animation:hero-float 6s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-phone-notch{position:absolute;top:22px;left:50%;transform:translate(-50%);width:84px;height:22px;border-radius:var(--radius-full);background:var(--color-neutral-900);z-index:1}.hero-phone-screen{height:600px;padding-top:var(--space-8);border-radius:var(--phone-screen-radius);background:var(--color-bg);overflow:hidden}@media(prefers-reduced-motion:reduce){.hero-phone-float{animation:none}}.section-banded{background:var(--color-section-glow)}.section-head{display:grid;gap:var(--space-6);align-items:start}@media(min-width:905px){.section-head{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-12)}}.section-head-title h2{margin:0;font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:30px;line-height:1.22;letter-spacing:-.03em}@media(min-width:600px){.section-head-title h2{font-size:38px}}@media(min-width:905px){.section-head-title h2{font-size:42px}}.section-kicker{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:13px}.section-lead{color:var(--color-text-muted)}.section-lead p{margin:0 0 var(--space-3)}.section-lead p:last-child{margin-bottom:0}.section-body{margin-top:var(--space-8)}.problem-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-8)}@media(min-width:600px){.problem-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}.problem-item{display:flex;flex-direction:column;gap:var(--space-2)}.problem-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--space-2);border-radius:var(--radius-xs);background:var(--color-neutral-200);color:var(--color-neutral-700)}.problem-title{margin:0;font-size:19px}.problem-body{margin:0;color:var(--color-text-muted)}.item-card{display:flex;flex-direction:column;gap:var(--space-3)}.item-card-name{margin:0}.item-card-category{margin:0;color:var(--color-text-muted);font-size:13px}.item-card-unknown{margin:0;font-family:var(--font-heading);font-size:16px;color:var(--color-text-muted)}.item-card-unidentified{border-style:dashed}.item-card-meta{gap:var(--space-2);color:var(--color-text-muted);font-size:13px;flex-wrap:wrap}.item-card-blank{color:var(--color-text-muted)}.item-card-hint{margin:0;padding-top:var(--space-2);border-top:1px solid var(--color-divider);color:var(--color-text-muted);font-size:13px}.capture{display:grid;gap:var(--space-6)}@media(min-width:905px){.capture{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--space-12);align-items:start}}.capture-shots,.capture-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.capture-shot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.capture-frame{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;flex:none;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-neutral-700);overflow:hidden}.capture-frame img{width:100%;height:100%;object-fit:cover}.capture-shot-label{color:var(--color-text-muted);font-size:13px}.capture-card{transition:opacity .25s ease-out,transform .25s ease-out}@media(prefers-reduced-motion:reduce){.capture-card{transition:none}}.measure{display:flex;flex-direction:column;gap:var(--space-1)}.measure-value{margin:0;font-family:var(--font-mono-medium);font-size:27px;line-height:1.3}.measure-label{margin:0;font-family:var(--font-heading);font-size:16px}.measure-source{margin:0;color:var(--color-text-muted);font-size:13px}.review{display:grid;gap:var(--space-8)}@media(min-width:905px){.review{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-12);align-items:start}}.review-cards{display:flex;flex-direction:column;gap:var(--space-3)}.review-measures{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-6)}.review-measure{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.review-measure:last-child{padding-bottom:0;border-bottom:0}.review-note{margin:var(--space-8) 0 0;color:var(--color-text-muted);font-size:13px}.inventory{max-width:560px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border)}.inventory-notice{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning)}.inventory-notice p{margin:0;font-size:15px}.inventory-list{display:flex;flex-direction:column;gap:var(--space-2)}.recipe-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}@media(min-width:600px){.recipe-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.recipe-card{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;height:100%}.recipe-title{margin:0}.recipe-body{margin:0;flex:1;font-size:13px}.status{display:grid;gap:var(--space-8)}@media(min-width:600px){.status{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}}.status-heading{margin:0 0 var(--space-4);font-size:19px}.status-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.status-item{display:flex;gap:var(--space-3);align-items:flex-start;color:var(--color-text-muted)}.status-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:var(--radius-full);background:var(--color-neutral-200);color:var(--color-neutral-700)}.status-mark-done{background:var(--color-accent-100);color:var(--color-accent-700)}