:root{color-scheme:light;--bg:#f7f4ef;--panel:#fffdf8;--ink:#17211f;--muted:#6c746f;--line:#d9d3c8;--brand:#0f766e;--brand-dark:#115e59;--accent:#b45309;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100dvh;padding:18px 16px 92px}.topbar{justify-content:space-between;gap:12px;margin:0 auto 18px;max-width:760px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--brand);color:#fff}.container{width:100%;max-width:760px;margin:0 auto}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 30px rgba(32,24,15,.06)}.stack{display:grid;gap:14px}.section{padding:18px}.hero-title{margin:0;font-size:2rem;line-height:1.06;letter-spacing:0}.muted{color:var(--muted)}.field{display:grid;gap:7px}.field label{color:var(--muted);font-size:.9rem;font-weight:700}.input,.select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--brand);color:#fff;cursor:pointer;font-weight:800;padding:10px 14px}.button.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.button.danger{background:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.55}.nav{position:fixed;right:0;bottom:0;left:0;z-index:20;border-top:1px solid var(--line);background:rgba(255,253,248,.96);backdrop-filter:blur(10px)}.nav-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin:0 auto}.nav a{display:grid;min-height:64px;place-items:center;color:var(--muted);font-size:.78rem;font-weight:800}.nav svg{width:21px;height:21px}.receipt-preview{width:100%;max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.page-strip{display:grid;grid-auto-columns:minmax(118px,150px);grid-auto-flow:column;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.page-thumb{display:grid;gap:7px;scroll-snap-align:start;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px}.page-thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:var(--bg)}.page-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.icon-button{display:inline-grid;min-width:0;width:100%;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.icon-button:disabled{cursor:not-allowed;opacity:.45}.receipt-pages{display:grid;grid-auto-columns:minmax(260px,86%);grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}.receipt-pages img{width:100%;max-height:72dvh;object-fit:contain;scroll-snap-align:center}.item-card,.receipt-pages img{border:1px solid var(--line);border-radius:8px;background:#fff}.item-card{padding:12px}.grid-2,.item-card{display:grid;gap:10px}.grid-2{grid-template-columns:1fr 1fr}.history-row,.result-row{gap:4px;padding:13px 0}.filters-grid,.history-row,.result-row{display:grid;border-top:1px solid var(--line)}.filters-grid{gap:10px;padding-top:12px}.filter-toggle{justify-self:start;min-height:40px;padding:8px 12px}.receipt-list{display:grid;gap:0}.receipt-card{display:grid;grid-template-columns:34px 1fr;gap:10px;border-top:1px solid var(--line);padding:12px 0}.receipt-card:first-child{border-top:0}.receipt-list-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand)}.receipt-list-icon svg{width:18px;height:18px}.receipt-card-main{display:grid;gap:7px;min-width:0}.receipt-card-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline}.receipt-card-head strong:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;max-width:100%;min-height:24px;align-items:center;border:1px solid #bfd8d3;border-radius:999px;background:#eef7f5;color:#174d48;font-size:.78rem;font-weight:800;line-height:1.1;padding:4px 8px}.store-chip{border-color:#dcc8a5;background:#fff7e8;color:#6c3f05}.actions-row{display:flex;flex-wrap:wrap;gap:8px}.receipt-card .button{min-height:36px;padding:7px 10px}.empty-state{display:grid;justify-items:start;gap:10px;border:1px dashed var(--line);border-radius:8px;padding:18px}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(23,33,31,.42);padding:18px}.modal{width:min(420px,100%)}.history-row:first-child,.result-row:first-child{border-top:0}@media (min-width:720px){.app-shell{padding-top:28px}.section{padding:24px}.hero-title{font-size:2.7rem}.filters-grid{grid-template-columns:repeat(4,1fr)}.receipt-card{grid-template-columns:38px 1fr;padding:13px 0}}