.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:var(--transition-hover)}.card:hover{border-color:var(--color-ubuntu-purple);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card__titlebar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--color-aubergine);border-bottom:1px solid var(--color-border)}.card__dots{display:flex;gap:.5rem}.card__dot{width:12px;height:12px;border-radius:50%}.card__dot--close{background-color:var(--color-terminal-red)}.card__dot--minimize{background-color:var(--color-terminal-yellow)}.card__dot--maximize{background-color:var(--color-terminal-green)}.card__title{font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);flex:1;text-align:center;margin-right:40px}.card__content{padding:1.5rem}.card--terminal{font-family:var(--font-mono);background-color:var(--color-terminal-bg-dark);color:var(--color-text-primary-dark)}