.add-container.svelte-c1kz54{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:20px;transition:border-color .2s;overflow:hidden}.add-container.svelte-c1kz54:focus-within{border-color:var(--accent)}.primary-row.svelte-c1kz54{display:flex;align-items:center;padding:8px 12px;gap:8px}.name-wrapper.svelte-c1kz54{flex:1;min-width:0}.name-input.svelte-c1kz54{width:100%;font-size:16px;color:var(--text-primary);padding:8px 4px}.name-input.svelte-c1kz54::placeholder{color:var(--text-muted)}.stepper.svelte-c1kz54{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;-webkit-user-select:none;user-select:none}.step-btn.svelte-c1kz54{width:32px;height:32px;font-size:18px;font-weight:600;color:var(--text-secondary);border-radius:4px;transition:background .15s,color .15s}.step-btn.svelte-c1kz54:disabled{opacity:.3;cursor:not-allowed}.step-btn.svelte-c1kz54:not(:disabled):hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.step-val.svelte-c1kz54{min-width:26px;text-align:center;font-size:15px;font-weight:700;color:var(--text-primary)}.options-toggle.svelte-c1kz54{width:38px;height:38px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s}.options-toggle.svelte-c1kz54:hover,.options-toggle.active.svelte-c1kz54{background-color:var(--accent-light);color:var(--accent)}.submit-btn.svelte-c1kz54{width:40px;height:40px;background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:700;transition:background-color .2s,transform .1s;flex-shrink:0}.submit-btn.svelte-c1kz54:disabled{background-color:var(--bg-surface-hover);color:var(--text-muted);cursor:not-allowed}.submit-btn.svelte-c1kz54:not(:disabled):active{transform:scale(.95)}.expanded-panel.svelte-c1kz54{background-color:var(--bg-surface-hover);border-top:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:12px;animation:svelte-c1kz54-fadeIn .15s ease-out}@keyframes svelte-c1kz54-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.option-group.svelte-c1kz54{display:flex;flex-direction:column;gap:6px}.group-label.svelte-c1kz54{font-size:12px;text-transform:uppercase;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.category-select.svelte-c1kz54{width:100%;padding:8px 12px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px}.unit-chips.svelte-c1kz54{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip.svelte-c1kz54{padding:4px 10px;font-size:12px;border-radius:var(--radius-full);background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);transition:all .15s}.chip.svelte-c1kz54:hover{border-color:var(--text-secondary)}.chip.selected.svelte-c1kz54{background-color:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.chip-input.svelte-c1kz54{width:70px;padding:4px 8px;font-size:12px;border-radius:var(--radius-full);background-color:var(--bg-primary);border:1px dashed var(--border);color:var(--text-primary)}.chip-input.svelte-c1kz54:focus{border-style:solid;border-color:var(--accent)}.item-card.svelte-1cd0ymt{display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;gap:12px;transition:all .2s ease;min-height:58px}.item-card.completed.svelte-1cd0ymt{opacity:.65;background-color:var(--bg-surface-hover);border-color:transparent}.check-btn.svelte-1cd0ymt{width:32px;height:32px;min-width:32px;border-radius:var(--radius-full);border:2px solid var(--border-strong);color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:var(--bg-surface)}.check-btn.svelte-1cd0ymt:hover{border-color:var(--accent)}.check-btn.checked.svelte-1cd0ymt{background-color:var(--accent);border-color:var(--accent)}.info-wrapper.svelte-1cd0ymt{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:2px}.title-row.svelte-1cd0ymt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-name.svelte-1cd0ymt{font-size:16px;font-weight:500;color:var(--text-primary);word-break:break-word}.item-name.strike.svelte-1cd0ymt{text-decoration:line-through;color:var(--text-muted)}.badge-row.svelte-1cd0ymt{display:inline-flex;align-items:center;gap:6px}.qty-badge.svelte-1cd0ymt{display:inline-block;padding:2px 8px;font-size:12px;font-weight:700;border-radius:var(--radius-full);background-color:var(--accent-light);color:var(--accent)}.cat-badge.svelte-1cd0ymt{display:inline-block;padding:2px 6px;font-size:11px;border-radius:var(--radius-sm);background-color:var(--bg-surface-hover);color:var(--text-secondary)}.expiry-text.svelte-1cd0ymt{font-size:11px;color:var(--text-muted)}.actions.svelte-1cd0ymt{display:flex;align-items:center;gap:6px}.stepper-inline.svelte-1cd0ymt{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.step-sm.svelte-1cd0ymt{width:26px;height:26px;font-size:16px;color:var(--text-secondary);transition:color .15s,background .15s}.step-sm.svelte-1cd0ymt:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-surface-hover)}.step-sm.svelte-1cd0ymt:disabled{opacity:.3;cursor:not-allowed}.delete-btn.svelte-1cd0ymt{width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color .2s,background-color .2s}.delete-btn.svelte-1cd0ymt:hover{color:var(--danger);background-color:var(--danger-light)}.edit-mode.svelte-1cd0ymt{flex:1;display:flex;flex-direction:column;gap:8px}.edit-name-input.svelte-1cd0ymt{background-color:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:6px 10px;font-size:15px;color:var(--text-primary)}.edit-controls.svelte-1cd0ymt{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.edit-qty-input.svelte-1cd0ymt{width:50px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:13px;text-align:center}.edit-unit-input.svelte-1cd0ymt{width:70px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:13px}.btn-save.svelte-1cd0ymt{background-color:var(--accent);color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:var(--radius-sm)}.btn-cancel.svelte-1cd0ymt{background-color:var(--bg-surface-hover);color:var(--text-secondary);font-size:12px;padding:5px 10px;border-radius:var(--radius-sm)}.app-header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px}.header-left.svelte-1n46o8q{display:flex;align-items:center;gap:12px}.logo-icon.svelte-1n46o8q{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b9814d}.title-group.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.active-count.svelte-1n46o8q{font-size:13px;color:var(--text-muted)}.status-pill.svelte-1n46o8q{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background-color:var(--bg-surface);border:1px solid var(--border)}.status-dot.svelte-1n46o8q{width:8px;height:8px;border-radius:50%}.status-pill.connected.svelte-1n46o8q .status-dot:where(.svelte-1n46o8q){background-color:var(--accent);box-shadow:0 0 8px var(--accent)}.status-pill.connecting.svelte-1n46o8q .status-dot:where(.svelte-1n46o8q){background-color:#f59e0b;animation:svelte-1n46o8q-pulse 1.5s infinite}.status-pill.disconnected.svelte-1n46o8q .status-dot:where(.svelte-1n46o8q){background-color:var(--danger)}@keyframes svelte-1n46o8q-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.content-area.svelte-1n46o8q{display:flex;flex-direction:column;gap:16px}.filter-section.svelte-1n46o8q{display:flex;flex-direction:column;gap:10px}.search-box.svelte-1n46o8q{display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;gap:8px;color:var(--text-muted)}.search-input.svelte-1n46o8q{flex:1;font-size:14px;color:var(--text-primary)}.search-input.svelte-1n46o8q::placeholder{color:var(--text-muted)}.clear-search.svelte-1n46o8q{font-size:18px;color:var(--text-muted);padding:0 4px}.category-chips.svelte-1n46o8q{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.cat-chip.svelte-1n46o8q{white-space:nowrap;padding:5px 12px;font-size:13px;border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);transition:all .15s}.cat-chip.selected.svelte-1n46o8q{background-color:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.section-container.svelte-1n46o8q{display:flex;flex-direction:column;gap:12px}.section-title-row.svelte-1n46o8q{display:flex;align-items:center;gap:8px}.section-title-row.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:17px;font-weight:600}.count-tag.svelte-1n46o8q{background-color:var(--accent-light);color:var(--accent);font-size:12px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.items-list.svelte-1n46o8q{display:flex;flex-direction:column;gap:8px}.empty-state.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background-color:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);gap:8px}.empty-title.svelte-1n46o8q{font-size:17px;font-weight:600;color:var(--text-primary)}.empty-sub.svelte-1n46o8q{font-size:14px;color:var(--text-secondary);max-width:280px}.completed-section.svelte-1n46o8q{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.completed-header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between}.accordion-toggle.svelte-1n46o8q{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:15px;font-weight:600}.chevron.svelte-1n46o8q{transition:transform .2s ease}.chevron.open.svelte-1n46o8q{transform:rotate(180deg)}.count-tag-completed.svelte-1n46o8q{background-color:var(--bg-surface-hover);color:var(--text-muted);font-size:12px;font-weight:600;padding:2px 7px;border-radius:var(--radius-full)}.btn-clear-now.svelte-1n46o8q{font-size:12px;font-weight:600;color:var(--danger);padding:4px 8px;border-radius:var(--radius-sm);transition:background-color .15s}.btn-clear-now.svelte-1n46o8q:hover{background-color:var(--danger-light)}.auto-purge-hint.svelte-1n46o8q{font-size:12px;color:var(--text-muted);font-style:italic}:root{--bg-primary: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #059669;--accent-hover: #047857;--accent-light: rgba(5, 150, 105, .12);--danger: #dc2626;--danger-light: rgba(220, 38, 38, .1);--border: #e2e8f0;--border-strong: #cbd5e1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--safe-bottom: env(safe-area-inset-bottom, 16px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overscroll-behavior-y:none}#app{width:100%;max-width:640px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:0 16px calc(var(--safe-bottom) + 24px) 16px}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}input,select,textarea{font-family:inherit;color:inherit;outline:none;border:none;background:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}