:root{color-scheme:light;--bg: #F6F5F0;--fg: #241C14;--muted: #6B6357;--line: #EAE4D6;--card: #FFFFFF;--accent: #FF7F00;--accent-dark: #E65100;--danger: #c0392b;--ok: #2f7d32;--ok-bg: #EAF3EA;--ok-line: #CDE3CE;--warn: #A85B00;--warn-bg: #FBEFDD;--warn-line: #F0D9B5}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:1280px;margin:0 auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.top{padding:1.1rem 1.25rem .75rem;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}h1{margin:0;font-size:1.3rem}.subtitle{color:var(--muted);font-size:.85rem}.brand{display:flex;align-items:center;gap:.55rem}.brand svg{flex-shrink:0}.banner{background:#fff3e0;border:1px solid #FFD699;color:#8a5a00;padding:.6rem .9rem;border-radius:8px;font-size:.85rem;word-break:break-all}.banner a{color:#b45309}.offline-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted)}.offline-pill.pending{color:#b8860b}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.offline-pill.pending .dot{background:#b8860b}.tabs{display:flex;gap:.5rem;padding:0 1.25rem;margin-top:.5rem;flex-wrap:wrap}.tab{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.4rem 1rem;font-size:.85rem;cursor:pointer}.tab.active{color:var(--fg);border-color:var(--accent)}.panes{flex:1;display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem 1.25rem 2rem}@media(max-width:1279px){.pane.hidden-mobile{display:none}}.add-row{display:flex;gap:.5rem;margin-bottom:.75rem}.add-row input{flex:1;background:var(--card);border:1px solid var(--line);color:var(--fg);padding:.6rem .75rem;border-radius:8px}.add-row button,.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer}.add-row button:hover,.btn:hover{background:var(--accent-dark)}.btn.secondary{background:none;border:1px solid var(--line);color:var(--fg)}.btn.secondary:hover{background:none;border-color:var(--accent);color:var(--accent-dark)}.btn.danger{background:var(--danger);color:#fff}.typeahead-menu{position:absolute;top:calc(100% - .5rem);left:0;right:0;z-index:20;margin:0;padding:.25rem;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:16rem;overflow-y:auto}.typeahead-menu li{margin:0}.typeahead-option{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;width:100%;background:none;border:none;color:var(--fg);text-align:left;padding:.5rem .6rem;border-radius:6px;cursor:pointer;font-size:.9rem}.typeahead-option:hover{background:var(--bg)}.typeahead-option .pack{color:var(--muted);font-size:.8rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.chip{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer}.item-row{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.item-row.crossed{opacity:.45;text-decoration:line-through}.item-row .name{flex:1}.item-row .pack{color:var(--muted);font-size:.75rem}.qty-stepper{display:flex;align-items:center;gap:.4rem}.qty-stepper button{width:26px;height:26px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--line);color:var(--fg);padding:.6rem 1rem;border-radius:8px;display:flex;gap:.75rem;align-items:center}.shop-group{margin-bottom:1.25rem}.shop-group h3{margin:0 0 .4rem;font-size:1rem;display:flex;justify-content:space-between;align-items:center}.shop-group.unknown h3{color:var(--muted)}.shop-total{color:var(--muted);font-size:.85rem}.price-line{display:flex;align-items:center;gap:.6rem;font-size:.85rem;padding:.35rem 0;color:var(--muted);border-bottom:1px solid var(--line)}.price-line .name{flex:1;color:var(--fg)}.price-line .age{font-size:.7rem}.price-line.unknown{font-style:italic}.price-line.crossed{opacity:.45;text-decoration:line-through}.price-line .line-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.price-line .line-price .amt{color:var(--fg);font-weight:600}.price-line .age{font-size:.68rem;color:var(--muted)}.price-line .age.stale{color:var(--danger)}.price-line .no-price{font-style:italic;color:var(--muted);font-size:.78rem;border:1px dashed var(--line);border-radius:999px;padding:.1rem .5rem}.priced{display:flex;flex-direction:column}.verdict{background:var(--ok-bg);border:1px solid var(--ok-line);border-radius:14px;padding:.9rem 1rem;margin-bottom:1rem}.verdict-label{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700;color:var(--ok);margin-bottom:.3rem}.verdict-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.verdict-store{font-size:1.35rem;font-weight:700;color:var(--fg);line-height:1.1}.verdict-total{font-size:1.9rem;font-weight:800;color:var(--fg);letter-spacing:-.01em}.verdict-sub{font-size:.78rem;color:var(--muted);margin-top:.15rem}.verdict-none{background:var(--card);border-color:var(--line)}.verdict-none .verdict-label{color:var(--muted)}.caveat{display:flex;gap:.5rem;align-items:flex-start;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:10px;padding:.6rem .7rem;margin-top:.75rem;font-size:.82rem;color:var(--warn);line-height:1.35}.caveat-icon{flex:none;font-size:.95rem;line-height:1.3}.compare{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.1rem}.compare-row{display:flex;flex-direction:column;gap:.25rem}.compare-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.compare-name{font-size:.85rem;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:.4rem}.compare-amount{font-size:.9rem;font-weight:700;color:var(--fg);white-space:nowrap}.compare-bar{height:4px;background:var(--line);border-radius:999px;overflow:hidden}.compare-fill{display:block;height:100%;border-radius:999px}.compare-fill.full{background:var(--ok)}.compare-fill.partial{background:var(--muted);opacity:.5}.compare-meta{font-size:.68rem;color:var(--muted);text-align:right}.chip{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:999px;white-space:nowrap}.chip-win{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line)}.chip-unknown{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}.shop-head{justify-content:space-between}.shop-toggle{display:flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.shop-toggle .chevron{color:var(--muted);font-size:.75rem}.shop-head-right{display:flex;align-items:center;gap:.5rem}.coverage{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--line)}.coverage-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:.35rem}.coverage-count{font-weight:600;color:var(--fg)}.coverage-bar{height:6px;background:var(--line);border-radius:999px;overflow:hidden}.coverage-fill{display:block;height:100%;background:var(--accent);border-radius:999px}.auth-shell{max-width:420px;margin:3rem auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.auth-shell input{background:var(--card);border:1px solid var(--line);color:var(--fg);padding:.7rem .9rem;border-radius:8px;font-size:1rem}.mode-tabs{display:flex;gap:.5rem}.invite-code{font-size:1.4rem;letter-spacing:.2em;text-align:center;padding:.6rem;background:var(--card);border-radius:8px;border:1px solid var(--line)}.error-text{color:var(--danger);font-size:.85rem}