:root{--bg:#f8fafc;--fg:#0f172a;--card:#fff;--muted:#475569;--border:#cbd5e1;--input:#fff;--sec-bg:#e2e8f0;--sec-fg:#0f172a;--danger-bg:#fee2e2;--danger-fg:#b91c1c;--link:#2563eb;--shadow:#0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#f1f5f9;--card:#162033;--muted:#94a3b8;--border:#334155;--input:#0f172a;--sec-bg:#263248;--sec-fg:#f1f5f9;--danger-bg:#4c1d1d;--danger-fg:#fca5a5;--link:#60a5fa;--shadow:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.error,.error-text{color:#fca5a5;background:#4c1d1d}.error-text{background:0 0}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:720px;margin:0 auto;padding:1rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{margin:.5rem 0;font-size:1.4rem}h1 img{width:auto;height:40px;display:block}h2{margin-top:0}button{font:inherit;color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;min-height:44px;padding:.7rem 1.1rem}button.secondary{background:var(--sec-bg);color:var(--sec-fg)}button.danger{background:var(--danger-bg);color:var(--danger-fg)}button.link{color:var(--link);background:0 0;padding:.5rem 0}button.receipt-btn{background:var(--sec-bg);color:var(--link);align-items:center;gap:.4rem;display:inline-flex}.spacer{flex:1}input,textarea{font:inherit;border:1px solid var(--border);background:var(--input);width:100%;min-height:44px;color:var(--fg);border-radius:8px;padding:.7rem}label{color:var(--muted);margin-bottom:.8rem;font-size:.9rem;display:block}label input,label textarea{color:var(--fg);margin-top:.25rem}.search{margin:.8rem 0}.list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);box-shadow:0 1px 3px var(--shadow);border-radius:12px;padding:1rem}.top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.meta{color:var(--muted);margin:.4rem 0;font-size:.9rem}.item{border-left:5px solid var(--st);--st:#22c55e}.item.expiring{--st:#f59e0b}.item.expired{--st:#ef4444}.title{flex-direction:column;min-width:0;display:flex}.title strong{overflow-wrap:anywhere;font-size:1.05rem}.store{color:var(--muted);font-size:.85rem}.days{color:var(--st);flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1;display:flex}.days .num{font-size:2rem;font-weight:700}.days .unit{color:var(--muted);margin-top:.2rem;font-size:.75rem}.progress{background:var(--sec-bg);border-radius:999px;height:6px;margin-top:.8rem;overflow:hidden}.bar{background:var(--st,#22c55e);border-radius:999px;height:100%;transition:width .3s}.item .bar{background:var(--st)}.row{gap:.8rem;display:flex}.row>label{flex:1;min-width:0}.actions{justify-content:flex-end;align-items:center;margin-top:.5rem}.receipt{border-radius:8px;max-width:100%;max-height:220px}.receipt-preview{flex-direction:column;align-items:flex-start;gap:.6rem;margin-bottom:.8rem;display:flex}.modal{z-index:10;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.modal-close{top:calc(.5rem + env(safe-area-inset-top));background:#fff3;width:44px;padding:0;font-size:1.8rem;line-height:1;position:absolute;right:.75rem}.error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:.7rem}.sync{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.85rem;display:flex}.sync button{min-height:36px;padding:.4rem .8rem}.sync-panel{margin-top:.4rem}.sync-progress{background:var(--sec-bg);border-radius:999px;height:4px;margin-top:.3rem;overflow:hidden}.sync-bar{background:var(--link);border-radius:999px;height:100%;transition:width .25s}.sync-time{color:var(--muted);margin-top:.2rem;font-size:.8rem}.error-text{color:#991b1b}.dot{background:#94a3b8;border-radius:50%;width:10px;height:10px}.dot.synced{background:#22c55e}.dot.syncing{background:#f59e0b}.dot.error{background:#ef4444}.empty{text-align:center;color:#64748b;margin-top:2rem}@media (width<=480px){.row:not(.actions){flex-direction:column;gap:0}}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;max-width:480px;min-height:100dvh;margin:0 auto;padding:2rem 1.25rem;display:flex}.landing-logo{width:auto;height:56px}.landing-title{margin:.5rem 0 0;font-size:1.6rem}.landing-sub,.landing-status{color:var(--muted);margin:0}.google-btn{color:#1f2937;border:1px solid var(--border);background:#fff;justify-content:center;align-items:center;gap:.7rem;width:100%;max-width:320px;font-weight:600;display:inline-flex}.google-btn:disabled{opacity:.6;cursor:not-allowed}.landing-error{background:var(--danger-bg);color:var(--danger-fg);border-radius:8px;margin:0;padding:.7rem;font-size:.9rem}.landing-features{text-align:left;gap:.8rem;width:100%;margin:1rem 0 0;padding:0;list-style:none;display:grid}.landing-features li{background:var(--card);box-shadow:0 1px 3px var(--shadow);border-radius:12px;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.landing-features span{color:var(--muted);font-size:.9rem}.landing-note{color:var(--muted);margin:0;font-size:.8rem}