html.light-mode .kol-advanced-homepage {
	--kah-page: #f6f8fb;
	--kah-surface: #ffffff;
	--kah-surface-2: #f3f4f6;
	--kah-text: #1f2937;
	--kah-muted: #64748b;
	--kah-border: #e5e7eb;
	--kah-line: rgba(15, 23, 42, 0.08);
	--kah-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
	--kah-accent: #00a98f;
	--kah-accent-2: #2563eb;
	--kah-hot: #d9467a;
	--kah-warm: #d97706;
	--kah-placeholder: #dbeafe;
}

html.dark-mode .kol-advanced-homepage {
	--kah-page: #1a1a1a;
	--kah-surface: #202020;
	--kah-surface-2: #2a2a2a;
	--kah-text: #e0e0e0;
	--kah-muted: #a3a3a3;
	--kah-border: #333333;
	--kah-line: rgba(255, 255, 255, 0.08);
	--kah-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
	--kah-accent: #14c8a8;
	--kah-accent-2: #60a5fa;
	--kah-hot: #fb7185;
	--kah-warm: #f59e0b;
	--kah-placeholder: #14353f;
}

html.light-mode .kol-advanced-homepage,
html.dark-mode .kol-advanced-homepage {
	box-sizing: border-box;
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	padding: 24px;
	background: transparent;
	color: var(--kah-text);
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

html.light-mode .kol-advanced-homepage *,
html.dark-mode .kol-advanced-homepage * {
	box-sizing: border-box;
}

html.light-mode .kol-advanced-homepage a,
html.dark-mode .kol-advanced-homepage a {
	color: inherit;
	text-decoration: none;
}

html.light-mode .kol-advanced-homepage img,
html.dark-mode .kol-advanced-homepage img {
	display: block;
	max-width: 100%;
}

html.light-mode .kol-advanced-homepage .kah-masthead,
html.dark-mode .kol-advanced-homepage .kah-masthead {
	display: grid;
	grid-template-columns: minmax(170px, 0.75fr) minmax(760px, 1.7fr) minmax(165px, 0.65fr);
	align-items: center;
	gap: 18px;
	padding: 4px 0 22px;
	border-bottom: 1px solid var(--kah-border);
	margin-bottom: 20px;
}

html.light-mode .kol-advanced-homepage .kah-brand,
html.dark-mode .kol-advanced-homepage .kah-brand {
	min-width: 0;
}

html.light-mode .kol-advanced-homepage .kah-kicker,
html.dark-mode .kol-advanced-homepage .kah-kicker,
html.light-mode .kol-advanced-homepage .kah-card-kicker,
html.dark-mode .kol-advanced-homepage .kah-card-kicker,
html.light-mode .kol-advanced-homepage .kah-section-head span,
html.dark-mode .kol-advanced-homepage .kah-section-head span {
	display: block;
	margin: 0 0 7px;
	color: var(--kah-accent);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

html.light-mode .kol-advanced-homepage .kah-masthead h1,
html.dark-mode .kol-advanced-homepage .kah-masthead h1 {
	margin: 0;
	font-size: 34px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: 0;
}

html.light-mode .kol-advanced-homepage .kah-slogan,
html.dark-mode .kol-advanced-homepage .kah-slogan {
	margin: 8px 0 0;
	color: var(--kah-muted);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

html.light-mode .kol-advanced-homepage .kah-date-line,
html.dark-mode .kol-advanced-homepage .kah-date-line {
	justify-self: end;
	color: var(--kah-muted);
	font-size: 13px;
	font-weight: 700;
	text-align: right;
}

html.light-mode .kol-advanced-homepage .kah-masthead-login,
html.dark-mode .kol-advanced-homepage .kah-masthead-login {
	justify-self: center;
	width: 100%;
	max-width: 880px;
	min-width: 0;
}

html.light-mode .kol-advanced-homepage .kah-login-form,
html.dark-mode .kol-advanced-homepage .kah-login-form {
	display: grid;
	row-gap: 2px;
	column-gap: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

html.light-mode .kol-advanced-homepage .kah-login-main-row,
html.dark-mode .kol-advanced-homepage .kah-login-main-row {
	display: grid;
	grid-template-columns: calc(15ch + 10px) calc(15ch + 10px) auto auto;
	align-items: end;
	gap: 6px;
	min-width: 0;
}

html.light-mode .kol-advanced-homepage .kah-login-inline-field,
html.dark-mode .kol-advanced-homepage .kah-login-inline-field {
	display: grid;
	gap: 1px;
	min-width: 0;
	margin: 0;
	color: var(--kah-muted);
	font-size: 10px;
	font-weight: 850;
	line-height: 1.2;
}

html.light-mode .kol-advanced-homepage .kah-login-inline-field span,
html.dark-mode .kol-advanced-homepage .kah-login-inline-field span {
	display: block;
}

html.light-mode .kol-advanced-homepage .kah-login-inline-field input[type="text"],
html.dark-mode .kol-advanced-homepage .kah-login-inline-field input[type="text"],
html.light-mode .kol-advanced-homepage .kah-login-inline-field input[type="password"],
html.dark-mode .kol-advanced-homepage .kah-login-inline-field input[type="password"] {
	display: block;
	width: 100%;
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	margin: 0 !important;
	padding: 0 9px !important;
	background: color-mix(in srgb, var(--kah-surface) 72%, var(--kah-placeholder));
	border: 1px solid var(--kah-border);
	border-radius: 6px;
	color: var(--kah-text);
	font-size: 12px !important;
	font-weight: 700;
	line-height: 34px !important;
	outline: none;
	box-sizing: border-box !important;
	appearance: none;
}

html.light-mode .kol-advanced-homepage .kah-login-inline-field input:focus,
html.dark-mode .kol-advanced-homepage .kah-login-inline-field input:focus {
	border-color: var(--kah-accent);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--kah-accent) 22%, transparent);
}

html.light-mode .kol-advanced-homepage .kah-login-submit,
html.dark-mode .kol-advanced-homepage .kah-login-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	min-height: 34px;
	min-width: 74px;
	margin: 0;
	padding: 0 10px;
	background: #2f9a3a;
	border: 1px solid #247c2c;
	border-radius: 6px;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 900;
	line-height: 34px;
	text-align: center;
	box-sizing: border-box;
}

html.light-mode .kol-advanced-homepage .kah-login-submit:hover,
html.dark-mode .kol-advanced-homepage .kah-login-submit:hover,
html.light-mode .kol-advanced-homepage .kah-login-submit:focus,
html.dark-mode .kol-advanced-homepage .kah-login-submit:focus {
	background: #267f31;
	border-color: #1f6828;
	color: #ffffff;
	outline: none;
}

html.light-mode .kol-advanced-homepage .kah-login-options-row,
html.dark-mode .kol-advanced-homepage .kah-login-options-row {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	margin: 0;
	padding: 0;
	color: var(--kah-muted);
	font-size: 11px;
	font-weight: 750;
	line-height: 1.25;
	white-space: nowrap;
}

html.light-mode .kol-advanced-homepage .kah-remember,
html.dark-mode .kol-advanced-homepage .kah-remember {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: max-content;
	margin: 0;
}

html.light-mode .kol-advanced-homepage .kah-remember input,
html.dark-mode .kol-advanced-homepage .kah-remember input {
	width: 12px;
	height: 12px;
	margin: 0;
	accent-color: #2f9a3a;
}

html.light-mode .kol-advanced-homepage .kah-login-links,
html.dark-mode .kol-advanced-homepage .kah-login-links {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: max-content;
}

html.light-mode .kol-advanced-homepage .kah-login-links a,
html.dark-mode .kol-advanced-homepage .kah-login-links a {
	color: #2f8f38;
	font-weight: 850;
	text-decoration: none;
}

html.light-mode .kol-advanced-homepage .kah-login-links a:hover,
html.dark-mode .kol-advanced-homepage .kah-login-links a:hover,
html.light-mode .kol-advanced-homepage .kah-login-links a:focus,
html.dark-mode .kol-advanced-homepage .kah-login-links a:focus {
	color: #247c2c;
	text-decoration: underline;
}

html.light-mode .kol-advanced-homepage .kah-login-extra,
html.dark-mode .kol-advanced-homepage .kah-login-extra {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	margin-left: 70px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

html.light-mode .kol-advanced-homepage .kah-login-extra > *,
html.dark-mode .kol-advanced-homepage .kah-login-extra > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .nsl-container,
html.dark-mode .kol-advanced-homepage .kah-login-extra .nsl-container,
html.light-mode .kol-advanced-homepage .kah-login-extra .nsl-container-buttons,
html.dark-mode .kol-advanced-homepage .kah-login-extra .nsl-container-buttons {
	display: inline-flex !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .nsl-button,
html.dark-mode .kol-advanced-homepage .kah-login-extra .nsl-button {
	margin: 0 !important;
	min-height: 19px !important;
	height: 19px !important;
	padding: 0 8px !important;
	font-size: 11px !important;
	line-height: 19px !important;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.16) !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .nsl-button > *,
html.dark-mode .kol-advanced-homepage .kah-login-extra .nsl-button > *,
html.light-mode .kol-advanced-homepage .kah-login-extra .nsl-button-label-container,
html.dark-mode .kol-advanced-homepage .kah-login-extra .nsl-button-label-container {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 19px !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .nsl-button-svg-container,
html.dark-mode .kol-advanced-homepage .kah-login-extra .nsl-button-svg-container {
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button,
html.dark-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button {
	height: 35px !important;
	min-height: 35px !important;
	max-height: 35px !important;
	padding: 0 10px !important;
	font-size: 12px !important;
	line-height: 35px !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button-icon,
html.dark-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button-icon {
	width: 16px !important;
	min-width: 16px !important;
	height: 16px !important;
	margin-right: 8px !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button-icon svg,
html.dark-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button-icon svg {
	width: 16px !important;
	height: 16px !important;
}

html.light-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button-contents,
html.dark-mode .kol-advanced-homepage .kah-login-extra .gsi-material-button-contents {
	font-size: 12px !important;
	line-height: 35px !important;
}

html.light-mode .kol-advanced-homepage .kah-welcome,
html.dark-mode .kol-advanced-homepage .kah-welcome {
	margin: 0;
	color: var(--kah-muted);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
	text-align: center;
}

html.light-mode .kol-advanced-homepage .kah-welcome a,
html.dark-mode .kol-advanced-homepage .kah-welcome a {
	color: var(--kah-accent-2);
	text-decoration: none;
}

html.light-mode .kol-advanced-homepage .kah-welcome a:hover,
html.dark-mode .kol-advanced-homepage .kah-welcome a:hover,
html.light-mode .kol-advanced-homepage .kah-welcome a:focus,
html.dark-mode .kol-advanced-homepage .kah-welcome a:focus {
	text-decoration: underline;
}

html.light-mode .kol-advanced-homepage .kah-home-search,
html.dark-mode .kol-advanced-homepage .kah-home-search {
	position: relative;
	z-index: 5;
	display: block !important;
	width: min(100%, 1040px) !important;
	max-width: 1040px !important;
	margin: -4px auto 24px !important;
	padding: 0 2px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html.light-mode .kol-advanced-homepage .kah-home-search-form,
html.dark-mode .kol-advanced-homepage .kah-home-search-form {
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr) 46px !important;
	align-items: center !important;
	gap: 0 !important;
	width: 100% !important;
	min-height: 58px !important;
	margin: 0 !important;
	padding: 0 8px 0 18px !important;
	background: #ffffff !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 999px !important;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.11), 0 14px 32px rgba(15, 23, 42, 0.08) !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

html.dark-mode .kol-advanced-homepage .kah-home-search-form {
	background: #f8fafc !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32), 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

html.light-mode .kol-advanced-homepage .kah-home-search-form:focus-within,
html.dark-mode .kol-advanced-homepage .kah-home-search-form:focus-within {
	border-color: color-mix(in srgb, var(--kah-accent) 52%, rgba(15, 23, 42, 0.12)) !important;
	box-shadow: 0 3px 10px rgba(15, 23, 42, 0.14), 0 18px 42px rgba(15, 23, 42, 0.12), 0 0 0 3px color-mix(in srgb, var(--kah-accent) 16%, transparent) !important;
	transform: translateY(-1px);
}

html.light-mode .kol-advanced-homepage .kah-home-search-icon,
html.dark-mode .kol-advanced-homepage .kah-home-search-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #667085;
}

html.light-mode .kol-advanced-homepage .kah-home-search-icon svg,
html.dark-mode .kol-advanced-homepage .kah-home-search-icon svg,
html.light-mode .kol-advanced-homepage .kah-home-search-submit svg,
html.dark-mode .kol-advanced-homepage .kah-home-search-submit svg {
	display: block;
	width: 23px;
	height: 23px;
	fill: currentColor;
}

html.light-mode .kol-advanced-homepage .kah-home-search-input,
html.dark-mode .kol-advanced-homepage .kah-home-search-input {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 56px !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #111827 !important;
	font-size: 19px !important;
	font-weight: 500 !important;
	line-height: 56px !important;
	outline: none !important;
	appearance: none !important;
}

html.light-mode .kol-advanced-homepage .kah-home-search-input::placeholder,
html.dark-mode .kol-advanced-homepage .kah-home-search-input::placeholder {
	color: #667085 !important;
	opacity: 1;
}

html.light-mode .kol-advanced-homepage .kah-home-search-submit,
html.dark-mode .kol-advanced-homepage .kah-home-search-submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: linear-gradient(145deg, #111827 0%, #020617 100%) !important;
	color: #ffffff !important;
	cursor: pointer;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	transition: box-shadow 0.18s ease, transform 0.18s ease, filter 0.18s ease !important;
}

html.light-mode .kol-advanced-homepage .kah-home-search-submit:hover,
html.dark-mode .kol-advanced-homepage .kah-home-search-submit:hover,
html.light-mode .kol-advanced-homepage .kah-home-search-submit:focus,
html.dark-mode .kol-advanced-homepage .kah-home-search-submit:focus {
	color: #ffffff !important;
	filter: saturate(1.12) brightness(1.04);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.32), 0 0 0 3px color-mix(in srgb, var(--kah-accent) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.26);
	transform: translateY(-1px) scale(1.02);
	outline: none;
}

html.light-mode .kol-advanced-homepage .kah-home-search-dropdown,
html.dark-mode .kol-advanced-homepage .kah-home-search-dropdown {
	left: 18px !important;
	right: 18px !important;
	top: calc(100% + 8px) !important;
	width: auto !important;
	max-height: 390px;
	overflow: auto;
	border-radius: 18px !important;
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18) !important;
}

html.light-mode .kol-advanced-homepage .kah-screen-reader-text,
html.dark-mode .kol-advanced-homepage .kah-screen-reader-text,
html.light-mode .kol-advanced-homepage .kah-auth-hidden-field,
html.dark-mode .kol-advanced-homepage .kah-auth-hidden-field {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

html.light-mode .kol-advanced-homepage .kah-top-grid,
html.dark-mode .kol-advanced-homepage .kah-top-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.72fr);
	gap: 18px;
	align-items: stretch;
}

html.light-mode .kol-advanced-homepage .kah-feature-card,
html.dark-mode .kol-advanced-homepage .kah-feature-card,
html.light-mode .kol-advanced-homepage .kah-story-card,
html.dark-mode .kol-advanced-homepage .kah-story-card,
html.light-mode .kol-advanced-homepage .kah-signal-panel,
html.dark-mode .kol-advanced-homepage .kah-signal-panel,
html.light-mode .kol-advanced-homepage .kah-rank-list,
html.dark-mode .kol-advanced-homepage .kah-rank-list,
html.light-mode .kol-advanced-homepage .kah-feed-panel,
html.dark-mode .kol-advanced-homepage .kah-feed-panel,
html.light-mode .kol-advanced-homepage .kah-song-item,
html.dark-mode .kol-advanced-homepage .kah-song-item,
html.light-mode .kol-advanced-homepage .kah-member-item,
html.dark-mode .kol-advanced-homepage .kah-member-item {
	background: var(--kah-surface);
	border: 1px solid var(--kah-border);
	border-radius: 8px;
	overflow: hidden;
}

html.light-mode .kol-advanced-homepage .kah-feature-card,
html.dark-mode .kol-advanced-homepage .kah-feature-card {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
	height: 350px;
	max-height: 350px;
}

html.light-mode .kol-advanced-homepage .kah-feature-media,
html.dark-mode .kol-advanced-homepage .kah-feature-media,
html.light-mode .kol-advanced-homepage .kah-story-media,
html.dark-mode .kol-advanced-homepage .kah-story-media,
html.light-mode .kol-advanced-homepage .kah-mini-media,
html.dark-mode .kol-advanced-homepage .kah-mini-media,
html.light-mode .kol-advanced-homepage .kah-song-cover,
html.dark-mode .kol-advanced-homepage .kah-song-cover {
	display: block;
	position: relative;
	background: var(--kah-surface-2);
	overflow: hidden;
}

html.light-mode .kol-advanced-homepage .kah-feature-media img,
html.dark-mode .kol-advanced-homepage .kah-feature-media img,
html.light-mode .kol-advanced-homepage .kah-story-media img,
html.dark-mode .kol-advanced-homepage .kah-story-media img,
html.light-mode .kol-advanced-homepage .kah-mini-media img,
html.dark-mode .kol-advanced-homepage .kah-mini-media img,
html.light-mode .kol-advanced-homepage .kah-song-cover img,
html.dark-mode .kol-advanced-homepage .kah-song-cover img,
html.light-mode .kol-advanced-homepage .kah-vid-preview img,
html.dark-mode .kol-advanced-homepage .kah-vid-preview img,
html.light-mode .kol-advanced-homepage .kah-vid-preview video,
html.dark-mode .kol-advanced-homepage .kah-vid-preview video,
html.light-mode .kol-advanced-homepage .kah-photo-item img,
html.dark-mode .kol-advanced-homepage .kah-photo-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.light-mode .kol-advanced-homepage .kah-feature-media,
html.dark-mode .kol-advanced-homepage .kah-feature-media {
	height: 350px;
	min-height: 0;
	max-height: 350px;
}

html.light-mode .kol-advanced-homepage .kah-feature-media::before,
html.dark-mode .kol-advanced-homepage .kah-feature-media::before {
	content: "";
	position: absolute;
	inset: -24px;
	z-index: 0;
	background-image: var(--kah-feature-bg-image);
	background-position: center center;
	background-size: cover;
	filter: blur(20px);
	opacity: 0.62;
	transform: scale(1.05);
}

html.light-mode .kol-advanced-homepage .kah-feature-media img,
html.dark-mode .kol-advanced-homepage .kah-feature-media img {
	position: relative;
	z-index: 1;
	object-fit: cover;
	object-position: center top;
}

html.light-mode .kol-advanced-homepage .kah-story-media,
html.dark-mode .kol-advanced-homepage .kah-story-media {
	aspect-ratio: 16 / 10;
}

html.light-mode .kol-advanced-homepage .kah-image-placeholder,
html.dark-mode .kol-advanced-homepage .kah-image-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 180px;
	background:
		linear-gradient(135deg, transparent 0, transparent 34%, rgba(255, 255, 255, 0.12) 34%, rgba(255, 255, 255, 0.12) 35%, transparent 35%),
		var(--kah-placeholder);
	color: var(--kah-accent-2);
	font-size: 58px;
	font-weight: 900;
}

html.light-mode .kol-advanced-homepage .kah-feature-body,
html.dark-mode .kol-advanced-homepage .kah-feature-body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-self: stretch;
	gap: 14px;
	padding: 28px;
	border-left: 1px solid var(--kah-border);
}

html.light-mode .kol-advanced-homepage .kah-feature-body h2,
html.dark-mode .kol-advanced-homepage .kah-feature-body h2 {
	margin: 0;
	font-size: 28px;
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: 0;
}

html.light-mode .kol-advanced-homepage .kah-feature-body p,
html.dark-mode .kol-advanced-homepage .kah-feature-body p,
html.light-mode .kol-advanced-homepage .kah-story-body p,
html.dark-mode .kol-advanced-homepage .kah-story-body p,
html.light-mode .kol-advanced-homepage .kah-feed-copy p,
html.dark-mode .kol-advanced-homepage .kah-feed-copy p {
	margin: 0;
	color: var(--kah-muted);
	font-size: 14px;
	line-height: 1.55;
}

html.light-mode .kol-advanced-homepage .kah-signal-panel,
html.dark-mode .kol-advanced-homepage .kah-signal-panel,
html.light-mode .kol-advanced-homepage .kah-rank-list,
html.dark-mode .kol-advanced-homepage .kah-rank-list,
html.light-mode .kol-advanced-homepage .kah-feed-panel,
html.dark-mode .kol-advanced-homepage .kah-feed-panel {
	padding: 14px;
}

html.light-mode .kol-advanced-homepage .kah-signal-panel,
html.dark-mode .kol-advanced-homepage .kah-signal-panel {
	height: 350px;
	max-height: 350px;
	overflow: hidden;
}

html.light-mode .kol-advanced-homepage .kah-panel-head,
html.dark-mode .kol-advanced-homepage .kah-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 28px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--kah-border);
}

html.light-mode .kol-advanced-homepage .kah-panel-head span,
html.dark-mode .kol-advanced-homepage .kah-panel-head span {
	color: var(--kah-hot);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.light-mode .kol-advanced-homepage .kah-signal-item,
html.dark-mode .kol-advanced-homepage .kah-signal-item {
	border-bottom: 1px solid var(--kah-border);
}

html.light-mode .kol-advanced-homepage .kah-signal-item:last-child,
html.dark-mode .kol-advanced-homepage .kah-signal-item:last-child {
	border-bottom: 0;
}

html.light-mode .kol-advanced-homepage .kah-signal-copy,
html.dark-mode .kol-advanced-homepage .kah-signal-copy {
	display: grid;
	gap: 4px;
	padding: 10px 0;
}

html.light-mode .kol-advanced-homepage .kah-signal-copy span,
html.dark-mode .kol-advanced-homepage .kah-signal-copy span {
	color: var(--kah-accent-2);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

html.light-mode .kol-advanced-homepage .kah-signal-copy strong,
html.dark-mode .kol-advanced-homepage .kah-signal-copy strong {
	font-size: 13px;
	line-height: 1.18;
}

html.light-mode .kol-advanced-homepage .kah-signal-copy small,
html.dark-mode .kol-advanced-homepage .kah-signal-copy small {
	color: var(--kah-muted);
	font-size: 11px;
}

html.light-mode .kol-advanced-homepage .kah-section,
html.dark-mode .kol-advanced-homepage .kah-section {
	margin-top: 28px;
}

html.light-mode .kol-advanced-homepage .kah-section-head,
html.dark-mode .kol-advanced-homepage .kah-section-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 18px;
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--kah-border);
}

html.light-mode .kol-advanced-homepage .kah-section-head h2,
html.dark-mode .kol-advanced-homepage .kah-section-head h2 {
	margin: 0;
	font-size: 23px;
	line-height: 1.15;
	font-weight: 900;
	letter-spacing: 0;
}

html.light-mode .kol-advanced-homepage .kah-two-lane,
html.dark-mode .kol-advanced-homepage .kah-two-lane {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.38fr);
	gap: 18px;
}

html.light-mode .kol-advanced-homepage .kah-story-grid,
html.dark-mode .kol-advanced-homepage .kah-story-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

html.light-mode .kol-advanced-homepage .kah-story-grid-compact,
html.dark-mode .kol-advanced-homepage .kah-story-grid-compact {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

html.light-mode .kol-advanced-homepage .kah-story-card-feature,
html.dark-mode .kol-advanced-homepage .kah-story-card-feature {
	grid-column: span 2;
}

html.light-mode .kol-advanced-homepage .kah-story-body,
html.dark-mode .kol-advanced-homepage .kah-story-body {
	display: grid;
	gap: 10px;
	padding: 14px;
}

html.light-mode .kol-advanced-homepage .kah-story-body h3,
html.dark-mode .kol-advanced-homepage .kah-story-body h3,
html.light-mode .kol-advanced-homepage .kah-rank-item h3,
html.dark-mode .kol-advanced-homepage .kah-rank-item h3,
html.light-mode .kol-advanced-homepage .kah-feed-copy h3,
html.dark-mode .kol-advanced-homepage .kah-feed-copy h3,
html.light-mode .kol-advanced-homepage .kah-member-item h3,
html.dark-mode .kol-advanced-homepage .kah-member-item h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 850;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

html.light-mode .kol-advanced-homepage .kah-story-card-feature .kah-story-body h3,
html.dark-mode .kol-advanced-homepage .kah-story-card-feature .kah-story-body h3 {
	font-size: 21px;
}

html.light-mode .kol-advanced-homepage .kah-item-meta,
html.dark-mode .kol-advanced-homepage .kah-item-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	color: var(--kah-muted);
	font-size: 12px;
	line-height: 1.3;
}

html.light-mode .kol-advanced-homepage .kah-meta-avatar,
html.dark-mode .kol-advanced-homepage .kah-meta-avatar,
html.light-mode .kol-advanced-homepage .kah-feed-avatar,
html.dark-mode .kol-advanced-homepage .kah-feed-avatar,
html.light-mode .kol-advanced-homepage .kah-member-avatar,
html.dark-mode .kol-advanced-homepage .kah-member-avatar {
	flex: 0 0 auto;
	border-radius: 50%;
	overflow: hidden;
	background: var(--kah-surface-2);
}

html.light-mode .kol-advanced-homepage .kah-meta-avatar,
html.dark-mode .kol-advanced-homepage .kah-meta-avatar {
	width: 24px;
	height: 24px;
}

html.light-mode .kol-advanced-homepage .kah-meta-avatar img,
html.dark-mode .kol-advanced-homepage .kah-meta-avatar img,
html.light-mode .kol-advanced-homepage .kah-feed-avatar img,
html.dark-mode .kol-advanced-homepage .kah-feed-avatar img,
html.light-mode .kol-advanced-homepage .kah-member-avatar img,
html.dark-mode .kol-advanced-homepage .kah-member-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.light-mode .kol-advanced-homepage .kah-item-meta time,
html.dark-mode .kol-advanced-homepage .kah-item-meta time {
	color: var(--kah-accent);
}

html.light-mode .kol-advanced-homepage .kah-rank-item,
html.dark-mode .kol-advanced-homepage .kah-rank-item {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 10px;
	padding: 13px 0;
	border-bottom: 1px solid var(--kah-border);
}

html.light-mode .kol-advanced-homepage .kah-rank-item:last-child,
html.dark-mode .kol-advanced-homepage .kah-rank-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

html.light-mode .kol-advanced-homepage .kah-rank-number,
html.dark-mode .kol-advanced-homepage .kah-rank-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: var(--kah-surface);
	background: var(--kah-hot);
	border-radius: 8px;
	font-size: 12px;
	font-weight: 900;
}

html.light-mode .kol-advanced-homepage .kah-rank-item small,
html.dark-mode .kol-advanced-homepage .kah-rank-item small {
	display: block;
	margin-top: 5px;
	color: var(--kah-muted);
	font-size: 12px;
}

html.light-mode .kol-advanced-homepage .kah-comic-layout,
html.dark-mode .kol-advanced-homepage .kah-comic-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
	align-items: start;
	gap: 18px;
}

html.light-mode .kol-advanced-homepage .kah-comic-main,
html.dark-mode .kol-advanced-homepage .kah-comic-main,
html.light-mode .kol-advanced-homepage .kah-comic-song-block,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block {
	display: grid;
	align-content: start;
	gap: 14px;
	min-width: 0;
}

html.light-mode .kol-advanced-homepage .kah-comic-main .kah-story-card,
html.dark-mode .kol-advanced-homepage .kah-comic-main .kah-story-card {
	align-self: start;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block {
	margin-top: 4px;
}

html.light-mode .kol-advanced-homepage .kah-section-activity .kah-activity-grid,
html.dark-mode .kol-advanced-homepage .kah-section-activity .kah-activity-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

html.light-mode .kol-advanced-homepage .kah-activity-grid,
html.dark-mode .kol-advanced-homepage .kah-activity-grid {
	align-items: start;
}

html.light-mode .kol-advanced-homepage .kah-story-card-activity .kah-story-body p,
html.dark-mode .kol-advanced-homepage .kah-story-card-activity .kah-story-body p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html.light-mode .kol-advanced-homepage .kah-split-stack,
html.dark-mode .kol-advanced-homepage .kah-split-stack {
	display: grid;
	gap: 14px;
}

html.light-mode .kol-advanced-homepage .kah-mini-grid,
html.dark-mode .kol-advanced-homepage .kah-mini-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

html.light-mode .kol-advanced-homepage .kah-mini-media,
html.dark-mode .kol-advanced-homepage .kah-mini-media {
	aspect-ratio: 1 / 1;
	border: 1px solid var(--kah-border);
	border-radius: 8px;
}

html.light-mode .kol-advanced-homepage .kah-mini-media span,
html.dark-mode .kol-advanced-homepage .kah-mini-media span {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;
	padding: 6px 8px;
	background: rgba(0, 0, 0, 0.62);
	color: #ffffff;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

html.light-mode .kol-advanced-homepage .kah-mini-media strong,
html.dark-mode .kol-advanced-homepage .kah-mini-media strong,
html.light-mode .kol-advanced-homepage .kah-mini-media small,
html.dark-mode .kol-advanced-homepage .kah-mini-media small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.light-mode .kol-advanced-homepage .kah-mini-media small,
html.dark-mode .kol-advanced-homepage .kah-mini-media small {
	margin-top: 2px;
	font-size: 11px;
	font-weight: 700;
	opacity: 0.84;
}

html.light-mode .kol-advanced-homepage .kah-forum-columns,
html.dark-mode .kol-advanced-homepage .kah-forum-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

html.light-mode .kol-advanced-homepage .kah-feed-item,
html.dark-mode .kol-advanced-homepage .kah-feed-item {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid var(--kah-border);
}

html.light-mode .kol-advanced-homepage .kah-feed-item:last-child,
html.dark-mode .kol-advanced-homepage .kah-feed-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

html.light-mode .kol-advanced-homepage .kah-feed-avatar,
html.dark-mode .kol-advanced-homepage .kah-feed-avatar {
	width: 46px;
	height: 46px;
}

html.light-mode .kol-advanced-homepage .kah-feed-copy,
html.dark-mode .kol-advanced-homepage .kah-feed-copy {
	min-width: 0;
	display: grid;
	gap: 6px;
}

html.light-mode .kol-advanced-homepage .kah-song-grid,
html.dark-mode .kol-advanced-homepage .kah-song-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 320px)) !important;
	grid-auto-flow: row !important;
	gap: 12px;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0;
	justify-content: start !important;
	justify-items: stretch !important;
	align-items: start !important;
	list-style: none;
}

html.light-mode .kol-advanced-homepage .kah-section-songs .kah-section-head,
html.dark-mode .kol-advanced-homepage .kah-section-songs .kah-section-head {
	justify-content: space-between;
	align-items: end;
	gap: 18px;
}

html.light-mode .kol-advanced-homepage .kah-section-songs .kah-section-head h2,
html.dark-mode .kol-advanced-homepage .kah-section-songs .kah-section-head h2 {
	text-align: right;
}

html.light-mode .kol-advanced-homepage .kah-song-item,
html.dark-mode .kol-advanced-homepage .kah-song-item {
	position: relative;
	display: grid !important;
	grid-column: auto !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto minmax(0, 1fr) auto !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--kah-surface) !important;
	border: 1px solid var(--kah-border) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: var(--kah-text) !important;
	overflow: hidden !important;
}

html.light-mode .kol-advanced-homepage .kah-song-cover,
html.dark-mode .kol-advanced-homepage .kah-song-cover {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	aspect-ratio: 1 / 1;
	border-radius: 0 !important;
}

html.light-mode .kol-advanced-homepage .kah-song-body,
html.dark-mode .kol-advanced-homepage .kah-song-body {
	display: grid !important;
	gap: 8px !important;
	align-content: start !important;
	justify-items: start !important;
	min-width: 0;
	padding: 12px !important;
	text-align: left !important;
}

html.light-mode .kol-advanced-homepage .kah-song-category,
html.dark-mode .kol-advanced-homepage .kah-song-category {
	width: max-content;
	max-width: 100%;
	overflow: hidden;
	color: var(--kah-hot);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

html.light-mode .kol-advanced-homepage .kah-song-body h3,
html.dark-mode .kol-advanced-homepage .kah-song-body h3,
html.light-mode .kol-advanced-homepage .kah-song-body .woocommerce-loop-product__title,
html.dark-mode .kol-advanced-homepage .kah-song-body .woocommerce-loop-product__title {
	margin: 0;
	color: var(--kah-text);
	font-size: 15px;
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.25;
	padding: 0 !important;
}

html.light-mode .kol-advanced-homepage .kah-song-body h3 a,
html.dark-mode .kol-advanced-homepage .kah-song-body h3 a,
html.light-mode .kol-advanced-homepage .kah-song-body .woocommerce-loop-product__title,
html.dark-mode .kol-advanced-homepage .kah-song-body .woocommerce-loop-product__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html.light-mode .kol-advanced-homepage .kah-song-body .bmm-product-row__title-anchor,
html.dark-mode .kol-advanced-homepage .kah-song-body .bmm-product-row__title-anchor {
	display: grid !important;
	gap: 8px !important;
	justify-items: start !important;
	width: 100% !important;
	max-width: 100% !important;
	color: inherit !important;
	text-align: left !important;
}

html.light-mode .kol-advanced-homepage .kah-song-body .bmm-product-row__title-line,
html.dark-mode .kol-advanced-homepage .kah-song-body .bmm-product-row__title-line {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	text-align: left !important;
}

html.light-mode .kol-advanced-homepage .kah-song-body .wcmp-player-container,
html.dark-mode .kol-advanced-homepage .kah-song-body .wcmp-player-container,
html.light-mode .kol-advanced-homepage .kah-song-body audio,
html.dark-mode .kol-advanced-homepage .kah-song-body audio {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: auto !important;
}

html.light-mode .kol-advanced-homepage .kah-song-meta,
html.dark-mode .kol-advanced-homepage .kah-song-meta {
	justify-content: flex-start !important;
	min-height: 0 !important;
	gap: 6px !important;
	text-align: left !important;
}

html.light-mode .kol-advanced-homepage .kah-song-artist,
html.dark-mode .kol-advanced-homepage .kah-song-artist {
	flex-basis: 100%;
	width: 100%;
	color: var(--kah-text);
	font-size: 13px;
	line-height: 1.35;
	text-align: left;
}

html.light-mode .kol-advanced-homepage .kah-song-artist-link,
html.dark-mode .kol-advanced-homepage .kah-song-artist-link {
	color: inherit;
	text-decoration: none;
}

html.light-mode .kol-advanced-homepage .kah-song-artist-link:hover,
html.dark-mode .kol-advanced-homepage .kah-song-artist-link:hover {
	color: var(--kah-accent);
}

html.light-mode .kol-advanced-homepage .kah-song-meta .price,
html.dark-mode .kol-advanced-homepage .kah-song-meta .price,
html.light-mode .kol-advanced-homepage .kah-song-meta .star-rating,
html.dark-mode .kol-advanced-homepage .kah-song-meta .star-rating {
	display: none !important;
}

html.light-mode .kol-advanced-homepage .kah-song-excerpt,
html.dark-mode .kol-advanced-homepage .kah-song-excerpt {
	white-space: normal !important;
}

html.light-mode .kol-advanced-homepage .kah-song-actions,
html.dark-mode .kol-advanced-homepage .kah-song-actions {
	justify-content: flex-start !important;
	justify-self: stretch !important;
	width: 100% !important;
	padding: 0 12px 12px !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

html.light-mode .kol-advanced-homepage .kah-song-actions .kol-pec-icons,
html.dark-mode .kol-advanced-homepage .kah-song-actions .kol-pec-icons {
	width: 100% !important;
	justify-content: flex-start !important;
	overflow: visible !important;
	text-align: left !important;
}

html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row {
	float: none !important;
	clear: none !important;
	display: grid !important;
	grid-column: auto !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto minmax(0, 1fr) auto !important;
	align-items: stretch !important;
	column-gap: 0 !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 100% !important;
	flex: initial !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 8px !important;
}

html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid {
	float: none !important;
	clear: both !important;
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 320px)) !important;
	grid-auto-flow: row !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	justify-content: start !important;
	justify-items: stretch !important;
	place-content: start start !important;
}

html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid::before,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid::before,
html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid::after,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid::after {
	content: none !important;
	display: none !important;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block.kah-section-songs.woocommerce ul.products.kah-song-grid,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block.kah-section-songs.woocommerce ul.products.kah-song-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	justify-content: stretch !important;
	justify-items: stretch !important;
	place-content: start stretch !important;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block.kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block.kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block.kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-cover,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block.kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-cover {
	aspect-ratio: 4 / 3 !important;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-body,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-body {
	gap: 6px !important;
	padding: 9px !important;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-category,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-category {
	font-size: 10px;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-body h3,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-body h3,
html.light-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-body .woocommerce-loop-product__title,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-body .woocommerce-loop-product__title {
	font-size: 13px;
	line-height: 1.2;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-artist,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-artist {
	font-size: 12px;
}

html.light-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-actions,
html.dark-mode .kol-advanced-homepage .kah-comic-song-block .kah-song-actions {
	padding: 0 9px 9px !important;
}

html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-cover,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-cover {
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 0 !important;
}

html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-cover img,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-cover img {
	border-radius: 0 !important;
}

html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-body,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-body,
html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-actions,
html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid > li.product.kah-song-item.bmm-product-row .kah-song-actions {
	min-width: 0 !important;
	overflow: visible !important;
}

html.light-mode .kol-advanced-homepage .kah-photo-grid,
html.dark-mode .kol-advanced-homepage .kah-photo-grid,
html.light-mode .kol-advanced-homepage .kah-vidz-grid,
html.dark-mode .kol-advanced-homepage .kah-vidz-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

html.light-mode .kol-advanced-homepage .kah-vid-item,
html.dark-mode .kol-advanced-homepage .kah-vid-item,
html.light-mode .kol-advanced-homepage .kah-photo-item,
html.dark-mode .kol-advanced-homepage .kah-photo-item {
	position: relative;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border: 1px solid var(--kah-border);
	border-radius: 8px;
	background: var(--kah-surface-2);
}

html.light-mode .kol-advanced-homepage .kah-vid-preview,
html.dark-mode .kol-advanced-homepage .kah-vid-preview {
	position: absolute;
	inset: 0;
	display: block;
	background: var(--kah-surface-2);
}

html.light-mode .kol-advanced-homepage .kah-vid-copy,
html.dark-mode .kol-advanced-homepage .kah-vid-copy,
html.light-mode .kol-advanced-homepage .kah-photo-item span,
html.dark-mode .kol-advanced-homepage .kah-photo-item span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 2px;
	padding: 22px 10px 10px;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.76));
	color: #ffffff;
}

html.light-mode .kol-advanced-homepage .kah-vid-play,
html.dark-mode .kol-advanced-homepage .kah-vid-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.44);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
	transform: translate(-50%, -50%);
}

html.light-mode .kol-advanced-homepage .kah-vid-play::before,
html.dark-mode .kol-advanced-homepage .kah-vid-play::before {
	content: "";
	width: 0;
	height: 0;
	margin-left: 3px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 14px solid #ffffff;
}

html.light-mode .kol-advanced-homepage .kah-vid-item:hover .kah-vid-play,
html.dark-mode .kol-advanced-homepage .kah-vid-item:hover .kah-vid-play {
	background: color-mix(in srgb, var(--kah-accent) 72%, rgba(0, 0, 0, 0.44));
}

html.light-mode .kol-advanced-homepage .kah-vid-copy strong,
html.dark-mode .kol-advanced-homepage .kah-vid-copy strong,
html.light-mode .kol-advanced-homepage .kah-vid-copy small,
html.dark-mode .kol-advanced-homepage .kah-vid-copy small,
html.light-mode .kol-advanced-homepage .kah-photo-item strong,
html.dark-mode .kol-advanced-homepage .kah-photo-item strong,
html.light-mode .kol-advanced-homepage .kah-photo-item small,
html.dark-mode .kol-advanced-homepage .kah-photo-item small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.light-mode .kol-advanced-homepage .kah-vid-copy strong,
html.dark-mode .kol-advanced-homepage .kah-vid-copy strong,
html.light-mode .kol-advanced-homepage .kah-photo-item strong,
html.dark-mode .kol-advanced-homepage .kah-photo-item strong {
	font-size: 13px;
	line-height: 1.2;
}

html.light-mode .kol-advanced-homepage .kah-vid-copy small,
html.dark-mode .kol-advanced-homepage .kah-vid-copy small,
html.light-mode .kol-advanced-homepage .kah-photo-item small,
html.dark-mode .kol-advanced-homepage .kah-photo-item small {
	font-size: 11px;
	opacity: 0.86;
}

html.light-mode .kol-advanced-homepage .kah-member-strip,
html.dark-mode .kol-advanced-homepage .kah-member-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

html.light-mode .kol-advanced-homepage .kah-member-item,
html.dark-mode .kol-advanced-homepage .kah-member-item {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 12px;
}

html.light-mode .kol-advanced-homepage .kah-member-avatar,
html.dark-mode .kol-advanced-homepage .kah-member-avatar {
	width: 58px;
	height: 58px;
	border: 2px solid var(--kah-accent);
}

html.light-mode .kol-advanced-homepage .kah-member-item span,
html.dark-mode .kol-advanced-homepage .kah-member-item span {
	display: block;
	margin-top: 4px;
	color: var(--kah-muted);
	font-size: 12px;
}

html.light-mode .kol-advanced-homepage .kah-empty,
html.dark-mode .kol-advanced-homepage .kah-empty {
	padding: 18px;
	background: var(--kah-surface-2);
	border: 1px dashed var(--kah-border);
	border-radius: 8px;
	color: var(--kah-muted);
	font-size: 13px;
}

html.light-mode .kol-advanced-homepage .kah-feature-card:hover,
html.dark-mode .kol-advanced-homepage .kah-feature-card:hover,
html.light-mode .kol-advanced-homepage .kah-story-card:hover,
html.dark-mode .kol-advanced-homepage .kah-story-card:hover,
html.light-mode .kol-advanced-homepage .kah-song-item:hover,
html.dark-mode .kol-advanced-homepage .kah-song-item:hover,
html.light-mode .kol-advanced-homepage .kah-vid-item:hover,
html.dark-mode .kol-advanced-homepage .kah-vid-item:hover,
html.light-mode .kol-advanced-homepage .kah-member-item:hover,
html.dark-mode .kol-advanced-homepage .kah-member-item:hover {
	border-color: var(--kah-accent);
}

html.light-mode .kol-advanced-homepage .kah-source-comic .kah-card-kicker,
html.dark-mode .kol-advanced-homepage .kah-source-comic .kah-card-kicker,
html.light-mode .kol-advanced-homepage .kah-source-comic .kah-signal-copy span,
html.dark-mode .kol-advanced-homepage .kah-source-comic .kah-signal-copy span {
	color: var(--kah-warm);
}

html.light-mode .kol-advanced-homepage .kah-source-activity .kah-card-kicker,
html.dark-mode .kol-advanced-homepage .kah-source-activity .kah-card-kicker {
	color: var(--kah-accent);
}

html.light-mode .kol-advanced-homepage .kah-source-forum .kah-card-kicker,
html.dark-mode .kol-advanced-homepage .kah-source-forum .kah-card-kicker,
html.light-mode .kol-advanced-homepage .kah-source-group-forum .kah-card-kicker,
html.dark-mode .kol-advanced-homepage .kah-source-group-forum .kah-card-kicker {
	color: var(--kah-accent-2);
}

@media (max-width: 1180px) {
	html.light-mode .kol-advanced-homepage .kah-feature-card,
	html.dark-mode .kol-advanced-homepage .kah-feature-card,
	html.light-mode .kol-advanced-homepage .kah-two-lane,
	html.dark-mode .kol-advanced-homepage .kah-two-lane,
	html.light-mode .kol-advanced-homepage .kah-comic-layout,
	html.dark-mode .kol-advanced-homepage .kah-comic-layout {
		grid-template-columns: 1fr;
	}

	html.light-mode .kol-advanced-homepage .kah-feature-body,
	html.dark-mode .kol-advanced-homepage .kah-feature-body {
		border-left: 0;
		border-top: 1px solid var(--kah-border);
	}

	html.light-mode .kol-advanced-homepage .kah-feature-card,
	html.dark-mode .kol-advanced-homepage .kah-feature-card {
		height: auto;
		max-height: none;
	}

	html.light-mode .kol-advanced-homepage .kah-signal-panel,
	html.dark-mode .kol-advanced-homepage .kah-signal-panel {
		height: auto;
		max-height: none;
		overflow: visible;
	}

	html.light-mode .kol-advanced-homepage .kah-song-grid,
	html.dark-mode .kol-advanced-homepage .kah-song-grid {
		grid-template-columns: repeat(auto-fill, minmax(240px, 300px)) !important;
	}
}

@media (max-width: 980px) {
	html.light-mode .kol-advanced-homepage,
	html.dark-mode .kol-advanced-homepage {
		padding: 16px;
	}

	html.light-mode .kol-advanced-homepage .kah-top-grid,
	html.dark-mode .kol-advanced-homepage .kah-top-grid,
	html.light-mode .kol-advanced-homepage .kah-forum-columns,
	html.dark-mode .kol-advanced-homepage .kah-forum-columns {
		grid-template-columns: 1fr;
	}

	html.light-mode .kol-advanced-homepage .kah-story-grid,
	html.dark-mode .kol-advanced-homepage .kah-story-grid,
	html.light-mode .kol-advanced-homepage .kah-story-grid-compact,
	html.dark-mode .kol-advanced-homepage .kah-story-grid-compact {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.light-mode .kol-advanced-homepage .kah-story-card-feature,
	html.dark-mode .kol-advanced-homepage .kah-story-card-feature {
		grid-column: span 1;
	}

	html.light-mode .kol-advanced-homepage .kah-photo-grid,
	html.dark-mode .kol-advanced-homepage .kah-photo-grid,
	html.light-mode .kol-advanced-homepage .kah-vidz-grid,
	html.dark-mode .kol-advanced-homepage .kah-vidz-grid,
	html.light-mode .kol-advanced-homepage .kah-member-strip,
	html.dark-mode .kol-advanced-homepage .kah-member-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.light-mode .kol-advanced-homepage .kah-song-grid,
	html.dark-mode .kol-advanced-homepage .kah-song-grid {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
	}

	html.light-mode .kol-advanced-homepage .kah-section-activity .kah-activity-grid,
	html.dark-mode .kol-advanced-homepage .kah-section-activity .kah-activity-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1180px) {
	html.light-mode .kol-advanced-homepage .kah-masthead,
	html.dark-mode .kol-advanced-homepage .kah-masthead {
		grid-template-columns: 1fr;
		align-items: start;
	}

	html.light-mode .kol-advanced-homepage .kah-masthead-login,
	html.dark-mode .kol-advanced-homepage .kah-masthead-login {
		justify-self: start;
		max-width: none;
	}

	html.light-mode .kol-advanced-homepage .kah-date-line,
	html.dark-mode .kol-advanced-homepage .kah-date-line {
		justify-self: start;
		text-align: left;
	}

	html.light-mode .kol-advanced-homepage .kah-login-extra,
	html.dark-mode .kol-advanced-homepage .kah-login-extra {
		margin-left: 0;
	}
}

@media (max-width: 640px) {
	html.light-mode .kol-advanced-homepage,
	html.dark-mode .kol-advanced-homepage {
		padding: 12px;
		border-radius: 0;
	}

	html.light-mode .kol-advanced-homepage .kah-masthead,
	html.dark-mode .kol-advanced-homepage .kah-masthead,
	html.light-mode .kol-advanced-homepage .kah-section-head,
	html.dark-mode .kol-advanced-homepage .kah-section-head {
		display: grid;
		align-items: start;
	}

	html.light-mode .kol-advanced-homepage .kah-date-line,
	html.dark-mode .kol-advanced-homepage .kah-date-line {
		text-align: left;
	}

	html.light-mode .kol-advanced-homepage .kah-login-main-row,
	html.dark-mode .kol-advanced-homepage .kah-login-main-row {
		grid-template-columns: 1fr;
	}

	html.light-mode .kol-advanced-homepage .kah-login-submit,
	html.dark-mode .kol-advanced-homepage .kah-login-submit {
		width: 100%;
	}

	html.light-mode .kol-advanced-homepage .kah-login-options-row,
	html.dark-mode .kol-advanced-homepage .kah-login-options-row {
		flex-wrap: wrap;
		white-space: normal;
	}

	html.light-mode .kol-advanced-homepage .kah-login-extra,
	html.dark-mode .kol-advanced-homepage .kah-login-extra {
		margin-left: 0;
	}

	html.light-mode .kol-advanced-homepage .kah-home-search,
	html.dark-mode .kol-advanced-homepage .kah-home-search {
		width: 100% !important;
		margin: 0 auto 18px !important;
		padding: 0 !important;
	}

	html.light-mode .kol-advanced-homepage .kah-home-search-form,
	html.dark-mode .kol-advanced-homepage .kah-home-search-form {
		grid-template-columns: 36px minmax(0, 1fr) 40px !important;
		min-height: 52px !important;
		padding: 0 7px 0 14px !important;
	}

	html.light-mode .kol-advanced-homepage .kah-home-search-icon,
	html.dark-mode .kol-advanced-homepage .kah-home-search-icon {
		width: 30px;
		height: 30px;
	}

	html.light-mode .kol-advanced-homepage .kah-home-search-icon svg,
	html.dark-mode .kol-advanced-homepage .kah-home-search-icon svg,
	html.light-mode .kol-advanced-homepage .kah-home-search-submit svg,
	html.dark-mode .kol-advanced-homepage .kah-home-search-submit svg {
		width: 20px;
		height: 20px;
	}

	html.light-mode .kol-advanced-homepage .kah-home-search-input,
	html.dark-mode .kol-advanced-homepage .kah-home-search-input {
		height: 50px !important;
		min-height: 50px !important;
		padding: 0 10px !important;
		font-size: 16px !important;
		line-height: 50px !important;
	}

	html.light-mode .kol-advanced-homepage .kah-home-search-submit,
	html.dark-mode .kol-advanced-homepage .kah-home-search-submit {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
	}

	html.light-mode .kol-advanced-homepage .kah-home-search-dropdown,
	html.dark-mode .kol-advanced-homepage .kah-home-search-dropdown {
		left: 0 !important;
		right: 0 !important;
	}

	html.light-mode .kol-advanced-homepage .kah-masthead h1,
	html.dark-mode .kol-advanced-homepage .kah-masthead h1 {
		font-size: 28px;
		line-height: 1.05;
	}

	html.light-mode .kol-advanced-homepage .kah-feature-body h2,
	html.dark-mode .kol-advanced-homepage .kah-feature-body h2 {
		font-size: 24px;
	}

	html.light-mode .kol-advanced-homepage .kah-feature-media,
	html.dark-mode .kol-advanced-homepage .kah-feature-media {
		height: 350px;
		min-height: 0;
		max-height: 350px;
	}

	html.light-mode .kol-advanced-homepage .kah-feature-body,
	html.dark-mode .kol-advanced-homepage .kah-feature-body {
		padding: 18px;
	}

	html.light-mode .kol-advanced-homepage .kah-story-grid,
	html.dark-mode .kol-advanced-homepage .kah-story-grid,
	html.light-mode .kol-advanced-homepage .kah-story-grid-compact,
	html.dark-mode .kol-advanced-homepage .kah-story-grid-compact,
	html.light-mode .kol-advanced-homepage .kah-photo-grid,
	html.dark-mode .kol-advanced-homepage .kah-photo-grid,
	html.light-mode .kol-advanced-homepage .kah-vidz-grid,
	html.dark-mode .kol-advanced-homepage .kah-vidz-grid,
	html.light-mode .kol-advanced-homepage .kah-song-grid,
	html.dark-mode .kol-advanced-homepage .kah-song-grid,
	html.light-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid,
	html.dark-mode .kol-advanced-homepage .kah-section-songs.woocommerce ul.products.kah-song-grid,
	html.light-mode .kol-advanced-homepage .kah-member-strip,
	html.dark-mode .kol-advanced-homepage .kah-member-strip,
	html.light-mode .kol-advanced-homepage .kah-mini-grid,
	html.dark-mode .kol-advanced-homepage .kah-mini-grid {
		grid-template-columns: 1fr !important;
	}

	html.light-mode .kol-advanced-homepage .kah-section-songs .kah-section-head h2,
	html.dark-mode .kol-advanced-homepage .kah-section-songs .kah-section-head h2 {
		text-align: left;
	}

	html.light-mode .kol-advanced-homepage .kah-section-activity .kah-activity-grid,
	html.dark-mode .kol-advanced-homepage .kah-section-activity .kah-activity-grid {
		grid-template-columns: 1fr;
	}
}