:root{--bg:#fff;--panel:#fff;--text:#111827;--muted:#6b7280;--primary:#6366f1;--primary-600:#5458ee;--primary-700:#4f46e5;--success:#34d399;--warning:#f59e0b;--danger:#ef4444;--ring:rgba(99,102,241,.28);--border:#e5e7eb;--muted-panel:#f3f4f6;--content-min-width:560px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--shadow-sm:0 1px 0 hsla(0,0%,100%,.02) inset,0 8px 24px rgba(0,0,0,.25);--shadow-md:0 1px 0 hsla(0,0%,100%,.03) inset,0 12px 32px rgba(0,0,0,.4)}*{box-sizing:border-box}body,html{padding:0;margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.container img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:20px 24px 32px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.06);max-width:100%}.row{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(12,1fr);align-items:start}.col-4{grid-column:span 4/span 4}.col-8{grid-column:span 8/span 8}.col-12{grid-column:span 12/span 12}.label{display:block;color:var(--muted);margin-bottom:6px;font-size:12px}input,textarea{caret-color:var(--text)}input,select,textarea{font-size:16px}select{height:44px}button{cursor:pointer;background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}ul{list-style:none;padding:0;margin:0}hr{border:none;border-top:1px solid var(--border);margin:16px 0}.pill{display:inline-block;padding:4px 8px;border:1px solid var(--border);border-radius:999px;margin:2px;font-size:12px;background:hsla(0,0%,100%,.03)}.muted{color:var(--muted)}.section-title{margin:0 0 8px}@media (max-width:1200px){.container{max-width:calc(100% - 32px)}}@media (max-width:1024px){.row{grid-template-columns:1fr}.col-12,.col-4,.col-8{grid-column:1/-1}}h1{font-size:28px;letter-spacing:-.02em;margin:0 0 6px}h2{font-size:20px;letter-spacing:-.01em;margin:0}h3{font-size:16px;margin:8px 0 0}@media (max-width:640px){h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}.panel{padding:12px}input,select,textarea{font-size:18px}}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 var(--space-2);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.section-title:after{content:"";flex:1 1;height:1px;background:var(--border)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input:hover,select:hover,textarea:hover{border-color:#cbd5e1}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}button{border:1px solid var(--primary);background:linear-gradient(180deg,var(--primary),var(--primary-600));box-shadow:0 4px 14px rgba(99,102,241,.35)}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02)}button:active:not(:disabled){transform:translateY(0);filter:brightness(.98)}button.secondary{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}button.secondary:hover:not(:disabled){background:#f3f4f6;border-color:#cbd5e1}button.ghost{background:transparent;color:var(--muted);border-color:transparent;box-shadow:none}button.ghost:hover{background:#f3f4f6;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);font-weight:600;border:1px solid transparent;transition:transform .12s ease,filter .12s ease,background .12s ease}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-600));border-color:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.35)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:#f3f4f6;border-color:#cbd5e1}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{background:#f3f4f6}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-ghost:hover{background:#f3f4f6;color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary);animation:spin 1s linear infinite}.prefs-header{padding:12px 14px;background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0));border:1px solid var(--border);border-radius:var(--radius-sm)}.prefs-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;color:var(--text);font-weight:700;font-size:14px;cursor:pointer}.prefs-header .chev{transition:transform .15s ease;opacity:.85}.prefs-header.open .chev{transform:rotate(180deg)}.prefs-body{padding:10px 12px;background:hsla(0,0%,100%,.02);border:1px solid var(--border);border-radius:var(--radius-sm)}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:var(--muted);font-weight:800;line-height:1;cursor:help;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.info-icon,.info-icon .tooltip{border:1px solid var(--border);font-size:12px}.info-icon .tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);background:var(--panel);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;width:260px;max-width:70vw;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.06);opacity:0;visibility:hidden;transition:opacity .12s ease,transform .12s ease,visibility .12s;z-index:1000}.info-icon:focus .tooltip,.info-icon:focus-within .tooltip,.info-icon:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid var(--border)}.appbar-inner{display:flex;padding:4px 8px;max-width:1100px;margin:0 auto}.appbar-inner,.brand{align-items:center;gap:0}.brand{display:inline-flex;font-weight:700;line-height:0}.brand img{width:auto;height:80px!important;display:block}@media (max-width:640px){.brand img{height:56px!important}}@media (max-width:400px){.brand img{height:44px!important}}.brand small{color:var(--muted);font-weight:500}.hero{background:radial-gradient(1200px 400px at 10% -40%,rgba(99,102,241,.1),transparent),radial-gradient(1200px 400px at 90% -50%,rgba(20,184,166,.1),transparent),linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.footer{border-top:1px solid var(--border);background:rgba(0,0,0,.25);margin-top:24px}.footer-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-links{display:inline-flex;gap:14px;flex-wrap:wrap}.footer a{color:var(--muted)}.footer a:hover{color:var(--text);text-decoration:underline}.features-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{text-align:center}.feature-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:var(--muted-panel);margin:0 auto 12px}@media (max-width:600px){.feature-icon{width:84px;height:84px}}table{border-collapse:collapse}table.panel{background:var(--panel)}table td,table th{padding:10px 12px;border-bottom:1px solid var(--border)}table thead th{text-align:left;color:var(--muted);font-weight:600;background:#0f1218}table tbody tr:hover{background:hsla(0,0%,100%,.02)}.item-row{transition:border-color .12s ease,background .12s ease}.item-row:hover{background:hsla(0,0%,100%,.02)}.price-pill{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.35)}.sticky-col{position:-webkit-sticky;position:sticky;top:84px}@media (max-width:1024px){.sticky-col{position:static;top:auto}}.app-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:320px 1fr 360px;align-items:start}@media (max-width:1280px){.app-grid{grid-template-columns:280px 1fr 340px}}@media (max-width:1024px){.app-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden!important}#grocery-print,#grocery-print *{visibility:visible!important}#grocery-print{position:absolute;left:0;top:0;width:100%}#grocery-print[data-print-text="1"] img,body.print-grocery>:not(#print-root){display:none!important}body.print-grocery #print-root{display:block!important;width:100%!important}body.print-grocery *{visibility:hidden!important}body.print-grocery #print-root,body.print-grocery #print-root *{visibility:visible!important}body.print-grocery #print-root table{display:table!important;width:100%!important;border-collapse:collapse}body.print-grocery #print-root thead{display:table-header-group!important}body.print-grocery #print-root tbody{display:table-row-group!important}body.print-grocery #print-root tr{display:table-row!important}body.print-grocery #print-root td,body.print-grocery #print-root th{display:table-cell!important;padding:8px;border-bottom:1px solid #ddd}body.print-grocery #print-root[data-print-text="1"] img{display:none!important}}.prefs-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}.full-row{grid-column:1/-1}@media (max-width:900px){.prefs-grid{grid-template-columns:1fr}}.btn-stack .btn{flex:1 1 auto}@media (max-width:600px){.btn-stack{flex-direction:column}.btn-stack .btn{width:100%}}.table-scroll{overflow-x:auto}.table-scroll table{min-width:var(--content-min-width)}.app-scroll{overflow-x:auto}.app-inner{min-width:var(--content-min-width)}@media (max-width:560px){.app-inner,.table-scroll table{min-width:100%}}.store-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr auto;align-items:stretch}@media (max-width:700px){.store-grid{grid-template-columns:1fr}.store-grid button,.store-grid input,.store-grid select{width:100%}}.item-grid{display:grid;grid-template-columns:auto 56px 1fr auto;grid-gap:10px;gap:10px;align-items:center}@media (max-width:560px){.item-grid{grid-template-columns:auto 56px 1fr}.item-grid .price-summary{justify-self:start;margin-top:6px}}