:root{color-scheme:dark;--bg: #0a0a0c;--fg: #eee;--muted: #9aa;--line: #1c1c22;--card: #121216;--accent: #d8d8de;--danger: #c45c5c;--ok: #6fae6f}*{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}.banner{background:#201a08;border:1px solid #4a3a0f;color:#e9c766;padding:.6rem .9rem;border-radius:8px;font-size:.85rem;word-break:break-all}.banner a{color:#ffe38a}.offline-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted)}.offline-pill.pending{color:#e9c766}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.offline-pill.pending .dot{background:#e9c766}.tabs{display:flex;gap:.5rem;padding:0 1.25rem;margin-top:.5rem}.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(min-width:1280px){.panes{grid-template-columns:1fr 1fr}.panes.list-only,.panes.priced-only{grid-template-columns:1fr}}@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:#111;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer}.btn.secondary{background:none;border:1px solid var(--line);color:var(--fg)}.btn.danger{background:var(--danger);color:#fff}.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}.shop-group.unknown h3{color:var(--muted)}.shop-total{color:var(--muted);font-size:.85rem}.price-line{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem 0;color:var(--muted)}.price-line .age{font-size:.7rem}.price-line.unknown{font-style:italic}.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}