.song-detail{max-width:720px;animation:.3s ease-out fadeIn}.back-link{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:24px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--text-primary)}.song-header{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.song-art-lg{background:var(--accent-soft);border-radius:var(--radius-lg);width:120px;height:120px;color:var(--accent);box-shadow:var(--shadow-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.song-title{letter-spacing:-.5px;font-size:28px;font-weight:800}.song-artist{color:var(--accent-glow);margin-top:4px;font-size:16px;font-weight:600}.song-album{color:var(--text-secondary);margin-top:2px;font-size:13px}.song-genres{gap:6px;margin-top:10px;display:flex}.genre-tag{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 10px;font-size:11px}.embed-section{margin-bottom:28px}.notes-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notes-header h2{font-size:18px;font-weight:700}.add-note-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-note-btn:hover{transform:translateY(-1px);box-shadow:0 3px 16px #7c3aed66}.note-form{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);flex-direction:column;gap:12px;margin-bottom:16px;padding:20px;display:flex}.note-form-row{gap:8px;display:flex}.note-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:6px 12px;font-family:inherit;font-size:13px}.vis-toggle{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:13px;display:flex}.vis-toggle.public{color:var(--success)}.vis-toggle.private{color:var(--warning)}.note-form textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.note-form textarea:focus{border-color:var(--accent)}.note-form textarea::placeholder{color:var(--text-muted)}.submit-note-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-self:flex-end;padding:8px 24px;font-family:inherit;font-size:13px;font-weight:600}.submit-note-btn:disabled{opacity:.5;cursor:not-allowed}.notes-list{flex-direction:column;gap:10px;display:flex}.note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;animation:.4s ease-out both fadeIn}.note-meta{align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.note-type{border-radius:var(--radius-full);padding:2px 10px;font-size:11px;font-weight:600}.note-author{color:var(--accent-glow);font-weight:600}.note-time{color:var(--text-muted)}.note-content{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.7}@media (max-width:640px){.song-header{text-align:center;flex-direction:column;align-items:center}.song-genres{flex-wrap:wrap;justify-content:center}.note-form-row{flex-wrap:wrap}.vis-toggle{justify-content:center;width:100%}}