:root{--bg:#f6f5f1;--surface:#fff;--text:#1f2a24;--muted:#6b746f;--border:#e2e0d8;--primary:#2f6f4f;--primary-text:#fff;--danger:#b3261e;--warn-bg:#fff1d6;--warn-text:#7a4b00;--bad-bg:#fde3e1;--bad-text:#8c1d18;--low-bg:#e4ecf7;--low-text:#1f4a7a;--radius:12px;--nav-h:64px}@media (prefers-color-scheme:dark){:root{--bg:#141816;--surface:#1d2320;--text:#e8ece9;--muted:#9aa49f;--border:#2f3833;--primary:#5fb88a;--primary-text:#0d1a13;--danger:#f2a49e;--warn-bg:#3d2e10;--warn-text:#ffd48a;--bad-bg:#3f1a17;--bad-text:#f6b3ad;--low-bg:#1a2a3d;--low-text:#a9c8ef}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}h1{margin:0 0 12px;font-size:1.5rem}h2{margin:20px 0 8px;font-size:1.15rem}a{color:var(--primary)}.page{max-width:640px;padding:16px 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));margin:0 auto}.auth-page{padding-top:32px}.brand{text-align:center;margin-bottom:24px}.muted{color:var(--muted)}.error{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.form{flex-direction:column;gap:12px;display:flex}.form label{flex-direction:column;gap:4px;font-size:.95rem;font-weight:500;display:flex}.row{align-items:center;gap:8px;display:flex}.row>*{flex:1}input,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;width:100%;min-width:0;padding:10px 12px;font-size:16px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary);flex:none}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 14px}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text);font-weight:600}.btn.danger{color:var(--danger)}.btn.link{color:var(--muted);background:0 0;border:none;margin-top:16px;text-decoration:underline}.btn:disabled{opacity:.6}.btn.round{flex:none;width:44px;padding:0;font-size:1.3rem}.toolbar{gap:8px;margin-bottom:12px;display:flex}.toolbar input{flex:1}.toolbar select{width:auto}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item{align-items:center;gap:10px;display:flex}.item-main{min-width:0;color:inherit;flex:1;text-decoration:none}.item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.item-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:.85rem;display:flex}.qty{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5ch;font-weight:600}.shop-item{flex-wrap:wrap}.shop-item .item-main{flex:150px}.shop-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.checked .item-name{color:var(--muted);text-decoration:line-through}.badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.badge.expired{background:var(--bad-bg);color:var(--bad-text)}.badge.soon{background:var(--warn-bg);color:var(--warn-text)}.badge.low{background:var(--low-bg);color:var(--low-text)}.tabs{background:var(--border);border-radius:10px;gap:4px;margin:16px 0 12px;padding:4px;display:flex}.tabs button{font:inherit;color:var(--text);background:0 0;border:none;border-radius:8px;flex:1;padding:8px}.tabs button[aria-selected=true]{background:var(--surface);font-weight:600}.invite-code{letter-spacing:.15em;text-align:center;padding:8px 0;font-family:ui-monospace,monospace;font-size:1.6rem}.scanner{border-radius:var(--radius);aspect-ratio:3/4;background:#000;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scanner .reticle{border:3px solid #ffffffd9;border-radius:12px;position:absolute;inset:35% 10%}.navbar{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.navbar a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.navbar a span{font-size:1.3rem}.navbar a.active{color:var(--primary);font-weight:600}.empty{text-align:center;padding:32px 16px}.actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-bottom:12px;display:grid}.stat{padding:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.stat-label{color:var(--muted);font-size:.8rem}.chart-head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:12px;display:flex}.chart-readout{font-variant-numeric:tabular-nums;font-size:.85rem}.chart-readout strong{color:var(--text)}.bars{border-bottom:1px solid var(--border);align-items:stretch;gap:2px;height:120px;display:flex}.bar-slot{cursor:default;background:0 0;border:none;flex:1;align-items:flex-end;padding:0;display:flex}.bar-slot:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bar{background:var(--primary);opacity:.55;border-radius:4px 4px 0 0;width:100%;min-height:2px;display:block}.bar-slot.active .bar{opacity:1}.bar-axis{justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:.85rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:4px 0}.data-table th{color:var(--muted);font-weight:500}