.ui-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-subtle);color:var(--color-text-main);transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.ui-card--hover{cursor:pointer}@media (hover:hover){.ui-card--hover{transition:var(--transition-base)}.ui-card--hover:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.ui-card--hover:active{transform:translateY(0)}}.ui-card--hover:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}@media (min-width:769px){.ui-card{padding:var(--spacing-5)}}@media (prefers-reduced-motion:reduce){.ui-card,.ui-card--hover:hover,.ui-card--hover:active{transition:none}}