.card{transition:all .2s ease}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}.card--featured{border:2px solid var(--brand-medium);background:var(--brand-weak)}.card--outlined{background:rgba(0,0,0,0)}.card__header-action{display:flex;align-items:center;gap:8px}.card__body{flex:1 1}.card__footer{flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .2s ease-out}.modal{width:100%;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.modal--s{max-width:400px}.modal--m{max-width:600px}.modal--l{max-width:800px}.modal--xl{max-width:1200px}.modal__header{flex-shrink:0}.modal__body{flex:1 1;overflow-y:auto}.modal__body::-webkit-scrollbar{width:8px}.modal__body::-webkit-scrollbar-track{background:var(--neutral-alpha-weak);border-radius:4px}.modal__body::-webkit-scrollbar-thumb{background:var(--neutral-alpha-medium);border-radius:4px}.modal__body::-webkit-scrollbar-thumb:hover{background:var(--neutral-alpha-strong)}.modal__footer{flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}