:root{--bg:#f8fafc;--card-bg:#fff;--text:#1e293b;--text-muted:#94a3b8;--border:#e2e8f0;--accent:#14b8a6;--accent-h:#0d9488;--accent-fg:#fff;--shadow:0 2px 8px #00000014;--r:12px;--r-sm:8px;--c-red:#ef4444;--c-yellow:#f59e0b;--c-green:#22c55e;--c-red-bg:#ef444417;--c-yellow-bg:#f59e0b17;--c-green-bg:#22c55e17}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0f172a;--card-bg:#1e293b;--text:#e2e8f0;--text-muted:#64748b;--border:#334155;--accent:#2dd4bf;--accent-h:#14b8a6;--c-red-bg:#ef44442e;--c-yellow-bg:#f59e0b2e;--c-green-bg:#22c55e2e}}[data-theme=light]{--bg:#f8fafc;--card-bg:#fff;--text:#1e293b;--text-muted:#94a3b8;--border:#e2e8f0;--accent:#14b8a6;--accent-h:#0d9488}[data-theme=dark]{--bg:#0f172a;--card-bg:#1e293b;--text:#e2e8f0;--text-muted:#64748b;--border:#334155;--accent:#2dd4bf;--accent-h:#14b8a6;--c-red-bg:#ef44442e;--c-yellow-bg:#f59e0b2e;--c-green-bg:#22c55e2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:16px;transition:border-color .15s}input:focus{border-color:var(--accent);background:var(--card-bg)}.app.svelte-1n46o8q{max-width:600px;min-height:100vh;margin:0 auto}.screen.svelte-1n46o8q{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header.svelte-1n46o8q{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--card-bg);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:8px;display:flex;position:sticky;top:0}.app-name.svelte-1n46o8q{color:var(--accent);letter-spacing:-.5px;flex:1;font-size:1.4rem;font-weight:800}.products-header.svelte-1n46o8q .list-title:where(.svelte-1n46o8q){text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.1rem;font-weight:700;overflow:hidden}.header-actions.svelte-1n46o8q{align-items:center;gap:10px;display:flex}.hdr-btn.svelte-1n46o8q{width:42px;height:42px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:background .15s,color .15s;display:flex}.hdr-btn.svelte-1n46o8q:hover{background:var(--border);color:var(--text)}.back-btn.svelte-1n46o8q{width:38px;height:38px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:background .15s;display:flex}.back-btn.svelte-1n46o8q:hover{background:var(--border)}.sort-btn.svelte-1n46o8q{color:var(--text-muted);border:1.5px solid var(--border);white-space:nowrap;border-radius:20px;padding:7px 13px;font-size:.8rem;font-weight:700;transition:all .15s}.sort-btn.active.svelte-1n46o8q{background:var(--accent);color:#fff;border-color:var(--accent)}.install-banner.svelte-1n46o8q{background:var(--c-green-bg);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.install-text.svelte-1n46o8q{flex-direction:column;flex:1;font-size:.85rem;display:flex}.install-text.svelte-1n46o8q strong:where(.svelte-1n46o8q){font-size:.9rem}.btn-install.svelte-1n46o8q{background:var(--accent);color:#fff;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700}.btn-install-how.svelte-1n46o8q{border:1.5px solid var(--accent);color:var(--accent);white-space:nowrap;background:0 0;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700}.install-dismiss.svelte-1n46o8q{width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.install-dismiss.svelte-1n46o8q:hover{background:var(--border)}.search-bar.svelte-1n46o8q{background:var(--card-bg);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.search-icon.svelte-1n46o8q{flex-shrink:0;font-size:1rem}.search-input.svelte-1n46o8q{border:1.5px solid var(--border);background:var(--bg);border-radius:50px;flex:1;width:auto;padding:9px 16px;font-size:16px}.search-input.svelte-1n46o8q:focus{border-color:var(--accent)}.search-clear.svelte-1n46o8q{width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.search-clear.svelte-1n46o8q:hover{background:var(--border)}.search-results.svelte-1n46o8q{flex-direction:column;padding-bottom:80px;display:flex}.search-result.svelte-1n46o8q{border-bottom:1px solid var(--border);cursor:pointer;border-left:4px solid #0000;align-items:center;gap:12px;padding:14px 16px;transition:background .1s;display:flex}.search-result.svelte-1n46o8q:hover{background:var(--border)}.search-result.color-red.svelte-1n46o8q{border-left-color:var(--c-red)}.search-result.color-yellow.svelte-1n46o8q{border-left-color:var(--c-yellow)}.search-result.color-green.svelte-1n46o8q{border-left-color:var(--c-green);opacity:.8}.search-result-info.svelte-1n46o8q{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-result-name.svelte-1n46o8q{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.search-result-note.svelte-1n46o8q{color:var(--text-muted);font-size:.82rem}.search-result-list.svelte-1n46o8q{color:var(--accent);margin-top:2px;font-size:.78rem;font-weight:600}.search-result-dot.svelte-1n46o8q{border-radius:50%;flex-shrink:0;width:14px;height:14px}.big-text.svelte-1n46o8q .search-result-name:where(.svelte-1n46o8q){font-size:1.25rem}.big-text.svelte-1n46o8q .search-result-note:where(.svelte-1n46o8q){font-size:1rem}.lists-main.svelte-1n46o8q{flex:1;padding:16px;overflow-y:auto}.lists-grid.svelte-1n46o8q{flex-direction:column;gap:10px;padding-bottom:80px;display:flex}.list-card.svelte-1n46o8q{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:16px;transition:transform .1s;display:flex}.list-card.svelte-1n46o8q:active{transform:scale(.97)}.list-card-hint.svelte-1n46o8q{color:var(--text-muted);letter-spacing:2px;flex-shrink:0;font-size:1.2rem}.list-card-main.svelte-1n46o8q{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.list-card-name.svelte-1n46o8q{text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:700;overflow:hidden}.list-card-meta.svelte-1n46o8q{align-items:center;gap:8px;display:flex}.badge.svelte-1n46o8q{border-radius:20px;padding:2px 9px;font-size:.75rem;font-weight:700}.badge.red.svelte-1n46o8q{background:var(--c-red-bg);color:var(--c-red)}.badge.muted.svelte-1n46o8q{color:var(--text-muted)}.list-card-actions.svelte-1n46o8q{flex-shrink:0;gap:4px;display:flex}.icon-btn-sm.svelte-1n46o8q{width:34px;height:34px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:background .15s;display:flex}.icon-btn-sm.svelte-1n46o8q:hover{background:var(--border)}.icon-btn-sm.danger.svelte-1n46o8q:hover{background:var(--c-red-bg);color:var(--c-red)}.list-name-input.svelte-1n46o8q{width:100%;font-size:1.05rem;font-weight:600}.add-list-bar.svelte-1n46o8q{background:var(--card-bg);border:2px solid var(--accent);border-radius:var(--r);z-index:5;align-items:center;gap:8px;max-width:560px;padding:8px;display:flex;position:fixed;bottom:90px;left:50%;right:16px;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.add-list-input.svelte-1n46o8q{flex:1}.fab.svelte-1n46o8q{bottom:calc(24px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;transition:transform .15s,background .15s;display:flex;position:fixed;right:24px;box-shadow:0 4px 18px #00000040}.fab.svelte-1n46o8q:hover{background:var(--accent-h);transform:scale(1.06)}.fab.svelte-1n46o8q:active{transform:scale(.96)}.add-product-wrap.svelte-1n46o8q{background:var(--card-bg);border-bottom:1px solid var(--border);top:calc(57px + env(safe-area-inset-top));z-index:9;padding:12px 16px;position:sticky}.add-product-trigger.svelte-1n46o8q{background:var(--accent);color:#fff;text-align:center;letter-spacing:.01em;border-radius:50px;width:100%;padding:14px 24px;font-size:1.05rem;font-weight:700;transition:background .15s,transform .1s}.add-product-trigger.svelte-1n46o8q:hover{background:var(--accent-h)}.add-product-trigger.svelte-1n46o8q:active{transform:scale(.97)}.al-input.svelte-1n46o8q{margin-bottom:4px;font-weight:600;font-size:18px!important}.ap-name-input.svelte-1n46o8q{margin-bottom:10px;padding:12px 14px;font-weight:600;font-size:20px!important}.ap-note-input.svelte-1n46o8q{color:var(--text-muted);margin-bottom:4px;padding:11px 14px;font-size:16px!important}.ap-actions.svelte-1n46o8q{flex-direction:column;gap:10px;margin-top:16px;display:flex}.ap-save.svelte-1n46o8q{padding:15px;font-size:1.05rem}.products-main.svelte-1n46o8q{flex:1;overflow-y:auto}.products-list.svelte-1n46o8q{flex-direction:column;display:flex}.list-action-modal.svelte-1n46o8q{border-radius:var(--r) var(--r) 0 0}.list-action-name.svelte-1n46o8q{text-align:center;color:var(--text);padding:20px 20px 4px;font-size:1.2rem;font-weight:800}.list-action-btns.svelte-1n46o8q{flex-direction:column;gap:10px;padding:16px 20px 28px;display:flex}.action-open.svelte-1n46o8q{background:var(--accent);color:#fff;border-radius:var(--r-sm);text-align:center;width:100%;padding:18px;font-size:1.15rem;font-weight:800;transition:background .15s}.action-open.svelte-1n46o8q:hover{background:var(--accent-h)}.action-edit.svelte-1n46o8q,.action-delete.svelte-1n46o8q,.action-cancel.svelte-1n46o8q{border-radius:var(--r-sm);text-align:center;border:1.5px solid var(--border);background:var(--card-bg);width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .15s}.action-edit.svelte-1n46o8q:hover{border-color:var(--accent);color:var(--accent)}.action-delete.svelte-1n46o8q{color:var(--c-red);border-color:var(--c-red)}.action-delete.svelte-1n46o8q:hover{background:var(--c-red-bg)}.action-cancel.svelte-1n46o8q{color:var(--text-muted)}.list-action-input.svelte-1n46o8q{margin-bottom:12px;font-weight:600;font-size:18px!important}.product-row.svelte-1n46o8q{border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;border-left:4px solid #0000;align-items:center;gap:12px;padding:14px 16px;transition:background .1s;display:flex}.product-row.color-red.svelte-1n46o8q{border-left-color:var(--c-red)}.product-row.color-yellow.svelte-1n46o8q{border-left-color:var(--c-yellow)}.product-row.color-green.svelte-1n46o8q{border-left-color:var(--c-green);opacity:.75}.product-row.highlighted.svelte-1n46o8q{animation:1.8s ease-out forwards svelte-1n46o8q-row-flash}@keyframes svelte-1n46o8q-row-flash{0%{background:#14b8a659}40%{background:#14b8a633}to{background:0 0}}.product-row.editing.svelte-1n46o8q{cursor:default;background:var(--bg);border-left:4px solid var(--accent);flex-direction:column;align-items:stretch;padding:12px 16px}.product-row.editing.svelte-1n46o8q:hover{background:var(--bg)}.product-info.svelte-1n46o8q{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.product-name.svelte-1n46o8q{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.product-note.svelte-1n46o8q{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.color-circle.svelte-1n46o8q{border:2.5px solid #0000001f;border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:transform .12s}.color-circle.svelte-1n46o8q:hover{transform:scale(1.12)}.color-circle.svelte-1n46o8q:active{transform:scale(.92)}.c-red.svelte-1n46o8q{background:var(--c-red)}.c-yellow.svelte-1n46o8q{background:var(--c-yellow)}.c-green.svelte-1n46o8q{background:var(--c-green)}.product-edit-fields.svelte-1n46o8q{gap:8px;display:flex}.product-edit-name.svelte-1n46o8q{flex:2;font-size:1rem;font-weight:600}.product-edit-note.svelte-1n46o8q{flex:1;font-size:.9rem}.edit-actions.svelte-1n46o8q{flex-wrap:wrap;gap:8px;display:flex}.btn-sm.svelte-1n46o8q{border-radius:var(--r-sm);border:1.5px solid var(--border);color:var(--text-muted);background:var(--card-bg);padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-sm.svelte-1n46o8q:hover{border-color:var(--accent);color:var(--accent)}.btn-sm.btn-primary.svelte-1n46o8q{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-sm.btn-primary.svelte-1n46o8q:hover{background:var(--accent-h);border-color:var(--accent-h)}.btn-sm.danger.svelte-1n46o8q{color:var(--c-red);border-color:var(--c-red);background:0 0}.btn-sm.danger.svelte-1n46o8q:hover{background:var(--c-red-bg)}.big-text.svelte-1n46o8q .product-name:where(.svelte-1n46o8q){font-size:1.3rem}.big-text.svelte-1n46o8q .product-note:where(.svelte-1n46o8q){font-size:1rem}.big-text.svelte-1n46o8q .product-row:where(.svelte-1n46o8q){padding:18px 16px}.big-text.svelte-1n46o8q .color-circle:where(.svelte-1n46o8q){width:46px;height:46px}.big-text.svelte-1n46o8q .list-card-name:where(.svelte-1n46o8q){font-size:1.3rem}.empty-state.svelte-1n46o8q{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon.svelte-1n46o8q{margin-bottom:14px;font-size:3rem}.empty-title.svelte-1n46o8q{margin-bottom:6px;font-size:1.15rem;font-weight:700}.empty-sub.svelte-1n46o8q{color:var(--text-muted);font-size:.9rem}.btn-primary.svelte-1n46o8q{background:var(--accent);color:#fff;border-radius:var(--r-sm);padding:11px 22px;font-size:1rem;font-weight:700;transition:background .15s}.btn-primary.svelte-1n46o8q:hover{background:var(--accent-h)}.btn-full.svelte-1n46o8q{width:100%}.btn-outline.svelte-1n46o8q{border-radius:var(--r-sm);border:1.5px solid var(--border);color:var(--text);background:var(--card-bg);text-align:center;flex:1;padding:10px 14px;font-size:.9rem;font-weight:600;transition:all .15s}.btn-outline.svelte-1n46o8q:hover{border-color:var(--accent);color:var(--accent)}.modal-overlay.svelte-1n46o8q{z-index:100;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=480px){.modal-overlay.svelte-1n46o8q{align-items:center;padding:16px}}.modal.svelte-1n46o8q{background:var(--card-bg);border-radius:var(--r) var(--r) 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 -4px 40px #00000040}@media (width>=480px){.modal.svelte-1n46o8q{border-radius:var(--r);box-shadow:0 20px 60px #0000004d}}.modal-header.svelte-1n46o8q{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.modal-header.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:1.15rem;font-weight:800}.close-btn.svelte-1n46o8q{width:34px;height:34px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:background .15s;display:flex}.close-btn.svelte-1n46o8q:hover{background:var(--border)}.modal-body.svelte-1n46o8q{flex-direction:column;gap:4px;padding:16px 20px 24px;display:flex}.setting-row.svelte-1n46o8q{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.setting-row.svelte-1n46o8q:last-child{border-bottom:none}.setting-label.svelte-1n46o8q{font-size:.95rem;font-weight:600}.btn-group.svelte-1n46o8q{gap:4px;display:flex}.btn-group.svelte-1n46o8q button:where(.svelte-1n46o8q){border-radius:var(--r-sm);border:1.5px solid var(--border);color:var(--text-muted);padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-group.svelte-1n46o8q button.active:where(.svelte-1n46o8q){background:var(--accent);color:#fff;border-color:var(--accent)}.backup-row.svelte-1n46o8q{flex-direction:column;align-items:stretch;gap:8px}.backup-row.svelte-1n46o8q .btn-outline:where(.svelte-1n46o8q){flex:none}.toggle.svelte-1n46o8q{cursor:pointer;align-items:center;display:flex}.toggle.svelte-1n46o8q input:where(.svelte-1n46o8q){opacity:0;width:0;height:0;position:absolute}.toggle-track.svelte-1n46o8q{background:var(--border);border-radius:13px;width:44px;height:26px;transition:background .2s;position:relative}.toggle-track.svelte-1n46o8q:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.svelte-1n46o8q input:where(.svelte-1n46o8q):checked+.toggle-track:where(.svelte-1n46o8q){background:var(--accent)}.toggle.svelte-1n46o8q input:where(.svelte-1n46o8q):checked+.toggle-track:where(.svelte-1n46o8q):after{transform:translate(18px)}.help-modal.svelte-1n46o8q .modal-body:where(.svelte-1n46o8q){gap:0;padding-top:12px}.help-section.svelte-1n46o8q{border-bottom:1px solid var(--border)}.help-section.svelte-1n46o8q:last-child{border-bottom:none}.help-title.svelte-1n46o8q{text-align:left;width:100%;color:var(--text);justify-content:space-between;align-items:center;padding:14px 0;font-size:.95rem;font-weight:700;display:flex}.chevron.svelte-1n46o8q{color:var(--text-muted);font-size:.75rem}.help-body.svelte-1n46o8q{color:var(--text-muted);white-space:pre-line;padding-bottom:14px;font-size:.9rem;line-height:1.65}.terms-modal.svelte-1n46o8q{text-align:center;max-width:400px;padding:32px 28px;border-radius:var(--r)!important}.terms-icon.svelte-1n46o8q{margin-bottom:16px;font-size:3.5rem}.terms-modal.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin-bottom:14px;font-size:1.4rem;font-weight:800}.terms-modal.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.6}.guide-label.svelte-1n46o8q{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:16px;font-size:.8rem;font-weight:700}.guide-steps.svelte-1n46o8q{flex-direction:column;gap:14px;list-style:none;display:flex}.guide-step.svelte-1n46o8q{align-items:flex-start;gap:14px;font-size:.95rem;line-height:1.5;display:flex}.guide-num.svelte-1n46o8q{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.guide-alt.svelte-1n46o8q{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:20px;padding-top:16px;display:flex}.guide-alt.svelte-1n46o8q span:where(.svelte-1n46o8q){color:var(--text-muted);font-size:.82rem}.duplicate-warning.svelte-1n46o8q{background:var(--c-yellow-bg);border-bottom:1px solid var(--c-yellow);color:var(--text);text-align:center;padding:10px 16px;font-size:.88rem;font-weight:600;animation:3s forwards svelte-1n46o8q-fadeout}@keyframes svelte-1n46o8q-fadeout{0%{opacity:1}70%{opacity:1}to{opacity:0}}.guide-alt-btn.svelte-1n46o8q{color:var(--accent);text-align:left;text-underline-offset:3px;font-size:.85rem;font-weight:700;text-decoration:underline}