.bg-card.rounded-xl{border-color:color-mix(in oklab, var(--ink) 8%, transparent);box-shadow:inset 0 1px 0 #ffffff8c, 0 1px 2px color-mix(in oklab, var(--ink) 6%, transparent), 0 6px 20px color-mix(in oklab, var(--ink) 4%, transparent)}.dark .bg-card.rounded-xl{box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0000004d,0 6px 20px #0003}h3,[data-slot=card-title]{letter-spacing:-.012em}.pill{border:1px solid color-mix(in oklab, var(--brand) 22%, var(--ink) 8%);background:color-mix(in oklab, var(--brand) 6%, transparent);color:var(--ink);transition:background var(--duration-press) var(--ease-out), border-color var(--duration-press) var(--ease-out), transform var(--duration-press) var(--ease-out);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8125rem;line-height:1.5;display:inline-flex}@media (hover:hover) and (pointer:fine){.pill:hover{background:color-mix(in oklab, var(--brand) 12%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent)}}.dark .pill{border-color:color-mix(in oklab, var(--brand) 25%, var(--ink) 6%);background:color-mix(in oklab, var(--brand) 8%, transparent);color:var(--ink)}[data-slot=button].rounded-full:active,button.pill:active,.pill[role=button]:active{transform:scale(.95)}[role=progressbar]>div{transition:width .5s var(--ease-out)}@media (prefers-reduced-motion:reduce){[data-slot=button].rounded-full:active,button.pill:active,.pill[role=button]:active{opacity:.7;transform:none}}@media (prefers-reduced-transparency:reduce){.pill{background:var(--canvas-muted)}}