.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px;border-radius:999px;font-size:.93rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s var(--ease-out),background .25s,border-color .25s;animation:chip-in .5s var(--ease-out) backwards}.chip-accent{min-height:30px;padding:0 12px;font-size:.82rem;background:color-mix(in srgb,var(--violet) 16%,transparent);border-color:color-mix(in srgb,var(--violet) 35%,transparent)}.chip:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.chip:hover{transform:translateY(-3px);background:var(--surface-hi);border-color:color-mix(in srgb,var(--aqua) 55%,transparent)}}@keyframes chip-in{0%{opacity:0;transform:translateY(10px) scale(.95)}}.chip-grid,.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list{margin-top:1.4rem}