.chord-display{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 16px var(--shadow-color);text-align:center;border-radius:16px;margin-bottom:12px;padding:16px}.chord-display h2{color:var(--text-primary);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:1.8rem;font-weight:700}.chord-notes{margin-top:16px}.chord-notes h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:1rem;font-weight:600}.chord-notes ul{flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;display:flex}.chord-notes li{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;padding:8px 16px;font-size:1rem;font-weight:600;transition:all .3s}.chord-notes li:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3);transform:translateY(-2px)}