*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--oat: #f4ece0;--oat-deep: #e8dcc9;--paper: #fdf8f1;--ink: #1e1b16;--ink-soft: #5d564b;--ink-faint: #8b8375;--sage: #7d9873;--sage-deep: #5c7554;--sage-wash: #e6ecdf;--butter: #f2c94c;--butter-soft: #f9e6ad;--amber: #b0721f;--amber-wash: #f7e6c6;--rust: #a2503f;--rust-wash: #f1dcd6;--line: rgba(30, 27, 22, .1);--line-strong: rgba(30, 27, 22, .18);--shadow: 0 1px 2px rgba(30, 27, 22, .04), 0 8px 24px rgba(30, 27, 22, .06);--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;--font-body: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Nunito", "Segoe UI Variable Display", system-ui, -apple-system, sans-serif;--font-head: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--ease-snap: cubic-bezier(.22, 1, .36, 1);--dur-snap: .22s;--dur-leave: .2s;--dur-rise: .26s;color-scheme:light dark;font-family:var(--font-body);color:var(--ink)}@media(prefers-color-scheme:dark){:root{--oat: #191712;--oat-deep: #12100c;--paper: #231f19;--ink: #f2ebdf;--ink-soft: #bcb2a0;--ink-faint: #8d8474;--sage: #9cb992;--sage-deep: #b6ceac;--sage-wash: #29301f;--butter: #e8c766;--butter-soft: #3a3320;--amber: #dda45a;--amber-wash: #3a2e1b;--rust: #d08975;--rust-wash: #3a241e;--line: rgba(242, 235, 223, .12);--line-strong: rgba(242, 235, 223, .2);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .32)}}body{min-height:100dvh;background-color:var(--oat);background-image:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.5),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");background-attachment:fixed;color:var(--ink);font-size:16px;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){body{background-image:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.05),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}}h1,h2,h3{font-family:var(--font-head);font-weight:700;letter-spacing:-.015em}button{cursor:pointer;background:none;border:none;color:inherit}:focus-visible{outline:2px solid var(--sage-deep);outline-offset:2px;border-radius:6px}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon{width:1em;height:1em}.app{min-height:100dvh}.screen{max-width:34rem;margin-inline:auto;padding:1.5rem 1rem;padding-bottom:calc(11rem + env(safe-area-inset-bottom,0px))}.screen__head{margin-bottom:1.25rem}.screen__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--sage-deep)}.screen__title{font-size:1.85rem;line-height:1.15;margin-top:.15rem}.screen__sub{margin-top:.35rem;color:var(--ink-soft);font-size:.95rem}.screen__footnote{margin-top:1.5rem;text-align:center;font-size:.8rem;color:var(--ink-faint)}.page{max-width:34rem;margin-inline:auto;padding:2rem 1rem}.dashboard{margin-bottom:1.75rem}.dashboard__cards{display:grid;grid-auto-flow:column;grid-auto-columns:74%;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem 1rem .5rem;margin-inline:-1rem;scrollbar-width:none}.dashboard__cards::-webkit-scrollbar{display:none}@media(min-width:34rem){.dashboard__cards{grid-auto-columns:1fr;overflow:visible}}.card{scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.9rem 1rem 1rem;box-shadow:var(--shadow)}.card--urgent{border-top:3px solid var(--amber)}.card--low{border-top:3px solid var(--butter)}.card--calm{border-top:3px solid var(--sage)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card__title{font-size:1.05rem}.card__chip{font-family:var(--font-head);font-size:1.15rem;font-weight:700;min-width:1.9rem;text-align:center;padding:.05rem .45rem;border-radius:var(--radius-pill);background:var(--sage-wash);color:var(--sage-deep)}.card__hint{font-size:.78rem;color:var(--ink-faint);margin-top:.1rem}.card__list{list-style:none;padding:0;margin-top:.6rem}.card__list>li+li{border-top:1px solid var(--line)}.card__item{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.4rem 0;text-align:left;font-size:.9rem}.card__item-note{font-size:.75rem;color:var(--ink-faint);white-space:nowrap}.card__empty{margin-top:.6rem;font-size:.85rem;color:var(--ink-faint)}.dashboard__summary{display:grid;gap:.15rem;margin:.75rem .15rem 0;padding:.75rem .9rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--butter-soft),transparent 140%);border:1px solid var(--line)}.dashboard__summary-label{font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}.dashboard__summary-note{font-family:var(--font-head);font-size:.98rem}.dashboard__summary-stats{font-size:.78rem;color:var(--ink-soft)}.shelf+.shelf{margin-top:1.5rem}.shelf__head{display:flex;align-items:center;gap:.5rem;padding:0 .15rem .5rem;border-bottom:1px solid var(--line-strong)}.shelf__title{font-size:1.2rem}.shelf__chip{font-family:var(--font-head);font-weight:700;font-size:1rem;min-width:1.75rem;text-align:center;padding:.1rem .4rem;border-radius:var(--radius-pill);background:var(--sage);color:var(--paper)}@media(prefers-color-scheme:dark){.shelf__chip{color:var(--oat-deep)}}.shelf__blurb{margin-left:auto;font-size:.72rem;color:var(--ink-faint)}.shelf__list{list-style:none;padding:0}.shelf__empty{padding:.9rem .25rem;font-size:.85rem;color:var(--ink-faint)}.row-shell{position:relative;overflow:hidden;border-bottom:1px solid var(--line);transition:opacity var(--dur-leave) ease,transform var(--dur-leave) var(--ease-snap),max-height var(--dur-leave) ease;max-height:8rem}.row-shell--leaving{opacity:0;transform:translate(-18%);max-height:0}.row-actions{position:absolute;inset:0 0 0 auto;display:flex}.row-action{width:76px;font-size:.82rem;font-weight:600;color:var(--paper)}.row-action--archive{background:var(--sage-deep)}.row-action--delete{background:var(--rust)}.row-swipe{position:relative;background:transparent;transition:transform var(--dur-snap) var(--ease-snap);touch-action:pan-y}.row-swipe[data-dragging=true]{transition:none}.row{display:flex;align-items:center;gap:.8rem;width:100%;padding:.8rem .35rem;text-align:left;background:var(--oat);background-image:linear-gradient(var(--paper),var(--paper));background-blend-mode:normal}.row__chip{display:grid;place-items:center;min-width:3.1rem;padding:.35rem .3rem;border-radius:var(--radius);background:var(--sage-wash);color:var(--sage-deep);line-height:1.05}.row__count{font-family:var(--font-head);font-size:1.4rem;font-weight:700}.row__unit{font-size:.66rem;letter-spacing:.04em;color:var(--ink-soft)}.row__body{display:grid;gap:.1rem;min-width:0}.row__name{display:flex;align-items:center;gap:.35rem;font-size:1rem;font-weight:600}.row__meta{font-size:.78rem;color:var(--ink-faint)}.row__low-tag{color:var(--amber)}.row__note-dot{display:inline-block;width:5px;height:5px;margin-left:.4rem;border-radius:50%;background:var(--ink-faint);vertical-align:middle}.row__alert{display:inline-grid;place-items:center;width:1rem;height:1rem;color:var(--rust)}.row--soon .row__chip{background:var(--amber-wash);color:var(--amber)}.row--soon .row__meta{color:var(--amber)}.row--expired .row__chip{background:var(--rust-wash);color:var(--rust)}.row--expired .row__name,.row--expired .row__meta{color:var(--rust)}.row--expired .row__name{text-decoration:none;opacity:.85}.row--low .row__chip{animation:breathe 2.8s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 #f2c94c00}50%{box-shadow:0 0 0 5px #f2c94c52}}.quickadd{position:fixed;left:0;right:0;bottom:calc(4rem + env(safe-area-inset-bottom,0px));z-index:20;display:grid;gap:.45rem;padding:.6rem 1rem .7rem;background:color-mix(in srgb,var(--oat) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.quickadd__shelves{display:flex;gap:.35rem;max-width:32rem;margin-inline:auto;width:100%}.quickadd__shelf{flex:1;padding:.3rem .5rem;font-size:.78rem;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);transition:background var(--dur-snap) ease,color var(--dur-snap) ease}.quickadd__shelf[aria-pressed=true]{background:var(--sage);border-color:var(--sage);color:var(--paper)}@media(prefers-color-scheme:dark){.quickadd__shelf[aria-pressed=true]{color:var(--oat-deep)}}.quickadd__row{display:flex;gap:.5rem;max-width:32rem;margin-inline:auto;width:100%}.quickadd__input{flex:1;min-width:0;padding:.7rem 1rem;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-pill)}.quickadd__input::placeholder{color:var(--ink-faint)}.quickadd__add{display:grid;place-items:center;width:2.9rem;height:2.9rem;font-size:1.4rem;border-radius:50%;background:var(--butter);color:var(--ink);box-shadow:var(--shadow);transition:transform var(--dur-snap) var(--ease-snap),opacity var(--dur-snap) ease}.quickadd__add:active{transform:scale(.93)}.quickadd__add:disabled{opacity:.45;cursor:default}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--oat) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-strong)}.tabbar__tab{flex:1;display:grid;justify-items:center;gap:.1rem;padding:.5rem 0 .55rem;height:4rem;align-content:center;text-decoration:none;color:var(--ink-faint);transition:color var(--dur-snap) ease}.tabbar__tab.active{color:var(--sage-deep)}.tabbar__icon{display:grid;place-items:center;width:1.55rem;height:1.55rem;transition:transform var(--dur-snap) var(--ease-snap)}.tabbar__tab.active .tabbar__icon{transform:translateY(-1px) scale(1.06)}.tabbar__label{font-size:.7rem;font-weight:600}.sheet-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#1e1b1652;animation:fade var(--dur-rise) ease}.sheet{width:100%;max-width:34rem;max-height:92dvh;overflow-y:auto;padding:.6rem 1rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--paper);border-radius:26px 26px 0 0;box-shadow:0 -8px 40px #1e1b1638;animation:rise var(--dur-rise) var(--ease-snap)}.sheet:focus{outline:none}@keyframes rise{0%{transform:translateY(14%);opacity:.6}}@keyframes fade{0%{opacity:0}}.sheet__grip{width:2.5rem;height:4px;margin:.15rem auto .75rem;border-radius:var(--radius-pill);background:var(--line-strong)}.sheet__head{display:flex;align-items:flex-start;gap:.5rem}.sheet__title{font-size:1.4rem;flex:1}.sheet__close{display:grid;place-items:center;width:2.1rem;height:2.1rem;font-size:1.1rem;border-radius:50%;background:var(--oat);color:var(--ink-soft)}.sheet__status{margin-top:.3rem;font-size:.85rem;font-weight:600}.sheet__status--fresh{color:var(--sage-deep)}.sheet__status--soon{color:var(--amber)}.sheet__status--expired{color:var(--rust)}.sheet__body{display:grid;gap:.75rem;margin:1rem 0 1.25rem}.field{display:grid;gap:.25rem;min-width:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.field__label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.field__input{width:100%;padding:.6rem .7rem;font-size:1rem;color:var(--ink);background:var(--oat);border:1px solid var(--line);border-radius:12px}.field__input--notes{resize:vertical;font-family:inherit}.field__input--narrow{max-width:7rem}.stepper{display:flex;align-items:center;gap:.3rem;background:var(--oat);border:1px solid var(--line);border-radius:12px;padding:.15rem}.stepper__btn{width:2.2rem;height:2.2rem;font-size:1.2rem;font-weight:700;border-radius:10px;color:var(--sage-deep);transition:transform var(--dur-snap) var(--ease-snap)}.stepper__btn:active{transform:scale(.9)}.stepper__input{flex:1;min-width:0;width:100%;text-align:center;font-family:var(--font-head);font-size:1.15rem;font-weight:700;color:var(--ink);background:none;border:none}.sheet__actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{padding:.6rem 1rem;font-size:.9rem;font-weight:600;color:var(--ink);background:var(--oat);border:1px solid var(--line-strong);border-radius:var(--radius-pill);transition:transform var(--dur-snap) var(--ease-snap),background var(--dur-snap) ease}.btn:active{transform:scale(.97)}.btn--primary{background:var(--sage);border-color:var(--sage);color:var(--paper)}@media(prefers-color-scheme:dark){.btn--primary{color:var(--oat-deep)}}.btn--warn{background:var(--rust-wash);border-color:var(--rust);color:var(--rust)}.btn--quiet{background:transparent;border-color:var(--line);color:var(--ink-soft)}.btn--small{padding:.35rem .7rem;font-size:.78rem}.empty{display:grid;justify-items:start;gap:.6rem;padding:1.5rem 1.1rem;background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty__title{font-size:1.2rem}.empty__body{font-size:.9rem;color:var(--ink-soft)}.ideas{display:grid;gap:.9rem}.idea{padding:1rem 1.1rem 1.1rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.idea__head{display:flex;align-items:flex-start;gap:.6rem}.idea__title{flex:1;font-size:1.2rem}.idea__badge{flex-shrink:0;padding:.2rem .6rem;font-size:.7rem;font-weight:700;border-radius:var(--radius-pill);background:var(--butter-soft);color:var(--amber)}.idea__badge--ready{background:var(--sage-wash);color:var(--sage-deep)}.idea__blurb{margin-top:.3rem;font-size:.88rem;color:var(--ink-soft)}.idea__uses{margin-top:.5rem;font-size:.8rem;font-weight:600;color:var(--amber)}.idea__lists{display:grid;gap:.6rem;margin:.85rem 0 .75rem}.idea__lists dt{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.3rem}.idea__lists dd{margin:0}.taglist{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0}.tag{padding:.2rem .6rem;font-size:.78rem;border-radius:var(--radius-pill);background:var(--sage-wash);color:var(--sage-deep)}.tag--urgent{background:var(--amber-wash);color:var(--amber)}.tag--missing{background:transparent;border:1px dashed var(--line-strong);color:var(--ink-soft)}.idea__method-toggle{font-size:.82rem;font-weight:700;color:var(--sage-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.idea__method{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.88rem;color:var(--ink-soft)}.shopping{margin-top:1.5rem;padding:1rem 1.1rem 1.15rem;background:linear-gradient(180deg,var(--butter-soft),transparent 120%);border:1px solid var(--line);border-radius:var(--radius-lg)}.shopping__title{font-size:1.2rem}.shopping__hint{font-size:.82rem;color:var(--ink-soft);margin-top:.15rem}.shopping__subtitle{margin-top:.9rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.shopping__list{list-style:none;padding:0;margin-top:.6rem;display:grid;gap:.1rem}.shopping__item{display:flex;align-items:center;gap:.55rem;padding:.4rem 0;font-size:.92rem;border-bottom:1px solid var(--line)}.shopping__box{width:1rem;height:1rem;flex-shrink:0;border:1.5px solid var(--ink-faint);border-radius:5px}.shopping__reason{margin-left:auto;font-size:.72rem;color:var(--amber)}.panel{margin-bottom:1.1rem;padding:1rem 1.1rem 1.15rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel__title{font-size:1.15rem;margin-bottom:.3rem}.panel__note{font-size:.85rem;color:var(--ink-soft);margin-top:.35rem}.panel__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.setting{display:grid;gap:.35rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:none;padding-bottom:0}.setting--toggle{grid-template-columns:1fr auto;align-items:center}.setting--toggle .setting__hint{grid-column:1 / -1}.setting__label{font-size:.95rem;font-weight:600}.setting__hint{font-size:.78rem;color:var(--ink-faint)}.segmented{display:flex;gap:.35rem}.segmented__btn{flex:1;padding:.4rem .5rem;font-size:.85rem;font-weight:600;color:var(--ink-soft);background:var(--oat);border:1px solid var(--line);border-radius:var(--radius-pill);transition:background var(--dur-snap) ease,color var(--dur-snap) ease}.segmented__btn[aria-pressed=true]{background:var(--sage);border-color:var(--sage);color:var(--paper)}@media(prefers-color-scheme:dark){.segmented__btn[aria-pressed=true]{color:var(--oat-deep)}}.switch{width:3rem;height:1.75rem;accent-color:var(--sage)}.statlist{display:flex;gap:1.1rem;list-style:none;padding:0;margin-top:.7rem;font-size:.82rem;color:var(--ink-soft)}.statlist__num{display:block;font-family:var(--font-head);font-size:1.35rem;font-weight:700;color:var(--ink)}.archive{list-style:none;padding:0;margin-top:.5rem}.archive__row{display:flex;align-items:center;gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.archive__row:last-child{border-bottom:none}.archive__name{flex:1;display:grid;font-size:.92rem;font-weight:600}.archive__outcome{font-size:.72rem;font-weight:400;color:var(--ink-faint)}.archive__actions{display:flex;gap:.35rem}@media(prefers-reduced-motion:reduce){:root{--dur-snap: 1ms;--dur-leave: 1ms;--dur-rise: 1ms}.row--low .row__chip,.sheet,.sheet-backdrop{animation:none}}.calm-motion{--dur-snap: 90ms;--dur-leave: 90ms;--dur-rise: 90ms}.calm-motion .row--low .row__chip{animation:none;box-shadow:0 0 0 2px #f2c94c47}