:root{
  --accent:10 135 120;--bg:#f2f2f7;--card:#fff;--label:#000;--secondary:#8a8a8e;--separator:rgba(60,60,67,.16);
  --fill:rgba(120,120,128,.12);--destructive:#ff3b30;--bar:rgba(249,249,251,.82);--shadow:0 8px 30px rgba(0,0,0,.08);
  --radius:22px;color-scheme:light dark
}
@media (prefers-color-scheme:dark){:root{
  --accent:48 176 156;--bg:#000;--card:#1c1c1e;--label:#fff;--secondary:#8d8d93;--separator:rgba(84,84,88,.55);
  --fill:rgba(120,120,128,.24);--destructive:#ff453a;--bar:rgba(28,28,30,.82);--shadow:0 8px 30px rgba(0,0,0,.5)
}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{margin:0;font:17px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,sans-serif;color:var(--label);background:var(--bg);-webkit-font-smoothing:antialiased}
body.with-tabs{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
a{color:rgb(var(--accent));text-decoration:none}
code{font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.muted{color:var(--secondary)}
.glyph{width:24px;height:24px;display:block}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Title bar */
.bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.bar-title{margin:0;font-size:17px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
.bar>:last-child{justify-self:end}
.bar-back{display:flex;align-items:center;gap:2px;font-size:17px;margin-left:-6px}
.bar-back .glyph{width:22px;height:22px}
.round-button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--card);color:rgb(var(--accent));border:0;box-shadow:var(--shadow);cursor:pointer}
.round-button.primary{width:56px;height:56px;background:rgb(var(--accent));color:#fff;flex:none}
.round-button.primary .glyph{width:26px;height:26px}

main{max-width:720px;margin:0 auto;padding:8px 16px 24px}
main.with-dock{padding-bottom:100px}

/* Grouped sections */
.group{margin:22px 0}
.group-header{margin:0 0 7px 20px;font-size:17px;font-weight:600;color:var(--secondary);letter-spacing:-.01em}
.group-footer{margin:7px 20px 0;font-size:13px;color:var(--secondary)}
.card{background:var(--card);border-radius:var(--radius);overflow:hidden}
.row{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 20px;position:relative;width:100%;font:inherit;color:inherit;text-align:left;background:none;border:0}
.card>*+.row::before,.card>*+form:not(.row)>.row:first-of-type::before,.card form:not(.row)>.row+.row::before{content:"";position:absolute;top:0;left:20px;right:0;border-top:1px solid var(--separator)}
.card>form:not(.row){display:block}
.row-label{flex:1;min-width:0;overflow-wrap:anywhere;color:inherit}
.row-label small{display:block;color:var(--secondary);font-size:13px;margin-top:1px}
.row-value{color:var(--secondary);text-align:right;flex:none;max-width:55%}
.row-value.uri{font:13px ui-monospace,Menlo,monospace;overflow-wrap:anywhere;flex:1}
.row-link{color:inherit}
.row-link:active,.row-action:active{background:var(--fill)}
.chevron{width:14px;height:14px;color:#c4c4c7;flex:none}
.row-action{color:rgb(var(--accent));cursor:pointer;gap:10px}
.destructive{color:var(--destructive)!important}
.row-text{margin:0}
.row-icon{color:rgb(var(--accent));flex:none}
.row-icon .glyph{width:22px;height:22px}
.row-form input,.row-field input,.row-field select,.row-field textarea{flex:1;min-width:0;font:inherit;color:inherit;background:none;border:0;padding:4px 0;outline:none}
.row-form input::placeholder{color:rgb(var(--accent))}
.row-field label{flex:none;min-width:5.5rem}
.row-field input,.row-field select,.row-field textarea{text-align:right;color:rgb(var(--accent))}
.row-field textarea{resize:vertical;text-align:left}
.row-field select{appearance:none;-webkit-appearance:none;cursor:pointer;text-align-last:right}
.row-secret{flex-direction:column;align-items:stretch;gap:6px}
.row-secret label{font-size:13px;color:var(--secondary)}
.secret{font:13px ui-monospace,Menlo,monospace;color:inherit;background:var(--fill);border:0;border-radius:10px;padding:10px}
.row-member{flex-wrap:wrap}
.row-actions{flex-basis:100%;display:flex;gap:14px}
.pill{font:inherit;font-size:15px;font-weight:600;padding:6px 14px;border-radius:999px;border:0;background:rgba(var(--accent)/.12);color:rgb(var(--accent));cursor:pointer;flex:none}
.link{font:inherit;font-size:15px;border:0;background:none;padding:0;color:rgb(var(--accent));cursor:pointer}
form.inline{display:inline}
.buttons{display:flex;flex-direction:column;gap:10px}
.button{font:inherit;font-weight:600;width:100%;padding:15px;border-radius:16px;border:0;background:var(--card);color:rgb(var(--accent));cursor:pointer}
.button.primary{background:rgb(var(--accent));color:#fff}
.credits{text-align:center;font-size:12px;color:var(--secondary)}
.credits a{color:inherit;text-decoration:underline}

/* Hero and empty states */
.hero,.empty{text-align:center;padding:28px 24px 4px}
.hero-icon,.empty-icon{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;color:rgb(var(--accent));background:rgba(var(--accent)/.12)}
.hero-icon .glyph,.empty-icon .glyph{width:36px;height:36px}
.hero-title,.empty-title{font-size:22px;font-weight:700;margin:0 0 4px}
.hero p,.empty p{margin:0 0 4px}

/* Notices */
.toast{margin:12px 0 0;padding:12px 16px;border-radius:16px;background:rgba(var(--accent)/.12);color:rgb(var(--accent));font-size:15px;font-weight:500}
.toast.error{background:rgba(255,59,48,.12);color:var(--destructive)}

/* Category sections and tiles, as in the app */
.category-section{margin:18px 0 22px}
.category{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:600}
.category-icon{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgb(var(--tint)/.12)}
.category-icon .food{width:20px;height:20px}
.category-icon .dot{width:10px;height:10px;border-radius:50%;background:rgb(var(--tint))}
.category-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.count{flex:none;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--secondary);background:var(--fill);border-radius:999px;padding:2px 8px}
.rule{flex:1;height:1px;background:rgb(var(--tint)/.22);min-width:12px}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:14px}
.tile{position:relative;aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,rgb(var(--tint)/.12),rgb(var(--tint)/.02)),var(--card);border:.5px solid rgb(var(--tint)/.16)}
.tile form{display:block;height:100%}
.tile-button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border:0;background:none;font:inherit;color:inherit;cursor:pointer;border-radius:18px}
.tile-button:active{transform:scale(.96);background:rgb(var(--tint)/.08)}
.tile-label{font-size:15px;font-weight:500;line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.tile-amount{font-size:12px;color:var(--secondary);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-edit{position:absolute;top:4px;right:4px;width:30px;height:30px;display:grid;place-items:center;color:var(--secondary);opacity:.7;border-radius:50%}
.tile-edit:hover{opacity:1;background:var(--fill)}
.tile-edit .glyph{width:18px;height:18px}
.item-icon{width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgb(var(--tint)/.14);color:rgb(var(--tint))}
.item-icon .food{width:34px;height:34px}
.initial{font:400 25px ui-rounded,"SF Pro Rounded",system-ui,sans-serif}
.food{display:block;background:rgb(var(--tint));-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.item-icon.small{width:40px;height:40px}
.item-icon.small .food{width:26px;height:26px}
.item-icon.small .initial{font-size:19px}
.row-request{align-items:flex-start}
.gallery{margin-top:4px}
.gallery .tile{aspect-ratio:auto;min-height:132px}
.gallery .item-icon{width:44px;height:44px}
.gallery .item-icon .food{width:30px;height:30px}
.attempts{list-style:none;margin:6px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.attempt{display:flex;gap:8px;align-items:center;padding:6px 10px 6px 6px;border-radius:12px;background:var(--fill);font-size:12px;color:var(--secondary)}
.attempt img,.attempt-missing{width:72px;height:72px;border-radius:10px;background:#fff;border:2px solid rgba(255,59,48,.5);display:grid;place-items:center;flex:none}
.attempt.accepted img{border-color:rgb(var(--accent))}
.attempt-text{display:flex;flex-direction:column}
.attempt-text strong{color:var(--label);font-weight:600}
.attempt.accepted strong{color:rgb(var(--accent))}
.retry{font-size:14px;margin-top:4px}
.apple-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:16px;background:#000;color:#fff;font-weight:600;font-size:17px}
.apple-button .apple-logo{width:20px;height:20px;margin-top:-3px}
@media (prefers-color-scheme:dark){.apple-button{background:#fff;color:#000}}
.row-action .apple-logo{width:18px;height:18px;margin-top:-2px}
.login-buttons{margin-top:28px}
.use-icon{margin-top:4px;font-size:12px;padding:3px 10px}
.request-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:2px}
.request-label{flex:1;min-width:0}
.badge{max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-static{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px}
.row-request .item-icon{margin-top:2px}
.row-request.failed .row-label small:first-of-type{color:var(--destructive)}
.badge{flex:none;font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--fill);color:var(--secondary);margin-top:2px}
.badge.accepted{background:rgba(var(--accent)/.12);color:rgb(var(--accent))}
.badge.destructive{background:rgba(255,59,48,.12)}
.row.checked .row-label{text-decoration:line-through;color:var(--secondary)}
.round-small{width:32px;height:32px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(var(--accent)/.12);color:rgb(var(--accent));cursor:pointer}
.round-small .glyph{width:18px;height:18px}

/* Add bar and floating tab bar */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(92px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgb(var(--accent)/.07),transparent 70%),var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--separator)}
.add-bar{max-width:720px;margin:0 auto;display:flex;gap:12px;align-items:center}
.add-bar input{flex:1;min-width:0;font:inherit;font-size:19px;padding:14px 20px;border-radius:999px;border:1px solid rgb(var(--accent)/.16);background:var(--card);color:inherit;outline:none;box-shadow:var(--shadow)}
.add-bar input:focus{border-color:rgb(var(--accent)/.5)}
.tabbar{position:fixed;z-index:30;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(78vw,420px);display:flex;gap:4px;padding:6px;border-radius:999px;background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:var(--shadow);border:.5px solid var(--separator)}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 18px;border-radius:999px;color:var(--label);font-size:12px;font-weight:500}
.tab .glyph{width:26px;height:26px}
.tab.active{color:rgb(var(--accent));background:var(--fill)}
@media (min-width:760px){.tiles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}

/* Keyboard focus, everywhere */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px;border-radius:8px}
.sidebar{display:none}

/* Desktop: sidebar navigation, wider content, mouse affordances */
@media (min-width:900px){
  body.with-tabs{padding-bottom:0}
  .tabbar{display:none}
  .shell.has-sidebar{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
  .sidebar{display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto;padding:22px 14px 18px;background:var(--bar);border-right:.5px solid var(--separator)}
  .side-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--label);padding:4px 10px 2px}
  .side-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgb(var(--accent));color:#fff}
  .side-logo .glyph{width:20px;height:20px}
  .side-household{font-size:13px;color:var(--secondary);padding:0 10px 14px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .side-household:hover{color:rgb(var(--accent))}
  .side-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--label);font-size:15px}
  .side-link .glyph{width:20px;height:20px;color:rgb(var(--accent));flex:none}
  .side-link:hover{background:var(--fill)}
  .side-link.active{background:rgba(var(--accent)/.12);color:rgb(var(--accent));font-weight:600}
  .side-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .side-lists{display:flex;flex-direction:column;gap:2px;margin:2px 0 2px 20px;padding-left:10px;border-left:1px solid var(--separator)}
  .side-list{font-size:14px;padding:6px 10px}
  .side-count{font-size:12px;font-weight:600;color:var(--secondary);background:var(--fill);border-radius:999px;padding:1px 8px}
  .side-new{color:rgb(var(--accent))}
  .side-spacer{flex:1}
  .side-user{font-size:12px;color:var(--secondary);padding:6px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .content{min-width:0}
  .bar{grid-template-columns:auto minmax(0,1fr) auto;gap:0;padding:26px 40px 14px;background:color-mix(in srgb,var(--bg) 88%,transparent)}
  .bar>span:first-child{display:none}
  .bar-title{grid-column:2;grid-row:1;text-align:left;font-size:30px;font-weight:700;letter-spacing:-.02em;max-width:none}
  .bar-back{grid-column:1;grid-row:1;margin:0 16px 0 -4px}
  .bar>:last-child{grid-column:3;grid-row:1}
  main{max-width:1160px;margin:0;padding:6px 40px 48px}
  main.with-dock{padding-bottom:48px}
  .dock{position:sticky;top:78px;bottom:auto;left:auto;right:auto;z-index:9;max-width:1160px;padding:4px 40px 10px;background:color-mix(in srgb,var(--bg) 92%,transparent);border:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .add-bar{max-width:none;margin:0}
  .add-bar input{font-size:17px;padding:12px 20px}
  .round-button.primary{width:48px;height:48px}
  .tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
  .tile{transition:transform .12s ease,box-shadow .12s ease}
  .tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
  .tile-edit{opacity:0;transition:opacity .12s}
  .tile:hover .tile-edit,.tile-edit:focus-visible{opacity:1}
  .tile-label{font-size:16px}
  .item-icon{width:58px;height:58px}
  .item-icon .food{width:38px;height:38px}
  .row-link:hover,.row-action:hover{background:var(--fill)}
  .group,.card{max-width:none}
  .settings-grid{columns:2 440px;column-gap:28px}
  .settings-grid .group{break-inside:avoid;margin-top:0;padding-top:22px}
  .hero{padding-top:12vh}
  .shell:not(.has-sidebar) main{max-width:520px;margin:0 auto}
  .shell:not(.has-sidebar) .bar{max-width:520px;margin:0 auto}
  .attempts{gap:10px}
  .list-switch{display:none}
  main.narrow{max-width:760px}
  .categories{columns:2 460px;column-gap:36px}
  .category-section{break-inside:avoid;margin:0;padding:6px 0 22px}
}
.tint-fruitsVegetables{--tint:10 135 120}
.tint-bakery{--tint:255 141 40}
.tint-breakfast{--tint:255 141 40}
.tint-dairyEggs{--tint:255 204 0}
.tint-cheese{--tint:255 204 0}
.tint-meatPoultry{--tint:255 56 60}
.tint-fishSeafood{--tint:0 192 232}
.tint-deliConvenience{--tint:255 56 60}
.tint-plantBased{--tint:10 135 120}
.tint-pastaRiceGrains{--tint:172 127 94}
.tint-cannedJarred{--tint:172 127 94}
.tint-saucesCondiments{--tint:172 127 94}
.tint-bakingSpices{--tint:255 141 40}
.tint-international{--tint:203 48 224}
.tint-snacksSweets{--tint:203 48 224}
.tint-coffeeTea{--tint:172 127 94}
.tint-beverages{--tint:0 192 232}
.tint-alcohol{--tint:97 85 245}
.tint-frozenFoods{--tint:0 192 232}
.tint-householdCleaning{--tint:0 136 255}
.tint-paperStorage{--tint:0 136 255}
.tint-bathroomSupplies{--tint:0 136 255}
.tint-personalCare{--tint:255 45 85}
.tint-health{--tint:255 56 60}
.tint-baby{--tint:122 209 171}
.tint-pets{--tint:255 141 40}
.tint-kitchenHome{--tint:142 142 147}
.tint-seasonal{--tint:203 48 224}
.tint-checkout{--tint:142 142 147}
.tint-other{--tint:142 142 147}
.food-almond_milk{--icon:url(/api/v1/icons/almond_milk.png)}
.food-apple{--icon:url(/api/v1/icons/apple.png)}
.food-apple_juice{--icon:url(/api/v1/icons/apple_juice.png)}
.food-avocado{--icon:url(/api/v1/icons/avocado.png)}
.food-bacon{--icon:url(/api/v1/icons/bacon.png)}
.food-banana{--icon:url(/api/v1/icons/banana.png)}
.food-beef{--icon:url(/api/v1/icons/beef.png)}
.food-beer{--icon:url(/api/v1/icons/beer.png)}
.food-bell_pepper{--icon:url(/api/v1/icons/bell_pepper.png)}
.food-black_beans{--icon:url(/api/v1/icons/black_beans.png)}
.food-blender{--icon:url(/api/v1/icons/blender.png)}
.food-bowl{--icon:url(/api/v1/icons/bowl.png)}
.food-broccoli{--icon:url(/api/v1/icons/broccoli.png)}
.food-butter{--icon:url(/api/v1/icons/butter.png)}
.food-cabbage{--icon:url(/api/v1/icons/cabbage.png)}
.food-can_opener{--icon:url(/api/v1/icons/can_opener.png)}
.food-carrot{--icon:url(/api/v1/icons/carrot.png)}
.food-cauliflower{--icon:url(/api/v1/icons/cauliflower.png)}
.food-cheddar{--icon:url(/api/v1/icons/cheddar.png)}
.food-chef_knife{--icon:url(/api/v1/icons/chef_knife.png)}
.food-chicken{--icon:url(/api/v1/icons/chicken.png)}
.food-chickpeas{--icon:url(/api/v1/icons/chickpeas.png)}
.food-chili_pepper{--icon:url(/api/v1/icons/chili_pepper.png)}
.food-chocolate_chips{--icon:url(/api/v1/icons/chocolate_chips.png)}
.food-club_soda{--icon:url(/api/v1/icons/club_soda.png)}
.food-coffee{--icon:url(/api/v1/icons/coffee.png)}
.food-corn{--icon:url(/api/v1/icons/corn.png)}
.food-cornbread{--icon:url(/api/v1/icons/cornbread.png)}
.food-cream{--icon:url(/api/v1/icons/cream.png)}
.food-cucumber{--icon:url(/api/v1/icons/cucumber.png)}
.food-cutting_board{--icon:url(/api/v1/icons/cutting_board.png)}
.food-eggs{--icon:url(/api/v1/icons/eggs.png)}
.food-electric_kettle{--icon:url(/api/v1/icons/electric_kettle.png)}
.food-energy_drink{--icon:url(/api/v1/icons/energy_drink.png)}
.food-flour{--icon:url(/api/v1/icons/flour.png)}
.food-food_storage_container{--icon:url(/api/v1/icons/food_storage_container.png)}
.food-fork{--icon:url(/api/v1/icons/fork.png)}
.food-french_fries{--icon:url(/api/v1/icons/french_fries.png)}
.food-frying_pan{--icon:url(/api/v1/icons/frying_pan.png)}
.food-garlic{--icon:url(/api/v1/icons/garlic.png)}
.food-grape{--icon:url(/api/v1/icons/grape.png)}
.food-grater{--icon:url(/api/v1/icons/grater.png)}
.food-green_beans{--icon:url(/api/v1/icons/green_beans.png)}
.food-ham{--icon:url(/api/v1/icons/ham.png)}
.food-hamburger{--icon:url(/api/v1/icons/hamburger.png)}
.food-honey{--icon:url(/api/v1/icons/honey.png)}
.food-lemon{--icon:url(/api/v1/icons/lemon.png)}
.food-lemonade{--icon:url(/api/v1/icons/lemonade.png)}
.food-lentils{--icon:url(/api/v1/icons/lentils.png)}
.food-lettuce{--icon:url(/api/v1/icons/lettuce.png)}
.food-mango{--icon:url(/api/v1/icons/mango.png)}
.food-milk{--icon:url(/api/v1/icons/milk.png)}
.food-mug{--icon:url(/api/v1/icons/mug.png)}
.food-mushroom{--icon:url(/api/v1/icons/mushroom.png)}
.food-oat_milk{--icon:url(/api/v1/icons/oat_milk.png)}
.food-olive_oil{--icon:url(/api/v1/icons/olive_oil.png)}
.food-onion{--icon:url(/api/v1/icons/onion.png)}
.food-orange{--icon:url(/api/v1/icons/orange.png)}
.food-orange_juice{--icon:url(/api/v1/icons/orange_juice.png)}
.food-pancakes{--icon:url(/api/v1/icons/pancakes.png)}
.food-paper_towel_holder{--icon:url(/api/v1/icons/paper_towel_holder.png)}
.food-pasta{--icon:url(/api/v1/icons/pasta.png)}
.food-peanuts{--icon:url(/api/v1/icons/peanuts.png)}
.food-pineapple{--icon:url(/api/v1/icons/pineapple.png)}
.food-pizza{--icon:url(/api/v1/icons/pizza.png)}
.food-pork{--icon:url(/api/v1/icons/pork.png)}
.food-pot{--icon:url(/api/v1/icons/pot.png)}
.food-potato{--icon:url(/api/v1/icons/potato.png)}
.food-rice{--icon:url(/api/v1/icons/rice.png)}
.food-salmon{--icon:url(/api/v1/icons/salmon.png)}
.food-salt{--icon:url(/api/v1/icons/salt.png)}
.food-sausage{--icon:url(/api/v1/icons/sausage.png)}
.food-shrimp{--icon:url(/api/v1/icons/shrimp.png)}
.food-smoothie{--icon:url(/api/v1/icons/smoothie.png)}
.food-sparkling_water{--icon:url(/api/v1/icons/sparkling_water.png)}
.food-spinach{--icon:url(/api/v1/icons/spinach.png)}
.food-spoon{--icon:url(/api/v1/icons/spoon.png)}
.food-still_water{--icon:url(/api/v1/icons/still_water.png)}
.food-strawberry{--icon:url(/api/v1/icons/strawberry.png)}
.food-sugar{--icon:url(/api/v1/icons/sugar.png)}
.food-sushi{--icon:url(/api/v1/icons/sushi.png)}
.food-tea{--icon:url(/api/v1/icons/tea.png)}
.food-toaster{--icon:url(/api/v1/icons/toaster.png)}
.food-tomato{--icon:url(/api/v1/icons/tomato.png)}
.food-tuna{--icon:url(/api/v1/icons/tuna.png)}
.food-waffles{--icon:url(/api/v1/icons/waffles.png)}
.food-water_bottle{--icon:url(/api/v1/icons/water_bottle.png)}
.food-watermelon{--icon:url(/api/v1/icons/watermelon.png)}
.food-whisk{--icon:url(/api/v1/icons/whisk.png)}
.food-wine{--icon:url(/api/v1/icons/wine.png)}
.food-yogurt{--icon:url(/api/v1/icons/yogurt.png)}
.food-zucchini{--icon:url(/api/v1/icons/zucchini.png)}
@media (prefers-color-scheme:dark){.tint-fruitsVegetables{--tint:48 176 156}.tint-bakery{--tint:255 146 48}.tint-breakfast{--tint:255 146 48}.tint-dairyEggs{--tint:255 214 0}.tint-cheese{--tint:255 214 0}.tint-meatPoultry{--tint:255 66 69}.tint-fishSeafood{--tint:60 211 254}.tint-deliConvenience{--tint:255 66 69}.tint-plantBased{--tint:48 176 156}.tint-pastaRiceGrains{--tint:183 138 102}.tint-cannedJarred{--tint:183 138 102}.tint-saucesCondiments{--tint:183 138 102}.tint-bakingSpices{--tint:255 146 48}.tint-international{--tint:219 52 242}.tint-snacksSweets{--tint:219 52 242}.tint-coffeeTea{--tint:183 138 102}.tint-beverages{--tint:60 211 254}.tint-alcohol{--tint:109 124 255}.tint-frozenFoods{--tint:60 211 254}.tint-householdCleaning{--tint:0 145 255}.tint-paperStorage{--tint:0 145 255}.tint-bathroomSupplies{--tint:0 145 255}.tint-personalCare{--tint:255 55 95}.tint-health{--tint:255 66 69}.tint-baby{--tint:122 209 171}.tint-pets{--tint:255 146 48}.tint-kitchenHome{--tint:152 152 157}.tint-seasonal{--tint:219 52 242}.tint-checkout{--tint:152 152 157}.tint-other{--tint:152 152 157}}