:root {
	--workspace-gradient: linear-gradient(145deg, #a443ee, #8d2ce0 70%, #ae48e9);
	--channel-banner-background:
		linear-gradient(90deg, rgba(173, 75, 239, .98) 0%, rgba(173, 75, 239, .88) 43%, rgba(173, 75, 239, .12) 100%),
		radial-gradient(ellipse at 78% 30%, rgba(255, 231, 168, .9), transparent 28%),
		linear-gradient(135deg, #6035c7 0%, #ec9bc7 44%, #78d5ac 72%, #f2c071 100%);
	--channel-banner-shadow: 0 12px 32px rgba(63, 17, 113, .18);
	--channel-accent: #ff5b9e;
	--channel-surface: rgba(72, 26, 115, .28);
	--channel-link-hover: rgba(72, 26, 115, .42);
	--video-card-background: rgba(248, 225, 255, .16);
	--video-card-shadow: 0 6px 18px rgba(66, 18, 119, .15);
	--video-card-hover-shadow: 0 12px 26px rgba(59, 13, 107, .28);
	--video-card-border: rgba(255, 255, 255, .14);
	font-family: Arial, Helvetica, sans-serif;
	color: #18131e;
	background: var(--workspace-gradient);
	font-synthesis: none;
}

body[data-channel="wemmbu"] {
	--workspace-gradient: linear-gradient(145deg, #24103d, #54208a 58%, #a13cce);
	--channel-banner-background:
		linear-gradient(90deg, rgba(42, 13, 72, .96), rgba(104, 37, 157, .78) 52%, rgba(193, 77, 212, .2)),
		radial-gradient(ellipse at 80% 24%, rgba(224, 153, 255, .74), transparent 34%),
		linear-gradient(135deg, #321052, #832fc0 56%, #da5cbd);
	--channel-banner-shadow: 0 12px 32px rgba(30, 7, 50, .42);
	--channel-accent: #df9aff;
	--channel-surface: rgba(69, 22, 112, .44);
	--channel-link-hover: rgba(111, 37, 168, .62);
	--video-card-background: rgba(87, 34, 125, .42);
	--video-card-shadow: 0 6px 18px rgba(20, 5, 38, .28);
	--video-card-hover-shadow: 0 12px 26px rgba(20, 5, 38, .5);
	--video-card-border: rgba(219, 167, 255, .22);
}

body[data-channel="parrot"] {
	--workspace-gradient: linear-gradient(145deg, #102f27, #176b4b 58%, #43965c);
	--channel-banner-background:
		linear-gradient(90deg, rgba(10, 49, 37, .97), rgba(22, 102, 68, .78) 52%, rgba(77, 157, 97, .18)),
		radial-gradient(ellipse at 80% 24%, rgba(199, 231, 130, .78), transparent 34%),
		linear-gradient(135deg, #134a36, #20855b 55%, #a3b945);
	--channel-banner-shadow: 0 12px 32px rgba(5, 34, 23, .42);
	--channel-accent: #b8ea7b;
	--channel-surface: rgba(15, 83, 56, .44);
	--channel-link-hover: rgba(24, 118, 76, .62);
	--video-card-background: rgba(22, 95, 66, .4);
	--video-card-shadow: 0 6px 18px rgba(5, 35, 23, .28);
	--video-card-hover-shadow: 0 12px 26px rgba(5, 35, 23, .5);
	--video-card-border: rgba(185, 230, 157, .22);
}

body[data-channel="flame"] {
	--workspace-gradient: linear-gradient(145deg, #381116, #7e1b27 58%, #c23a36);
	--channel-banner-background:
		linear-gradient(90deg, rgba(58, 12, 19, .97), rgba(133, 23, 37, .78) 52%, rgba(202, 67, 52, .18)),
		radial-gradient(ellipse at 80% 24%, rgba(255, 177, 88, .82), transparent 34%),
		linear-gradient(135deg, #5a111e, #a9222e 56%, #e87737);
	--channel-banner-shadow: 0 12px 32px rgba(43, 6, 12, .42);
	--channel-accent: #ff9b62;
	--channel-surface: rgba(100, 21, 31, .46);
	--channel-link-hover: rgba(156, 30, 39, .64);
	--video-card-background: rgba(109, 27, 37, .4);
	--video-card-shadow: 0 6px 18px rgba(42, 5, 12, .3);
	--video-card-hover-shadow: 0 12px 26px rgba(42, 5, 12, .52);
	--video-card-border: rgba(255, 179, 132, .2);
}

body[data-channel="spoke"] {
	--workspace-gradient: linear-gradient(145deg, #101418, #222d31 58%, #38544d);
	--channel-banner-background:
		linear-gradient(90deg, rgba(8, 12, 15, .98), rgba(26, 39, 42, .8) 52%, rgba(61, 103, 82, .2)),
		radial-gradient(ellipse at 80% 24%, rgba(114, 193, 148, .64), transparent 34%),
		linear-gradient(135deg, #151d25, #293d3d 56%, #78975d);
	--channel-banner-shadow: 0 12px 32px rgba(0, 0, 0, .48);
	--channel-accent: #a6df8c;
	--channel-surface: rgba(9, 15, 18, .62);
	--channel-link-hover: rgba(37, 58, 52, .78);
	--video-card-background: rgba(20, 29, 31, .62);
	--video-card-shadow: 0 6px 18px rgba(0, 0, 0, .36);
	--video-card-hover-shadow: 0 12px 26px rgba(0, 0, 0, .58);
	--video-card-border: rgba(190, 224, 199, .18);
}

* {
	box-sizing: border-box;
}

body {
	min-width: 320px;
	min-height: 100vh;
	margin: 0;
	background: var(--workspace-gradient);
}

button,
input {
	font: inherit;
}

a {
	color: inherit;
	text-decoration: none;
}

.dashboard {
	display: grid;
	min-height: 100vh;
	grid-template-columns: 220px minmax(0, 1fr);
	grid-template-areas: "sidebar workspace";
}

.sidebar {
	grid-area: sidebar;
	position: sticky;
	top: 12px;
	align-self: start;
	min-height: calc(100vh - 24px);
	margin: 12px;
	padding: 18px 12px;
	border: 0;
	border-radius: 18px;
	background: var(--workspace-gradient);
	color: #fff;
	box-shadow: 0 10px 24px rgba(43, 10, 74, .22);
}

.sidebar-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	padding: 2px 4px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sidebar-mark {
	position: relative;
	overflow: hidden;
	display: grid;
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 13px;
	background: linear-gradient(145deg, #b94cff, #7029c8);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 5px 14px rgba(94, 20, 99, .25);
	font-size: 23px;
	font-weight: 900;
}

.sidebar-mark::after {
	position: absolute;
	inset: -35% auto -35% -60%;
	width: 42%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .58), transparent);
	content: "";
	transform: skewX(-22deg) translateX(-180%);
}

.sidebar-brand:hover .sidebar-mark::after,
.sidebar-brand:focus-visible .sidebar-mark::after {
	animation: logo-shine 700ms ease-out;
}

@keyframes logo-shine {
	to { transform: skewX(-22deg) translateX(540%); }
}

@media (prefers-reduced-motion: reduce) {
	.sidebar-brand:hover .sidebar-mark::after,
	.sidebar-brand:focus-visible .sidebar-mark::after {
		animation: none;
	}
}

.sidebar-brand-copy {
	display: grid;
	gap: 2px;
	line-height: 1.1;
}

.sidebar-brand-copy strong {
	font-size: 14px;
	font-weight: 800;
}

.sidebar-brand-copy small {
	color: rgba(255, 255, 255, .72);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .1em;
}

.sidebar-nav {
	display: grid;
	gap: 7px;
}

.sidebar-nav a {
	transition: color 160ms ease, background-color 160ms ease;
}

.sidebar-home-link {
	display: flex;
	min-height: 40px;
	align-items: center;
	gap: 9px;
	margin: 0 0 9px;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, .36);
	border-radius: 9px;
	background: rgba(255, 255, 255, .17);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.home-icon {
	font-size: 17px;
	line-height: 1;
}

.sidebar-user {
	display: flex;
	min-width: 0;
	min-height: 39px;
	align-items: center;
	gap: 9px;
	padding: 5px 8px;
	border: 0;
	border-radius: 6px;
	background: linear-gradient(100deg, rgba(51, 20, 93, .56), rgba(195, 114, 238, .26));
	color: rgba(255, 255, 255, .92);
	font-size: 12px;
	font-weight: 500;
	background-position: center;
	background-size: cover;
	box-shadow: 0 2px 5px rgba(30, 9, 50, .16);
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.sidebar-user[data-channel-link="wemmbu"] {
	background-image:
		linear-gradient(90deg, rgba(80, 22, 157, .88) 0%, rgba(80, 22, 157, .66) 52%, rgba(80, 22, 157, .38) 100%),
		url("images/wemmbu.jpg");
}

.sidebar-user[data-channel-link="parrot"] {
	background-image:
		linear-gradient(90deg, rgba(19, 111, 59, .88) 0%, rgba(19, 111, 59, .66) 52%, rgba(19, 111, 59, .38) 100%),
		url("images/parrot.jpg");
}

.sidebar-user[data-channel-link="flame"] {
	background-image:
		linear-gradient(90deg, rgba(164, 25, 35, .9) 0%, rgba(164, 25, 35, .68) 52%, rgba(164, 25, 35, .4) 100%),
		url("images/flame.jpg");
}

.sidebar-user[data-channel-link="spoke"] {
	background-image:
		linear-gradient(90deg, rgba(8, 9, 12, .92) 0%, rgba(8, 9, 12, .72) 52%, rgba(8, 9, 12, .5) 100%),
		url("images/spoke.jpg");
}

.sidebar-avatar {
	display: grid;
	width: 26px;
	height: 26px;
	flex: 0 0 auto;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: linear-gradient(145deg, #b94cff, #7029c8);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	object-fit: cover;
}

.sidebar-user-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebar-home-link:hover,
.sidebar-home-link:focus-visible,
.sidebar-user:hover,
.sidebar-user:focus-visible {
	background-color: rgba(255, 255, 255, .2);
	color: #fff;
	box-shadow: 0 5px 14px rgba(29, 8, 53, .24);
	transform: translateY(-1px);
}

.sidebar-user[aria-current="page"] {
	background-color: rgba(255, 255, 255, .2);
	color: #fff;
	box-shadow: 0 3px 10px rgba(29, 8, 53, .18);
}

.workspace {
	grid-area: workspace;
	min-width: 0;
	background: var(--workspace-gradient);
}

.dashboard-content {
	width: min(100%, 1500px);
	margin-inline: auto;
	padding: 10px;
}

.channel-banner {
	position: relative;
	display: flex;
	min-height: 145px;
	align-items: center;
	overflow: hidden;
	padding: 24px;
	border: 0;
	border-radius: 16px;
	background: var(--channel-banner-background);
	box-shadow: var(--channel-banner-shadow);
}

.channel-banner::after {
	position: absolute;
	right: 30%;
	bottom: -65px;
	width: 170px;
	height: 170px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 38px;
	background: linear-gradient(135deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .02));
	content: "";
	filter: blur(1px);
	transform: rotate(32deg);
}

.channel-heading {
	position: relative;
	z-index: 1;
	color: #fff;
}

.channel-heading h1 {
	margin: 0;
	font-size: clamp(26px, 3vw, 36px);
	line-height: 1;
}

.home-banner {
	min-height: 180px;
}

.channel-directory {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 14px;
}

.channel-directory-card {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 12px;
	background: rgba(248, 225, 255, .16);
	color: #fff;
	transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.channel-directory-card:hover,
.channel-directory-card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .56);
	background: rgba(255, 255, 255, .25);
}

.channel-avatar {
	display: grid;
	width: 38px;
	height: 38px;
	flex: 0 0 auto;
	place-items: center;
	object-fit: cover;
	border: 0;
	border-radius: 50%;
	background: linear-gradient(145deg, #ff70ba, #7c32df);
	font-size: 16px;
	font-weight: 700;
}

.channel-identity {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 14px;
}

.channel-profile-image {
	width: 58px;
	height: 58px;
	flex: 0 0 auto;
	border: 0;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 4px 14px rgba(48, 14, 83, .25);
}

.channel-profile-image[hidden] {
	display: none;
}

.channel-card-copy {
	display: grid;
	min-width: 0;
	gap: 3px;
}

.channel-card-copy strong {
	font-size: 14px;
}

.channel-card-copy small {
	color: rgba(255, 255, 255, .72);
	font-size: 11px;
}

.channel-card-copy .directory-subscriber-count {
	color: rgba(255, 255, 255, .9);
	font-size: 10px;
}

.channel-card-arrow {
	margin-left: auto;
	font-size: 20px;
}

.channel-heading p {
	margin: 8px 0 12px;
	color: rgba(255, 255, 255, .78);
	font-size: 12px;
	line-height: 1.4;
}

.subscriber-count {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 12px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 999px;
	background: var(--channel-surface);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
	font-size: 11px;
	font-weight: 700;
}

.subscriber-count span {
	color: var(--channel-accent);
	font-size: 8px;
}

.subscriber-count small {
	color: rgba(255, 255, 255, .68);
	font-size: 9px;
	font-weight: 400;
}

.channel-link {
	position: relative;
	z-index: 1;
	margin-left: auto;
	padding: 9px 13px;
	border: 1px solid rgba(255, 255, 255, .38);
	border-radius: 999px;
	background: var(--channel-surface);
	color: #fff;
	font-size: 11px;
	white-space: nowrap;
}

.channel-link:hover,
.channel-link:focus-visible {
	background: var(--channel-link-hover);
}

.video-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 14px;
}

.video-card {
	position: relative;
	display: block;
	width: 100%;
	min-width: 0;
	padding: 7px;
	overflow: hidden;
	border: 1px solid var(--video-card-border);
	border-radius: 12px;
	background: var(--video-card-background);
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	box-shadow: var(--video-card-shadow);
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

.video-card:focus-visible {
	outline: 1px solid rgba(255, 255, 255, .5);
	outline-offset: 2px;
}

.video-card::after {
	position: absolute;
	inset: 1px;
	border: 1px solid rgba(255, 255, 255, .46);
	border-radius: inherit;
	content: "";
	opacity: 0;
	pointer-events: none;
	box-shadow: inset 0 0 3px rgba(255, 255, 255, .28);
	transition: opacity 220ms ease;
}

.video-card:hover,
.video-card:focus-within {
	z-index: 1;
	border-color: rgba(255, 255, 255, .3);
	background: rgba(255, 255, 255, .24);
	box-shadow: var(--video-card-hover-shadow);
	transform: translateY(-2px);
}

.video-card:hover::after {
	opacity: .24;
}

.video-card:focus-visible::after,
.video-card:focus-within::after {
	opacity: .48;
}

.thumbnail-art {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 8px;
	background-color: #542d88;
	background-image: var(--thumbnail-scene);
	background-position: center;
	background-size: cover;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
	transition: transform 320ms cubic-bezier(.2, .8, .2, 1), filter 320ms ease;
}

.thumbnail-art::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 50%, rgba(18, 9, 31, .32));
	content: "";
}

.video-card:hover .thumbnail-art,
.video-card:focus-within .thumbnail-art {
	filter: saturate(1.12) brightness(1.06);
	transform: scale(1.035);
}

.thumbnail-art--purge {
	--thumbnail-scene: radial-gradient(ellipse at 50% 77%, #b821ff 0 19%, transparent 20%), radial-gradient(circle at 50% 34%, #ffe34c 0 7%, transparent 8%), repeating-linear-gradient(90deg, #721c5f 0 10%, #db453a 10% 19%, #164c70 19% 29%);
}

.thumbnail-art--war {
	--thumbnail-scene: radial-gradient(ellipse at 50% 74%, #5523ba 0 21%, transparent 22%), radial-gradient(circle at 50% 36%, #9d62ff 0 13%, transparent 14%), linear-gradient(165deg, #f39b55, #a6487f 48%, #157b79 49%, #112f60);
}

.thumbnail-art--underground {
	--thumbnail-scene: radial-gradient(ellipse at 50% 70%, #d23cff 0 18%, transparent 19%), linear-gradient(160deg, #220b47, #a32fbe 42%, #122957 43%, #09182e);
}

.thumbnail-art--search {
	--thumbnail-scene: repeating-linear-gradient(90deg, transparent 0 18%, rgba(255, 107, 27, .86) 19% 22%, transparent 23% 40%), linear-gradient(180deg, #f6a744, #9f312f 55%, #21143d);
}

.thumbnail-art--assassin {
	--thumbnail-scene: radial-gradient(ellipse at 50% 57%, #55c9ff, transparent 20%), radial-gradient(ellipse at 50% 78%, #933aff 0 18%, transparent 19%), linear-gradient(145deg, #101848, #07182f 50%, #19488f);
}

.thumbnail-art--civilization {
	--thumbnail-scene: radial-gradient(ellipse at 50% 76%, #32d9d3 0 24%, transparent 25%), radial-gradient(ellipse at 50% 50%, #31768c, transparent 43%), linear-gradient(160deg, #0f2556, #167baa 56%, #092345);
}

.thumbnail-art--server {
	--thumbnail-scene: radial-gradient(ellipse at 65% 80%, #78d6ac, transparent 33%), radial-gradient(ellipse at 25% 75%, #a850eb 0 14%, transparent 15%), linear-gradient(170deg, #78c9f4, #ffe19b 55%, #4c985d);
}

.thumbnail-art--law {
	--thumbnail-scene: radial-gradient(ellipse at 48% 80%, #f5e83e 0 13%, transparent 14%), radial-gradient(ellipse at 20% 72%, #12d5de 0 12%, transparent 13%), radial-gradient(ellipse at 78% 74%, #ff3774 0 13%, transparent 14%), linear-gradient(180deg, #fee27b, #bc5836 54%, #245774);
}

.video-card h2 {
	min-height: 34px;
	margin: 5px 0 0;
	padding: 6px 7px;
	border-radius: 5px;
	background: rgba(12, 10, 18, .62);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .72);
}

.video-thumbnail {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	background: rgba(34, 13, 55, .3);
	object-fit: cover;
}

.video-dialog {
	position: fixed;
	width: min(960px, calc(100vw - 32px));
	max-width: none;
	padding: 48px 16px 16px;
	border: 1px solid rgba(255, 255, 255, .36);
	border-radius: 14px;
	background: rgba(31, 14, 49, .96);
	color: #fff;
	box-shadow: 0 24px 80px rgba(12, 4, 22, .58);
}

.video-dialog::backdrop {
	background: rgba(13, 7, 20, .78);
	backdrop-filter: blur(5px);
}

.video-dialog-close {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.video-dialog-frame {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 8px;
	background: #09050e;
}

.video-dialog-link {
	display: inline-block;
	margin-top: 12px;
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
}

.video-dialog-link:hover,
.video-dialog-link:focus-visible {
	color: #fff;
	text-decoration: underline;
}

.loading-message {
	margin: 18px 2px;
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	clip-path: inset(50%);
}

@media (max-width: 620px) {
	.dashboard {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"sidebar"
			"workspace";
	}

	.sidebar {
		position: static;
		display: flex;
		width: auto;
		min-height: 0;
		flex-direction: column;
		gap: 10px;
		margin: 8px 8px 0;
		padding: 10px;
	}

	.sidebar-brand {
		margin: 0;
		padding: 0 2px;
		border-bottom: 0;
	}

	.sidebar-nav {
		display: flex;
		width: 100%;
		min-width: 0;
		gap: 7px;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 2px;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}

	.sidebar-home-link {
		align-self: center;
		min-height: 36px;
		margin: 0 4px 0 0;
		padding-inline: 9px;
	}

	.sidebar-user {
		min-height: 39px;
		flex: 0 0 auto;
		gap: 8px;
		padding: 5px 8px;
		font-size: 11px;
	}

	.sidebar-avatar {
		width: 25px;
		height: 25px;
	}

	.dashboard-content {
		padding: 12px;
	}

	.channel-banner {
		min-height: 0;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 12px;
		padding: 18px;
	}

	.channel-identity {
		max-width: 100%;
		gap: 10px;
	}

	.channel-profile-image {
		width: 46px;
		height: 46px;
	}

	.channel-heading {
		min-width: 0;
	}

	.channel-heading h1 {
		font-size: 26px;
	}

	.channel-heading p {
		overflow-wrap: anywhere;
	}

	.channel-link {
		margin-left: 0;
	}

	.video-dialog {
		width: calc(100vw - 20px);
		padding: 42px 10px 12px;
	}

	.video-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		margin-top: 12px;
	}
}

@media (max-width: 380px) {
	.sidebar {
		align-items: stretch;
	}

	.sidebar-nav {
		justify-content: flex-start;
	}

	.channel-banner {
		min-height: 124px;
		padding: 18px;
	}

	.video-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.dashboard-content {
		padding: 8px;
	}

	.channel-banner {
		padding: 14px;
	}

	.subscriber-count {
		max-width: 100%;
		flex-wrap: wrap;
	}

	.channel-directory {
		grid-template-columns: minmax(0, 1fr);
	}
}