@layer components{.ui-card{background-color:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.ui-card--pad-none{padding:0}.ui-card--pad-sm{padding:var(--space-3)}.ui-card--pad-md{padding:var(--space-4)}.ui-card--pad-lg{padding:var(--space-6)}@media(min-width:768px){.ui-card--pad-md{padding:var(--space-6)}.ui-card--pad-lg{padding:var(--space-8)}}.ui-card--interactive{cursor:pointer;transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.ui-card--interactive:hover,.ui-card--interactive:focus-visible{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}.ui-card--interactive:active{transform:translateY(0) scale(.99)}}