.ui-card{background:var(--c-surface);border-radius:12px;color:var(--c-text);display:block;overflow:hidden;position:relative;text-decoration:none}.ui-card--outlined{border:1px solid var(--border-color)}.ui-card--elevated{box-shadow:0 4px 16px #1118271a}.ui-card--flat{background:transparent}.ui-card--interactive{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.ui-card--interactive:hover{box-shadow:0 4px 16px #1118271a;transform:translateY(-2px)}.ui-card--interactive:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}