.lumio-music-app {
	--lumio-adminbar-offset: 0px;
	--lumio-header-height: 72px;
	--lumio-bg: #ffffff;
	--lumio-surface: #ffffff;
	--lumio-surface-soft: #eef7ea;
	--lumio-text: #1f2933;
	--lumio-muted: #6b7280;
	--lumio-border: #e5e7eb;
	--lumio-accent: #7fbc6b;
	--lumio-accent-soft: #eef7ea;
	--lumio-accent-border: #cfe8c6;
	--lumio-shadow: 0 10px 30px rgba(31, 41, 51, 0.05);
	--lumio-shadow-soft: 0 4px 16px rgba(31, 41, 51, 0.04);
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	color: var(--lumio-text);
	min-width: 0;
	background: #ffffff;
}

body.lumio-fullscreen-active,
body.lumio-fullscreen-active .site,
body.lumio-fullscreen-active .site-content,
body.lumio-fullscreen-active .content-area,
body.lumio-fullscreen-active .entry-content {
	background: #ffffff !important;
}

body.lumio-fullscreen-active .entry-content,
body.lumio-fullscreen-active .entry-content[data-ast-blocks-layout],
body.lumio-fullscreen-active .entry-content[data-ast-blocks-layout] > *,
body.lumio-fullscreen-active .entry-content[data-ast-blocks-layout] > .lumio-music-app,
body.lumio-fullscreen-active .entry-content > .lumio-music-app,
body.lumio-fullscreen-active .lumio-music-app {
	max-width: none !important;
	width: 100vw !important;
}

body.lumio-fullscreen-active .lumio-music-app {
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

.lumio-music-app--fullscreen {
	position: fixed;
	top: var(--lumio-adminbar-offset, 0px);
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	z-index: 99990;
	background: var(--lumio-bg);
	overflow: hidden !important;
}

body.lumio-music-has-fullscreen .entry-title,
body.lumio-music-has-fullscreen .page-title,
body.lumio-music-has-fullscreen .site-header,
body.lumio-music-has-fullscreen .site-footer,
body.lumio-music-has-fullscreen .post-title,
body.lumio-music-has-fullscreen .wp-block-post-title {
	display: none !important;
}

.lumio-music-shell {
	position: relative;
	height: 100%;
	min-height: 0;
	background: #ffffff;
	min-width: 0;
	overflow: hidden;
}

.lumio-music-app--standard .lumio-music-shell {
	height: auto;
	border: 1px solid var(--lumio-border);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: var(--lumio-shadow);
}

.lumio-scroll-root {
	height: 100%;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-y;
	background: #ffffff;
}

.lumio-music-app--standard .lumio-scroll-root {
	height: auto;
	min-height: auto;
	overflow: visible;
}

.lumio-app-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: var(--lumio-header-height);
	padding: 10px 16px;
	background: #ffffff;
	border-bottom: 1px solid rgba(229, 231, 235, 0.92);
	backdrop-filter: blur(14px);
}

.lumio-music-app--standard .lumio-app-header {
	position: sticky;
	top: 0;
	z-index: 20;
}

.lumio-music-app--fullscreen .lumio-app-header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 40;
	transition: transform 220ms ease, opacity 220ms ease;
}

.lumio-music-app--fullscreen .lumio-app-header.is-hidden {
	transform: translateY(-100%);
	opacity: 0;
	pointer-events: none;
	background: transparent;
	box-shadow: none;
	border: 0;
}

.lumio-app-header__brand {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex: 1 1 auto;
	min-width: 0;
}

.lumio-app-header__logo {
	display: block;
	width: auto;
	height: 50px;
	max-width: 240px;
	object-fit: contain;
}

.lumio-app-header__title {
	font-size: 0.98rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.lumio-app-header__actions {
	display: flex;
	flex: 0 0 auto;
	justify-content: flex-end;
	gap: 8px;
}

.lumio-icon-button,
.lumio-btn,
.lumio-fab,
.lumio-fab-menu__item,
.lumio-selector__search,
.lumio-control select {
	appearance: none;
	color: var(--lumio-text);
	font: inherit;
}

.lumio-app-header .lumio-icon-button,
.lumio-pane__header .lumio-icon-button {
	appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 8px !important;
	width: 40px;
	height: 40px;
	color: var(--lumio-text);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.lumio-icon-button.is-active {
	background: var(--lumio-accent-soft) !important;
}

.lumio-music-app .lumio-btn,
.lumio-music-app .lumio-btn:hover,
.lumio-music-app .lumio-btn:focus,
.lumio-music-app .lumio-btn:active,
.lumio-music-app .lumio-song-card,
.lumio-music-app .lumio-song-card:hover,
.lumio-music-app .lumio-song-card:focus,
.lumio-music-app .lumio-song-card:active,
.lumio-music-app .lumio-icon-button,
.lumio-music-app .lumio-icon-button:hover,
.lumio-music-app .lumio-icon-button:focus,
.lumio-music-app .lumio-icon-button:active,
.lumio-music-app .lumio-fab,
.lumio-music-app .lumio-fab:hover,
.lumio-music-app .lumio-fab:focus,
.lumio-music-app .lumio-fab:active,
.lumio-music-app .lumio-fab-menu__item,
.lumio-music-app .lumio-fab-menu__item:hover,
.lumio-music-app .lumio-fab-menu__item:focus,
.lumio-music-app .lumio-fab-menu__item:active {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none;
}

.lumio-music-app .lumio-btn,
.lumio-music-app .lumio-song-card,
.lumio-music-app .lumio-icon-button,
.lumio-music-app .lumio-fab,
.lumio-music-app .lumio-fab-menu__item {
	border-color: transparent !important;
}

.lumio-music-app .lumio-icon-button,
.lumio-music-app .lumio-icon-button:hover,
.lumio-music-app .lumio-icon-button:focus,
.lumio-music-app .lumio-icon-button:active,
.lumio-music-app .lumio-icon-button svg,
.lumio-music-app .lumio-icon-button:hover svg,
.lumio-music-app .lumio-icon-button:focus svg,
.lumio-music-app .lumio-icon-button:active svg,
.lumio-music-app .lumio-btn,
.lumio-music-app .lumio-btn:hover,
.lumio-music-app .lumio-btn:focus,
.lumio-music-app .lumio-btn:active,
.lumio-music-app .lumio-btn svg,
.lumio-music-app .lumio-btn:hover svg,
.lumio-music-app .lumio-btn:focus svg,
.lumio-music-app .lumio-btn:active svg,
.lumio-music-app .lumio-fab,
.lumio-music-app .lumio-fab:hover,
.lumio-music-app .lumio-fab:focus,
.lumio-music-app .lumio-fab:active,
.lumio-music-app .lumio-fab svg,
.lumio-music-app .lumio-fab:hover svg,
.lumio-music-app .lumio-fab:focus svg,
.lumio-music-app .lumio-fab:active svg,
.lumio-music-app .lumio-fab-menu__item,
.lumio-music-app .lumio-fab-menu__item:hover,
.lumio-music-app .lumio-fab-menu__item:focus,
.lumio-music-app .lumio-fab-menu__item:active {
	color: var(--lumio-text) !important;
}

.lumio-icon-button svg,
.lumio-fab svg,
.lumio-btn--icon svg {
	width: 24px;
	height: 24px;
	display: block;
	flex: 0 0 24px;
}

.lumio-icon-button:focus-visible,
.lumio-btn:focus-visible,
.lumio-fab:focus-visible,
.lumio-selector__search:focus-visible,
.lumio-control select:focus-visible,
.lumio-song-card:focus-visible {
	outline: 2px solid var(--lumio-accent-soft);
	outline-offset: 2px;
}

.lumio-pane {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 40;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.lumio-pane__header {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: var(--lumio-header-height);
	padding: 10px 16px;
	xborder-bottom: 1px solid var(--lumio-border);
}

.lumio-pane__header h2 {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	display:none;
}

.lumio-pane__header button.lumio-icon-button, .lumio-pane__header button.lumio-icon-button:hover {
    background: #fff!important;
}

.lumio-pane__body {
	min-height: calc(100% - var(--lumio-header-height));
	padding: 16px;
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(8px);
	border-left: 1px solid var(--lumio-border);
}

.lumio-selector__search {
	width: 100%;
	min-height: 46px;
	padding: 0 14px;
	border: 1px solid var(--lumio-border);
	border-radius: 14px;
	background: var(--lumio-surface);
	box-shadow: var(--lumio-shadow-soft);
	font-size: 0.98rem;
}

.lumio-selector__list {
	display: grid;
	gap: 0;
	margin-top: 12px;
}

.lumio-song-card {
	position: relative;
	display: block;
	width: 100%;
	padding: 14px 2px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.lumio-song-card::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background: rgba(0, 0, 0, 0.08);
}

.lumio-song-card.is-active .lumio-song-card__line {
	color: var(--lumio-accent);
}

.lumio-music-app .lumio-song-card:hover .lumio-song-card__line,
.lumio-music-app .lumio-song-card:focus .lumio-song-card__line,
.lumio-music-app .lumio-song-card:active .lumio-song-card__line {
	color: var(--lumio-accent) !important;
}

.lumio-song-card__line {
	font-size: 0.96rem;
	font-weight: 600;
	color: var(--lumio-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lumio-selector__empty,
.lumio-song-empty,
.lumio-settings-empty,
.lumio-song__artist,
.lumio-diagram__missing {
	color: var(--lumio-muted);
}

.lumio-song-panel {
	padding: 18px;
	min-width: 0;
	min-height: 100%;
	background: #ffffff;
}

.lumio-music-app--fullscreen .lumio-song-panel {
	padding: calc(var(--lumio-header-height) + 16px) 16px 92px;
}

.lumio-song-empty {
	padding: 64px 16px;
	text-align: center;
	background: #ffffff;
}

.lumio-song-view {
	background: #ffffff;
}

.lumio-song {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.lumio-lyrics {
	border: 1px solid var(--lumio-border);
	border-radius: 18px;
	background: var(--lumio-surface);
	box-shadow: var(--lumio-shadow-soft);
}
.lumio-diagram {
	xborder: 1px solid var(--lumio-border);
	xborder-radius: 16px;
	xbackground: var(--lumio-surface-soft);
}

.lumio-diagrams__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(106px, 1fr));
	gap: 12px;
}

.lumio-diagram {
	padding: 12px;
	text-align: center;
}

.lumio-diagram__name {
	margin-bottom: 8px;
	font-size: 0.88rem;
	font-weight: 700;
}

.lumio-diagram__missing {
	padding: 26px 4px;
	font-size: 0.82rem;
}

.lumio-song__header {
	display: grid;
	gap: 4px;
	margin-top: 28px;
}

.lumio-song__title {
	margin: 0;
	font-size: clamp(1.8rem, 8vw, 2.6rem);
	line-height: 1;
}

.lumio-song__artist {
	margin: 0;
	font-size: 1rem;
}

.lumio-lyrics {
	position: relative;
	width: 100%;
	min-width: 0;
	padding: 18px;
	padding-top: 44px;
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 14px;
	line-height: 1.5;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.lumio-music-app .lumio-lyrics-settings,
.lumio-music-app .lumio-lyrics-settings:hover,
.lumio-music-app .lumio-lyrics-settings:focus,
.lumio-music-app .lumio-lyrics-settings:active,
.lumio-music-app .lumio-lyrics-settings.is-active {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	left: auto !important;
	z-index: 5;
	width: 32px !important;
	height: 32px !important;
	padding: 6px !important;
	color: #9ca3af !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none;
}

.lumio-music-app .lumio-lyrics-settings svg {
	stroke: currentColor !important;
}

.lumio-music-app .lumio-lyrics-settings.is-active {
	color: #61a944 !important;
	background: var(--lumio-accent-soft) !important;
}

.lumio-lyrics-settings-pane {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 4;
	left: 0px;
	padding-top: 20px;
	border-bottom: 1px solid var(--lumio-border);
	background: rgba(248, 250, 247, 0.92);
	box-shadow: var(--lumio-shadow-soft);
	backdrop-filter: blur(12px);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	transform-origin: top;
	animation: lumio-slide-down 180ms ease;
}

.lumio-lyrics-settings-pane[hidden] {
	display: none;
}

.lumio-lyrics-settings-pane.is-open {
	display: block;
}

.lumio-lyrics__scroller {
	max-width: 100%;
	width: 100%;
	min-width: 0;
	display: block;
	overflow-x: hidden;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}

.lumio-lyrics__sheet {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	white-space: normal;
	font-family: inherit;
	box-sizing: border-box;
}

.lumio-line {
	min-height: 1.48em;
	white-space: pre-wrap;
}

.lumio-song-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	xgap: 0 0.35em;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0 0 0.35em;
}

.lumio-song-row--blank {
	min-height: 1.4em;
}

.lumio-song-row--lyrics .lumio-lyric {
	display: inline-block;
	white-space: pre-wrap;
	line-height: 1.45;
}

.lumio-song-row--chords .lumio-segment .lumio-lyric {
	display: none;
}

.lumio-song-row--chords .lumio-segment + .lumio-segment {
  margin-left: 0.75rem;
}

.lumio-segment {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	max-width: 100%;
	min-width: 0;
	vertical-align: bottom;
}

.lumio-line--chords {
	color: var(--lumio-text);
	font-weight: 700;
}

.lumio-chord {
	cursor: pointer;
	display: inline-block;
	padding: 2px 6px;
	margin-bottom: 2px;
	font-size: 0.75em;
	font-weight: 600;
	line-height: 1;
	border-radius: 999px;
	background-color: #76967A;
  	color: #fff;
	border: 0;	
	white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.lumio-segment .lumio-chord {
	display: inline-block;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 0.08em;
}

.lumio-segment .lumio-lyric {
	display: inline-block;
	max-width: 100%;
	white-space: pre-wrap;
	line-height: 1.45;
}

.lumio-lyrics__capo {
	margin-bottom: 0.8em;
	color: var(--lumio-text);
	font: inherit;
	text-align: left;
}

.lumio-settings-inline {
	display: flex;
	align-items: stretch;
	gap: 12px;
	min-width: max-content;
}

.lumio-settings-inline__item {
	display: grid;
	align-content: start;
	gap: 8px;
	min-width: 0;
	padding: 10px 12px;
}

.lumio-settings-inline__item > span,
.lumio-settings-inline__item .lumio-control > span {
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--lumio-muted);
}

.lumio-settings-inline__item strong {
	font-size: 0.96rem;
	font-weight: 700;
	color: var(--lumio-text);
}

.lumio-stepper {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
}

.lumio-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 14px;
	border: 1px solid var(--lumio-border);
	border-radius: 14px;
	background: var(--lumio-surface);
	box-shadow: var(--lumio-shadow-soft);
	cursor: pointer;
}

.lumio-btn--icon {
	width: 42px;
	padding: 0;
}

.lumio-control {
	display: grid;
	gap: 8px;
	font-size: 0.93rem;
	color: var(--lumio-muted);
}
button.lumio-btn.lumio-btn--icon {
	min-height: 46px;
	padding: 0 14px;
	border: 1px solid var(--lumio-border);
	border-radius: 14px;
	background: var(--lumio-surface);
	text-align: center;
}

.lumio-control select {
	min-height: 46px;
	padding: 0 14px;
	border: 1px solid var(--lumio-border);
	border-radius: 14px;
	background: var(--lumio-surface);
	box-shadow: var(--lumio-shadow-soft);
	text-align: center;
}

.lumio-fab-group {
	position: fixed;
	right: 12px;
	bottom: 14px;
	z-index: 45;
	display: grid;
	justify-items: end;
	gap: 8px;
}

.lumio-fab-group > * {
	justify-self: end;
}

.lumio-fab-group.is-hidden,
.lumio-fab-group[hidden] {
	display: none;
}

.lumio-fab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(31, 41, 51, 0.08);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.45);
	backdrop-filter: blur(4px);
	box-shadow: none;
	text-decoration: none;
	color: var(--lumio-text);
	opacity: 0.65;
	cursor: pointer;
}

.lumio-fab svg {
	width: 24px;
	height: 24px;
	display: block;
	flex: 0 0 24px;
}

.lumio-fab.is-active {
	color: #61a944 !important;
	border-color: rgba(127, 188, 107, 0.35);
	background: var(--lumio-accent-soft) !important;
	opacity: 0.92;
}

.lumio-fab-menu {
	display: grid;
	gap: 6px;
	padding: 8px;
	border: 1px solid var(--lumio-border);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--lumio-shadow-soft);
	backdrop-filter: blur(8px);
}

.lumio-fab-speed {
	position: relative;
	width: 32px;
	display: flex;
	justify-content: flex-end;
}

.lumio-fab-menu--inline {
	position: absolute;
	top: 50%;
	right: calc(100% + 8px);
	transform: translateY(-50%);
	display: flex;
	gap: 6px;
	padding: 6px;
}

.lumio-fab-menu[hidden] {
	display: none;
}

.lumio-fab-menu__item {
	min-width: 56px;
	padding: 8px 10px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--lumio-text);
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: none;
}

.lumio-fab-menu__item.is-active {
	background: var(--lumio-accent-soft);
	color: #61a944 !important;
}

.lumio-music-app .lumio-fab.is-active,
.lumio-music-app .lumio-fab[aria-pressed="true"],
.lumio-music-app .lumio-fab-menu .is-active,
.lumio-music-app .lumio-fab-menu [aria-pressed="true"] {
	color: #61a944 !important;
}

.lumio-music-app .lumio-fab.is-active svg,
.lumio-music-app .lumio-fab[aria-pressed="true"] svg,
.lumio-music-app .lumio-fab-menu .is-active svg,
.lumio-music-app .lumio-fab-menu [aria-pressed="true"] svg {
	stroke: currentColor !important;
}

.lumio-chord-popover[hidden] {
	display: none;
}

.lumio-chord-popover {
	position: fixed;
	inset: 0;
	z-index: 60;
}

.lumio-chord-popover__backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(31, 41, 51, 0.28);
}

.lumio-chord-popover__sheet {
	position: absolute;
	width: 220px;
	max-width: calc(100vw - 24px);
	padding: 16px;
	border: 1px solid var(--lumio-border);
	border-radius: 18px;
	background: #ffffff;
	box-shadow: var(--lumio-shadow);
}

.lumio-chord-popover--tooltip .lumio-chord-popover__backdrop {
	background: transparent;
}

.lumio-chord-popover--tooltip .lumio-chord-popover__sheet {
	border-radius: 16px;
}

.lumio-chord-popover--mobile .lumio-chord-popover__backdrop {
	background: rgba(31, 41, 51, 0.18);
}

.lumio-chord-popover--mobile .lumio-chord-popover__sheet {
	width: min(240px, calc(100vw - 32px));
}

.lumio-chord-popover__body {
	padding-top: 0;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

@keyframes lumio-slide-down {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (hover: hover) and (pointer: fine) {
	.lumio-fab[aria-label],
	.lumio-icon-button[aria-label] {
		position: relative;
	}

	.lumio-fab[aria-label]::after,
	.lumio-icon-button[aria-label]::after {
		content: attr(aria-label);
		position: absolute;
		top: 50%;
		right: calc(100% + 10px);
		transform: translateY(-50%);
		padding: 6px 8px;
		border-radius: 8px;
		background: rgba(31, 41, 51, 0.9);
		color: #fff;
		font-size: 12px;
		line-height: 1;
		white-space: nowrap;
		opacity: 0;
		pointer-events: none;
		transition: opacity 140ms ease;
	}

	.lumio-app-header .lumio-icon-button[aria-label]::after,
	.lumio-lyrics-settings[aria-label]::after {
		top: calc(100% + 10px);
		right: 0;
		transform: none;
	}

	.lumio-fab[aria-label]:hover::after,
	.lumio-fab[aria-label]:focus-visible::after,
	.lumio-icon-button[aria-label]:hover::after,
	.lumio-icon-button[aria-label]:focus-visible::after {
		opacity: 1;
	}
}

@media (min-width: 768px) {
	.lumio-music-app--standard .lumio-song-panel {
		padding: 24px 24px 100px;
	}

	.lumio-music-app--fullscreen .lumio-song-panel {
		padding-right: 22px;
		padding-left: 22px;
	}

	.lumio-pane {
		max-width: 560px;
		left: auto;
		xborder-left: 1px solid var(--lumio-border);
	}
}

@media (max-width: 767px) {
	.lumio-lyrics-settings-pane {
		right: 0px;
		left: 0px;
		width: auto;
	}

	.lumio-song-row {
		xgap: 0 0.28em;
		font-size: 13px;
	}

	.lumio-chord {
		font-size: 11px;
	}
}