/**
 * Oskurati — temi canale (shop Koins).
 * Material frames 5–6px + ambienti iper-realistici nei gap.
 * Cover utente: solo vignetta bassa (no filtro colore).
 */

@property --osk-ch-spin {
	syntax: '<angle>';
	inherits: false;
	initial-value: 0deg;
}

/* ---- Anteprima shop (scene + cover tematica: osk-channel-theme-previews.css) ---- */
.osk-ch-theme-preview {
	position: relative;
	width: 100%;
	height: 118px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--osk-ch-amb-bg, #121212);
	isolation: isolate;
}
.osk-ch-theme-preview__scene {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	background: var(--osk-ch-amb-bg, #0a0a0c);
}
.osk-ch-theme-preview__amb {
	position: absolute;
	inset: -8%;
}
.osk-ch-theme-preview__amb::before,
.osk-ch-theme-preview__amb::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.osk-ch-theme-preview__amb::before {
	background: var(--osk-ch-amb-a, radial-gradient(ellipse 70% 50% at 50% 80%, rgba(100, 149, 237, 0.12), transparent 60%));
	filter: blur(6px);
	opacity: 0.9;
}
.osk-ch-theme-preview__amb::after {
	background: var(--osk-ch-amb-b, transparent);
	filter: blur(4px);
	opacity: 0.75;
}
.osk-ch-theme-preview--animated .osk-ch-theme-preview__amb::before {
	animation: osk-ch-preview-amb-breathe 5s ease-in-out infinite;
}
.osk-ch-theme-preview__cover {
	position: relative;
	z-index: 1;
	height: 54px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.osk-ch-theme-preview__cover-img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #1a1a1e;
	background-size: cover;
	background-position: center;
}
.osk-ch-theme-preview__cover-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 0%, transparent 45%, rgba(0, 0, 0, 0.35) 78%, rgba(4, 4, 8, 0.82) 100%);
	pointer-events: none;
}
.osk-ch-theme-preview__sig {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%) perspective(200px) rotateX(14deg);
	font-size: 0.48rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: lowercase;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(165deg, #fff 0%, #ff8a9a 25%, #c41e3a 55%, #6b0a18 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.9));
}
.osk-ch-theme-preview__body {
	position: relative;
	z-index: 1;
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, transparent 100%);
}
@keyframes osk-ch-preview-amb-breathe {
	0%, 100% { opacity: 0.55; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.04); }
}
.osk-ch-theme-preview__surface {
	position: relative;
	height: 18px;
	border-radius: 6px;
	background: rgba(5, 5, 9, 0.88);
	border: 3px solid transparent;
	background-clip: padding-box, border-box;
	-webkit-background-clip: padding-box, border-box;
	background-image: linear-gradient(rgba(5, 5, 9, 0.88), rgba(5, 5, 9, 0.88)), var(--osk-ch-mat-band, linear-gradient(180deg, #ccc, #666));
	box-shadow: 0 0 10px var(--osk-ch-glow, rgba(255, 255, 255, 0.2));
}
.osk-ch-theme-preview__surface--sm {
	height: 14px;
	width: 72%;
	opacity: 0.92;
}

/* Anteprima shop: token via inline style da OSK_CH_THEME_VARS (JS) */

/* ---- Ambient backdrop (gap tra pannelli / sotto cover) ---- */
.osk-ch-theme-backdrop {
	background-color: var(--osk-ch-amb-bg, #07070a);
	overflow: hidden;
}
.osk-ch-theme-amb {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.osk-ch-theme-amb::before,
.osk-ch-theme-amb::after {
	content: "";
	position: absolute;
	inset: -12%;
	pointer-events: none;
}
.osk-ch-theme-amb::before {
	background: var(--osk-ch-amb-a, radial-gradient(ellipse 70% 50% at 50% 80%, rgba(100, 149, 237, 0.15), transparent 60%));
	animation: osk-ch-amb-breathe 5.5s ease-in-out infinite;
	filter: blur(clamp(8px, 2vw, 18px));
}
.osk-ch-theme-amb::after {
	background: var(--osk-ch-amb-b, transparent);
	animation: osk-ch-amb-drift 14s ease-in-out infinite alternate;
	filter: blur(clamp(6px, 1.5vw, 14px));
	opacity: 0.85;
}

/* Sfondo fotografico + overlay animato */
.osk-ch-theme-backdrop.osk-ch-theme-has-amb-img .osk-ch-theme-amb::before {
	background-image:
		linear-gradient(180deg, rgba(4, 4, 10, 0.42) 0%, rgba(2, 2, 8, 0.78) 100%),
		var(--osk-ch-amb-img, none);
	background-size: cover;
	background-position: center;
	filter: blur(0);
	animation: osk-ch-amb-img-ken 36s ease-in-out infinite alternate;
}
.osk-ch-theme-backdrop.osk-ch-theme-has-amb-img .osk-ch-theme-amb::after {
	opacity: 0.55;
	mix-blend-mode: screen;
}

.osk-ch-theme-backdrop.osk-ch-theme-cosmos .osk-ch-theme-amb::after {
	animation: osk-ch-nebula-drift 18s ease-in-out infinite alternate;
}
.osk-ch-theme-backdrop.osk-ch-theme-abyss .osk-ch-theme-amb::after {
	animation: osk-ch-abyss-pulse 7s ease-in-out infinite;
	background: radial-gradient(ellipse 50% 40% at 40% 80%, rgba(0, 220, 255, 0.14), transparent 58%);
	filter: none;
}
.osk-ch-theme-backdrop.osk-ch-theme-wraith .osk-ch-theme-amb::after {
	animation: osk-ch-wraith-fog 12s ease-in-out infinite alternate;
	background: radial-gradient(ellipse 90% 50% at 50% 100%, rgba(140, 180, 140, 0.16), transparent 62%);
	filter: blur(12px);
}
.osk-ch-theme-backdrop.osk-ch-theme-supernova .osk-ch-theme-amb::after {
	animation: osk-ch-supernova-flare 5s ease-in-out infinite;
	filter: none;
}
.osk-ch-theme-backdrop.osk-ch-theme-lavaflow .osk-ch-theme-amb::after {
	animation: osk-ch-lava-glow 4s ease-in-out infinite;
	background: radial-gradient(ellipse 80% 45% at 50% 100%, rgba(255, 80, 0, 0.22), transparent 62%);
	filter: none;
}
.osk-ch-theme-backdrop.osk-ch-theme-bloodmoon .osk-ch-theme-amb::before {
	background-image:
		radial-gradient(circle at 72% 22%, rgba(255, 60, 60, 0.28) 0%, rgba(120, 10, 10, 0.12) 22%, transparent 42%),
		var(--osk-ch-amb-a);
	animation: osk-ch-bloodmoon-pulse 6s ease-in-out infinite;
	filter: blur(0);
}
.osk-ch-theme-backdrop.osk-ch-theme-eclipse .osk-ch-theme-amb::before {
	animation: osk-ch-eclipse-glow 8s ease-in-out infinite;
	filter: blur(0);
}
.osk-ch-theme-backdrop.osk-ch-theme-eclipse .osk-ch-theme-amb::after {
	animation: osk-ch-eclipse-corona 10s linear infinite;
	filter: none;
	opacity: 0.75;
}

.osk-ch-theme-backdrop.osk-ch-theme-aurora .osk-ch-theme-amb::after {
	inset: 15% -20% auto -20%;
	height: 45%;
	animation: osk-ch-aurora-wave 10s ease-in-out infinite;
}
.osk-ch-theme-backdrop.osk-ch-theme-neon .osk-ch-theme-amb::after {
	inset: 0;
	background-size: clamp(20px, 5vw, 32px) clamp(20px, 5vw, 32px);
	opacity: 0.35;
	animation: osk-ch-grid-drift 6s linear infinite;
	filter: none;
}
.osk-ch-theme-backdrop.osk-ch-theme-midnight .osk-ch-theme-amb::before {
	background-image:
		radial-gradient(1px 1px at 15% 25%, rgba(255, 255, 255, 0.65), transparent),
		radial-gradient(1.5px 1.5px at 55% 15%, rgba(180, 200, 255, 0.7), transparent),
		radial-gradient(1px 1px at 85% 45%, rgba(255, 255, 255, 0.45), transparent),
		var(--osk-ch-amb-a);
}
.osk-ch-theme-backdrop.osk-ch-theme-storm .osk-ch-theme-amb::after {
	animation: osk-ch-bolt-flash 5s ease-in-out infinite;
	filter: none;
	opacity: 1;
	inset: 0;
}
.osk-ch-theme-backdrop.osk-ch-theme-grid .osk-ch-theme-amb::before {
	inset: 0;
	background-size: clamp(20px, 5vw, 28px) clamp(20px, 5vw, 28px);
	opacity: 0.4;
	filter: none;
	animation: osk-ch-grid-drift 4s linear infinite;
}
.osk-ch-theme-backdrop.osk-ch-theme-matrix .osk-ch-theme-amb::before {
	inset: 0;
	opacity: 0.45;
	filter: none;
	animation: osk-ch-matrix-fall 2s linear infinite;
}
.osk-ch-theme-backdrop.osk-ch-theme-glitch .osk-ch-theme-amb::before {
	inset: 0;
	opacity: 0.55;
	filter: none;
	animation: osk-ch-scan-roll 6s linear infinite;
}
.osk-ch-theme-backdrop.osk-ch-theme-plasma .osk-ch-theme-amb::before,
.osk-ch-theme-backdrop.osk-ch-theme-plasma .osk-ch-theme-amb::after {
	border-radius: 50%;
	width: 50%;
	height: 40%;
	inset: auto;
	filter: blur(clamp(16px, 4vw, 30px));
	animation: osk-ch-plasma-blob 7s ease-in-out infinite;
}
.osk-ch-theme-backdrop.osk-ch-theme-plasma .osk-ch-theme-amb::before {
	top: 30%;
	left: 10%;
}
.osk-ch-theme-backdrop.osk-ch-theme-plasma .osk-ch-theme-amb::after {
	bottom: 20%;
	right: 5%;
	animation-delay: -3s;
}
.osk-ch-theme-backdrop.osk-ch-theme-nebula .osk-ch-theme-amb::before {
	animation: osk-ch-nebula-drift 14s ease-in-out infinite alternate;
}
.osk-ch-theme-backdrop.osk-ch-theme-circuit .osk-ch-theme-amb::after {
	inset: 0;
	opacity: 0.3;
	filter: none;
	background-size: clamp(24px, 6vw, 40px) clamp(24px, 6vw, 40px);
	animation: osk-ch-circuit-pulse 3s ease-in-out infinite;
}
.osk-ch-theme-backdrop.osk-ch-theme-noir .osk-ch-theme-amb::after {
	inset: 0;
	opacity: 0.35;
	filter: none;
	animation: osk-ch-scan-roll 4s linear infinite;
}
.osk-ch-theme-backdrop.osk-ch-theme-amethyst .osk-ch-theme-amb::before {
	animation: osk-ch-sing-pulse 4s ease-in-out infinite;
}

@keyframes osk-ch-bolt-flash {
	0%, 89%, 100% { background: rgba(200, 220, 255, 0); }
	90% { background: rgba(220, 240, 255, 0.22); }
	92% { background: rgba(240, 250, 255, 0.35); }
	93% { background: rgba(200, 220, 255, 0); }
}
@keyframes osk-ch-matrix-fall {
	to { transform: translateY(12px); }
}
@keyframes osk-ch-scan-roll {
	to { transform: translateY(20px); }
}
@keyframes osk-ch-plasma-blob {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(15px, -20px) scale(1.12); }
}
@keyframes osk-ch-nebula-drift {
	from { transform: rotate(0) scale(1); }
	to { transform: rotate(3deg) scale(1.06); }
}
@keyframes osk-ch-circuit-pulse {
	0%, 100% { opacity: 0.2; }
	50% { opacity: 0.45; }
}
@keyframes osk-ch-sing-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.08); }
}

@keyframes osk-ch-amb-breathe {
	0%, 100% { opacity: 0.55; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.03); }
}
@keyframes osk-ch-amb-drift {
	from { transform: translate(0, 0); }
	to { transform: translate(2%, -1.5%); }
}
@keyframes osk-ch-aurora-wave {
	0%, 100% { transform: translateX(-4%) skewY(-2deg); opacity: 0.7; }
	50% { transform: translateX(4%) skewY(2deg); opacity: 1; }
}
@keyframes osk-ch-grid-drift {
	to { background-position: 0 clamp(20px, 5vw, 32px), clamp(20px, 5vw, 32px) 0; }
}
@keyframes osk-ch-mat-shimmer {
	0%, 100% { filter: brightness(1) saturate(1); }
	50% { filter: brightness(1.1) saturate(1.06); }
}
@keyframes osk-ch-spec-pass {
	0%, 20% { transform: translateX(-200%) skewX(-6deg); opacity: 0; }
	45%, 55% { opacity: 0.85; }
	80%, 100% { transform: translateX(280%) skewX(-6deg); opacity: 0; }
}
@keyframes osk-ch-spin {
	to { --osk-ch-spin: 360deg; }
}
@keyframes osk-ch-amb-img-ken {
	from { transform: scale(1.04) translate(0, 0); }
	to { transform: scale(1.1) translate(-1.5%, -1%); }
}
@keyframes osk-ch-abyss-pulse {
	0%, 100% { opacity: 0.45; transform: scale(1); }
	50% { opacity: 0.85; transform: scale(1.04); }
}
@keyframes osk-ch-wraith-fog {
	from { transform: translateY(0); opacity: 0.4; }
	to { transform: translateY(-3%); opacity: 0.75; }
}
@keyframes osk-ch-supernova-flare {
	0%, 100% { opacity: 0.5; transform: scale(1); }
	40% { opacity: 1; transform: scale(1.08); }
}
@keyframes osk-ch-lava-glow {
	0%, 100% { opacity: 0.55; }
	50% { opacity: 0.95; }
}
@keyframes osk-ch-bloodmoon-pulse {
	0%, 100% { opacity: 0.7; }
	50% { opacity: 1; }
}
@keyframes osk-ch-eclipse-glow {
	0%, 100% { filter: brightness(1); }
	50% { filter: brightness(1.15); }
}
@keyframes osk-ch-eclipse-corona {
	to { transform: rotate(360deg); }
}

.osk-ch-theme-backdrop ~ .ch-hub-bg-dim {
	background: linear-gradient(180deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.28) 50%, rgba(8, 8, 8, 0.42) 100%);
}

/* ---- Cover: foto pulita, solo vignetta leggibilità ---- */
.osk-ch-theme-mat .ch-hub-header__cover::after {
	background: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.42) 88%, rgba(4, 4, 8, 0.88) 100%) !important;
}

/* ---- Material frame su tutti i box hub ---- */
.osk-ch-theme-mat .ch-hub-surface {
	position: relative;
	overflow: visible;
	isolation: isolate;
	background: rgba(4, 4, 8, 0.07) !important;
	backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	-webkit-backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	border: clamp(3px, 0.75vw, 5px) solid transparent !important;
	border-radius: clamp(10px, 2.5vw, 14px);
	box-shadow: none !important;
}
.osk-ch-theme-mat .ch-hub-surface > * {
	position: relative;
	z-index: 2;
}
.osk-ch-theme-mat .ch-hub-surface::before {
	content: "";
	position: absolute;
	inset: clamp(-8px, -2vw, -12px);
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--osk-ch-glow, rgba(180, 200, 230, 0.35));
	filter: blur(clamp(10px, 2.5vw, 16px));
	opacity: var(--osk-ch-glow-opacity, 0.5);
	animation: osk-ch-amb-breathe 4.5s ease-in-out infinite;
}
.osk-ch-theme-mat .ch-hub-surface::after {
	content: "";
	position: absolute;
	inset: calc(-1 * clamp(3px, 0.75vw, 5px));
	border-radius: inherit;
	z-index: 1;
	pointer-events: none;
	padding: clamp(3px, 0.75vw, 5px);
	border: clamp(3px, 0.75vw, 5px) solid transparent;
	background:
		linear-gradient(rgba(5, 5, 9, 0.88), rgba(5, 5, 9, 0.88)) padding-box,
		var(--osk-ch-mat-band, linear-gradient(180deg, #e8eef8, #98a8b8, #2a3040, #d8e4f4, #fff, #687080, #141820, #a8b4c8)) border-box;
	background-clip: padding-box, border-box;
	-webkit-background-clip: padding-box, border-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.26),
		inset 0 -2px 0 rgba(0, 0, 0, 0.4),
		0 0 clamp(14px, 3vw, 22px) var(--osk-ch-glow, rgba(180, 200, 230, 0.35)),
		0 clamp(4px, 1vw, 8px) clamp(16px, 4vw, 24px) rgba(0, 0, 0, 0.45);
	animation: osk-ch-mat-shimmer 5s ease-in-out infinite;
}
.osk-ch-theme-mat.osk-ch-theme-tier-legend .ch-hub-surface {
	border-width: clamp(4px, 1vw, 6px) !important;
}
.osk-ch-theme-mat.osk-ch-theme-tier-legend .ch-hub-surface::after {
	inset: calc(-1 * clamp(4px, 1vw, 6px));
	padding: clamp(4px, 1vw, 6px);
	border-width: clamp(4px, 1vw, 6px);
}
.osk-ch-theme-mat.osk-ch-theme-aurora .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-neon .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-ice .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-copper .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-velvet .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-plasma .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-nebula .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-prism .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-steel .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-liquid-gold .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-opal .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-amethyst .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-amber .ch-hub-surface::after,
.osk-ch-theme-mat.osk-ch-theme-sapphire .ch-hub-surface::after {
	animation: osk-ch-mat-shimmer 5s ease-in-out infinite, osk-ch-spin 12s linear infinite;
}

/* Specular sweep (layer interno via box-shadow hack — no extra DOM) */
.osk-ch-theme-mat .ch-hub-identity::after,
.osk-ch-theme-mat .ch-hub-tabs::after {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

/* Tier animazioni extra */
.osk-ch-theme-mat.osk-ch-theme-ember .ch-hub-surface::after {
	border-bottom-width: clamp(4px, 1vw, 6px);
}
.osk-ch-theme-mat.osk-ch-theme-neon .ch-hub-surface::after {
	animation: osk-ch-mat-shimmer 4s ease-in-out infinite, osk-ch-spin 8s linear infinite;
}
.osk-ch-theme-mat.osk-ch-theme-glitch .ch-hub-surface::after {
	box-shadow:
		-3px 0 0 rgba(0, 255, 255, 0.25),
		3px 0 0 rgba(255, 0, 80, 0.25),
		0 0 clamp(14px, 3vw, 22px) var(--osk-ch-glow);
}

/* Signature Crimson — watermark 3D sulla cover (solo questo tema) */
.osk-ch-theme-mat.osk-ch-theme-crimson .ch-hub-header__cover {
	position: relative;
}
.osk-ch-theme-sig-mark {
	position: absolute;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%) perspective(400px) rotateX(18deg);
	font-size: clamp(0.72rem, 2.8vw, 0.95rem);
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: lowercase;
	z-index: 4;
	pointer-events: none;
	background: linear-gradient(165deg, #fff 0%, #ff8a9a 25%, #c41e3a 55%, #6b0a18 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 12px rgba(196, 30, 58, 0.5));
	animation: osk-ch-sig-shine 4s ease-in-out infinite;
}
@keyframes osk-ch-sig-shine {
	0%, 100% { filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 10px rgba(196, 30, 58, 0.4)); }
	50% { filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 22px rgba(255, 80, 100, 0.7)); }
}

/* ---- Viewer globale (newsfeed ecc.) ---- */
#osk-viewer-ch-theme-backdrop {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	display: none;
	background-color: var(--osk-ch-amb-bg, #07070a);
	overflow: hidden;
}
#osk-viewer-ch-theme-backdrop.is-visible {
	display: block;
	visibility: hidden;
	opacity: 0;
}
#osk-viewer-ch-theme-backdrop .osk-ch-theme-amb {
	position: absolute;
	inset: 0;
}
body.osk-viewer-ch-theme-on {
	background-color: var(--osk-ch-amb-bg, #0f0f0f) !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
body.osk-viewer-ch-theme-on::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: var(--osk-ch-amb-a, transparent);
	filter: blur(clamp(10px, 2.5vw, 20px));
	animation: osk-ch-amb-breathe 6s ease-in-out infinite;
	opacity: 0.9;
}

/* Navbar e drawer — zero override layout (solo niente pseudo-frame, eccetto hub progresso + amb drawer) */
body.osk-viewer-ch-theme-on .tag_header::before,
body.osk-viewer-ch-theme-on .tag_header::after,
body.osk-viewer-ch-theme-on .osk-nav-drawer::before,
body.osk-viewer-ch-theme-on .osk-nav-drawer::after,
body.osk-viewer-ch-theme-on .osk-nav-drawer *:not(.osk-ch-theme-amb-drawer):not(.osk-nav-drawer__progress-hub)::before,
body.osk-viewer-ch-theme-on .osk-nav-drawer *:not(.osk-ch-theme-amb-drawer):not(.osk-nav-drawer__progress-hub)::after,
body.osk-viewer-ch-theme-on .osk-ch-theme-preview::before,
body.osk-viewer-ch-theme-on .osk-ch-theme-preview::after,
body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame::before,
body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame::after {
	content: none !important;
	display: none !important;
}

body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame,
body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame * {
	isolation: auto !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame::before,
body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame::after,
body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame *::before,
body.osk-viewer-ch-theme-on .osk-ch-mat-no-frame *::after {
	content: none !important;
	display: none !important;
}
body.osk-viewer-ch-theme-on .tag_header.osk-ch-mat-no-frame {
	position: fixed !important;
	background: var(--body-bg, #0f1014) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
body.osk-viewer-ch-theme-on .tag_header .osk-global-search__form {
	display: flex !important;
	align-items: center !important;
	background: rgba(128, 128, 128, 0.08) !important;
	border: 1px solid rgba(128, 128, 128, 0.14) !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
body.osk-viewer-ch-theme-on .tag_header .osk-global-search__input {
	background: transparent !important;
	color: inherit !important;
	border: 0 !important;
}
body.osk-viewer-ch-theme-on .tag_header .osk-global-search__submit {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.6) !important;
	border: 0 !important;
	box-shadow: none !important;
}
body.osk-viewer-ch-theme-on .tag_header .home-chip,
body.osk-viewer-ch-theme-on .tag_header .osk-home-nav__chip,
body.osk-viewer-ch-theme-on .tag_header .osk-home-nav__cats-btn,
body.osk-viewer-ch-theme-on .tag_header .osk-newsfeed-nav__chip,
body.osk-viewer-ch-theme-on .tag_header .osk-top-nav__btn,
body.osk-viewer-ch-theme-on .tag_header .osk-top-nav__link,
body.osk-viewer-ch-theme-on .tag_header .osk-header-bar__action-btn {
	background: rgba(128, 128, 128, 0.1) !important;
	color: inherit !important;
	border: 1px solid transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}
body.osk-viewer-ch-theme-on .tag_header .home-chip.active,
body.osk-viewer-ch-theme-on .tag_header .osk-home-nav__chip.active,
body.osk-viewer-ch-theme-on .tag_header .osk-home-nav__cats-btn.active,
body.osk-viewer-ch-theme-on .tag_header .osk-newsfeed-nav__chip.active,
body.osk-viewer-ch-theme-on .tag_header .osk-newsfeed-nav__chip[aria-selected="true"] {
	background: var(--main, #e60000) !important;
	color: #fff !important;
	border-color: transparent !important;
}

body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] #container_content,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-shell-wrap.osk-nf-fusion-wrap,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-shell,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .osk-nf-compose-sticky,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .osk-nf-feed-stream {
	background: transparent;
}

/* ---- Material frame globale (tutta l'UI tranne home + watch) ---- */
body.osk-viewer-ch-theme-on:not([data-osk-page="home"]):not([data-osk-page="watch"]):not([data-osk-page="newsfeed"]) :is(
	.osk-ch-mat-surface,
	.ch-hub-surface,
	.osk-nf-post-card,
	.nf-post-card,
	.osk-koin-card,
	.osk-koin-earn-item,
	.osk-koin-shop-item,
	.osk-koin-donate-balance-card,
	.osk-msg-card,
	.osk-msg-context,
	.osk-msg-inbox,
	.osk-ch-panel,
	.osk-ch-premium-card,
	.osk-ch-highlight-card,
	.osk-ch-video-card,
	.osk-ch-comment-card,
	.osk-ch-table-panel,
	.osk-ch-filter-panel,
	.osk-interest-modal__panel,
	.osk-freedom__panel,
	.oa-artist-card,
	.osk-category-sheet__panel,
	.osk-category-card
):not(
	:is(
		.osk-ch-mat-surface,
		.ch-hub-surface,
		.osk-nf-post-card,
		.nf-post-card,
		.osk-koin-card,
		.osk-koin-earn-item,
		.osk-koin-shop-item,
		.osk-koin-donate-balance-card,
		.osk-msg-card,
		.osk-msg-context,
		.osk-msg-inbox,
		.osk-ch-panel,
		.osk-ch-premium-card,
		.osk-ch-highlight-card,
		.osk-ch-video-card,
		.osk-ch-comment-card,
		.osk-ch-table-panel,
		.osk-ch-filter-panel,
		.osk-interest-modal__panel,
		.osk-freedom__panel,
		.oa-artist-card,
		.osk-category-sheet__panel,
		.osk-category-card
	)
	:is(
		.osk-ch-mat-surface,
		.ch-hub-surface,
		.osk-nf-post-card,
		.nf-post-card,
		.osk-koin-card,
		.osk-koin-earn-item,
		.osk-koin-shop-item,
		.osk-koin-donate-balance-card,
		.osk-msg-card,
		.osk-msg-context,
		.osk-msg-inbox,
		.osk-ch-panel,
		.osk-ch-premium-card,
		.osk-ch-highlight-card,
		.osk-ch-video-card,
		.osk-ch-comment-card,
		.osk-ch-table-panel,
		.osk-ch-filter-panel,
		.osk-interest-modal__panel,
		.osk-freedom__panel,
		.oa-artist-card,
		.osk-category-sheet__panel,
		.osk-category-card
	)
):not(.osk-ch-mat-no-frame):not(.osk-ch-theme-preview):not(.osk-ch-theme-shop-island):not(.osk-ch-theme-shop-preview-root):not(.osk-msg-bubble):not(.tag_header *):not(.osk-nav-drawer *):not(#nf-feed-settings-view *) {
	position: relative;
	overflow: visible !important;
	isolation: isolate;
	background: rgba(4, 4, 8, 0.07) !important;
	backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	-webkit-backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	border: clamp(3px, 0.75vw, 5px) solid transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
body.osk-viewer-ch-theme-on:not([data-osk-page="home"]):not([data-osk-page="watch"]):not([data-osk-page="newsfeed"]) :is(
	.osk-ch-mat-surface,
	.ch-hub-surface,
	.osk-nf-post-card,
	.nf-post-card,
	.osk-koin-card,
	.osk-koin-earn-item,
	.osk-koin-shop-item,
	.osk-koin-donate-balance-card,
	.osk-msg-card,
	.osk-msg-context,
	.osk-msg-inbox,
	.osk-ch-panel,
	.osk-ch-premium-card,
	.osk-ch-highlight-card,
	.osk-ch-video-card,
	.osk-ch-comment-card,
	.osk-ch-table-panel,
	.osk-ch-filter-panel,
	.osk-interest-modal__panel,
	.osk-freedom__panel,
	.oa-artist-card,
	.osk-category-sheet__panel,
	.osk-category-card
):not(.osk-ch-mat-no-frame):not(.osk-ch-theme-shop-island):not(.osk-ch-theme-shop-preview-root) > * {
	position: relative;
	z-index: 2;
}
body.osk-viewer-ch-theme-on:not([data-osk-page="home"]):not([data-osk-page="watch"]):not([data-osk-page="newsfeed"]) :is(
	.osk-ch-mat-surface,
	.ch-hub-surface,
	.osk-nf-post-card,
	.nf-post-card,
	.osk-koin-card,
	.osk-koin-earn-item,
	.osk-koin-shop-item,
	.osk-koin-donate-balance-card,
	.osk-msg-card,
	.osk-msg-context,
	.osk-msg-inbox,
	.osk-ch-panel,
	.osk-ch-premium-card,
	.osk-ch-highlight-card,
	.osk-ch-video-card,
	.osk-ch-comment-card,
	.osk-ch-table-panel,
	.osk-ch-filter-panel,
	.osk-interest-modal__panel,
	.osk-freedom__panel,
	.oa-artist-card,
	.osk-category-sheet__panel,
	.osk-category-card
):not(.osk-ch-mat-no-frame):not(.osk-ch-theme-shop-island):not(.osk-ch-theme-shop-preview-root)::before {
	content: "";
	position: absolute;
	inset: clamp(-8px, -2vw, -12px);
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--osk-ch-glow, rgba(180, 200, 230, 0.35));
	filter: blur(clamp(10px, 2.5vw, 16px));
	opacity: var(--osk-ch-glow-opacity, 0.5);
	animation: osk-ch-amb-breathe 4.5s ease-in-out infinite;
}
body.osk-viewer-ch-theme-on:not([data-osk-page="home"]):not([data-osk-page="watch"]):not([data-osk-page="newsfeed"]) :is(
	.osk-ch-mat-surface,
	.ch-hub-surface,
	.osk-nf-post-card,
	.nf-post-card,
	.osk-koin-card,
	.osk-koin-earn-item,
	.osk-koin-shop-item,
	.osk-koin-donate-balance-card,
	.osk-msg-card,
	.osk-msg-context,
	.osk-msg-inbox,
	.osk-ch-panel,
	.osk-ch-premium-card,
	.osk-ch-highlight-card,
	.osk-ch-video-card,
	.osk-ch-comment-card,
	.osk-ch-table-panel,
	.osk-ch-filter-panel,
	.osk-interest-modal__panel,
	.osk-freedom__panel,
	.oa-artist-card,
	.osk-category-sheet__panel,
	.osk-category-card
):not(.osk-ch-mat-no-frame):not(.osk-ch-theme-shop-island):not(.osk-ch-theme-shop-preview-root)::after {
	content: "";
	position: absolute;
	inset: calc(-1 * clamp(3px, 0.75vw, 5px));
	border-radius: inherit;
	z-index: 1;
	pointer-events: none;
	padding: clamp(3px, 0.75vw, 5px);
	border: clamp(3px, 0.75vw, 5px) solid transparent;
	background:
		linear-gradient(rgba(5, 5, 9, 0.88), rgba(5, 5, 9, 0.88)) padding-box,
		var(--osk-ch-mat-band, linear-gradient(180deg, #e8eef8, #98a8b8, #2a3040, #d8e4f4, #fff, #687080, #141820, #a8b4c8)) border-box;
	background-clip: padding-box, border-box;
	-webkit-background-clip: padding-box, border-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 clamp(14px, 3vw, 22px) var(--osk-ch-glow, rgba(180, 200, 230, 0.35));
	animation: osk-ch-mat-shimmer 5s ease-in-out infinite;
}

/* Newsfeed — solo post card con material frame (sidebar e layout invariati) */
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .newsfeed-post-item.osk-nf-post-card,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card {
	position: relative;
	overflow: visible;
	isolation: isolate;
	background: rgba(4, 4, 8, 0.07) !important;
	backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	-webkit-backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	border: clamp(3px, 0.75vw, 5px) solid transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: var(--osk-nf-flat-text, rgba(255, 255, 255, 0.92));
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card > *,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card > * {
	position: relative;
	z-index: 2;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card::before,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card::before {
	content: "";
	position: absolute;
	inset: clamp(-8px, -2vw, -12px);
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--osk-ch-glow, rgba(180, 200, 230, 0.35));
	filter: blur(clamp(10px, 2.5vw, 16px));
	opacity: var(--osk-ch-glow-opacity, 0.5);
	animation: osk-ch-amb-breathe 4.5s ease-in-out infinite;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card::after,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card::after {
	content: "";
	position: absolute;
	inset: calc(-1 * clamp(3px, 0.75vw, 5px));
	border-radius: inherit;
	z-index: 1;
	pointer-events: none;
	padding: clamp(3px, 0.75vw, 5px);
	border: clamp(3px, 0.75vw, 5px) solid transparent;
	background:
		linear-gradient(rgba(5, 5, 9, 0.88), rgba(5, 5, 9, 0.88)) padding-box,
		var(--osk-ch-mat-band, linear-gradient(180deg, #e8eef8, #98a8b8, #2a3040, #d8e4f4, #fff, #687080, #141820, #a8b4c8)) border-box;
	background-clip: padding-box, border-box;
	-webkit-background-clip: padding-box, border-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 clamp(14px, 3vw, 22px) var(--osk-ch-glow, rgba(180, 200, 230, 0.35));
	animation: osk-ch-mat-shimmer 5s ease-in-out infinite;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card .card-header,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card .card-body,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card .card-header,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card .card-body {
	background: transparent !important;
}
/* Sidebar newsfeed — sticky + scroll interno (sempre desktop, con o senza tema) */
@media (min-width: 992px) {
	body.osk-topnav-layout[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-left,
	body.osk-topnav-layout[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-right {
		position: sticky !important;
		top: var(--osk-page-top, 78px) !important;
		align-self: flex-start !important;
		max-height: calc(100dvh - var(--osk-page-top, 78px) - 16px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		overscroll-behavior: contain;
	}
}
/* Sidebar newsfeed — material frame quando tema equipaggiato */
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-left .osk-nf-bussola,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-right .osk-nf-scout {
	position: relative;
	overflow: visible;
	isolation: isolate;
	background: rgba(4, 4, 8, 0.07) !important;
	backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	-webkit-backdrop-filter: blur(clamp(14px, 3vw, 22px)) saturate(1.35) brightness(1.05);
	border: clamp(3px, 0.75vw, 5px) solid transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-left .osk-nf-bussola > *,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-right .osk-nf-scout > * {
	position: relative;
	z-index: 2;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-left .osk-nf-bussola::before,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-right .osk-nf-scout::before {
	content: "";
	position: absolute;
	inset: clamp(-8px, -2vw, -12px);
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--osk-ch-glow, rgba(180, 200, 230, 0.35));
	filter: blur(clamp(10px, 2.5vw, 16px));
	opacity: var(--osk-ch-glow-opacity, 0.5);
	animation: osk-ch-amb-breathe 4.5s ease-in-out infinite;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-left .osk-nf-bussola::after,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-right .osk-nf-scout::after {
	content: "";
	position: absolute;
	inset: calc(-1 * clamp(3px, 0.75vw, 5px));
	border-radius: inherit;
	z-index: 1;
	pointer-events: none;
	padding: clamp(3px, 0.75vw, 5px);
	border: clamp(3px, 0.75vw, 5px) solid transparent;
	background:
		linear-gradient(rgba(5, 5, 9, 0.88), rgba(5, 5, 9, 0.88)) padding-box,
		var(--osk-ch-mat-band, linear-gradient(180deg, #e8eef8, #98a8b8, #2a3040, #d8e4f4, #fff, #687080, #141820, #a8b4c8)) border-box;
	background-clip: padding-box, border-box;
	-webkit-background-clip: padding-box, border-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 clamp(14px, 3vw, 22px) var(--osk-ch-glow, rgba(180, 200, 230, 0.35));
	animation: osk-ch-mat-shimmer 5s ease-in-out infinite;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] #nf-feed-settings-view,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] #nf-feed-settings-view * {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] #nf-feed-settings-view::before,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] #nf-feed-settings-view::after,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] #nf-feed-settings-view *::before,
body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] #nf-feed-settings-view *::after {
	content: none !important;
	display: none !important;
}

/* ==== STUDI — isolamento leggibilità con tema canale personalizzato ==== */
/* Area contenuto studio: base scura stabile (non trasparente sul tema) */
body.osk-viewer-ch-theme-on.osk-live-studio-suite #container_content,
body.osk-viewer-ch-theme-on.osk-radio-studio-suite #container_content,
body.osk-viewer-ch-theme-on.osk-live-studio-desk #container_content,
body.osk-viewer-ch-theme-on.osk-studio-broadcast-mob #container_content,
body.osk-viewer-ch-theme-on.oa-ai-suite-studio #container_content,
body.osk-viewer-ch-theme-on[data-osk-page="live_sessions"] #container_content {
	background: #0a0c12 !important;
	position: relative;
	z-index: 2;
}

/* Backdrop attenuato dietro Music / Live / Radio studio */
body.osk-viewer-ch-theme-on.osk-live-studio-suite #osk-viewer-ch-theme-backdrop,
body.osk-viewer-ch-theme-on.osk-radio-studio-suite #osk-viewer-ch-theme-backdrop,
body.osk-viewer-ch-theme-on.osk-live-studio-desk #osk-viewer-ch-theme-backdrop,
body.osk-viewer-ch-theme-on.osk-studio-broadcast-mob #osk-viewer-ch-theme-backdrop,
body.osk-viewer-ch-theme-on.oa-ai-suite-studio #osk-viewer-ch-theme-backdrop,
body.osk-viewer-ch-theme-on[data-osk-page="live_sessions"] #osk-viewer-ch-theme-backdrop {
	opacity: 0.28;
	filter: saturate(0.75) brightness(0.72);
}
body.osk-viewer-ch-theme-on.osk-live-studio-suite #osk-viewer-ch-theme-backdrop .osk-ch-theme-amb,
body.osk-viewer-ch-theme-on.osk-radio-studio-suite #osk-viewer-ch-theme-backdrop .osk-ch-theme-amb,
body.osk-viewer-ch-theme-on.oa-ai-suite-studio #osk-viewer-ch-theme-backdrop .osk-ch-theme-amb,
body.osk-viewer-ch-theme-on[data-osk-page="live_sessions"] #osk-viewer-ch-theme-backdrop .osk-ch-theme-amb {
	opacity: 0.45;
}

/* Shell studio: piano opaco sopra ambient tema */
body.osk-viewer-ch-theme-on :is(
	.osk-studio-pro--suite,
	.osk-studio.osk-studio-pro,
	.oa-ai-chat-pro--suite,
	#oaAiStudioSuite,
	#oaAiStudioSuiteMount > .oa-ai-chat-pro--suite,
	.oa-ai-studio.is-suite-studio,
	#oaAiCreateShell.is-suite-studio,
	#oaAiCreatePanel.is-suite-studio
) {
	position: relative;
	z-index: 3;
	isolation: isolate;
	color: rgba(255, 255, 255, 0.92);
	text-shadow: none;
}

body.osk-viewer-ch-theme-on :is(
	.osk-studio-pro--suite .osk-studio-pro__shell,
	.osk-studio-pro--suite .osk-studio-pro__desk,
	.osk-studio-pro--suite .osk-studio-pro__rail,
	.osk-studio-pro--suite .osk-studio-pro__head,
	.osk-studio-pro--suite .oa-ai-suite-hub,
	.oa-ai-chat-pro--suite .oa-ai-suite-hub,
	.oa-ai-chat-pro--suite .oa-ai-suite-rail,
	.oa-ai-chat-pro--suite .oa-ai-suite-main,
	.oa-ai-chat-pro--suite .oa-ai-suite-panel,
	.oa-ai-chat-pro--suite .oa-ai-studio__card,
	.osk-studio-pro--suite .oa-ai-suite-panel,
	.osk-studio-pro--suite .oa-ai-studio__card,
	.osk-studio-pro--suite .osk-radio-stage-hero,
	.osk-studio-pro--suite .osk-radio-scaletta,
	.osk-studio-pro--suite .osk-radio__channel,
	.osk-studio-pro--suite .osk-radio-console-section,
	.osk-studio-pro--suite .osk-suite-settings__section,
	.osk-studio-pro--suite .osk-studio__panel,
	.oa-ai-studio.is-suite-studio .oa-ai-hero__panel
) {
	background: rgba(10, 12, 18, 0.96) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
	overflow: hidden !important;
	color: rgba(255, 255, 255, 0.92);
}

/* Nessun frame material (::before/::after) dentro gli studi */
body.osk-viewer-ch-theme-on :is(
	.osk-studio-pro--suite,
	.oa-ai-chat-pro--suite,
	#oaAiStudioSuite,
	.oa-ai-studio.is-suite-studio
) :is(
	.oa-ai-suite-panel,
	.oa-ai-studio__card,
	.osk-studio-pro__head,
	.osk-radio-stage-hero,
	.osk-radio-scaletta,
	.osk-radio__channel,
	.osk-radio-console-section,
	.osk-suite-settings__section,
	.osk-studio__panel,
	.oa-ai-hero__panel
)::before,
body.osk-viewer-ch-theme-on :is(
	.osk-studio-pro--suite,
	.oa-ai-chat-pro--suite,
	#oaAiStudioSuite,
	.oa-ai-studio.is-suite-studio
) :is(
	.oa-ai-suite-panel,
	.oa-ai-studio__card,
	.osk-studio-pro__head,
	.osk-radio-stage-hero,
	.osk-radio-scaletta,
	.osk-radio__channel,
	.osk-radio-console-section,
	.osk-suite-settings__section,
	.osk-studio__panel,
	.oa-ai-hero__panel
)::after {
	content: none !important;
	display: none !important;
	animation: none !important;
	opacity: 0 !important;
}

/* Controlli / testo leggibili */
body.osk-viewer-ch-theme-on :is(
	.osk-studio-pro--suite,
	.oa-ai-chat-pro--suite,
	#oaAiStudioSuite
) :is(
	input,
	textarea,
	select,
	.oa-ai-input,
	.oa-ai-label,
	.osk-studio-pro__brand-sub,
	.osk-studio__metric-row,
	.oa-ai-suite-panel__title,
	.oa-ai-suite-tl-track__name
) {
	color: rgba(255, 255, 255, 0.9);
}
body.osk-viewer-ch-theme-on :is(
	.osk-studio-pro--suite,
	.oa-ai-chat-pro--suite,
	#oaAiStudioSuite
) :is(input, textarea, select, .oa-ai-input) {
	background: rgba(0, 0, 0, 0.45) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Scroll interno pannelli studio */
body.osk-viewer-ch-theme-on .oa-ai-suite-panel__body,
body.osk-viewer-ch-theme-on .oa-ai-suite-panel__body--stage,
body.osk-viewer-ch-theme-on .oa-ai-suite-panel__body--console,
body.osk-viewer-ch-theme-on .osk-studio-pro__console-body {
	overflow: auto !important;
	min-height: 0;
	background: transparent !important;
	color: inherit;
}

/* Drawer utente — solo fix posizione a destra se leak CSS tema */
body.osk-viewer-ch-theme-on .osk-nav-drawer__panel {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
	bottom: 0 !important;
}
body.osk-viewer-ch-theme-on.user_menu_open .osk-nav-drawer__panel {
	transform: translateX(0) !important;
}

/* Pannello utente — tema canale equipaggiato (anche su timeline / pagine senza backdrop globale) */
.osk-nav-drawer__panel.osk-ch-drawer-themed {
	position: absolute;
	isolation: isolate;
	background: linear-gradient(168deg, rgba(6, 6, 10, .97), rgba(3, 3, 6, .99)) !important;
	border-left-color: color-mix(in srgb, var(--osk-ch-accent, #e60000) 28%, rgba(255, 255, 255, .08)) !important;
	box-shadow:
		-16px 0 48px rgba(0, 0, 0, .5),
		inset 1px 0 0 color-mix(in srgb, var(--osk-ch-glow, rgba(180, 200, 230, .35)) 35%, transparent);
}

.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-ch-theme-amb-drawer {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-ch-theme-amb-drawer::before,
.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-ch-theme-amb-drawer::after {
	content: "";
	position: absolute;
	inset: -12%;
	pointer-events: none;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-ch-theme-amb-drawer::before {
	background: var(--osk-ch-amb-a, radial-gradient(ellipse 80% 60% at 50% 0%, rgba(100, 149, 237, .14), transparent 62%));
	filter: blur(clamp(8px, 2vw, 14px));
	opacity: .88;
	animation: osk-ch-amb-breathe 6s ease-in-out infinite;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-ch-theme-amb-drawer::after {
	background: var(--osk-ch-amb-b, transparent);
	filter: blur(clamp(6px, 1.5vw, 10px));
	opacity: .72;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-nav-drawer__header,
.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-nav-drawer__body,
.osk-nav-drawer__panel.osk-ch-drawer-themed > .osk-nav-drawer__footer {
	position: relative;
	z-index: 1;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed .osk-nav-drawer__header {
	border-bottom-color: color-mix(in srgb, var(--osk-ch-accent, #e60000) 18%, rgba(255, 255, 255, .08));
}

.osk-nav-drawer__panel.osk-ch-drawer-themed .osk-nav-drawer__progress-hub.osk-ch-mat-surface {
	position: relative;
	overflow: visible;
	isolation: isolate;
	background: rgba(4, 4, 8, .12) !important;
	backdrop-filter: blur(clamp(12px, 2.5vw, 18px)) saturate(1.3) brightness(1.04);
	-webkit-backdrop-filter: blur(clamp(12px, 2.5vw, 18px)) saturate(1.3) brightness(1.04);
	border: clamp(2px, .55vw, 4px) solid transparent !important;
	box-shadow: none !important;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed .osk-nav-drawer__progress-hub.osk-ch-mat-surface::before {
	content: "";
	position: absolute;
	inset: clamp(-6px, -1.5vw, -10px);
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--osk-ch-glow, rgba(180, 200, 230, .35));
	filter: blur(clamp(8px, 2vw, 12px));
	opacity: var(--osk-ch-glow-opacity, .45);
	animation: osk-ch-amb-breathe 4.5s ease-in-out infinite;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed .osk-nav-drawer__progress-hub.osk-ch-mat-surface::after {
	content: "";
	position: absolute;
	inset: calc(-1 * clamp(2px, .55vw, 4px));
	border-radius: inherit;
	z-index: 1;
	pointer-events: none;
	padding: clamp(2px, .55vw, 4px);
	border: clamp(2px, .55vw, 4px) solid transparent;
	background:
		linear-gradient(rgba(5, 5, 9, .86), rgba(5, 5, 9, .86)) padding-box,
		var(--osk-ch-mat-band, linear-gradient(180deg, #e8eef8, #98a8b8, #2a3040, #d8e4f4, #fff, #687080, #141820, #a8b4c8)) border-box;
	background-clip: padding-box, border-box;
	-webkit-background-clip: padding-box, border-box;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.osk-nav-drawer__panel.osk-ch-drawer-themed .osk-nav-drawer__progress-hub.osk-ch-mat-surface > * {
	position: relative;
	z-index: 2;
}

.osk-nav-drawer__panel.osk-ch-drawer-themed .osk-nav-drawer__progress-tile--level .osk-nav-drawer__progress-xp > span {
	background: linear-gradient(90deg, color-mix(in srgb, var(--osk-ch-accent, #e60000) 88%, #fff), color-mix(in srgb, var(--osk-ch-accent, #e60000) 55%, #ffb4b4));
}

@media (max-width: 768px) {
	.osk-ch-theme-mat .ch-hub-stack {
		gap: clamp(10px, 2.5vw, 14px);
	}
	.osk-ch-theme-amb::before,
	.osk-ch-theme-amb::after {
		inset: -8%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.osk-ch-theme-amb::before,
	.osk-ch-theme-amb::after,
	.osk-ch-theme-mat .ch-hub-surface::before,
	.osk-ch-theme-mat .ch-hub-surface::after,
	body.osk-viewer-ch-theme-on:not([data-osk-page="home"]):not([data-osk-page="watch"]):not([data-osk-page="newsfeed"]) :is(
		.osk-ch-mat-surface,
		.ch-hub-surface,
		.osk-nf-post-card,
		.nf-post-card,
		.osk-koin-card,
		.osk-msg-card,
		.osk-ch-panel
	):not(.osk-ch-mat-no-frame):not(.osk-ch-theme-shop-island)::before,
	body.osk-viewer-ch-theme-on:not([data-osk-page="home"]):not([data-osk-page="watch"]):not([data-osk-page="newsfeed"]) :is(
		.osk-ch-mat-surface,
		.ch-hub-surface,
		.osk-nf-post-card,
		.nf-post-card,
		.osk-koin-card,
		.osk-msg-card,
		.osk-ch-panel
	):not(.osk-ch-mat-no-frame):not(.osk-ch-theme-shop-island)::after,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-left .osk-nf-bussola::before,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-right .osk-nf-scout::before,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-left .osk-nf-bussola::after,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-fusion-wrap .nf-sidebar-right .osk-nf-scout::after,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card::before,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card::before,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .osk-nf-post-card::after,
	body.osk-viewer-ch-theme-on[data-osk-page="newsfeed"] .nf-post-card::after,
	body.osk-viewer-ch-theme-on::before {
		animation: none !important;
	}
}