body {
	background-color: #111;
	color: #f8f9fa;
	font-family: 'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	}
	.cover-container {
	max-width: 100%;
	width: 100%;
	}
	.lyrics-box {
	height: calc(100vh - 250px);
	overflow-y: auto;
	font-family: 'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	padding: 1rem;
	}
	.form-container {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
	/* Add horizontal buffer on larger screens */
	@media (min-width: 768px) {
	.lyrics-box {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.form-container {
		max-width: 900px;
	}
	}
	@media (min-width: 1200px) {
	.lyrics-box {
		max-width: 1000px;
	}
	.form-container {
		max-width: 1000px;
	}
	}
	.lyric-line {
	padding: 0.75rem 0;
	border-bottom: 1px solid #333;
	}
	.lyric-line:last-child {
	border-bottom: none;
	}
	.lyric-original {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 0.25rem;
	}
	.lyric-translation {
	font-size: 1.25rem;
	font-weight: 500;
	color: #b0b0b0;
	margin-bottom: 0.25rem;
	display: none;
	}
	.lyric-transliteration {
	font-size: 1.1rem;
	font-weight: 500;
	color: #999;
	font-style: italic;
	display: none;
	}
	.lyric-translation.show {
	display: block;
	}
	.lyric-transliteration.show {
	display: block;
	}
	.toggle-btn {
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	}
	.copy-fab {
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	background-color: #333;
	border: 1px solid #555;
	color: #f8f9fa;
	font-size: 1.25rem;
	transition: all 0.3s ease;
	}
	.back-fab {
	position: fixed;
	bottom: calc(1.5rem + 68px);
	right: 1.5rem;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	background-color: #333;
	border: 1px solid #555;
	color: #f8f9fa;
	font-size: 1.25rem;
	transition: all 0.3s ease;
	}
	.back-fab:hover {
	background-color: #444;
	color: #fff;
	}
	.copy-fab:hover {
	background-color: #444;
	color: #fff;
	}
	.copy-fab.copied {
	background-color: #28a745;
	border-color: #28a745;
	}
	.copy-fab i {
	transition: transform 0.3s ease;
	}
	h2 {
	font-weight: bold;
	}

	/* ── Autocomplete suggestion dropdown ── */
	.suggestion-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	background: #1e1e1e;
	border: 1px solid #3a3a3a;
	border-radius: 16px;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: min(420px, 50vh);
	z-index: 1050;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
	scrollbar-width: thin;
	scrollbar-color: #444 transparent;
	}
	.suggestion-dropdown.open {
	display: block;
	}
	.suggestion-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 16px;
	cursor: pointer;
	transition: background 0.15s ease;
	border-bottom: 1px solid #2a2a2a;
	}
	.suggestion-item:last-child {
	border-bottom: none;
	}
	.suggestion-item:hover,
	.suggestion-item:focus {
	background: #2c2c2c;
	}
	.suggestion-thumb {
	width: 44px;
	height: 44px;
	border-radius: 8px;
	object-fit: cover;
	flex-shrink: 0;
	background: #2a2a2a;
	}
	.suggestion-thumb-placeholder {
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background: #2a2a2a;
	flex-shrink: 0;
	}
	.suggestion-info {
	text-align: left;
	overflow: hidden;
	flex: 1;
	min-width: 0;
	}
	.suggestion-name {
	font-size: 0.95rem;
	font-weight: 600;
	color: #f0f0f0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	.suggestion-artist {
	font-size: 0.8rem;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 2px;
	}
	.suggestion-item--no-lyrics {
	opacity: 0.85;
	}
	.suggestion-no-lyrics-badge {
	display: inline-block;
	margin-top: 4px;
	padding: 1px 7px;
	font-size: 0.7rem;
	font-weight: 600;
	color: #fff;
	background-color: #dc3545;
	border-radius: 20px;
	letter-spacing: 0.02em;
	}