.container.svelte-1phtxt1{--bg: #f7f8fb;--surface: #ffffff;--surface-2: #f2f5fb;--border: #e7ecf3;--text: #0f172a;--muted: #52607a;--ring: #1e66ff;--accent: #1e66ff;--accent-weak: #dbe6ff;--shadow: 0 8px 20px rgba(2,12,27,.08);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";display:grid;gap:.9rem}.panel.svelte-1phtxt1{display:flex;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.9rem;box-shadow:var(--shadow)}.card.svelte-1phtxt1{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.9rem;box-shadow:var(--shadow)}.cardHeader.svelte-1phtxt1{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:-.1rem 0 .5rem}.cardHeader.svelte-1phtxt1 h4:where(.svelte-1phtxt1){margin:0;font-size:.95rem}.btn.svelte-1phtxt1{border-radius:999px;padding:.45rem .9rem;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn.svelte-1phtxt1:hover{transform:translateY(-1px)}.btn.svelte-1phtxt1:active{transform:translateY(0)}.btn.svelte-1phtxt1:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--ring),transparent 80%)}.btn.ghost.svelte-1phtxt1:hover{border-color:var(--accent-weak);background:var(--surface-2)}.control.svelte-1phtxt1{flex:1;display:grid;grid-template-columns:1fr;align-items:start;gap:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.7rem}.control.svelte-1phtxt1>label:where(.svelte-1phtxt1){font-weight:600;letter-spacing:.2px}.control.svelte-1phtxt1>p:where(.svelte-1phtxt1){margin:0}.subtle.svelte-1phtxt1{color:var(--muted);margin:-.25rem 0 .25rem}.segmented.svelte-1phtxt1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}@media (max-width: 650px){.segmented.svelte-1phtxt1{grid-template-columns:repeat(2,minmax(0,1fr))}}.segmented.svelte-1phtxt1 input[type=radio]:where(.svelte-1phtxt1){position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.segmented.svelte-1phtxt1 label:where(.svelte-1phtxt1){display:inline-flex;align-items:center;justify-content:center;padding:.48rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .06s ease,box-shadow .2s}.segmented.svelte-1phtxt1 label:where(.svelte-1phtxt1) .ms:where(.svelte-1phtxt1){opacity:.65;font-weight:500;margin-left:.15rem}.segmented.svelte-1phtxt1 label:where(.svelte-1phtxt1):hover{background:var(--surface-2);transform:translateY(-1px)}.segmented.svelte-1phtxt1 label:where(.svelte-1phtxt1):active{transform:translateY(0)}.segmented.svelte-1phtxt1 label:where(.svelte-1phtxt1):has(+input[type=radio]:where(.svelte-1phtxt1):checked){background:var(--accent-weak);border-color:color-mix(in oklab,var(--accent),white 70%);box-shadow:0 0 0 2px color-mix(in oklab,var(--ring),transparent 85%) inset}.segmented.svelte-1phtxt1 label:where(.svelte-1phtxt1):has(+input[type=radio]:where(.svelte-1phtxt1):focus-visible){outline:3px solid color-mix(in oklab,var(--ring),transparent 70%);outline-offset:2px}.search.svelte-1phtxt1{display:flex;position:relative;margin:0 0 .9rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.35rem .6rem .35rem 2.2rem;transition:box-shadow .2s ease,border-color .2s ease}.search.svelte-1phtxt1:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring),transparent 82%),var(--shadow)}.search.svelte-1phtxt1 input[type=search]{width:100%;border:0;background:transparent;color:var(--text);font-size:16px;padding:.55rem .4rem}.search.svelte-1phtxt1 input[type=search]:focus-visible{outline:none}.search.svelte-1phtxt1 input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:radial-gradient(circle at center,currentColor 45%,transparent 46%) center/100% 100% no-repeat;opacity:.4}.search.svelte-1phtxt1 input[type=search]::-webkit-search-cancel-button:hover{opacity:.7}.icon.svelte-1phtxt1{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.7;pointer-events:none;fill:currentColor}.groceryList.svelte-1phtxt1{height:220px;overflow:auto;mask-image:linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 10px),transparent);padding:10px;margin:-10px}.results.svelte-1phtxt1{list-style:none;padding:0!important;margin:0;display:grid;gap:.3rem}.results.svelte-1phtxt1 li:where(.svelte-1phtxt1){padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.results.svelte-1phtxt1 li:where(.svelte-1phtxt1):hover{outline:2px solid color-mix(in oklab,var(--ring),transparent 75%)}.muted.svelte-1phtxt1{color:var(--muted)}.searching.svelte-1phtxt1{font-weight:600}.dots.svelte-1phtxt1:after{content:"";display:inline-block;width:1.25em;text-align:left;animation:svelte-1phtxt1-dots 1s steps(3,end) infinite}@keyframes svelte-1phtxt1-dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.requestLog.svelte-1phtxt1 ul:where(.svelte-1phtxt1){margin:0;padding:0;list-style:none}.requestLog.svelte-1phtxt1 li:where(.svelte-1phtxt1){display:flex;gap:.5rem;align-items:baseline;padding:.4rem .5rem;border-radius:8px}.requestLog.svelte-1phtxt1 li:where(.svelte-1phtxt1):nth-child(odd){background:var(--surface-2)}.requestLog.svelte-1phtxt1 .index:where(.svelte-1phtxt1){color:var(--muted);width:2ch;text-align:right}.requestLog.svelte-1phtxt1 code:where(.svelte-1phtxt1){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.spinner.svelte-1phtxt1{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1phtxt1-spin .8s linear infinite;margin-left:.1rem}@keyframes svelte-1phtxt1-spin{to{transform:rotate(360deg)}}.success.svelte-1phtxt1{color:#2f7d32;font-weight:600}.cancelled.svelte-1phtxt1{color:#b00020;font-weight:600}@media (prefers-reduced-motion: reduce){.svelte-1phtxt1{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.btn.svelte-1phtxt1:hover,.segmented.svelte-1phtxt1 label:where(.svelte-1phtxt1):hover{transform:none!important}}
