.mode-badge{--mb-color:var(--mode-herbs);display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem .3rem .45rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;background:color-mix(in srgb,var(--mb-color) 12%,white);color:color-mix(in srgb,var(--mb-color) 70%,black);border:1px solid color-mix(in srgb,var(--mb-color) 26%,white)}.mode-badge__glyph{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;background:color-mix(in srgb,var(--mb-color) 22%,white);color:color-mix(in srgb,var(--mb-color) 75%,black)}.mode-badge__glyph img{display:block}.mode-badge__glyph--herbs{border-radius:50%}.mode-badge__glyph--foods{border-radius:7px}.mode-badge__glyph--customs{border-radius:0;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:scale(1.18)}.mode-badge--herbs{--mb-color:var(--mode-herbs)}.mode-badge--foods{--mb-color:var(--mode-foods)}.mode-badge--customs{--mb-color:var(--mode-customs)}.mode-filter{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.mode-filter:hover{border-color:var(--brand);color:var(--ink)}.mode-filter[aria-pressed=true]{color:var(--filter-fg,var(--brand));background:var(--filter-bg,color-mix(in srgb,var(--brand) 10%,white));border-color:var(--filter-border,var(--brand))}.mode-filter--herbs{--filter-fg:var(--mode-herbs);--filter-bg:color-mix(in srgb,var(--mode-herbs) 12%,white);--filter-border:var(--mode-herbs)}.mode-filter--foods{--filter-fg:var(--mode-foods);--filter-bg:color-mix(in srgb,var(--mode-foods) 12%,white);--filter-border:var(--mode-foods)}.mode-filter--customs{--filter-fg:var(--mode-customs);--filter-bg:color-mix(in srgb,var(--mode-customs) 12%,white);--filter-border:var(--mode-customs)}.mode-filter--all{--filter-fg:var(--brand);--filter-bg:color-mix(in srgb,var(--brand) 10%,white);--filter-border:var(--brand)}.dd-card{transition:opacity .18s ease}.dd-card[data-dim=true],.dd-card[hidden]{opacity:.32}