.toggle-button{--toggle-accent:var(--color-primary-dim);display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--glass-border-subtle);background:var(--glass-bg-medium);color:var(--color-text-muted);font-family:var(--font-medium);font-weight:600;line-height:1;cursor:pointer;transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard)}.toggle-button:hover{border-color:color-mix(in srgb,var(--toggle-accent) 42%,var(--color-border));background:color-mix(in srgb,var(--toggle-accent) 10%,var(--color-surface));color:color-mix(in srgb,var(--toggle-accent) 78%,var(--color-text))}.toggle-button[aria-pressed=true]{border-color:color-mix(in srgb,var(--toggle-accent) 48%,transparent);background:color-mix(in srgb,var(--toggle-accent) 18%,var(--color-surface));color:color-mix(in srgb,var(--toggle-accent) 82%,var(--color-text))}.toggle-button:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:2px}.toggle-button:disabled{cursor:not-allowed;opacity:.5}.toggle-button--icon{border-radius:var(--radius-full);padding:8px}.toggle-button--labelled{border-radius:var(--radius-md);padding:8px var(--control-padding-md);font-size:var(--text-sm)}.toggle-button--minimal{border-color:transparent;background:transparent;padding:2px}.toggle-button--sm{min-height:var(--control-height-sm)}.toggle-button--md{min-height:var(--control-height-md)}.toggle-button--lg{min-height:var(--control-height-lg)}.toggle-button.toggle-button--minimal{min-height:auto}.toggle-button--accent-orange{--toggle-accent:var(--color-content-food)}.toggle-button--accent-red{--toggle-accent:var(--color-content-video)}.toggle-button--accent-emerald{--toggle-accent:var(--color-content-game)}.toggle-button--accent-violet{--toggle-accent:var(--color-content-person)}