:root{color-scheme:light dark;--bg: #f4f2ef;--surface: #fff;--text: #1a1814;--muted: #5c574e;--accent: #2563eb;--accent-muted: #1d4ed8;--border: #d6d0c8;--danger-bg: #fef2f2;--danger-text: #991b1b;--stock-low: #ea580c;--chip-bg: #e8e4dd;--radius: 10px;--shadow: 0 1px 3px rgb(0 0 0 / .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}@media(prefers-color-scheme:dark){:root{--bg: #141210;--surface: #1f1c18;--text: #f2efe8;--muted: #a39e94;--accent: #60a5fa;--accent-muted: #93c5fd;--border: #3d3830;--danger-bg: #3f1e1e;--danger-text: #fecaca;--stock-low: #fb923c;--chip-bg: #2d2923;--shadow: 0 1px 4px rgb(0 0 0 / .35)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#app{max-width:42rem;margin:0 auto}#app.app-gate{padding:1rem 1rem 3rem;min-height:100vh}#app.app-search{padding:0 0 2rem;min-height:100vh;min-height:100dvh}.search-fixed{position:sticky;top:0;z-index:50;padding:1rem 1rem .5rem;background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.search-results{padding:.65rem 1rem 1.25rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.app-title{font-size:1.35rem;font-weight:650;margin:0}.btn{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.45rem .85rem;box-shadow:var(--shadow)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-muted)}.btn.link{border:none;background:transparent;box-shadow:none;color:var(--accent);padding:.35rem .5rem;text-decoration:underline;text-underline-offset:3px}.search-stack{display:flex;flex-direction:column;gap:4px;margin-bottom:.5rem;padding:4px 0}.search-input{width:100%;font:inherit;padding:.65rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text)}.search-filter-row{display:flex;align-items:center;gap:.45rem;padding:2px 0;-webkit-user-select:none;user-select:none}.search-filter-check{width:1rem;height:1rem;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.search-filter-label{font-size:.9rem;color:var(--text);cursor:pointer;line-height:1.2}.chips-row{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:0;min-height:0;-webkit-overflow-scrolling:touch}.chips-row:not(:empty){padding-top:1px}.suggest-flow{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;min-height:0;margin-top:2px}.suggest-flow[hidden]{display:none!important}.suggest-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;font:inherit;font-size:.8125rem;line-height:1.2;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:999px;background:var(--chip-bg);color:var(--text);box-shadow:none}.suggest-chip:focus-visible{filter:brightness(.97)}.suggest-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-chip-count{flex-shrink:0;font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0;background:var(--chip-bg);border-radius:999px;padding:.25rem .35rem .25rem .5rem;font-size:.8125rem}.chip-pinned{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.chip-remove{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .25rem}.error-banner{background:var(--danger-bg);color:var(--danger-text);padding:.65rem .85rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.95rem}.empty-hint{color:var(--muted);font-size:.95rem;margin:0 0 1rem}.results-list{display:flex;flex-direction:column;gap:.65rem}.item-row{display:flex;gap:.75rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .75rem;cursor:pointer;box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s ease-out,box-shadow .14s ease-out,background-color .14s ease-out,border-color .14s ease-out}.item-row:active{transform:scale(.985);background:color-mix(in srgb,var(--text) 5%,var(--surface));border-color:color-mix(in srgb,var(--muted) 35%,var(--border));box-shadow:0 1px 2px #0000000f}@media(prefers-reduced-motion:reduce){.item-row{transition:none}.item-row:active{transform:none}}.item-thumb{width:64px;height:64px;flex-shrink:0}.item-thumb-frame{position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:color-mix(in srgb,var(--muted) 12%,var(--surface))}.item-thumb-ph{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.item-thumb-spinner{width:22px;height:22px;border:2px solid color-mix(in srgb,var(--muted) 32%,transparent);border-top-color:var(--muted);border-radius:50%;animation:item-thumb-spin .65s linear infinite}@keyframes item-thumb-spin{to{transform:rotate(360deg)}}.item-thumb-icon{width:26px;height:26px;color:var(--muted)}.item-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .12s ease-out}.item-thumb-img--loaded{opacity:1}.item-body{flex:1 1 auto;min-width:0}.item-name{margin:0 0 .2rem;font-size:1rem;font-weight:600}.item-stock-trailing{flex-shrink:0;align-self:center;max-width:38%;font-size:.6875rem;font-weight:500;line-height:1.25;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.item-stock-trailing--low{font-weight:600;color:var(--stock-low)}.item-place{margin:0;font-size:.88rem;color:var(--muted);line-height:1.35;white-space:normal}.item-place-bold{font-weight:700;color:var(--text)}.item-tags{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px;max-width:100%}.item-tag-pill{display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;font:inherit;font-size:.7rem;line-height:1.2;padding:.2rem .45rem;border:none;border-radius:999px;background:var(--chip-bg);color:var(--muted);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.item-tag-pill:focus-visible{filter:brightness(.96)}.item-tag-pill--active{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text)}.item-tag-pill--active:focus-visible{filter:brightness(.98)}.scroll-sentinel{height:4px;margin-top:1rem}.gate{max-width:24rem;margin:3rem auto 0}.gate-title{margin:0 0 .5rem}.gate-text{color:var(--muted);margin:0 0 1rem}.gate-input{width:100%;font:inherit;padding:.65rem .85rem;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:.5rem;background:var(--surface);color:var(--text)}.gate-error{color:var(--danger-text);font-size:.9rem;margin:0 0 .75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;touch-action:none;overscroll-behavior:none}.modal-backdrop[hidden]{display:none!important}.modal-dialog{background:var(--surface);color:var(--text);border-radius:var(--radius);max-width:32rem;width:100%;max-height:90vh;max-height:90dvh;overflow:auto;padding:1rem;box-shadow:0 12px 40px #00000040;touch-action:auto;overscroll-behavior:contain}.modal-close{margin-bottom:.75rem}.modal-title{margin:0 0 .35rem;font-size:1.15rem}.modal-place{margin:0 0 1rem;color:var(--muted);font-size:.95rem;line-height:1.4;white-space:normal}.modal-gallery{margin-top:.25rem}.modal-gallery--single .modal-gallery-nav,.modal-gallery--single .modal-gallery-counter,.modal-gallery--single .modal-gallery-dots{display:none!important}.modal-gallery-main{position:relative;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--muted) 10%,var(--surface));height:min(52vh,28rem);height:min(52dvh,28rem);display:flex;align-items:center;justify-content:center;touch-action:pan-y}.modal-gallery-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;color:color-mix(in srgb,var(--muted) 55%,var(--border));transition:opacity .18s ease-out}.modal-gallery-main:not(.modal-gallery-main--loading) .modal-gallery-ph{opacity:0}.modal-gallery-ph-icon{width:3.25rem;height:3.25rem}.modal-gallery-img{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .15s ease-out;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.modal-gallery-img--loaded{opacity:1}.modal-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:2.25rem;height:2.75rem;padding:0;margin:0;border:none;border-radius:6px;background:#00000059;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-gallery-nav--prev{left:6px}.modal-gallery-nav--next{right:6px}.modal-gallery-counter{margin:.5rem 0 0;text-align:center;font-size:.85rem;color:var(--muted)}.modal-gallery-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:.5rem}.modal-gallery-dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--muted) 45%,var(--border));cursor:pointer}.modal-gallery-dot--active{background:var(--accent)}@media(hover:hover)and (pointer:fine){.suggest-chip:hover{filter:brightness(.97)}.item-row:hover{border-color:var(--muted)}.item-tag-pill:hover{filter:brightness(.96)}.item-tag-pill--active:hover{filter:brightness(.98)}.modal-gallery-nav:hover{background:#00000080}}