/* TSC Web-IRC — gleiche Optik wie tsc-index-block / details (Dark + Light) */

.tsc-irc-page .tsc-index-section-body--irc {
	padding: 0;
	overflow: hidden;
	background: transparent;
}

.tsc-irc-page .tsc-index-section-body--irc .tsc-irc-shell {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	border-radius: 0;
	min-height: min(72vh, 760px);
}

.tsc-irc-shell.tsc-index-block {
	border-radius: 0.75rem;
	border: 1px solid var(--irc-border) !important;
	background: var(--irc-surface) !important;
	box-shadow: 0 10px 25px rgb(0 0 0 / 0.35) !important;
}

.tsc-irc-body--fullscreen {
	margin: 0;
	min-height: 100vh;
	color: rgb(244 244 245);
}

html[data-tsc-theme="light"] .tsc-irc-body--fullscreen {
	color: var(--tsc-text, rgb(24 24 27));
}

.tsc-irc-fs-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.65rem 1rem;
	border-bottom: 1px solid rgb(39 39 42);
	background: linear-gradient(180deg, rgb(24 24 27 / 0.98), rgb(9 9 11 / 0.95));
	backdrop-filter: blur(8px);
	min-height: 3rem;
}

html[data-tsc-theme="light"] .tsc-irc-fs-header {
	background: var(--tsc-bg-surface);
	border-color: var(--tsc-border);
}

.tsc-irc-fs-brand {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 700;
	font-size: 0.92rem;
	color: rgb(244 244 245);
}

html[data-tsc-theme="light"] .tsc-irc-fs-brand {
	color: var(--tsc-text);
}

.tsc-irc-fs-net {
	color: rgb(251 146 60);
	font-weight: 600;
	font-size: 0.8rem;
}

.tsc-irc-fs-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: rgb(161 161 170);
	text-decoration: none;
	font-size: 0.82rem;
	padding: 0.35rem 0.6rem;
	border-radius: 0.375rem;
	border: 1px solid rgb(63 63 70);
	background: rgb(24 24 27);
}

.tsc-irc-fs-link:hover {
	color: rgb(251 146 60);
	border-color: rgb(251 146 60 / 0.4);
	background: rgb(39 39 42);
}

html[data-tsc-theme="light"] .tsc-irc-fs-link {
	color: var(--tsc-text-muted);
	border-color: var(--tsc-border);
	background: var(--tsc-bg-muted);
}

.tsc-irc-fs-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.45rem;
	flex: 0 0 auto;
}

.tsc-irc-embedded-actions {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	flex-shrink: 0;
}

.tsc-irc-fs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	color: rgb(161 161 170);
	font-size: 0.82rem;
	padding: 0.35rem 0.65rem;
	border-radius: 0.375rem;
	border: 1px solid rgb(63 63 70);
	background: rgb(24 24 27);
	cursor: pointer;
}

.tsc-irc-fs-btn:hover {
	color: rgb(251 146 60);
	border-color: rgb(251 146 60 / 0.4);
	background: rgb(39 39 42);
}

.tsc-irc-fs-btn--danger:hover {
	color: rgb(248 113 113);
	border-color: rgb(248 113 113 / 0.45);
}

.tsc-irc-fs-btn--icon {
	padding: 0.35rem 0.5rem;
}

html[data-tsc-theme="light"] .tsc-irc-fs-btn {
	color: var(--tsc-text-muted);
	border-color: var(--tsc-border);
	background: var(--tsc-bg-muted);
}

.tsc-irc-fs-main {
	padding: 0.75rem;
	height: calc(100vh - 52px);
	box-sizing: border-box;
}

.tsc-irc-body--embedded .tsc-irc-fs-header { display: none; }
.tsc-irc-body--embedded .tsc-irc-fs-main { height: 100vh; padding: 0; }

.tsc-irc-embedded-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.4rem 0.55rem;
	border-bottom: 1px solid var(--irc-border-soft);
	background: var(--irc-surface-header);
}

.tsc-irc-embedded-title {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--irc-text);
}

.tsc-irc-app--embedded .tsc-irc-shell {
	min-height: calc(100vh - 2.2rem);
}

.tsc-theme-toggle--irc {
	position: static;
	top: auto;
	right: auto;
	z-index: auto;
	flex-shrink: 0;
	min-height: auto;
	padding: 0.35rem 0.55rem;
	border-radius: 0.375rem;
	font-size: 0.72rem;
}

.tsc-theme-toggle--irc .tsc-theme-toggle__label {
	white-space: nowrap;
}

@media (max-width: 720px) {
	.tsc-theme-toggle--irc .tsc-theme-toggle__label {
		display: none;
	}

	.tsc-irc-fs-btn span:not(.tsc-icon) {
		display: none;
	}

	.tsc-irc-fs-btn {
		padding: 0.35rem 0.5rem;
	}
}

/* Shell = index-block Look (Dark) */
.tsc-irc-app {
	--irc-bg: rgb(9 9 11);
	--irc-surface: rgb(24 24 27 / 0.55);
	--irc-surface-solid: rgb(24 24 27);
	--irc-surface-header: linear-gradient(180deg, rgb(24 24 27 / 0.95), rgb(9 9 11 / 0.9));
	--irc-border: rgb(39 39 42 / 0.85);
	--irc-border-soft: rgb(39 39 42);
	--irc-text: rgb(244 244 245);
	--irc-muted: rgb(161 161 170);
	--irc-accent: rgb(251 146 60);
	--irc-accent-strong: rgb(234 88 12);
	--irc-accent-soft: rgb(251 146 60 / 0.12);
	min-height: min(76vh, 800px);
}

.tsc-irc-app--fullscreen {
	min-height: 100%;
	height: 100%;
}

html[data-tsc-theme="light"] .tsc-irc-app {
	--irc-bg: var(--tsc-bg-base, rgb(244 244 245));
	--irc-surface: var(--tsc-bg-surface, rgb(255 255 255));
	--irc-surface-solid: var(--tsc-bg-surface, rgb(255 255 255));
	--irc-surface-header: linear-gradient(180deg, rgb(250 250 250), rgb(244 244 245));
	--irc-border: var(--tsc-border, rgb(212 212 216));
	--irc-border-soft: var(--tsc-border, rgb(212 212 216));
	--irc-text: var(--tsc-text, rgb(24 24 27));
	--irc-muted: var(--tsc-text-muted, rgb(113 113 122));
	--irc-accent: var(--tsc-accent, rgb(234 88 12));
	--irc-accent-strong: var(--tsc-accent-hover, rgb(194 65 12));
	--irc-accent-soft: var(--tsc-accent-soft, rgb(234 88 12 / 0.12));
}

.tsc-irc-shell {
	display: grid;
	grid-template-columns: minmax(250px, 280px) 1fr;
	height: 100%;
	min-height: min(76vh, 800px);
	margin-bottom: 0 !important;
	overflow: hidden;
}

.tsc-irc-app--fullscreen .tsc-irc-shell {
	min-height: 100%;
}

.tsc-irc-sidebar {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	padding: 0.85rem;
	background: var(--irc-surface-header);
	border-right: 1px solid var(--irc-border-soft);
	min-height: 0;
}

.tsc-irc-sidebar-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
}

.tsc-irc-brand {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	color: var(--irc-text);
}

.tsc-irc-brand .tsc-icon { color: var(--irc-accent); }

.tsc-irc-brand-title {
	display: block;
	font-weight: 700;
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
}

.tsc-irc-brand-sub {
	display: block;
	font-size: 0.72rem;
	color: var(--irc-muted);
}

.tsc-irc-brand-sub.is-online { color: rgb(74 222 128); }
.tsc-irc-brand-sub.is-connecting { color: rgb(250 204 21); }

.tsc-irc-connect-card {
	padding: 0.8rem;
	border-radius: 0.5rem;
	border: 1px solid var(--irc-border-soft);
	background: rgb(9 9 11 / 0.45);
	display: grid;
	gap: 0.45rem;
}

html[data-tsc-theme="light"] .tsc-irc-connect-card {
	background: var(--tsc-bg-muted, rgb(250 250 250));
}

.tsc-irc-connect-card.is-hidden { display: none; }

.tsc-irc-label {
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--irc-muted);
}

.tsc-irc-check {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.8rem;
	color: var(--irc-muted);
}

.tsc-irc-input {
	width: 100%;
	border: 1px solid rgb(63 63 70);
	background: rgb(24 24 27);
	color: var(--irc-text);
	border-radius: 0.375rem;
	padding: 0.5rem 0.65rem;
	font-size: 0.88rem;
	outline: none;
}

html[data-tsc-theme="light"] .tsc-irc-input {
	background: var(--tsc-bg-surface);
	border-color: var(--tsc-border);
}

.tsc-irc-input:focus {
	border-color: rgb(251 146 60 / 0.45);
	box-shadow: 0 0 0 2px rgb(251 146 60 / 0.12);
}

.tsc-irc-input--sm {
	padding: 0.38rem 0.5rem;
	font-size: 0.8rem;
}

.tsc-irc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	border: 1px solid rgb(63 63 70);
	border-radius: 0.375rem;
	padding: 0.48rem 0.85rem;
	font-weight: 600;
	font-size: 0.82rem;
	cursor: pointer;
	background: rgb(24 24 27);
	color: var(--irc-text);
}

.tsc-irc-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.tsc-irc-btn--primary {
	background: linear-gradient(135deg, rgb(234 88 12), rgb(194 65 12));
	border-color: rgb(251 146 60 / 0.45);
	color: rgb(9 9 11);
}

html[data-tsc-theme="light"] .tsc-irc-btn--primary {
	color: #fff;
}

.tsc-irc-btn--primary:not(:disabled):hover {
	filter: brightness(1.05);
}

.tsc-irc-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 0.375rem;
	border: 1px solid rgb(63 63 70);
	background: rgb(24 24 27);
	color: rgb(161 161 170);
	cursor: pointer;
	text-decoration: none;
	padding: 0;
	line-height: 1;
}

.tsc-irc-icon-btn .tsc-icon {
	display: block;
}

.tsc-irc-icon-btn:hover {
	color: rgb(251 146 60);
	border-color: rgb(251 146 60 / 0.4);
	background: rgb(39 39 42);
}

html[data-tsc-theme="light"] .tsc-irc-icon-btn {
	background: var(--tsc-bg-muted);
	border-color: var(--tsc-border);
	color: var(--tsc-text-muted);
}

.tsc-irc-hint {
	margin: 0;
	font-size: 0.72rem;
	color: var(--irc-muted);
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

.tsc-irc-section-label {
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--irc-muted);
	margin-bottom: 0.3rem;
}

.tsc-irc-channel-list,
.tsc-irc-user-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.15rem;
	max-height: 9rem;
	overflow: auto;
}

.tsc-irc-channel-list li button,
.tsc-irc-user-list li button {
	width: 100%;
	text-align: left;
	border: none;
	background: transparent;
	color: var(--irc-text);
	padding: 0.38rem 0.5rem;
	border-radius: 0.375rem;
	cursor: pointer;
	font-size: 0.82rem;
}

.tsc-irc-channel-list li button.is-active,
.tsc-irc-channel-list li button:hover {
	background: var(--irc-accent-soft);
	color: var(--irc-accent);
}

.tsc-irc-user-list li button:hover {
	background: rgb(39 39 42 / 0.65);
}

.tsc-irc-join-form {
	display: flex;
	gap: 0.35rem;
	margin-top: 0.3rem;
}

.tsc-irc-main {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	background: var(--irc-bg);
}

.tsc-irc-topbar {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.75rem 1rem;
	border-bottom: 1px solid var(--irc-border-soft);
	background: var(--irc-surface-header);
}

.tsc-irc-menu-btn,
.tsc-irc-sidebar-close { display: none; }

.tsc-irc-topbar-center {
	flex: 1;
	min-width: 0;
}

.tsc-irc-channel-title {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--irc-text);
}

.tsc-irc-topic {
	margin: 0.12rem 0 0;
	font-size: 0.76rem;
	color: var(--irc-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tsc-irc-topbar-actions {
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.tsc-irc-pill {
	font-size: 0.68rem;
	padding: 0.2rem 0.5rem;
	border-radius: 999px;
	border: 1px solid rgb(63 63 70);
	color: var(--irc-muted);
	background: rgb(24 24 27);
}

html[data-tsc-theme="light"] .tsc-irc-pill {
	background: var(--tsc-bg-muted, rgb(250 250 250));
	border-color: var(--tsc-border, rgb(212 212 216));
	color: var(--tsc-text-muted, rgb(113 113 122));
}

.tsc-irc-tabbar {
	display: flex;
	align-items: flex-end;
	gap: 0.35rem;
	padding: 0 0.65rem;
	border-bottom: 1px solid var(--irc-border-soft);
	background: rgb(24 24 27 / 0.85);
	min-height: 2.35rem;
}

html[data-tsc-theme="light"] .tsc-irc-tabbar {
	background: var(--tsc-bg-muted);
}

.tsc-irc-tabbar-scroll {
	display: flex;
	align-items: flex-end;
	gap: 0.15rem;
	overflow-x: auto;
	overflow-y: hidden;
	flex: 1;
	min-width: 0;
	scrollbar-width: thin;
	scrollbar-color: rgb(63 63 70) transparent;
}

.tsc-irc-tabbar-scroll::-webkit-scrollbar {
	height: 4px;
}

.tsc-irc-tabbar-scroll::-webkit-scrollbar:vertical {
	width: 0;
	display: none;
}

.tsc-irc-tabbar-scroll::-webkit-scrollbar-thumb {
	background: rgb(63 63 70);
	border-radius: 999px;
}

html[data-tsc-theme="light"] .tsc-irc-tabbar-scroll::-webkit-scrollbar-thumb {
	background: rgb(161 161 170);
}

.tsc-irc-tab {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.42rem 0.65rem 0.5rem;
	margin-bottom: -1px;
	border-radius: 0.375rem 0.375rem 0 0;
	border: 1px solid transparent;
	border-bottom: none;
	background: transparent;
	color: var(--irc-muted);
	font-size: 0.78rem;
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.2;
}

.tsc-irc-tab:hover:not(.is-active) {
	background: rgb(39 39 42 / 0.45);
	border-color: rgb(63 63 70 / 0.55);
}

html[data-tsc-theme="light"] .tsc-irc-tab:hover:not(.is-active) {
	background: var(--tsc-bg-muted, rgb(250 250 250));
	border-color: var(--tsc-border, rgb(212 212 216));
}

.tsc-irc-tab.is-active {
	background: var(--irc-bg);
	border-color: var(--irc-border-soft);
	border-bottom: 1px solid var(--irc-bg);
	color: var(--irc-text);
	position: relative;
	z-index: 1;
}

.tsc-irc-tab.is-query::before {
	content: '@';
	color: var(--irc-accent);
	font-weight: 700;
}

.tsc-irc-tab-unread {
	display: inline-flex;
	min-width: 1rem;
	height: 1rem;
	padding: 0 0.25rem;
	border-radius: 999px;
	background: var(--irc-accent-strong);
	color: #fff;
	font-size: 0.62rem;
	align-items: center;
	justify-content: center;
}

.tsc-irc-tab-close {
	border: none;
	background: transparent;
	color: inherit;
	cursor: pointer;
	opacity: 0.55;
	padding: 0 0.15rem;
	line-height: 1;
}

.tsc-irc-tab-add {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	margin-bottom: 0.35rem;
	border: 1px dashed rgb(63 63 70);
	border-radius: 0.375rem;
	background: rgb(24 24 27);
	color: var(--irc-muted);
	cursor: pointer;
	flex-shrink: 0;
	padding: 0;
	line-height: 1;
}

.tsc-irc-tab-add .tsc-icon {
	display: block;
}

.tsc-irc-tab-add:hover {
	color: var(--irc-accent);
	border-color: rgb(251 146 60 / 0.45);
}

html[data-tsc-theme="light"] .tsc-irc-tab-add {
	background: var(--tsc-bg-surface, rgb(255 255 255));
	border-color: var(--tsc-border, rgb(212 212 216));
	color: var(--tsc-text-muted, rgb(113 113 122));
}

html[data-tsc-theme="light"] .tsc-irc-tab-add:hover {
	background: var(--tsc-bg-muted, rgb(250 250 250));
}

.tsc-irc-feed-wrap {
	position: relative;
	flex: 1;
	min-height: 0;
	background: var(--irc-bg);
	border-top: none;
}

.tsc-irc-feed {
	height: 100%;
	overflow: auto;
	padding: 0.75rem 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.28rem;
}

.tsc-irc-msg {
	display: grid;
	grid-template-columns: 3.1rem 1fr;
	gap: 0.25rem 0.55rem;
	padding: 0.35rem 0.45rem;
	border-radius: 0.375rem;
}

.tsc-irc-msg--system {
	grid-template-columns: 1fr;
	background: rgb(24 24 27 / 0.65);
	border-left: 2px solid var(--irc-accent);
	font-size: 0.8rem;
	color: var(--irc-muted);
}

html[data-tsc-theme="light"] .tsc-irc-msg--system {
	background: var(--tsc-bg-muted, rgb(250 250 250));
	border-left-color: var(--irc-accent);
	color: var(--tsc-text-muted, rgb(113 113 122));
}

html[data-tsc-theme="light"] .tsc-irc-msg--system .tsc-irc-msg-body {
	color: var(--tsc-text-muted, rgb(113 113 122));
}

.tsc-irc-msg--own {
	background: rgb(251 146 60 / 0.08);
}

.tsc-irc-msg--mention {
	box-shadow: inset 0 0 0 1px rgb(251 146 60 / 0.35);
}

.tsc-irc-msg-time {
	font-size: 0.66rem;
	color: var(--irc-muted);
	font-variant-numeric: tabular-nums;
}

.tsc-irc-msg-body {
	min-width: 0;
	color: var(--irc-text);
	font-size: 0.86rem;
	line-height: 1.42;
	word-break: break-word;
}

.tsc-irc-msg-nick {
	border: none;
	background: none;
	padding: 0;
	font-weight: 700;
	cursor: pointer;
	font-size: 0.84rem;
}

.tsc-irc-scroll-btn {
	position: absolute;
	right: 0.75rem;
	bottom: 0.75rem;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.4rem 0.65rem;
	border-radius: 999px;
	border: 1px solid rgb(63 63 70);
	background: rgb(24 24 27);
	color: var(--irc-text);
	font-size: 0.74rem;
	cursor: pointer;
	box-shadow: 0 10px 25px rgb(0 0 0 / 0.35);
}

.tsc-irc-scroll-btn.hidden { display: none; }

.tsc-irc-composer {
	padding: 0.75rem 1rem;
	border-top: 1px solid var(--irc-border-soft);
	background: var(--irc-surface-header);
}

.tsc-irc-composer-row {
	display: flex;
	gap: 0.45rem;
}

.tsc-irc-composer-input { flex: 1; }

.tsc-irc-composer-hint {
	margin: 0.3rem 0 0;
	font-size: 0.68rem;
	color: var(--irc-muted);
}

.tsc-irc-dialog {
	border: 1px solid var(--irc-border-soft);
	border-radius: 0.75rem;
	padding: 0;
	background: rgb(24 24 27);
	color: var(--irc-text);
	max-width: 22rem;
}

.tsc-irc-dialog::backdrop {
	background: rgb(0 0 0 / 0.65);
}

.tsc-irc-dialog-form {
	padding: 1rem;
	display: grid;
	gap: 0.55rem;
}

.tsc-irc-dialog-form h3 {
	margin: 0;
	font-size: 0.95rem;
}

.tsc-irc-dialog-actions {
	display: flex;
	justify-content: flex-end;
	gap: 0.4rem;
}

.tsc-irc-unavailable {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 1rem;
}

.tsc-irc-hero {
	position: relative;
	margin-bottom: 1rem;
	padding: clamp(1rem, 3vw, 1.5rem);
	border-radius: 1rem;
	border: 1px solid rgb(251 146 60 / 0.28);
	background:
		radial-gradient(ellipse 75% 55% at 8% 0%, rgb(251 146 60 / 0.18), transparent 58%),
		linear-gradient(155deg, rgb(24 24 27 / 0.95), rgb(9 9 11 / 0.88));
	box-shadow: 0 20px 50px rgb(0 0 0 / 0.35), inset 0 1px 0 rgb(255 255 255 / 0.04);
	overflow: hidden;
}

html[data-tsc-theme="light"] .tsc-irc-hero {
	border-color: rgb(234 88 12 / 0.25);
	background:
		radial-gradient(ellipse 75% 55% at 8% 0%, rgb(251 146 60 / 0.12), transparent 58%),
		linear-gradient(155deg, rgb(255 255 255 / 0.98), rgb(244 244 245 / 0.95));
	box-shadow: 0 12px 32px rgb(0 0 0 / 0.08);
}

.tsc-irc-hero-glow {
	position: absolute;
	inset: -25% -10% auto;
	height: 65%;
	background: radial-gradient(ellipse at center, rgb(251 146 60 / 0.22), transparent 70%);
	pointer-events: none;
}

.tsc-irc-hero-inner {
	position: relative;
	z-index: 1;
}

.tsc-irc-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
	border: 1px solid rgb(251 146 60 / 0.35);
	background: rgb(251 146 60 / 0.1);
	font-size: 0.625rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgb(254 215 170);
	margin-bottom: 0.5rem;
}

html[data-tsc-theme="light"] .tsc-irc-hero-badge {
	color: rgb(194 65 12);
}

.tsc-irc-hero-title {
	margin: 0 0 0.35rem;
	font-size: clamp(1.25rem, 3vw, 1.6rem);
	font-weight: 800;
	color: rgb(244 244 245);
}

html[data-tsc-theme="light"] .tsc-irc-hero-title {
	color: var(--tsc-text, rgb(24 24 27));
}

.tsc-irc-hero-sub {
	margin: 0 0 0.75rem;
	font-size: 0.8125rem;
	color: rgb(161 161 170);
	line-height: 1.5;
	max-width: 42rem;
}

html[data-tsc-theme="light"] .tsc-irc-hero-sub {
	color: var(--tsc-text-muted, rgb(113 113 122));
}

.tsc-irc-hero-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.tsc-irc-hero-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.4rem 0.65rem;
	border-radius: 0.55rem;
	border: 1px solid rgb(39 39 42 / 0.65);
	background: rgb(9 9 11 / 0.45);
	font-size: 0.75rem;
	color: rgb(212 212 216);
}

html[data-tsc-theme="light"] .tsc-irc-hero-chip {
	border-color: var(--tsc-border, rgb(212 212 216));
	background: var(--tsc-bg-muted, rgb(250 250 250));
	color: var(--tsc-text, rgb(24 24 27));
}

.tsc-irc-hero-chip .tsc-icon {
	color: rgb(251 146 60);
}

.tsc-irc-hero-chip--link {
	text-decoration: none;
	transition: border-color 0.15s, color 0.15s;
}

.tsc-irc-hero-chip--link:hover {
	border-color: rgb(251 146 60 / 0.45);
	color: rgb(251 146 60);
}

.tsc-index-block--irc {
	border-color: rgb(63 63 70 / 0.55) !important;
}

@media (max-width: 900px) {
	.tsc-irc-shell {
		grid-template-columns: 1fr;
	}

	.tsc-irc-sidebar {
		position: fixed;
		inset: 0 auto 0 0;
		width: min(88vw, 300px);
		z-index: 60;
		transform: translateX(-105%);
		transition: transform 0.2s ease;
		box-shadow: 0 16px 48px rgb(0 0 0 / 0.55);
	}

	.tsc-irc-sidebar.is-open { transform: translateX(0); }

	.tsc-irc-menu-btn,
	.tsc-irc-sidebar-close { display: inline-flex; }

	.tsc-irc-app.is-sidebar-open::before {
		content: '';
		position: fixed;
		inset: 0;
		background: rgb(0 0 0 / 0.55);
		z-index: 50;
	}
}