/* Low-cost refinement for the song detail modal. No nested backdrop filters. */
#songModal {
	background: rgba(31, 10, 18, 0.58);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

#songModal .modal-content {
	max-width: 1080px;
	height: 82vh;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 24px 60px rgba(28, 7, 16, 0.32), 0 0 0 1px rgba(250, 45, 72, 0.06);
}

#songModal .modal-left {
	width: 36%;
	max-width: 360px;
	min-width: 300px;
	padding: 28px 26px;
	background: #fff7f9;
	border-right: 1px solid #f1dfe4;
}

#songModal .modal-right {
	padding: 28px 32px;
	background: #fff;
}

#songModal .song-art-large {
	width: min(100%, 292px);
	display: block;
	margin: 0 auto 22px;
	border-radius: 14px;
	box-shadow: 0 14px 28px rgba(91, 21, 40, 0.18);
}

#songModal .song-main-info h2 {
	font-size: 1.55rem;
	letter-spacing: 0;
	margin-bottom: 7px;
}

#songModal .song-main-info .artist-name {
	margin-bottom: 16px;
	font-size: 1rem;
}

#songModal .info-grid {
	gap: 0;
	padding: 10px 14px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #f0e2e6;
	border-radius: 12px;
}

#songModal .info-grid .info-row {
	min-height: 34px;
	padding: 7px 0;
	border-bottom: 1px solid #f2e8eb;
	align-items: center;
}

#songModal .info-grid .info-label { color: #7a6870; }
#songModal .info-grid .info-value { color: #2c2428; }

#songModal .lyrics-header {
	padding-bottom: 14px;
	border-bottom: 1px solid #f0e4e7;
}

#songModal .lyrics-header h3 { color: var(--primary) !important; }

#songModal .action-btn {
	background: rgba(250, 45, 72, 0.08);
	color: var(--primary);
	border: 1px solid rgba(250, 45, 72, 0.3);
	box-shadow: 0 3px 10px rgba(250, 45, 72, 0.08);
}

#songModal .action-btn:hover,
#songModal .action-btn:focus-visible {
	background: var(--primary);
	color: #fff;
	border-color: var(--primary);
}

#songModal .song-aaclc-icon {
	background: rgba(250, 45, 72, 0.08);
	color: var(--primary);
	border-color: rgba(250, 45, 72, 0.3);
	box-shadow: 0 3px 10px rgba(250, 45, 72, 0.08);
}

#songModal .song-aaclc-icon:hover:not(:disabled) {
	background: var(--primary);
	color: #fff;
	border-color: var(--primary);
}

#songModal .lyrics-availability { display: none; }

#songModal .lyrics-scroll-area {
	color: #2b2528;
	padding: 18px 8px 40px 2px;
	font-size: 1.05rem;
}

#songModal .close-modal {
	background: #fff;
	border: 1px solid #f0e0e5;
	box-shadow: 0 4px 12px rgba(72, 21, 36, 0.12);
}

#songModal .close-modal:hover { background: #fff1f4; }

#songModal .modal-left,
#songModal .lyrics-scroll-area {
	scrollbar-width: thin;
	scrollbar-color: rgba(250, 45, 72, 0.32) transparent;
}

#songModal .modal-left::-webkit-scrollbar,
#songModal .lyrics-scroll-area::-webkit-scrollbar { width: 7px; }

#songModal .modal-left::-webkit-scrollbar-track,
#songModal .lyrics-scroll-area::-webkit-scrollbar-track { background: transparent; }

#songModal .modal-left::-webkit-scrollbar-thumb,
#songModal .lyrics-scroll-area::-webkit-scrollbar-thumb {
	background: rgba(250, 45, 72, 0.32);
	border: 2px solid transparent;
	background-clip: padding-box;
	border-radius: 99px;
}

@media (max-width: 768px) {
	#songModal .modal-content { height: 88vh !important; max-height: 88vh; }
	#songModal .modal-left { width: 100%; max-width: none; min-width: 0; padding: 20px 20px 22px; }
	#songModal .modal-right { padding: 22px 20px; }
	#songModal .song-art-large { width: min(72vw, 220px); margin-bottom: 16px; }
}