.ui-card{background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-sm);padding:var(--ui-card-padding)}.ui-card--interactive{transition:border-color var(--ui-motion-fast) var(--ui-ease-standard), background-color var(--ui-motion-fast) var(--ui-ease-standard)}@media (hover:hover) and (pointer:fine){.ui-card--interactive:hover{border-color:var(--ui-color-border-strong);background-color:var(--ui-color-surface-muted)}}.ui-card--interactive:focus-visible{border-color:var(--ui-color-border-strong);box-shadow:var(--ui-focus-ring);outline:0}@media (prefers-reduced-motion:reduce){.ui-card--interactive{transition:none}}