:root{color-scheme:light dark;--bg: #f6f7f4;--surface: #ffffff;--surface-sunken: #eef0ea;--border: #dcdfd6;--border-strong: #c3c8b8;--text: #1d211c;--text-muted: #61685c;--accent: #1f6f4a;--accent-soft: #e4efe7;--on-accent: #ffffff;--danger: #a3341f;--danger-soft: #f8e7e2;--warn: #8a5b00;--warn-soft: #fbf0d8;--backdrop: rgba(29, 33, 28, .4);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 12px;--radius-sm: 8px;--tap: 44px;--shadow: 0 1px 2px rgba(29, 33, 28, .06), 0 8px 24px rgba(29, 33, 28, .06);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #12150f;--surface: #1b1f19;--surface-sunken: #252b22;--border: #2f362a;--border-strong: #454e3d;--text: #e7ebe2;--text-muted: #a2aa99;--accent: #6cc493;--accent-soft: #1e3227;--on-accent: #0c1b12;--danger: #f0907a;--danger-soft: #3b201a;--warn: #e5b565;--warn-soft: #382b13;--backdrop: rgba(0, 0, 0, .62);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0;line-height:1.25;font-weight:650}h1{font-size:1.25rem}h2{font-size:1.05rem}h3{font-size:.95rem}p{margin:0}ul{margin:0;padding:0;list-style:none}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-3) max(var(--space-4),calc((100% - 688px)/2));padding-top:max(var(--space-3),env(safe-area-inset-top))}.app-header__top{display:flex;align-items:center;gap:var(--space-3);justify-content:space-between}.app-brand{font-size:.9rem;font-weight:650}.area-nav{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.area-nav__item{display:flex;flex:1;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-weight:650;text-align:left;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}.area-nav__item:hover{background:var(--surface-sunken);color:var(--text)}.area-nav__item[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.area-nav__item svg{width:24px;height:24px;flex:none}.area-nav__hint{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:.78rem;font-weight:400}.grocery-navigation{margin-bottom:var(--space-2);border-bottom:1px solid var(--border)}.page-intro{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.page-intro h1{font-size:1.5rem;letter-spacing:-.02em}.page-intro p{font-size:.9rem;max-width:60ch}@media (max-width: 380px){.area-nav__item{gap:var(--space-2);padding:var(--space-2);font-size:.9rem}.area-nav__item svg{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.area-nav__item{transition:none}}.app:has(.receipt-form:not([hidden] *)) .app-header__top,.app:has(.receipt-form:not([hidden] *)) .area-nav__hint,.app:has(.receipt-form:not([hidden] *)) .grocery-navigation{display:none}.app:has(.receipt-form:not([hidden] *)) .area-nav{margin-top:0}.app:has(.receipt-form:not([hidden] *)) .area-nav__item{min-height:var(--tap);padding:var(--space-2);gap:var(--space-2);font-size:.9rem}.app:has(.receipt-form:not([hidden] *)) .area-nav__item svg{width:20px;height:20px}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack--tight{gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.section-title{color:var(--text-muted);font-size:.8rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.muted{color:var(--text-muted)}.small{font-size:.85rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-weight:550;cursor:pointer;touch-action:manipulation}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-sunken);border-color:transparent;color:var(--text)}.btn--danger{border-color:transparent;background:var(--danger-soft);color:var(--danger)}.btn--small{min-height:34px;padding:0 var(--space-3);font-size:.85rem}.btn--block{width:100%}.btn--icon{min-width:var(--tap);padding:0}:where(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field>label{font-size:.85rem;font-weight:550;color:var(--text-muted)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=search]{min-height:var(--tap);width:100%;min-width:0;max-width:100%;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}input[type=date]{display:block;height:var(--tap);appearance:none;-webkit-appearance:none}input[type=date]::-webkit-date-and-time-value{min-height:1.2em;text-align:left}input[type=date]::-webkit-datetime-edit{padding:0}select{min-height:var(--tap);width:100%;padding:0 calc(var(--space-3) + 16px) 0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;color:var(--text);font:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}.check{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.check:hover{border-color:var(--border-strong)}.check__box{flex:none;width:26px;height:26px;border:2px solid var(--border-strong);border-radius:7px;display:grid;place-items:center;font-size:16px;line-height:1;color:transparent}.check--done .check__box{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.check--done .check__label{text-decoration:line-through;color:var(--text-muted)}.check__body{min-width:0;display:flex;flex-direction:column}.check__label{font-weight:550}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;background:var(--surface-sunken);color:var(--text-muted);font-size:.78rem;font-weight:550}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--warn{background:var(--warn-soft);color:var(--warn)}.chip--danger{background:var(--danger-soft);color:var(--danger)}.notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);font-size:.9rem}.notice--danger{background:var(--danger-soft);color:var(--danger)}.empty{padding:var(--space-5) var(--space-4);text-align:center;color:var(--text-muted)}.tabs{display:flex;gap:var(--space-1);margin-top:var(--space-3);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;min-height:var(--tap);padding:0 var(--space-2);white-space:nowrap;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font:inherit;font-weight:550;cursor:pointer}.tab[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}@media (max-width: 480px){.tab{padding:0 var(--space-1);font-size:.9rem}}.sheet-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:var(--backdrop)}.sheet{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-3)}.sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}@media (min-width: 640px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius)}}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.login__card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.78rem;font-weight:550;color:var(--text-muted)}.status__dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.status--offline .status__dot{background:var(--warn)}.status--saving .status__dot{background:var(--border-strong)}.planner-day{display:flex;flex-direction:column;gap:var(--space-3)}.planner-day--today{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.planner-day__title h2{text-transform:capitalize}.planner-day__meal{font-weight:600}.planner-saved{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.planner-saved__hint{flex:none;white-space:nowrap}.planner-new{padding-top:var(--space-3);border-top:1px solid var(--border)}.planner-inline>input{flex:1;min-width:0}.planner-inline>.btn{flex:none}.planner-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.planner-chip{gap:var(--space-2);padding-right:var(--space-1);color:var(--text)}.planner-chip__remove{min-width:28px;min-height:28px;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;line-height:1;cursor:pointer}.planner-chip__remove:hover{background:var(--surface);color:var(--danger)}.planner-ingredient{align-items:center}.planner-ingredient>.check{flex:1}.planner-check__box--on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.planner-ingredient__bought{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-sm)}.planner-ingredient__bought>.check__label{flex:1}.planner-reuse{padding-top:var(--space-3);border-top:1px solid var(--border)}.shopping-section+.shopping-section{margin-top:var(--space-4)}.shopping-receipts{padding-top:var(--space-4);border-top:1px solid var(--border);scroll-margin-top:160px}.shopping-receipts__housebook{align-self:flex-start}.shopping-receipts__shortcut{align-self:flex-start;text-decoration:none;padding-inline:0;color:var(--accent);font-size:.9rem}.shopping-origin{margin-top:2px;line-height:1.3}.shopping-row{flex:1;min-width:0}.shopping-row:disabled{opacity:.6;cursor:progress}.shopping-add input[type=text]{flex:1;min-width:0}.shopping-manual{display:flex;align-items:center;gap:var(--space-2)}.shopping-extra-chip{align-self:flex-start;margin-top:var(--space-1)}.move-quick-date{flex-direction:column;gap:0;align-items:flex-start;min-height:var(--tap);padding:0 var(--space-3);text-transform:capitalize}.move-quick-date[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.move-quick-date__day{line-height:1.2}.move-leave-out{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);cursor:pointer}.move-leave-out input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:var(--accent)}.receipt-period__label{font-weight:650;text-align:center}.receipt-period__custom>summary{display:flex;align-items:center;justify-content:center;min-height:var(--tap);color:var(--text-muted);font-size:.9rem;font-weight:550;cursor:pointer;list-style:none}.receipt-period__custom>summary::-webkit-details-marker{display:none}.receipt-period__custom[open]>summary{color:var(--text)}.receipt-period__range{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.spending{display:flex;flex-direction:column;gap:var(--space-2)}.spending__list{margin:0;display:flex;flex-direction:column}.spending__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0}.spending__row dt{color:var(--text-muted)}.spending__row dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.spending__row--total{padding-bottom:var(--space-2);font-size:1.25rem;font-weight:650}.spending__row--total dt{color:var(--text)}.spending__categories{padding-top:var(--space-2);border-top:1px solid var(--border);font-size:.9rem}.spending__budget{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.spending__remaining{color:var(--text-muted);font-size:.85rem}.spending-footer{align-items:center;gap:var(--space-3)}.spending-footer>.btn{flex:none}.receipt-filters{display:grid;gap:var(--space-2)}@media (min-width: 440px){.receipt-filters{grid-template-columns:minmax(0,1fr) 11rem}}.receipt-filters:has(>:nth-child(3)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.receipt-filters:has(>:nth-child(3))>input[type=search]{grid-column:1 / -1}.receipt-row{display:flex;flex-direction:column;gap:2px;width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.receipt-row:hover{border-color:var(--border-strong)}.receipt-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.receipt-row__top,.receipt-row__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);min-width:0}.receipt-row__title{min-width:0;font-weight:550}.receipt-row__amount{flex:none;font-weight:550;font-variant-numeric:tabular-nums}.receipt-row__meta{justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2);color:var(--text-muted);font-size:.85rem}.receipt-row__week{margin-top:var(--space-1);color:var(--text-muted);font-size:.85rem}.receipt-entry{min-width:0}.receipt-entry__week{justify-content:flex-start;width:100%;font-size:.85rem}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:var(--space-2);padding:var(--space-3) max(var(--space-4),calc((100% - 720px) / 2 + var(--space-4))) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.stack:has(>.action-bar){padding-bottom:calc(var(--tap) + 2 * var(--space-3))}.action-bar>.btn{flex:1;padding:0 var(--space-3);white-space:nowrap}.action-bar>.btn--primary{flex:1.3}.receipt-form__fieldset{display:flex;flex-direction:column;gap:var(--space-3);border:0;padding:0;margin:0;min-width:0}.receipt-form__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.payer{min-width:0;margin:0;padding:0;border:0}.payer>legend{margin-bottom:var(--space-1);padding:0;color:var(--text-muted);font-size:.85rem;font-weight:550}.payer__options{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--space-2)}.payer__option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.receipt-options{border-block:1px solid var(--border)}.receipt-options>summary,.receipt-line__options>summary{min-height:var(--tap);padding-block:var(--space-3);color:var(--text-muted);cursor:pointer;font-size:.85rem}.receipt-options__value{display:block;padding-top:var(--space-1);font-size:.8rem}.receipt-options__body{padding-bottom:var(--space-4)}.receipt-options__unlink{align-self:flex-start}.receipt-line__options>summary{padding-block:var(--space-2)}.receipt-line__options[open]>summary,.receipt-options[open]>summary{color:var(--text)}.field__hint{font-weight:400}.receipt-form__derived{color:var(--text-muted);font-size:.85rem}.receipt-lines{display:flex;flex-direction:column;border-top:1px solid var(--border)}.receipt-line{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.receipt-line__main{display:grid;grid-template-columns:minmax(0,1fr) 6rem var(--tap);gap:var(--space-2);align-items:center}.receipt-line__category{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3)}.receipt-line__category label{color:var(--text-muted);font-size:.85rem}.receipt-line__amount,.receipt-form__total{text-align:right;font-variant-numeric:tabular-nums}.receipt-form__sum{color:var(--text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.receipt-issues{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3)}.receipt-issues ul{display:flex;flex-direction:column;gap:var(--space-1)}.receipt-issues .btn{height:auto;padding:var(--space-2) var(--space-3);white-space:normal;text-align:center}.notice--warning{background:var(--warn-soft);color:var(--warn)}.hint{font-size:.8rem;color:var(--text-muted)}.receipt-photo-link{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:0;border:0;background:none;color:var(--text);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.receipt-photo-link img,.receipt-photo-link__placeholder{flex:none;width:36px;height:48px;object-fit:cover;border-radius:4px;background:var(--surface-sunken)}.receipt-photo-link .small{display:block}.receipt-photo-link__arrow{margin-left:auto;font-size:1.5rem;color:var(--text-muted)}.receipt-viewer{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg)}.receipt-viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3),env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface)}.receipt-viewer__pages{flex:1;overflow:auto;padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.receipt-viewer__pages img{width:100%;max-width:720px;height:auto;border-radius:var(--radius-sm);background:var(--surface)}.field__hint--warn{color:var(--warn)}.capture-receipt{display:flex;flex-direction:column;gap:var(--space-2)}.capture-pages{display:flex;flex-wrap:wrap;gap:var(--space-2)}.capture-page{display:flex;flex-direction:column;align-items:center;width:96px}.capture-page img{width:96px;height:128px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.capture-page__actions{display:flex}.capture-add{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.capture-progress{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.capture-progress img{flex:none;width:44px;height:58px;object-fit:cover;border-radius:6px;background:var(--surface-sunken)}.capture-progress__body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.capture-progress__title{font-weight:550}.capture-progress__error{color:var(--danger)}.print-sheet{display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4)}.print-sheet__header{display:flex;flex-direction:column;gap:var(--space-1);border-bottom:1px solid var(--border-strong);padding-bottom:var(--space-3)}.print-section{display:flex;flex-direction:column;gap:var(--space-2)}.print-days,.print-list{list-style:none;margin:0;padding:0}.print-day{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px dotted var(--border);break-inside:avoid}.print-day__when{flex:0 0 6.5rem;display:flex;flex-direction:column}.print-day__weekday{font-weight:600}.print-day__what{flex:1;min-width:0;display:flex;flex-direction:column}.print-day__empty{color:var(--text-muted)}.print-row{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;break-inside:avoid}.print-row__box{font-size:1.15rem;line-height:1.1}.print-row__body{display:flex;flex-direction:column;min-width:0}.print-row__note{line-height:1.3}.print-subhead{margin-top:var(--space-2);color:var(--text-muted);font-size:.8rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.print-note{color:var(--text-muted)}@page{margin:14mm}@media print{html,body{color-scheme:light;background:#fff;color:#000}.app-header,.notice,.status,.btn,.print-hide{display:none}.app{display:block;min-height:0}.app-main{max-width:none;padding:0;column-count:1}.print-sheet{background:none;border:0;border-radius:0;box-shadow:none;padding:0;color:#000}.print-sheet .muted,.print-sheet .small,.print-sheet h2,.print-sheet h3,.print-sheet h4{color:#000}.print-sheet__header{border-bottom:1px solid #000;break-after:avoid}.print-day{border-bottom:1px solid #ddd}.section-title,.print-subhead{break-after:avoid}.print-day,.print-row{break-inside:avoid}}