.card{background-color:var(--color-card);border:1px solid color-mix(in srgb, var(--color-foreground) 7%, transparent);width:100%;color:var(--color-card-foreground);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card-glass{background-color:color-mix(in srgb, var(--color-card) 62%, transparent);border:1px solid color-mix(in srgb, var(--color-foreground) 12%, transparent);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background-image:linear-gradient(165deg,#ffffff17,#0000 62%);box-shadow:inset 0 1px #ffffff29,0 8px 24px -10px #00000080}.card-glass-strong{background-color:color-mix(in srgb, var(--color-card) 46%, transparent);border:1px solid color-mix(in srgb, var(--color-foreground) 10%, transparent);-webkit-backdrop-filter:blur(40px)saturate(160%);backdrop-filter:blur(40px)saturate(160%);background-image:linear-gradient(165deg,#ffffff14,#0000 60%);box-shadow:inset 0 1px #ffffff1f,0 16px 48px -16px #0000008c}.card-sheet-section{background-color:color-mix(in srgb, color-mix(in srgb, var(--color-background) 56%, var(--color-card)) 88%, transparent);border:1px solid color-mix(in srgb, var(--color-foreground) 6%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none;background-image:none;border-radius:12px}.card-raised{background-color:var(--color-card);background-image:linear-gradient(color-mix(in srgb, var(--color-foreground) 8%, transparent), color-mix(in srgb, var(--color-foreground) 8%, transparent))}.card-content{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex}.card-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-lg);opacity:.8;display:flex}.card-with-status{border-color:color-mix(in srgb, var(--status-color) 45%, transparent)}