/* ZVOOKO Vibe Layer — lightweight home-page visual enhancement. */
.home-hero {
	position: relative;
	isolation: isolate;
	padding: 1.25rem;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 26px;
	background:
		radial-gradient(circle at 7% 12%, rgba(255,49,133,.18), transparent 32%),
		radial-gradient(circle at 88% 82%, rgba(87,79,255,.16), transparent 33%),
		linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
	box-shadow: 0 28px 80px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.07);
}
.home-hero::before,
.home-hero::after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 190px;
	height: 190px;
	border-radius: 50%;
	filter: blur(72px);
	opacity: .45;
	pointer-events: none;
}
.home-hero::before {left: 4%; top: -50px; background: #ff267a;}
.home-hero::after {right: 8%; bottom: -75px; background: #625bff;}
.home-hero .collection-main,
.home-hero .collection-item__img,
.home-hero .track-item {
	transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.home-hero .collection-main:hover,
.home-hero .collection-item:hover .collection-item__img {
	transform: translateY(-4px);
	box-shadow: 0 18px 42px rgba(0,0,0,.34);
}
.home-hero .sect__right {
	padding: 1.125rem;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 20px;
	background: rgba(10,10,14,.42);
	backdrop-filter: blur(18px);
}
.home-hero .track-item:hover {
	transform: translateX(5px);
	border-color: rgba(255,255,255,.14);
}

.vibe-panel {
	--vibe-pink: #ff3c8e;
	--vibe-purple: #7a5cff;
	position: relative;
	display: grid;
	grid-template-columns: minmax(230px,.75fr) minmax(0,1.75fr);
	gap: 24px;
	margin: 32px 0 45px;
	padding: 1.5625rem;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 26px;
	color: #fff;
	background:
		radial-gradient(circle at 16% 15%, rgba(255,60,142,.24), transparent 36%),
		radial-gradient(circle at 92% 90%, rgba(87,76,255,.28), transparent 38%),
		linear-gradient(130deg, #15131d 0%, #101117 52%, #161326 100%);
	box-shadow: 0 30px 80px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.08);
}
.vibe-panel::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: .16;
	pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
	background-size: 34px 34px;
	mask-image: linear-gradient(90deg, #000, transparent 75%);
}
.vibe-panel__intro,
.vibe-moods {position: relative; z-index: 1;}
.vibe-panel__intro {display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: .5rem .3125rem;}
.vibe-panel__eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	color: rgba(255,255,255,.64);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .2em;
}
.vibe-panel__eyebrow span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #62f4a7;
	box-shadow: 0 0 0 5px rgba(98,244,167,.1), 0 0 20px rgba(98,244,167,.7);
	animation: vibe-pulse 2.2s ease-in-out infinite;
}
.vibe-panel h2 {margin: 0; max-width: 330px; font-size: clamp(25px,2.6vw,39px); line-height: 1.05; letter-spacing: -.045em;}
.vibe-panel h2 em {display: block; color: transparent; font-style: normal; background: linear-gradient(90deg, #ff6bab, #a99aff); -webkit-background-clip: text; background-clip: text;}
.vibe-panel p {max-width: 310px; margin: 13px 0 18px; color: rgba(255,255,255,.56); font-size: 13px; line-height: 1.55;}
.vibe-eq {display: flex; align-items: end; gap: 4px; height: 26px;}
.vibe-eq i {display: block; width: 3px; height: 30%; border-radius: 9px; background: linear-gradient(to top, var(--vibe-purple), var(--vibe-pink)); animation: vibe-wave 1.1s ease-in-out infinite alternate; transform-origin: bottom;}
.vibe-eq i:nth-child(2) {animation-delay: -.75s}.vibe-eq i:nth-child(3) {animation-delay: -.2s}.vibe-eq i:nth-child(4) {animation-delay: -.9s}.vibe-eq i:nth-child(5) {animation-delay: -.45s}.vibe-eq i:nth-child(6) {animation-delay: -.65s}.vibe-eq i:nth-child(7) {animation-delay: -.1s}.vibe-eq i:nth-child(8) {animation-delay: -.8s}.vibe-eq i:nth-child(9) {animation-delay: -.35s}

.vibe-moods {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;}
.vibe-mood {
	--mood-rgb: 255,60,142;
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0,1fr) 28px;
	align-items: center;
	gap: 12px;
	min-height: 86px;
	padding: .875rem;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 18px;
	color: #fff;
	background: linear-gradient(135deg, rgba(var(--mood-rgb),.16), rgba(255,255,255,.035));
	box-shadow: inset 0 1px rgba(255,255,255,.06);
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.vibe-mood::after {
	content: '';
	position: absolute;
	right: -26px;
	top: -38px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(var(--mood-rgb),.22);
	filter: blur(28px);
	transition: transform .4s ease, opacity .4s ease;
}
.vibe-mood:hover,
.vibe-mood:focus-visible {
	transform: translateY(-4px);
	border-color: rgba(var(--mood-rgb),.55);
	box-shadow: 0 18px 35px rgba(0,0,0,.26), 0 0 26px rgba(var(--mood-rgb),.1);
}
.vibe-mood:hover::after {transform: scale(1.35); opacity: .9;}
.vibe-mood__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(var(--mood-rgb),.38);
	border-radius: 15px;
	font-size: 22px;
	background: rgba(var(--mood-rgb),.16);
	box-shadow: inset 0 1px rgba(255,255,255,.12);
}
.vibe-mood__copy {min-width: 0;}
.vibe-mood__copy strong,
.vibe-mood__copy small {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.vibe-mood__copy strong {font-size: 14px; letter-spacing: -.01em;}
.vibe-mood__copy small {margin-top: 5px; color: rgba(255,255,255,.5); font-size: 11px;}
.vibe-mood__arrow {position: relative; z-index: 1; color: rgba(255,255,255,.44); font-size: 18px; transition: transform .25s ease, color .25s ease;}
.vibe-mood:hover .vibe-mood__arrow {transform: translate(3px,-3px); color: #fff;}
.vibe-mood--road {--mood-rgb: 52,198,255;}
.vibe-mood--energy {--mood-rgb: 255,171,54;}
.vibe-mood--love {--mood-rgb: 171,98,255;}

.vibe-flow {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0,1fr) auto auto;
	align-items: center;
	gap: 18px;
	margin-top: 2px;
	padding-top: 1.125rem;
	border-top: 1px solid rgba(255,255,255,.08);
}
.vibe-flow__copy span,
.vibe-flow__copy strong {display: block;}
.vibe-flow__copy span {
	margin-bottom: 3px;
	color: rgba(255,255,255,.42);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .2em;
}
.vibe-flow__copy strong {
	color: #fff;
	font-size: 14px;
	letter-spacing: -.01em;
}
.vibe-flow__signal {display: flex; align-items: center; gap: 5px;}
.vibe-flow__signal i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #65f4c2;
	box-shadow: 0 0 14px rgba(101,244,194,.75);
	animation: vibe-flow-pulse 1.4s ease-in-out infinite;
}
.vibe-flow__signal i:nth-child(2) {animation-delay: .18s;}
.vibe-flow__signal i:nth-child(3) {animation-delay: .36s;}
.vibe-flow__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 42px;
	padding: 0 1.125rem;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 999px;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em;
	background: rgba(255,255,255,.07);
	box-shadow: inset 0 1px rgba(255,255,255,.08);
	transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.vibe-flow__action span {font-size: 19px; transition: transform .25s ease;}
.vibe-flow__action:hover,
.vibe-flow__action:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(101,244,194,.45);
	background: rgba(101,244,194,.12);
	box-shadow: 0 10px 28px rgba(0,0,0,.2), 0 0 20px rgba(101,244,194,.08);
}
.vibe-flow__action:hover span {transform: translateX(3px);}

.smart-listen {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 18px;
	margin: -19px 0 45px;
}
.smart-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 215px;
	padding: 1.375rem;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 24px;
	color: #fff;
	box-shadow: 0 22px 55px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.07);
}
.smart-card--wave {
	background:
		radial-gradient(circle at 87% 14%, rgba(84,234,184,.2), transparent 34%),
		radial-gradient(circle at 9% 100%, rgba(65,109,255,.2), transparent 42%),
		linear-gradient(135deg, #14191c, #11151b 60%, #121d1a);
}
.smart-card--continue {
	background:
		radial-gradient(circle at 95% 0, rgba(255,91,154,.16), transparent 39%),
		linear-gradient(135deg, #17151b, #101217 62%, #1b141b);
}
.smart-card__eyebrow {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgba(255,255,255,.56);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .17em;
}
.smart-card__eyebrow > i {width: 6px; height: 6px; border-radius: 50%; background: #62efba; box-shadow: 0 0 13px rgba(98,239,186,.8);}
.smart-card--continue .smart-card__eyebrow > i {background: #ff6da8; box-shadow: 0 0 13px rgba(255,109,168,.75);}
.smart-card__eyebrow > span {margin-left: auto; color: rgba(255,255,255,.34); font-size: 8px;}
.smart-card__content {position: relative; z-index: 1; display: flex; align-items: center; gap: 18px; margin: 22px 0 18px;}
.smart-card__copy {min-width: 0; flex: 1;}
.smart-card h2 {margin: 0; font-size: clamp(22px,2vw,30px); line-height: 1.06; letter-spacing: -.04em;}
.smart-card p {margin: 8px 0 0; color: rgba(255,255,255,.5); font-size: 11px; line-height: 1.45;}
.smart-orbit {position: relative; display: grid; place-items: center; width: 68px; height: 68px; flex: 0 0 68px; border: 1px solid rgba(98,239,186,.19); border-radius: 50%;}
.smart-orbit::before,.smart-orbit::after {content: ''; position: absolute; inset: 8px; border: 1px solid rgba(98,239,186,.13); border-radius: 50%;}
.smart-orbit::after {inset: 17px;}
.smart-orbit > i {position: absolute; inset: -1px; border-top: 1px solid #62efba; border-radius: 50%; animation: smart-orbit 5s linear infinite;}
.smart-orbit > span {color: #62efba; font-size: 25px; text-shadow: 0 0 16px rgba(98,239,186,.65);}
.smart-card__action {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	min-height: 42px;
	margin-top: auto;
	padding: 0 .9375rem;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 13px;
	color: #fff;
	background: rgba(255,255,255,.055);
	font-size: 11px;
	font-weight: 750;
	letter-spacing: .02em;
	transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.smart-card__action:hover,.smart-card__action:focus-visible {transform: translateY(-2px); border-color: rgba(98,239,186,.36); background: rgba(98,239,186,.1);}
.smart-card__action span {font-size: 18px;}
.smart-card__action:disabled {cursor: default; opacity: .38; transform: none;}
.continue-track {position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; margin: 20px 0 18px; min-width: 0;}
.continue-track__cover {position: relative; width: 66px; height: 66px; flex: 0 0 66px; overflow: hidden; border-radius: 17px; background: rgba(255,255,255,.07);}
.continue-track__cover img {width: 100%; height: 100%; object-fit: cover; opacity: .55; transition: opacity .25s ease, transform .3s ease;}
.has-track .continue-track__cover img {opacity: 1;}
.continue-track__cover span {position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 16px; text-shadow: 0 2px 12px rgba(0,0,0,.65);}
.continue-track__copy {min-width: 0; flex: 1;}
.continue-track__copy strong,.continue-track__copy small {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.continue-track__copy strong {font-size: 15px; letter-spacing: -.02em;}
.continue-track__copy small {margin-top: 5px; color: rgba(255,255,255,.46); font-size: 10px;}
.continue-track__progress {height: 3px; margin-top: 12px; overflow: hidden; border-radius: 4px; background: rgba(255,255,255,.09);}
.continue-track__progress i {display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ff5e9d,#9e7bff); box-shadow: 0 0 9px rgba(255,94,157,.5); transition: width .35s ease;}
.smart-resume-source {display: none !important;}

@keyframes smart-orbit {to {transform: rotate(360deg)}}

@keyframes vibe-pulse {50% {opacity: .55; transform: scale(.78)}}
@keyframes vibe-wave {to {height: 100%}}
@keyframes vibe-flow-pulse {50% {opacity: .22; transform: scale(.65)}}

/* Minimal live card in the main sidebar */
.cols__sidebar .side-menu__list li {border-radius: 10px; transition: background .22s ease, transform .22s ease;}
.cols__sidebar .side-menu__list li:hover {transform: translateX(3px); background: rgba(255,255,255,.035);}
.sidebar-live {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: -16px;
	padding: 1rem;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 18px;
	color: #fff;
	background:
		radial-gradient(circle at 100% 0, rgba(101,244,194,.19), transparent 48%),
		linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
	box-shadow: inset 0 1px rgba(255,255,255,.07), 0 14px 35px rgba(0,0,0,.18);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.sidebar-live::before {
	content: '';
	position: absolute;
	right: -22px;
	top: -30px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	background: rgba(101,244,194,.12);
	filter: blur(25px);
}
.sidebar-live:hover,
.sidebar-live:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(101,244,194,.38);
	box-shadow: inset 0 1px rgba(255,255,255,.09), 0 18px 38px rgba(0,0,0,.25), 0 0 22px rgba(101,244,194,.06);
}
.sidebar-live__top,
.sidebar-live__bottom {position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.sidebar-live__status {display: flex; align-items: center; gap: 7px; font-size: 9px; font-weight: 800; letter-spacing: .16em;}
.sidebar-live__status i {width: 6px; height: 6px; border-radius: 50%; background: #65f4c2; box-shadow: 0 0 12px rgba(101,244,194,.9); animation: sidebar-live-pulse 1.7s ease-in-out infinite;}
.sidebar-live__time {color: rgba(255,255,255,.4); font-size: 9px; font-weight: 700; letter-spacing: .04em;}
.sidebar-live strong {position: relative; z-index: 1; max-width: 150px; font-size: 16px; line-height: 1.15; letter-spacing: -.025em;}
.sidebar-live__bottom > span:first-child {color: rgba(255,255,255,.46); font-size: 10px;}
.sidebar-live__bars {display: flex; align-items: end; gap: 2px; height: 15px;}
.sidebar-live__bars i {width: 2px; height: 35%; border-radius: 2px; background: #65f4c2; animation: sidebar-live-wave .85s ease-in-out infinite alternate;}
.sidebar-live__bars i:nth-child(2) {height: 80%; animation-delay: -.35s;}
.sidebar-live__bars i:nth-child(3) {height: 50%; animation-delay: -.6s;}
.sidebar-live__bars i:nth-child(4) {height: 100%; animation-delay: -.2s;}
.sidebar-live__bars i:nth-child(5) {height: 65%; animation-delay: -.48s;}

@keyframes sidebar-live-pulse {50% {opacity: .35; transform: scale(.7)}}
@keyframes sidebar-live-wave {to {height: 100%}}

/* LIVE WAVE radio — compact stations and a real continuous queue */
.sidebar-radio {
	--radio-accent: #65f4c2;
	gap: .72rem;
	cursor: default;
	isolation: isolate;
}
.sidebar-radio::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: .13;
	background: linear-gradient(115deg, transparent 22%, var(--radio-accent) 50%, transparent 78%);
	transform: translateX(-110%);
	transition: transform .7s ease;
}
.sidebar-radio.is-playing::after {transform: translateX(110%);}
.sidebar-radio > * {position: relative; z-index: 1;}
.sidebar-radio strong {max-width: none; font-size: 1.08rem;}
.sidebar-radio__copy {
	margin-top: -.38rem;
	color: rgba(255,255,255,.5);
	font-size: .65rem;
	line-height: 1.45;
}
.sidebar-radio__stations {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}
.sidebar-radio__stations button {
	min-height: 1.75rem;
	padding: .36rem .58rem;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 999px;
	color: rgba(255,255,255,.64);
	background: rgba(255,255,255,.045);
	font-size: .58rem;
	font-weight: 750;
	line-height: 1;
	transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.sidebar-radio__stations button:hover,
.sidebar-radio__stations button:focus-visible {color: #fff; border-color: color-mix(in srgb, var(--radio-accent) 48%, transparent); transform: translateY(-1px);}
.sidebar-radio__stations button.is-active {
	color: #111a18;
	border-color: transparent;
	background: var(--radio-accent);
	box-shadow: 0 .35rem 1.1rem color-mix(in srgb, var(--radio-accent) 24%, transparent);
}
.sidebar-radio__now {
	min-width: 0;
	padding: .7rem .75rem;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: .78rem;
	background: rgba(0,0,0,.13);
}
.sidebar-radio__now span,
.sidebar-radio__now small {display: block; color: rgba(255,255,255,.42); font-size: .55rem; line-height: 1.25;}
.sidebar-radio__now span {margin-bottom: .28rem; text-transform: uppercase; letter-spacing: .12em;}
.sidebar-radio__now b {display: block; overflow: hidden; margin-bottom: .18rem; font-size: .72rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap;}
.sidebar-radio__now small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sidebar-radio__controls {display: flex; align-items: center; gap: .45rem;}
.sidebar-radio__play,
.sidebar-radio__next,
.sidebar-radio__share {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.15rem;
	border: 0;
	border-radius: 999px;
	color: #111a18;
	background: var(--radio-accent);
	box-shadow: 0 .45rem 1.2rem color-mix(in srgb, var(--radio-accent) 22%, transparent);
	transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}
.sidebar-radio__play {gap: .45rem; padding: .55rem .8rem; font-size: .64rem; font-weight: 800;}
.sidebar-radio__play span {font-family: var(--font-main, Arial, sans-serif);}
.sidebar-radio__next {width: 2.15rem; padding: .55rem; background: rgba(255,255,255,.1); color: #fff; box-shadow: none;}
.sidebar-radio__share {width: 2.15rem; padding: .55rem; background: rgba(255,255,255,.1); color: #fff; box-shadow: none;}
.sidebar-radio__play:hover,
.sidebar-radio__play:focus-visible,
.sidebar-radio__next:hover:not(:disabled),
.sidebar-radio__next:focus-visible,
.sidebar-radio__share:hover,
.sidebar-radio__share:focus-visible {transform: translateY(-1px); filter: brightness(1.07);}
.sidebar-radio__play:disabled,
.sidebar-radio__next:disabled {cursor: default; opacity: .4;}
.sidebar-radio .sidebar-live__bars {margin-left: auto; opacity: .3;}
.sidebar-radio .sidebar-live__bars i {background: var(--radio-accent); animation-play-state: paused;}
.sidebar-radio.is-playing .sidebar-live__bars {opacity: 1;}
.sidebar-radio.is-playing .sidebar-live__bars i {animation-play-state: running;}
.sidebar-radio__status {min-height: .78rem; color: rgba(255,255,255,.38); font-size: .55rem; line-height: 1.35;}
.sidebar-radio.is-loading .sidebar-live__status i {animation-duration: .55s;}
.sidebar-radio.is-loading .sidebar-radio__play::before {animation: sidebar-radio-spin .7s linear infinite;}
@keyframes sidebar-radio-spin {to {transform: rotate(360deg)}}

/* Light theme — airy glass instead of the dark neon surface */
.lt .home-hero {
	border-color: rgba(60,67,105,.11);
	background:
		radial-gradient(circle at 7% 12%, rgba(255,49,133,.11), transparent 34%),
		radial-gradient(circle at 88% 82%, rgba(87,79,255,.1), transparent 35%),
		linear-gradient(135deg, rgba(255,255,255,.98), rgba(244,247,255,.92));
	box-shadow: 0 24px 65px rgba(46,54,92,.12), inset 0 1px #fff;
}
.lt .home-hero::before,
.lt .home-hero::after {opacity: .16;}
.lt .home-hero .sect__right {
	border-color: rgba(60,67,105,.1);
	background: rgba(255,255,255,.7);
	box-shadow: 0 14px 38px rgba(46,54,92,.08), inset 0 1px #fff;
}
.lt .home-hero .collection-main:hover,
.lt .home-hero .collection-item:hover .collection-item__img {box-shadow: 0 16px 36px rgba(46,54,92,.18);}
.lt .home-hero .track-item:hover {border-color: rgba(60,67,105,.14);}

.lt .vibe-panel {
	color: #181a27;
	border-color: rgba(64,69,105,.12);
	background:
		radial-gradient(circle at 15% 14%, rgba(255,75,151,.15), transparent 37%),
		radial-gradient(circle at 93% 88%, rgba(99,88,255,.16), transparent 39%),
		linear-gradient(132deg, rgba(255,255,255,.98), rgba(247,248,255,.96) 52%, rgba(245,243,255,.98));
	box-shadow: 0 26px 70px rgba(50,55,92,.15), inset 0 1px #fff;
}
.lt .vibe-panel::before {
	opacity: .35;
	background-image: linear-gradient(rgba(62,68,104,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(62,68,104,.07) 1px, transparent 1px);
}
.lt .vibe-panel__eyebrow {color: rgba(35,38,58,.6);}
.lt .vibe-panel p {color: rgba(35,38,58,.62);}
.lt .vibe-mood {
	color: #1b1d2b;
	border-color: rgba(64,69,105,.1);
	background: linear-gradient(135deg, rgba(var(--mood-rgb),.13), rgba(255,255,255,.72));
	box-shadow: inset 0 1px #fff, 0 8px 24px rgba(50,55,92,.07);
}
.lt .vibe-mood:hover,
.lt .vibe-mood:focus-visible {box-shadow: 0 16px 34px rgba(50,55,92,.14), 0 0 25px rgba(var(--mood-rgb),.08);}
.lt .vibe-mood__icon {box-shadow: inset 0 1px rgba(255,255,255,.72);}
.lt .vibe-mood__copy small {color: rgba(35,38,58,.54);}
.lt .vibe-mood__arrow {color: rgba(35,38,58,.38);}
.lt .vibe-mood:hover .vibe-mood__arrow {color: #181a27;}
.lt .vibe-flow {border-top-color: rgba(64,69,105,.11);}
.lt .vibe-flow__copy span {color: rgba(35,38,58,.45);}
.lt .vibe-flow__copy strong {color: #181a27;}
.lt .vibe-flow__action {
	color: #181a27;
	border-color: rgba(64,69,105,.14);
	background: rgba(255,255,255,.68);
	box-shadow: inset 0 1px #fff, 0 7px 20px rgba(50,55,92,.08);
}
.lt .vibe-flow__action:hover,
.lt .vibe-flow__action:focus-visible {border-color: rgba(27,169,122,.34); background: rgba(101,244,194,.15);}

.lt .cols__sidebar .side-menu__list li:hover {background: rgba(38,44,72,.05);}
.lt .sidebar-live {
	color: #171a25;
	border-color: rgba(49,57,91,.12);
	background:
		radial-gradient(circle at 100% 0, rgba(58,215,161,.2), transparent 50%),
		linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,247,246,.94));
	box-shadow: inset 0 1px #fff, 0 14px 32px rgba(43,53,83,.13);
}
.lt .sidebar-live::before {background: rgba(54,211,157,.13);}
.lt .sidebar-live:hover,
.lt .sidebar-live:focus-visible {
	border-color: rgba(35,176,128,.3);
	box-shadow: inset 0 1px #fff, 0 18px 38px rgba(43,53,83,.16), 0 0 22px rgba(54,211,157,.09);
}
.lt .sidebar-live__time {color: rgba(25,29,44,.48);}
.lt .sidebar-live__bottom > span:first-child {color: rgba(25,29,44,.54);}
.lt .sidebar-radio__copy {color: rgba(25,29,44,.57);}
.lt .sidebar-radio__stations button {color: rgba(25,29,44,.68); border-color: rgba(49,57,91,.1); background: rgba(255,255,255,.62);}
.lt .sidebar-radio__stations button:hover,
.lt .sidebar-radio__stations button:focus-visible {color: #171a25;}
.lt .sidebar-radio__stations button.is-active {color: #102019; background: var(--radio-accent);}
.lt .sidebar-radio__now {border-color: rgba(49,57,91,.09); background: rgba(255,255,255,.58);}
.lt .sidebar-radio__now span,
.lt .sidebar-radio__now small {color: rgba(25,29,44,.5);}
.lt .sidebar-radio__next {color: #171a25; background: rgba(31,38,59,.08);}
.lt .sidebar-radio__share {color: #171a25; background: rgba(31,38,59,.08);}
.lt .sidebar-radio__status {color: rgba(25,29,44,.5);}

/* Branded Telegram / VK share sheet */
body.social-share-is-open {overflow: hidden;}
.social-share {
	position: fixed;
	inset: 0;
	z-index: 10020;
	display: grid;
	place-items: center;
	padding: 1rem;
}
.social-share[hidden] {display: none;}
.social-share__backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(4,5,10,.72);
	backdrop-filter: blur(.75rem);
	opacity: 0;
	transition: opacity .22s ease;
}
.social-share__sheet {
	position: relative;
	width: min(32rem, 100%);
	padding: 1.35rem;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 1.5rem;
	color: #fff;
	background:
		radial-gradient(circle at 90% 0, rgba(101,244,194,.17), transparent 38%),
		radial-gradient(circle at 0 100%, rgba(127,140,255,.16), transparent 42%),
		linear-gradient(145deg, #171820, #0d0e14);
	box-shadow: 0 2.2rem 6rem rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.07);
	opacity: 0;
	transform: translateY(1.2rem) scale(.97);
	transition: opacity .22s ease, transform .28s cubic-bezier(.2,.8,.2,1);
}
.social-share.is-open .social-share__backdrop,
.social-share.is-open .social-share__sheet {opacity: 1;}
.social-share.is-open .social-share__sheet {transform: translateY(0) scale(1);}
.social-share__handle {display: none; width: 2.5rem; height: .25rem; margin: -.55rem auto .8rem; border-radius: 999px; background: rgba(255,255,255,.2);}
.social-share__head {display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem;}
.social-share__head span {display: block; margin-bottom: .3rem; color: #65f4c2; font-size: .58rem; font-weight: 800; letter-spacing: .18em;}
.social-share__head h2 {margin: 0; font-size: 1.45rem; line-height: 1.15; letter-spacing: -.03em;}
.social-share__close {width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; color: #fff; background: rgba(255,255,255,.06);}
.social-share__preview {
	display: flex;
	align-items: center;
	gap: .9rem;
	min-width: 0;
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 1rem;
	background: rgba(255,255,255,.04);
}
.social-share__preview > div {min-width: 0;}
.social-share__preview strong {display: block; overflow: hidden; margin-bottom: .25rem; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap;}
.social-share__preview small {display: block; color: rgba(255,255,255,.45); font-size: .64rem; line-height: 1.45;}
.social-share__wave {display: flex; align-items: center; justify-content: center; gap: .18rem; width: 3.3rem; height: 3.3rem; flex: 0 0 auto; border-radius: .9rem; background: linear-gradient(145deg, rgba(101,244,194,.2), rgba(127,140,255,.15));}
.social-share__wave b {width: .16rem; height: .7rem; border-radius: 999px; background: #65f4c2; animation: sidebar-live-wave .8s ease-in-out infinite alternate;}
.social-share__wave b:nth-child(2) {height: 1.3rem; animation-delay: -.2s;}
.social-share__wave b:nth-child(3) {height: 1.75rem; animation-delay: -.45s;}
.social-share__wave b:nth-child(4) {height: 1.1rem; animation-delay: -.3s;}
.social-share__wave b:nth-child(5) {height: .55rem; animation-delay: -.6s;}
.social-share__apps {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem;}
.social-share__apps a,
.social-share__apps button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .48rem;
	min-width: 0;
	min-height: 5.35rem;
	padding: .7rem .4rem;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 1rem;
	color: rgba(255,255,255,.72);
	background: rgba(255,255,255,.045);
	font-size: .62rem;
	font-weight: 700;
	transition: transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease;
}
.social-share__apps i {display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: .72rem; color: #fff; font: 800 .72rem/1 Arial,sans-serif; font-style: normal; background: rgba(255,255,255,.08);}
.social-share__apps [data-share-telegram] i {background: #229ed9;}
.social-share__apps [data-share-vk] i {background: #2787f5;}
.social-share__apps [data-share-copy].is-copied i {color: #102019; background: #65f4c2;}
.social-share__apps a:hover,
.social-share__apps a:focus-visible,
.social-share__apps button:hover,
.social-share__apps button:focus-visible {color: #fff; border-color: rgba(101,244,194,.3); background: rgba(255,255,255,.075); transform: translateY(-2px);}
.social-share__url {display: flex; align-items: center; gap: .55rem; margin-top: .75rem; padding: .7rem .8rem; border-radius: .75rem; color: rgba(255,255,255,.34); background: rgba(0,0,0,.16); font-size: .58rem;}
.social-share__url span {overflow: hidden; flex: 1; text-overflow: ellipsis; white-space: nowrap;}
.social-share__url i {color: #65f4c2; opacity: 0; transform: scale(.7); transition: opacity .2s ease, transform .2s ease;}
.social-share__url.is-copied i {opacity: 1; transform: scale(1);}

.lt .social-share__backdrop {background: rgba(27,30,43,.45);}
.lt .social-share__sheet {color: #171a25; border-color: rgba(49,57,91,.12); background: radial-gradient(circle at 90% 0, rgba(101,244,194,.2), transparent 38%), linear-gradient(145deg, #fff, #f3f6f7); box-shadow: 0 2.2rem 6rem rgba(42,48,75,.24), inset 0 1px #fff;}
.lt .social-share__close {color: #171a25; border-color: rgba(49,57,91,.1); background: rgba(31,38,59,.06);}
.lt .social-share__preview {border-color: rgba(49,57,91,.09); background: rgba(255,255,255,.58);}
.lt .social-share__preview small {color: rgba(25,29,44,.5);}
.lt .social-share__apps a,
.lt .social-share__apps button {color: rgba(25,29,44,.7); border-color: rgba(49,57,91,.09); background: rgba(255,255,255,.68);}
.lt .social-share__apps a:hover,
.lt .social-share__apps a:focus-visible,
.lt .social-share__apps button:hover,
.lt .social-share__apps button:focus-visible {color: #171a25; border-color: rgba(35,176,128,.25); background: #fff;}
.lt .social-share__url {color: rgba(25,29,44,.48); background: rgba(31,38,59,.055);}

@media (max-width: 600px) {
	.social-share {align-items: end; padding: 0;}
	.social-share__sheet {width: 100vw; max-width: 100vw; padding: 1.1rem 1rem calc(1rem + env(safe-area-inset-bottom)); border-radius: 1.45rem 1.45rem 0 0; transform: translateY(100%);}
	.social-share__handle {display: block;}
	.social-share__apps {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .38rem;}
	.social-share__apps a,
	.social-share__apps button {min-height: 4.9rem; padding: .58rem .25rem; font-size: .54rem;}
}

.lt .smart-card {
	color: #181a27;
	border-color: rgba(58,65,98,.11);
	box-shadow: 0 20px 48px rgba(47,55,91,.12), inset 0 1px #fff;
}
.lt .smart-card--wave {
	background:
		radial-gradient(circle at 87% 14%, rgba(62,220,168,.2), transparent 35%),
		radial-gradient(circle at 9% 100%, rgba(68,108,255,.11), transparent 43%),
		linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,250,247,.96));
}
.lt .smart-card--continue {
	background:
		radial-gradient(circle at 95% 0, rgba(255,91,154,.14), transparent 40%),
		linear-gradient(135deg, rgba(255,255,255,.98), rgba(251,243,248,.96));
}
.lt .smart-card__eyebrow {color: rgba(30,34,51,.55);}
.lt .smart-card__eyebrow > span {color: rgba(30,34,51,.38);}
.lt .smart-card p {color: rgba(30,34,51,.58);}
.lt .smart-card__action {color: #181a27; border-color: rgba(58,65,98,.12); background: rgba(255,255,255,.7); box-shadow: inset 0 1px #fff;}
.lt .smart-card__action:hover,.lt .smart-card__action:focus-visible {border-color: rgba(33,170,123,.3); background: rgba(98,239,186,.14);}
.lt .continue-track__cover {background: rgba(46,53,84,.07);}
.lt .continue-track__copy small {color: rgba(30,34,51,.5);}
.lt .continue-track__progress {background: rgba(46,53,84,.1);}

@media (max-width: 1220px) {
	.home-hero {padding: 1.125rem;}
	.vibe-panel {grid-template-columns: minmax(210px,.65fr) minmax(0,1.35fr);}
}
@media (max-width: 760px) {
	.home-hero {margin-right: var(--indent-negative); margin-left: var(--indent-negative); padding: var(--mobile-section-padding); border-radius: 0;}
	.home-hero::before,.home-hero::after {width: 120px; height: 120px;}
	.home-hero .sect__right {padding: var(--mobile-section-padding);}
	.vibe-panel {grid-template-columns: 1fr; margin: 26px var(--indent-negative) 38px; padding: var(--mobile-section-padding); border-radius: 0;}
	.vibe-panel__intro {text-align: center; align-items: center;}
	.vibe-panel__eyebrow {justify-content: center;}
	.vibe-eq {justify-content: center;}
	.vibe-flow {grid-template-columns: minmax(0,1fr) auto auto; text-align: left;}
	.smart-listen {grid-template-columns: 1fr; margin: -12px var(--indent-negative) 38px; padding: 0 var(--mobile-section-padding);}
}
@media (max-width: 520px) {
	.vibe-moods {grid-template-columns: 1fr;}
	.vibe-mood {min-height: 76px;}
	.vibe-panel h2 {font-size: 30px;}
	.vibe-slider {padding: .75rem .875rem;}
	.vibe-mix-track,.vibe-mix-skeleton {padding: .5rem;}
	.vibe-flow {grid-template-columns: 1fr auto; gap: 12px;}
	.vibe-flow__signal {grid-column: 2; grid-row: 1;}
	.vibe-flow__action {grid-column: 1 / -1; width: 100%;}
}
@media (prefers-reduced-motion: reduce) {
	.vibe-panel__eyebrow span,.vibe-eq i,.vibe-flow__signal i,.sidebar-live__status i,.sidebar-live__bars i,.smart-orbit > i {animation: none;}
	.home-hero .collection-main,.home-hero .collection-item__img,.home-hero .track-item,.vibe-mood {transition: none;}
}

/* Personal taste profile */
.taste-section [hidden],.taste-modal [hidden] {display: none !important;}
.taste-section {
	position: relative;
	overflow: hidden;
	margin: -10px 0 42px;
	padding: 1.75rem;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 26px;
	background:
		radial-gradient(circle at 92% 4%, rgba(255,82,151,.14), transparent 31%),
		radial-gradient(circle at 8% 100%, rgba(74,109,255,.14), transparent 34%),
		linear-gradient(145deg, rgba(30,31,43,.98), rgba(20,21,30,.98));
	box-shadow: 0 24px 60px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.05);
}
.taste-section::after {
	content: '';
	position: absolute;
	width: 240px;
	height: 240px;
	right: -130px;
	bottom: -150px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 50%;
	box-shadow: 0 0 0 28px rgba(255,255,255,.018), 0 0 0 60px rgba(255,255,255,.012);
	pointer-events: none;
}
.taste-section__header {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}
.taste-kicker,.taste-dialog__brand {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .2em;
	color: rgba(255,255,255,.5);
}
.taste-kicker i,.taste-dialog__brand i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ff5e9e;
	box-shadow: 0 0 15px #ff5e9e;
}
.taste-section h2 {margin: 0; font-size: clamp(26px,3vw,38px); letter-spacing: -.04em;}
.taste-section__header p {margin: 7px 0 0; color: rgba(255,255,255,.52); font-size: 13px;}
.taste-edit,.taste-secondary {
	flex: 0 0 auto;
	padding: .6875rem .9375rem;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 13px;
	color: #fff;
	background: rgba(255,255,255,.055);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.taste-edit:hover,.taste-edit:focus-visible,.taste-secondary:hover,.taste-secondary:focus-visible {background: rgba(255,255,255,.1);}
.taste-empty {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 104px minmax(0,1fr) auto;
	align-items: center;
	gap: 24px;
	padding: 1.5rem;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 20px;
	background: rgba(255,255,255,.035);
}
.taste-empty__orbits {position: relative; display: grid; place-items: center; width: 90px; height: 90px;}
.taste-empty__orbits i {position: absolute; inset: 8px; border: 1px solid rgba(255,96,161,.38); border-radius: 50%; animation: tasteOrbit 8s linear infinite;}
.taste-empty__orbits i:nth-child(2) {inset: 18px -2px; border-color: rgba(94,135,255,.35); animation-direction: reverse; animation-duration: 11s;}
.taste-empty__orbits i:nth-child(3) {inset: 28px; border-color: rgba(74,222,170,.4); animation-duration: 6s;}
.taste-empty__orbits i::after {content:''; position:absolute; width:7px; height:7px; top:-4px; left:50%; border-radius:50%; background:#ff61a0; box-shadow:0 0 12px #ff61a0;}
.taste-empty__orbits span {font-size: 22px; color: #ff63a1;}
@keyframes tasteOrbit {to {transform: rotate(360deg);}}
.taste-empty__copy {display: flex; flex-direction: column; gap: 7px;}
.taste-empty__copy strong {font-size: 19px;}
.taste-empty__copy span {max-width: 520px; color: rgba(255,255,255,.53); font-size: 13px; line-height: 1.55;}
.taste-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-height: 46px;
	padding: 0 1.125rem;
	border: 0;
	border-radius: 14px;
	background: #fff;
	color: #171821;
	box-shadow: 0 12px 30px rgba(0,0,0,.13);
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.taste-primary:hover,.taste-primary:focus-visible {transform: translateY(-2px); box-shadow: 0 16px 34px rgba(0,0,0,.2);}
.taste-primary:disabled {opacity: .34; cursor: not-allowed; transform: none;}
.taste-results {position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px;}
.taste-rec-card {
	position: relative;
	display: flex;
	min-height: 205px;
	padding: 1.125rem;
	overflow: hidden;
	flex-direction: column;
	align-items: flex-start;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 19px;
	background:
		radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--taste-accent) 42%, transparent), transparent 43%),
		linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
	color: #fff;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.taste-rec-card:hover,.taste-rec-card:focus-visible {transform: translateY(-5px); border-color: color-mix(in srgb, var(--taste-accent) 58%, transparent); box-shadow: 0 16px 32px rgba(0,0,0,.18);}
.taste-rec-card__meta {font-size: 8px; font-weight: 900; letter-spacing: .15em; color: rgba(255,255,255,.5);}
.taste-rec-card > i {display: grid; place-items: center; width: 48px; height: 48px; margin: 21px 0 15px; border-radius: 15px; background: color-mix(in srgb, var(--taste-accent) 25%, rgba(255,255,255,.07)); color: var(--taste-accent); font-size: 21px; font-style: normal; box-shadow: inset 0 1px rgba(255,255,255,.12);}
.taste-rec-card strong {font-size: 18px; line-height: 1.12;}
.taste-rec-card small {display: block; margin-top: 6px; color: rgba(255,255,255,.52); line-height: 1.4;}
.taste-rec-card__why {margin-top: auto; padding-top: 1rem; font-size: 9px; color: color-mix(in srgb, var(--taste-accent) 72%, white);}
.taste-rec-card > b {position: absolute; right: 15px; bottom: 14px; font-size: 18px; font-weight: 400;}

.taste-modal {position: fixed; z-index: 10010; inset: 0; display: grid; place-items: center; padding: 1.5rem; opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility .22s ease;}
.taste-modal.is-open {opacity: 1; visibility: visible;}
.taste-modal__backdrop {position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(6,7,12,.82); backdrop-filter: blur(16px);}
.taste-dialog {
	position: relative;
	z-index: 1;
	width: min(900px,100%);
	max-height: calc(100vh - 48px);
	overflow: auto;
	padding: 1.75rem;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 28px;
	background:
		radial-gradient(circle at 8% 3%, rgba(255,76,149,.18), transparent 28%),
		radial-gradient(circle at 95% 80%, rgba(63,119,255,.16), transparent 34%),
		#171821;
	box-shadow: 0 34px 100px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.07);
	transform: translateY(18px) scale(.98);
	transition: transform .28s ease;
}
.taste-modal.is-open .taste-dialog {transform: none;}
.taste-modal-open {overflow: hidden;}
.taste-dialog__top {display: flex; align-items: center; justify-content: space-between;}
.taste-dialog__brand {margin: 0;}
.taste-dialog__close {display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; background: rgba(255,255,255,.05); color: #fff; font-size: 24px; font-weight: 300;}
.taste-dialog__close:hover,.taste-dialog__close:focus-visible {background: rgba(255,255,255,.11); transform: rotate(4deg);}
.taste-dialog__intro {max-width: 660px; margin: 20px auto 14px; text-align: center;}
.taste-dialog__intro > span {font-size: 9px; font-weight: 900; letter-spacing: .18em; color: rgba(255,255,255,.4);}
.taste-dialog__intro h2 {margin: 10px 0 8px; font-size: clamp(30px,5vw,50px); line-height: 1; letter-spacing: -.05em;}
.taste-dialog__intro h2 em {color: #ff62a1; font-style: normal;}
.taste-dialog__intro p {margin: 0; color: rgba(255,255,255,.5); font-size: 13px;}
.taste-cloud {display: flex; max-width: 760px; min-height: 330px; margin: 0 auto; padding: 1.125rem 0; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px;}
.taste-choice {
	position: relative;
	display: flex;
	width: 132px;
	height: 132px;
	padding: .8125rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid color-mix(in srgb, var(--taste-accent) 32%, rgba(255,255,255,.08));
	border-radius: 50%;
	background: color-mix(in srgb, var(--taste-accent) 11%, rgba(255,255,255,.025));
	color: #fff;
	box-shadow: inset 0 1px rgba(255,255,255,.06);
	transition: transform .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.taste-choice:nth-child(3n+2) {width: 150px; height: 150px;}
.taste-choice:nth-child(4n) {width: 116px; height: 116px;}
.taste-choice:hover,.taste-choice:focus-visible {transform: scale(1.06); border-color: var(--taste-accent);}
.taste-choice.is-selected {transform: scale(1.05); border-color: var(--taste-accent); background: color-mix(in srgb, var(--taste-accent) 24%, #1b1c26); box-shadow: 0 0 28px color-mix(in srgb, var(--taste-accent) 20%, transparent), inset 0 1px rgba(255,255,255,.12);}
.taste-choice.is-loved {transform: scale(1.11); border-color: var(--taste-accent); background: color-mix(in srgb, var(--taste-accent) 38%, #1b1c26); box-shadow: 0 0 38px color-mix(in srgb, var(--taste-accent) 32%, transparent), inset 0 1px rgba(255,255,255,.18);}
.taste-choice::after {position: absolute; display: grid; place-items: center; width: 23px; height: 23px; top: 5px; right: 8px; border-radius: 50%; background: #fff; color: #181821; font-size: 11px; opacity: 0; transform: scale(.4); transition: opacity .2s ease, transform .2s ease;}
.taste-choice.is-selected::after {content: '✓'; opacity: 1; transform: none;}
.taste-choice.is-loved::after {content: '♥'; opacity: 1; transform: none; color: var(--taste-accent);}
.taste-choice__symbol {display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 8px; border-radius: 12px; background: color-mix(in srgb, var(--taste-accent) 24%, transparent); color: var(--taste-accent); font-size: 18px;}
.taste-choice strong {max-width: 110px; text-align: center; line-height: 1.1;}
.taste-choice__state {height: 12px; margin-top: 5px; color: rgba(255,255,255,.55); font-size: 8px;}
.taste-cloud--artists .taste-choice {border-radius: 34% 66% 55% 45% / 48% 42% 58% 52%;}
.taste-cloud--regions {min-height: 300px;}
.taste-cloud--regions .taste-choice {width: 124px; height: 124px; border-radius: 38% 62% 46% 54% / 55% 43% 57% 45%;}
.taste-search {
	display: flex;
	align-items: center;
	gap: 10px;
	width: min(430px,100%);
	min-height: 46px;
	margin: 18px auto 0;
	padding: 0 .9375rem;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 14px;
	background: rgba(255,255,255,.045);
	color: rgba(255,255,255,.5);
	transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.taste-search:focus-within {border-color: rgba(255,98,161,.65); background: rgba(255,255,255,.065); box-shadow: 0 0 0 3px rgba(255,98,161,.09);}
.taste-search > span {font-size: 22px; line-height: 1; transform: rotate(-15deg);}
.taste-search input {width: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: #fff; font: inherit;}
.taste-search input::placeholder {color: rgba(255,255,255,.34);}
.taste-cloud--dense {max-height: 350px; min-height: 270px; padding: 1.125rem .5rem; align-content: flex-start; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.2) transparent;}
.taste-cloud--dense .taste-choice,.taste-cloud--dense .taste-choice:nth-child(3n+2),.taste-cloud--dense .taste-choice:nth-child(4n) {width: 108px; height: 108px; padding: .5625rem;}
.taste-cloud--dense .taste-choice__symbol {width: 32px; height: 32px; margin-bottom: 6px; font-size: 15px;}
.taste-cloud--dense .taste-choice strong {font-size: 11px;}
.taste-choice[hidden] {display: none;}
.taste-dialog__footer {display: grid; grid-template-columns: auto minmax(130px,1fr) auto; align-items: center; gap: 14px; max-width: 760px; margin: 4px auto 0; padding-top: 1.125rem; border-top: 1px solid rgba(255,255,255,.08);}
.taste-dialog__status {text-align: center; color: rgba(255,255,255,.48); font-size: 11px;}
.taste-dialog__privacy {display: block; margin-top: 13px; text-align: center; color: rgba(255,255,255,.28); font-size: 9px;}

.lt .taste-section {
	color: #191b27;
	border-color: rgba(55,62,96,.11);
	background:
		radial-gradient(circle at 92% 4%, rgba(255,82,151,.14), transparent 31%),
		radial-gradient(circle at 8% 100%, rgba(74,109,255,.12), transparent 34%),
		linear-gradient(145deg, rgba(255,255,255,.99), rgba(244,245,252,.97));
	box-shadow: 0 20px 48px rgba(47,55,91,.12), inset 0 1px #fff;
}
.lt .taste-section::after {border-color: rgba(55,62,96,.09); box-shadow: 0 0 0 28px rgba(55,62,96,.018), 0 0 0 60px rgba(55,62,96,.012);}
.lt .taste-kicker {color: rgba(30,34,51,.48);}
.lt .taste-section__header p,.lt .taste-empty__copy span {color: rgba(30,34,51,.55);}
.lt .taste-edit {color: #191b27; border-color: rgba(55,62,96,.12); background: rgba(255,255,255,.65);}
.lt .taste-edit:hover,.lt .taste-edit:focus-visible {background: #fff;}
.lt .taste-empty {border-color: rgba(55,62,96,.09); background: rgba(255,255,255,.55);}
.lt .taste-rec-card {color: #191b27; border-color: rgba(55,62,96,.1); background: radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--taste-accent) 30%, transparent), transparent 43%), linear-gradient(145deg, rgba(255,255,255,.9), rgba(245,246,251,.72));}
.lt .taste-rec-card__meta,.lt .taste-rec-card small {color: rgba(30,34,51,.52);}
.lt .taste-rec-card__why {color: color-mix(in srgb, var(--taste-accent) 78%, #25283a);}
.lt .taste-dialog {border-color: rgba(55,62,96,.12); background: radial-gradient(circle at 8% 3%, rgba(255,76,149,.12), transparent 29%), radial-gradient(circle at 95% 80%, rgba(63,119,255,.1), transparent 35%), #f8f9fd; color: #191b27; box-shadow: 0 30px 90px rgba(44,52,86,.22), inset 0 1px #fff;}
.lt .taste-dialog__close {border-color: rgba(55,62,96,.12); background: rgba(255,255,255,.7); color: #191b27;}
.lt .taste-dialog__intro > span,.lt .taste-dialog__intro p,.lt .taste-dialog__status {color: rgba(30,34,51,.52);}
.lt .taste-choice {color: #191b27; border-color: color-mix(in srgb, var(--taste-accent) 28%, rgba(55,62,96,.1)); background: color-mix(in srgb, var(--taste-accent) 9%, rgba(255,255,255,.82)); box-shadow: inset 0 1px #fff;}
.lt .taste-choice.is-selected {background: color-mix(in srgb, var(--taste-accent) 20%, #fff);}
.lt .taste-choice.is-loved {background: color-mix(in srgb, var(--taste-accent) 31%, #fff);}
.lt .taste-choice__state {color: rgba(30,34,51,.54);}
.lt .taste-search {border-color: rgba(55,62,96,.12); background: rgba(255,255,255,.72); color: rgba(30,34,51,.5);}
.lt .taste-search input {color: #191b27;}
.lt .taste-search input::placeholder {color: rgba(30,34,51,.38);}
.lt .taste-dialog__footer {border-top-color: rgba(55,62,96,.1);}
.lt .taste-dialog__privacy {color: rgba(30,34,51,.38);}

@media (max-width: 980px) {
	.taste-results {grid-template-columns: repeat(2,minmax(0,1fr));}
	.taste-rec-card {min-height: 185px;}
}
@media (max-width: 760px) {
	.taste-section {margin: -10px var(--indent-negative) 38px; padding: var(--mobile-section-padding); border-radius: 0;}
	.taste-empty {grid-template-columns: 76px minmax(0,1fr); gap: 16px; padding: var(--mobile-section-padding);}
	.taste-empty__orbits {width: 70px; height: 70px;}
	.taste-empty .taste-primary {grid-column: 1 / -1; width: 100%;}
	.taste-modal {padding: 0;}
	.taste-dialog {width: 100%; max-height: 100vh; min-height: 100vh; padding: var(--mobile-section-padding); border-radius: 0;}
	.taste-dialog__intro {margin-top: 10px;}
	.taste-cloud {min-height: 0; padding: 1.125rem 0 1.5rem; gap: 7px;}
	.taste-choice,.taste-choice:nth-child(3n+2),.taste-choice:nth-child(4n) {width: 104px; height: 104px; padding: .5rem;}
	.taste-choice__symbol {width: 30px; height: 30px; margin-bottom: 5px; font-size: 15px;}
	.taste-choice strong {font-size: 11px;}
	.taste-choice__state {font-size: 7px;}
	.taste-search {margin-top: 14px;}
	.taste-cloud--dense {max-height: calc(100vh - 320px); min-height: 220px;}
	.taste-cloud--dense .taste-choice,.taste-cloud--dense .taste-choice:nth-child(3n+2),.taste-cloud--dense .taste-choice:nth-child(4n) {width: 94px; height: 94px;}
}
@media (max-width: 520px) {
	.taste-section__header {align-items: center;}
	.taste-section__header p {display: none;}
	.taste-results {display: flex; margin-right: calc(var(--mobile-section-padding) * -1); padding-right: var(--mobile-section-padding); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;}
	.taste-results::-webkit-scrollbar {display: none;}
	.taste-rec-card {min-width: 76vw; scroll-snap-align: start;}
	.taste-dialog__footer {grid-template-columns: auto 1fr;}
	.taste-dialog__status {grid-column: 1 / -1; grid-row: 1;}
	.taste-dialog__footer .taste-primary {grid-column: 2;}
	.taste-choice,.taste-choice:nth-child(3n+2),.taste-choice:nth-child(4n) {width: 94px; height: 94px;}
}
@media (prefers-reduced-motion: reduce) {
	.taste-empty__orbits i {animation: none;}
	.taste-choice,.taste-rec-card,.taste-dialog {transition: none;}
}

/* VIBE MIXER — live song generator */
.vibe-panel.vibe-mixer {grid-template-columns: minmax(220px,.62fr) minmax(0,1.38fr); align-items: stretch;}
.vibe-mixer__controls {position: relative; z-index: 1; display: grid; gap: 10px;}
.vibe-slider {display: block; padding: .875rem 1rem; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.035); box-shadow: inset 0 1px rgba(255,255,255,.045);}
.vibe-slider > span,.vibe-slider > small {display: flex; align-items: center; justify-content: space-between; gap: 14px;}
.vibe-slider strong {font-size: 13px; letter-spacing: -.01em;}
.vibe-slider output {color: #ff79b1; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;}
.vibe-slider small {margin-top: 6px; color: rgba(255,255,255,.34); font-size: 8px;}
.vibe-slider small i {font-style: normal;}
.vibe-slider input {--vibe-value: 50%; width: 100%; height: 18px; margin: 9px 0 0; appearance: none; background: transparent; cursor: ew-resize;}
.vibe-slider input::-webkit-slider-runnable-track {height: 5px; border-radius: 99px; background: linear-gradient(90deg,#ff5ca2 0,#8f78ff var(--vibe-value),rgba(255,255,255,.12) var(--vibe-value));}
.vibe-slider input::-webkit-slider-thumb {width: 19px; height: 19px; margin-top: -7px; appearance: none; border: 4px solid #fff; border-radius: 50%; background: #ff5ca2; box-shadow: 0 4px 16px rgba(255,76,151,.38); transition: transform .18s ease;}
.vibe-slider input:hover::-webkit-slider-thumb,.vibe-slider input:focus-visible::-webkit-slider-thumb {transform: scale(1.18);}
.vibe-slider input::-moz-range-track {height: 5px; border-radius: 99px; background: rgba(255,255,255,.12);}
.vibe-slider input::-moz-range-progress {height: 5px; border-radius: 99px; background: linear-gradient(90deg,#ff5ca2,#8f78ff);}
.vibe-slider input::-moz-range-thumb {width: 13px; height: 13px; border: 4px solid #fff; border-radius: 50%; background: #ff5ca2;}
.vibe-mix {position: relative; z-index: 1; grid-column: 1 / -1; padding-top: 1.125rem; border-top: 1px solid rgba(255,255,255,.08);}
.vibe-mix__head {display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px;}
.vibe-mix__head div > span,.vibe-mix__head div > strong {display: block;}
.vibe-mix__head div > span {margin-bottom: 4px; color: rgba(255,255,255,.4); font-size: 8px; font-weight: 900; letter-spacing: .2em;}
.vibe-mix__head div > strong {font-size: 14px;}
.vibe-mix__head button {min-height: 38px; padding: 0 .875rem; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: rgba(255,255,255,.055); color: #fff; font-size: 9px; font-weight: 800; text-transform: uppercase;}
.vibe-mix__head button:hover,.vibe-mix__head button:focus-visible {border-color: rgba(101,244,194,.42); background: rgba(101,244,194,.1);}
.vibe-mix__tracks {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;}
.vibe-mix-track {min-width: 0; margin: 0; padding: .5625rem; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(255,255,255,.032); transition: transform .2s ease, border-color .2s ease, background .2s ease;}
.vibe-mix-track:hover {transform: translateY(-2px); border-color: color-mix(in srgb,var(--mix-accent) 42%,rgba(255,255,255,.08)); background: color-mix(in srgb,var(--mix-accent) 7%,rgba(255,255,255,.035));}
.vibe-mix-track .track-item__img {width: 44px; height: 44px; flex: 0 0 44px; border-radius: 11px;}
.vibe-mix-track .track-item__title {font-size: 12px;}
.vibe-mix-track .track-item__subtitle {font-size: 9px;}
.vibe-mix-source {max-width: 90px; margin-left: auto; padding: .1875rem .375rem; overflow: hidden; border-radius: 6px; background: color-mix(in srgb,var(--mix-accent) 15%,transparent); color: var(--mix-accent); font-size: 7px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap;}
.vibe-mix-skeleton {display: flex; align-items: center; gap: 10px; min-height: 64px; padding: .5625rem; border-radius: 14px; background: rgba(255,255,255,.03);}
.vibe-mix-skeleton > i {width: 44px; height: 44px; flex: 0 0 44px; border-radius: 11px; background: rgba(255,255,255,.07);}
.vibe-mix-skeleton span {width: 65%;}.vibe-mix-skeleton b,.vibe-mix-skeleton small {display: block; height: 7px; border-radius: 9px; background: rgba(255,255,255,.075); animation: taste-skeleton 1.2s ease-in-out infinite alternate;}.vibe-mix-skeleton small {width: 65%; margin-top: 8px;}
.vibe-mix__status {padding: 1.125rem; text-align: center; color: rgba(255,255,255,.46); font-size: 10px;}
.lt .vibe-slider {border-color: rgba(54,61,96,.1); background: rgba(255,255,255,.64); box-shadow: inset 0 1px #fff;}
.lt .vibe-slider output {color: #e94e91;}.lt .vibe-slider small {color: rgba(35,38,58,.42);}
.lt .vibe-slider input::-webkit-slider-runnable-track {background: linear-gradient(90deg,#ef5b9d 0,#8170ed var(--vibe-value),rgba(55,62,96,.12) var(--vibe-value));}
.lt .vibe-mix {border-top-color: rgba(54,61,96,.1);}.lt .vibe-mix__head div > span {color: rgba(35,38,58,.43);}.lt .vibe-mix__head button {border-color: rgba(54,61,96,.11); background: rgba(255,255,255,.72); color: #191b27;}
.lt .vibe-mix-track {border-color: rgba(54,61,96,.085); background: rgba(255,255,255,.62);}.lt .vibe-mix-skeleton {background: rgba(54,61,96,.045);}.lt .vibe-mix-skeleton > i,.lt .vibe-mix-skeleton b,.lt .vibe-mix-skeleton small {background: rgba(54,61,96,.09);}.lt .vibe-mix__status {color: rgba(35,38,58,.5);}
@media (max-width:760px) {.vibe-panel.vibe-mixer {grid-template-columns:1fr}.vibe-mixer__intro {text-align:center;align-items:center}.vibe-mix__tracks {grid-template-columns:1fr}}
@media (max-width:520px) {.vibe-slider {padding:.75rem}.vibe-mix__head {align-items:flex-end}.vibe-mix__head div > strong {font-size:12px}.vibe-mix__head button {padding:0 .625rem}.vibe-mix-source {display:none}}

/* UI refinement v2 — one calm visual system for every smart home block */
.home-hero,
.taste-section,
.vibe-panel,
.smart-listen,
.smart-card,
.taste-rec-card,
.vibe-mood,
.sidebar-live {box-sizing: border-box;}

.home-hero,
[data-home-block="chart"],
[data-home-block="discovery"],
[data-home-block="artists"],
[data-home-block="genres"],
.taste-section,
.vibe-panel,
.smart-listen {
	margin-top: 0;
	margin-bottom: 40px;
	scroll-margin-top: 92px;
}
[data-home-block].sect {margin-bottom: 40px;}

.home-hero,
.taste-section,
.vibe-panel,
.smart-card {
	border-radius: 22px;
	box-shadow: 0 18px 52px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.055);
}

.home-hero {
	border-color: rgba(255,255,255,.075);
	background:
		radial-gradient(circle at 8% 8%, rgba(255,64,145,.13), transparent 34%),
		radial-gradient(circle at 92% 88%, rgba(94,85,255,.11), transparent 36%),
		linear-gradient(145deg, rgba(255,255,255,.047), rgba(255,255,255,.016));
}
.home-hero::before,.home-hero::after {opacity: .26;}
.home-hero .collection-main:hover,
.home-hero .collection-item:hover .collection-item__img {transform: translateY(-2px);}
.home-hero .track-item:hover {transform: translateX(2px);}

.taste-section {
	padding: 1.625rem;
	border-color: rgba(255,255,255,.075);
	background:
		radial-gradient(circle at 96% 0, rgba(255,82,151,.105), transparent 34%),
		radial-gradient(circle at 0 100%, rgba(74,109,255,.1), transparent 36%),
		linear-gradient(145deg, #1b1c27, #15161f);
}
.taste-section__header {align-items: center; margin-bottom: 20px;}
.taste-section h2 {font-size: clamp(27px,2.7vw,36px); line-height: 1.05;}
.taste-edit,.taste-secondary {
	min-height: 40px;
	padding: 0 .9375rem;
	border-radius: 12px;
	transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.taste-edit:hover,.taste-edit:focus-visible,.taste-secondary:hover,.taste-secondary:focus-visible {transform: translateY(-1px);}
.taste-results {gap: 10px;}
.taste-rec-card {
	min-height: 195px;
	padding: 1.0625rem;
	border-radius: 17px;
	background:
		radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--taste-accent) 30%, transparent), transparent 45%),
		linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.022));
}
.taste-rec-card:hover,.taste-rec-card:focus-visible {transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.16);}
.taste-rec-card > i {width: 46px; height: 46px; margin: 18px 0 14px; border-radius: 14px;}
.taste-rec-card strong {font-size: 17px;}

.vibe-panel {
	gap: 22px;
	padding: 1.5rem;
	border-color: rgba(255,255,255,.075);
	background:
		radial-gradient(circle at 8% 5%, rgba(255,60,142,.15), transparent 39%),
		radial-gradient(circle at 98% 100%, rgba(87,76,255,.17), transparent 42%),
		linear-gradient(135deg, #17151f, #111218 58%, #151421);
}
.vibe-panel::before {opacity: .09; background-size: 42px 42px;}
.vibe-panel h2 {font-size: clamp(27px,2.55vw,36px);}
.vibe-moods {gap: 10px;}
.vibe-mood {min-height: 84px; border-radius: 16px; background: linear-gradient(135deg, rgba(var(--mood-rgb),.12), rgba(255,255,255,.026));}
.vibe-mood:hover,.vibe-mood:focus-visible {transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.18);}
.vibe-flow {padding-top: 1rem;}

.smart-listen {gap: 16px;}
.smart-card {
	min-height: 222px;
	padding: 1.375rem;
	border-color: rgba(255,255,255,.075);
}
.smart-card--wave {
	background:
		radial-gradient(circle at 92% 8%, rgba(84,234,184,.14), transparent 39%),
		linear-gradient(140deg, #15191d, #11151a 65%, #131b19);
}
.smart-card--continue {
	background:
		radial-gradient(circle at 96% 2%, rgba(255,91,154,.12), transparent 42%),
		linear-gradient(140deg, #18161c, #111217 65%, #191419);
}
.smart-card__content {margin: 20px 0 17px;}
.smart-card__action {border-radius: 12px;}

.sidebar-live {border-radius: 16px;}

.taste-dialog {border-radius: 24px; box-shadow: 0 30px 90px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.06);}
.taste-choice:hover,.taste-choice:focus-visible {transform: scale(1.035);}
.taste-choice.is-selected {transform: scale(1.025);}
.taste-choice.is-loved {transform: scale(1.055);}

.taste-edit:focus-visible,.taste-primary:focus-visible,.taste-secondary:focus-visible,
.taste-rec-card:focus-visible,.vibe-mood:focus-visible,.vibe-flow__action:focus-visible,
.smart-card__action:focus-visible,.sidebar-live:focus-visible,.taste-choice:focus-visible {
	outline: 2px solid rgba(101,244,194,.9);
	outline-offset: 3px;
}

.lt .home-hero,
.lt .taste-section,
.lt .vibe-panel,
.lt .smart-card {
	box-shadow: 0 16px 44px rgba(44,52,86,.1), inset 0 1px #fff;
}
.lt .home-hero {
	border-color: rgba(54,61,96,.095);
	background:
		radial-gradient(circle at 7% 7%, rgba(255,70,148,.085), transparent 36%),
		radial-gradient(circle at 95% 95%, rgba(85,91,240,.075), transparent 38%),
		linear-gradient(145deg, #fff, #f7f8fc);
}
.lt .taste-section {
	border-color: rgba(54,61,96,.095);
	background:
		radial-gradient(circle at 96% 0, rgba(255,82,151,.09), transparent 36%),
		radial-gradient(circle at 0 100%, rgba(74,109,255,.075), transparent 38%),
		linear-gradient(145deg, #fff, #f7f8fc);
}
.lt .taste-rec-card {
	background:
		radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--taste-accent) 20%, transparent), transparent 47%),
		linear-gradient(145deg, rgba(255,255,255,.95), rgba(245,246,251,.82));
}
.lt .vibe-panel {
	border-color: rgba(54,61,96,.095);
	background:
		radial-gradient(circle at 8% 5%, rgba(255,75,151,.105), transparent 40%),
		radial-gradient(circle at 98% 100%, rgba(99,88,255,.1), transparent 43%),
		linear-gradient(140deg, #fff, #f7f8fc 60%, #f6f5fc);
}
.lt .vibe-panel::before {opacity: .22;}
.lt .vibe-mood {background: linear-gradient(135deg, rgba(var(--mood-rgb),.095), rgba(255,255,255,.68));}
.lt .smart-card--wave {background: radial-gradient(circle at 92% 8%, rgba(62,220,168,.13), transparent 41%), linear-gradient(140deg,#fff,#f5faf8);}
.lt .smart-card--continue {background: radial-gradient(circle at 96% 2%, rgba(255,91,154,.1), transparent 43%), linear-gradient(140deg,#fff,#faf6f9);}

@media (max-width: 760px) {
	.home-hero,.taste-section,.vibe-panel,.smart-listen {margin-top: 0; margin-bottom: 32px;}
	[data-home-block].sect {margin-bottom: 32px;}
	.taste-section,.vibe-panel {padding: var(--mobile-section-padding);}
	.smart-listen {padding: 0 var(--mobile-section-padding);}
	.taste-section__header {gap: 12px;}
}

@media (max-width: 520px) {
	.taste-section h2 {font-size: 25px;}
	.taste-edit {min-height: 36px; padding: 0 .75rem; font-size: 9px;}
	.vibe-panel h2 {font-size: 29px;}
	.smart-card {min-height: 214px; padding: 1rem; border-radius: 18px;}
}

/* Personal song feed */
.taste-feed {position: relative; z-index: 1;}
.taste-track-list {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 10px;
	counter-reset: n 0;
}
.taste-feed-track {
	min-width: 0;
	margin: 0;
	padding: .625rem;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 15px;
	background: rgba(255,255,255,.035);
	box-shadow: inset 0 1px rgba(255,255,255,.035);
	transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.taste-feed-track:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--taste-accent) 42%, rgba(255,255,255,.08));
	background: color-mix(in srgb, var(--taste-accent) 7%, rgba(255,255,255,.035));
	box-shadow: 0 10px 24px rgba(0,0,0,.13), inset 0 1px rgba(255,255,255,.05);
}
.taste-feed-track .track-item__img {width: 48px; height: 48px; flex: 0 0 48px; border-radius: 12px;}
.taste-feed-track .track-item__title {font-size: 13px;}
.taste-feed-track .track-item__subtitle {margin-top: 3px; font-size: 10px; opacity: .62;}
.taste-feed-track .track-item__time {font-size: 10px; opacity: .55;}
.taste-feed-track .track-ctrl {display: none;}
.taste-track-source {
	max-width: 82px;
	padding: .3125rem .4375rem;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--taste-accent) 28%, transparent);
	border-radius: 999px;
	color: color-mix(in srgb, var(--taste-accent) 82%, white);
	background: color-mix(in srgb, var(--taste-accent) 9%, transparent);
	font-size: 8px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.taste-feed__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 16px;
	padding-top: 1rem;
	border-top: 1px solid rgba(255,255,255,.075);
}
.taste-feed__footer > span {color: rgba(255,255,255,.42); font-size: 10px; font-weight: 700; letter-spacing: .03em;}
.taste-more,.taste-feed-error button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 42px;
	padding: 0 1.0625rem;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 12px;
	color: #fff;
	background: rgba(255,255,255,.055);
	font-size: 10px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: .045em;
	transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.taste-more:hover,.taste-more:focus-visible,.taste-feed-error button:hover,.taste-feed-error button:focus-visible {transform: translateY(-1px); border-color: rgba(101,244,194,.34); background: rgba(101,244,194,.09);}
.taste-more:disabled {cursor: wait; opacity: .62; transform: none;}
.taste-track-skeleton {
	display: grid;
	grid-template-columns: 48px minmax(0,1fr);
	align-items: center;
	gap: 12px;
	min-height: 70px;
	padding: .625rem;
	border: 1px solid rgba(255,255,255,.055);
	border-radius: 15px;
	background: rgba(255,255,255,.025);
}
.taste-track-skeleton i,.taste-track-skeleton b,.taste-track-skeleton small {
	display: block;
	border-radius: 9px;
	background: linear-gradient(100deg,rgba(255,255,255,.045) 20%,rgba(255,255,255,.105) 38%,rgba(255,255,255,.045) 58%);
	background-size: 220% 100%;
	animation: taste-loading 1.25s linear infinite;
}
.taste-track-skeleton i {width: 48px; height: 48px; border-radius: 12px;}
.taste-track-skeleton span {display: grid; gap: 8px;}
.taste-track-skeleton b {width: 62%; height: 10px;}
.taste-track-skeleton small {width: 42%; height: 8px;}
@keyframes taste-loading {to {background-position-x: -220%;}}
.taste-feed-error {grid-column: 1/-1; display: flex; min-height: 180px; padding: 1.75rem; align-items: center; justify-content: center; flex-direction: column; gap: 9px; border: 1px dashed rgba(255,255,255,.1); border-radius: 16px; text-align: center;}
.taste-feed-error span {color: rgba(255,255,255,.5); font-size: 12px;}
.taste-feed-error button {margin-top: 8px;}

.lt .taste-feed-track {border-color: rgba(55,62,96,.09); background: rgba(255,255,255,.62); box-shadow: inset 0 1px #fff;}
.lt .taste-feed-track:hover {border-color: color-mix(in srgb, var(--taste-accent) 32%, rgba(55,62,96,.09)); background: color-mix(in srgb, var(--taste-accent) 5%, #fff); box-shadow: 0 9px 22px rgba(47,55,91,.08), inset 0 1px #fff;}
.lt .taste-track-source {color: color-mix(in srgb, var(--taste-accent) 78%, #242737);}
.lt .taste-feed__footer {border-color: rgba(55,62,96,.09);}
.lt .taste-feed__footer > span {color: rgba(30,34,51,.48);}
.lt .taste-more,.lt .taste-feed-error button {color: #191b27; border-color: rgba(55,62,96,.11); background: rgba(255,255,255,.7);}
.lt .taste-more:hover,.lt .taste-more:focus-visible,.lt .taste-feed-error button:hover,.lt .taste-feed-error button:focus-visible {border-color: rgba(35,176,128,.25); background: rgba(101,244,194,.12);}
.lt .taste-track-skeleton {border-color: rgba(55,62,96,.07); background: rgba(255,255,255,.48);}
.lt .taste-track-skeleton i,.lt .taste-track-skeleton b,.lt .taste-track-skeleton small {background: linear-gradient(100deg,rgba(48,55,88,.045) 20%,rgba(48,55,88,.1) 38%,rgba(48,55,88,.045) 58%); background-size: 220% 100%;}
.lt .taste-feed-error {border-color: rgba(55,62,96,.11);}
.lt .taste-feed-error span {color: rgba(30,34,51,.52);}

@media (max-width: 860px) {
	.taste-track-list {grid-template-columns: 1fr;}
}
@media (max-width: 520px) {
	.taste-feed-track {padding: .5625rem; border-radius: 14px;}
	.taste-feed-track .track-item__img {width: 44px; height: 44px; flex-basis: 44px;}
	.taste-track-source {display: none;}
	.taste-feed__footer {align-items: stretch; flex-direction: column;}
	.taste-more {width: 100%;}
}
@media (prefers-reduced-motion: reduce) {
	.taste-track-skeleton i,.taste-track-skeleton b,.taste-track-skeleton small {animation: none;}
}

/* Music for the moment */
.moment-section {
	--moment-accent: #ff66a3;
	position: relative;
	overflow: hidden;
	margin: 0 0 38px;
	padding: 1.625rem;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 24px;
	background:
		radial-gradient(circle at 8% 0, color-mix(in srgb,var(--moment-accent) 20%,transparent), transparent 34%),
		radial-gradient(circle at 100% 100%, rgba(103,91,255,.13), transparent 42%),
		linear-gradient(145deg,#17171d,#111116 58%,#17131c);
	box-shadow: 0 24px 55px rgba(0,0,0,.16);
	color: #fff;
}
.moment-section::before {content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 24%,transparent 72%,rgba(255,255,255,.025));}
.moment-section__header {position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px;}
.moment-kicker {display:flex; align-items:center; gap:8px; margin-bottom:8px; color:color-mix(in srgb,var(--moment-accent) 78%,white); font-size:9px; font-weight:800; letter-spacing:.18em;}
.moment-kicker i {width:7px; height:7px; border-radius:50%; background:var(--moment-accent); box-shadow:0 0 14px var(--moment-accent);}
.moment-section h2 {font-size:31px; line-height:1.05; letter-spacing:-.045em;}
.moment-section h2 em {color:var(--moment-accent); font-style:normal;}
.moment-section__header p {max-width:650px; margin-top:9px; color:rgba(255,255,255,.54); font-size:12px; line-height:1.55;}
.moment-open {display:inline-flex; min-height:38px; padding:0 .9375rem; align-items:center; justify-content:center; gap:10px; flex:0 0 auto; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:rgba(255,255,255,.055); color:#fff; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.07em;}
.moment-open span {color:var(--moment-accent); font-size:14px;}
.moment-choices {position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:18px;}
.moment-choice {--choice-accent:var(--moment-accent); position:relative; display:grid; min-width:0; min-height:96px; padding:.875rem; align-content:end; overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:16px; background:rgba(255,255,255,.035); color:#fff; transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.moment-choice::before {content:""; position:absolute; width:78px; height:78px; top:-38px; right:-28px; border-radius:50%; background:var(--choice-accent); opacity:.11; filter:blur(4px);}
.moment-choice > span {position:absolute; top:12px; left:13px; display:grid; width:29px; height:29px; place-items:center; border-radius:10px; background:color-mix(in srgb,var(--choice-accent) 16%,transparent); color:var(--choice-accent); font-size:14px; font-weight:800;}
.moment-choice strong {overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap;}
.moment-choice small {margin-top:2px; overflow:hidden; color:rgba(255,255,255,.4); font-size:8px; text-overflow:ellipsis; white-space:nowrap;}
.moment-choice[data-moment="mood"] {--choice-accent:#ff66a3;}
.moment-choice[data-moment="road"] {--choice-accent:#63a7ff;}
.moment-choice[data-moment="workout"] {--choice-accent:#53dfae;}
.moment-choice[data-moment="focus"] {--choice-accent:#8e86ff;}
.moment-choice[data-moment="chill"] {--choice-accent:#68cbd7;}
.moment-choice[data-moment="romance"] {--choice-accent:#ff7996;}
.moment-choice[data-moment="party"] {--choice-accent:#ffb24f;}
.moment-choice[data-moment="car"] {--choice-accent:#c879ff;}
.moment-choice.is-active {border-color:color-mix(in srgb,var(--choice-accent) 54%,transparent); background:color-mix(in srgb,var(--choice-accent) 12%,rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.065); transform:translateY(-2px);}
.moment-choice.is-active::after {content:""; position:absolute; right:12px; bottom:12px; width:6px; height:6px; border-radius:50%; background:var(--choice-accent); box-shadow:0 0 12px var(--choice-accent);}
.moment-feed {position:relative; z-index:1; padding:1rem; border:1px solid rgba(255,255,255,.065); border-radius:18px; background:rgba(0,0,0,.13);}
.moment-feed__head,.moment-feed__footer {display:flex; align-items:center; justify-content:space-between; gap:14px;}
.moment-feed__head {margin-bottom:12px;}
.moment-feed__head > div {display:grid; gap:2px;}
.moment-feed__head span {color:rgba(255,255,255,.34); font-size:8px; font-weight:800; letter-spacing:.14em;}
.moment-feed__head strong {font-size:14px;}
.moment-feed__head small,.moment-feed__footer > span {color:rgba(255,255,255,.36); font-size:9px;}
.moment-track-list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; counter-reset:moment-track;}
.moment-track {counter-increment:moment-track; min-width:0; box-shadow:none; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.038);}
.moment-track::before {content:counter(moment-track,decimal-leading-zero); display:grid; width:26px; height:26px; place-items:center; flex:0 0 26px; border-radius:9px; background:color-mix(in srgb,var(--moment-accent) 12%,transparent); color:color-mix(in srgb,var(--moment-accent) 76%,white); font-size:8px; font-weight:800;}
.moment-track .track-item__img {width:44px; height:44px; flex-basis:44px;}
.moment-track .track-item__title {font-size:11px;}
.moment-track .track-item__subtitle {font-size:9px;}
.moment-feed__footer {margin-top:12px;}
.moment-more,.moment-error button {min-height:38px; padding:0 .9375rem; border:1px solid color-mix(in srgb,var(--moment-accent) 28%,transparent); border-radius:12px; background:color-mix(in srgb,var(--moment-accent) 11%,transparent); color:#fff; font-size:9px; font-weight:800; text-transform:uppercase;}
.moment-skeleton {display:flex; min-height:64px; padding:.625rem; align-items:center; gap:10px; border-radius:14px; background:rgba(255,255,255,.03);}
.moment-skeleton > i {width:44px; height:44px; flex:0 0 44px; border-radius:12px;}
.moment-skeleton > span {display:grid; width:55%; gap:7px;}
.moment-skeleton b,.moment-skeleton small {display:block; height:7px; border-radius:10px;}
.moment-skeleton small {width:65%;}
.moment-skeleton > i,.moment-skeleton b,.moment-skeleton small {background:linear-gradient(100deg,rgba(255,255,255,.035) 20%,rgba(255,255,255,.1) 38%,rgba(255,255,255,.035) 58%); background-size:220% 100%; animation:tasteSkeleton 1.25s linear infinite;}
.moment-error {grid-column:1/-1; display:flex; min-height:150px; padding:1.5rem; align-items:center; justify-content:center; flex-direction:column; gap:8px; border:1px dashed rgba(255,255,255,.1); border-radius:15px; text-align:center;}
.moment-error span {color:rgba(255,255,255,.46); font-size:10px;}
.mood-seo-nav {display:flex; padding-top:1rem; flex-wrap:wrap; gap:8px;}
.mood-seo-nav a {display:inline-flex; min-height:38px; padding:0 .875rem; align-items:center; border:1px solid var(--bdc); border-radius:20px; background:var(--bg-darker); color:var(--tt); font-size:11px; font-weight:600;}
.lt .moment-section {border-color:rgba(49,56,89,.09); background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--moment-accent) 12%,transparent),transparent 36%),linear-gradient(145deg,#fff,#f6f7fb 62%,#faf6f9); box-shadow:0 24px 55px rgba(66,71,98,.09); color:#191b27;}
.lt .moment-section__header p,.lt .moment-choice small,.lt .moment-feed__head small,.lt .moment-feed__footer > span {color:rgba(30,34,51,.48);}
.lt .moment-open,.lt .moment-choice {border-color:rgba(55,62,96,.1); background:rgba(255,255,255,.6); color:#191b27;}
.lt .moment-choice.is-active {border-color:color-mix(in srgb,var(--choice-accent) 42%,rgba(55,62,96,.1)); background:color-mix(in srgb,var(--choice-accent) 10%,white);}
.lt .moment-feed {border-color:rgba(55,62,96,.08); background:rgba(255,255,255,.5);}
.lt .moment-feed__head span {color:rgba(30,34,51,.34);}
.lt .moment-track {border-color:rgba(55,62,96,.07); background:rgba(255,255,255,.72);}
.lt .moment-more,.lt .moment-error button {color:#191b27;}
.lt .moment-skeleton {background:rgba(55,62,96,.035);}

@media (hover:hover) and (pointer:fine) {
	.moment-choice:hover {border-color:color-mix(in srgb,var(--choice-accent) 40%,transparent); transform:translateY(-2px);}
	.moment-open:hover,.moment-more:hover {border-color:color-mix(in srgb,var(--moment-accent) 48%,transparent); background:color-mix(in srgb,var(--moment-accent) 14%,transparent);}
}
@media (max-width: 860px) {
	.moment-track-list {grid-template-columns:1fr;}
}
@media (max-width: 760px) {
	.moment-section {margin-right:var(--indent-negative); margin-bottom:2rem; margin-left:var(--indent-negative); padding:var(--mobile-section-padding); border-radius:0;}
	.moment-section__header {align-items:flex-start;}
	.moment-choices {grid-template-columns:repeat(2,minmax(0,1fr));}
	.moment-feed {padding:.875rem;}
}
@media (max-width: 520px) {
	.moment-section__header {display:grid;}
	.moment-section h2 {font-size:27px;}
	.moment-open {width:100%;}
	.moment-choice {min-height:84px; padding:.75rem;}
	.moment-choice > span {top:10px; left:11px; width:26px; height:26px;}
	.moment-feed__head {align-items:flex-end;}
	.moment-track {padding:.5rem;}
	.moment-track::before {display:none;}
	.moment-feed__footer {align-items:stretch; flex-direction:column;}
	.moment-more {width:100%;}
}
@media (prefers-reduced-motion: reduce) {
	.moment-choice,.moment-skeleton > i,.moment-skeleton b,.moment-skeleton small {animation:none; transition:none;}
}

/* Smart search, listening history, artist radio and PWA */
#quicksearch {position:relative;}
.smart-search {
	position:absolute;
	top:calc(100% + 10px);
	left:0;
	z-index:120;
	width:min(520px,calc(100vw - 32px));
	padding:.5rem;
	border:1px solid rgba(255,255,255,.1);
	border-radius:18px;
	background:rgba(20,20,26,.96);
	box-shadow:0 24px 70px rgba(0,0,0,.38);
	backdrop-filter:blur(20px);
}
.smart-search[hidden] {display:none;}
.smart-search__note {padding:.5rem .625rem; color:#72e8be; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;}
.smart-search__item {display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:11px; min-height:54px; padding:.375rem; border:1px solid transparent; border-radius:13px; color:#fff; transition:background .18s ease,border-color .18s ease,transform .18s ease;}
.smart-search__item:hover,.smart-search__item.is-active {border-color:rgba(101,244,194,.18); background:rgba(101,244,194,.075); transform:translateX(2px);}
.smart-search__media {display:grid; width:42px; height:42px; place-items:center; overflow:hidden; border-radius:11px; background:linear-gradient(145deg,rgba(116,102,255,.22),rgba(255,96,157,.14)); color:#8df0cc;}
.smart-search__media img {width:100%; height:100%; object-fit:cover;}
.smart-search__copy {display:grid; min-width:0; gap:3px;}
.smart-search__copy strong {overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap;}
.smart-search__copy small {color:rgba(255,255,255,.42); font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.08em;}
.smart-search__all {display:flex; min-height:38px; margin-top:4px; padding:0 .75rem; align-items:center; justify-content:center; border-radius:11px; color:#9cf3d4; background:rgba(101,244,194,.07); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.07em;}
.smart-search__empty {display:grid; gap:4px; padding:1.25rem; text-align:center;}
.smart-search__empty strong {font-size:12px;}
.smart-search__empty span {color:rgba(255,255,255,.45); font-size:9px;}
.lt .smart-search {border-color:rgba(55,62,96,.1); background:rgba(255,255,255,.97); box-shadow:0 24px 70px rgba(48,55,88,.16);}
.lt .smart-search__item {color:#1c1e2a;}
.lt .smart-search__item:hover,.lt .smart-search__item.is-active {border-color:rgba(37,177,129,.2); background:rgba(101,244,194,.1);}
.lt .smart-search__copy small,.lt .smart-search__empty span {color:rgba(30,34,51,.46);}

.header__history,.header__install {position:relative; flex:0 0 auto;}
.header__history > span {position:absolute; top:0; right:0; display:grid; min-width:16px; height:16px; padding:0 .1875rem; place-items:center; border:2px solid #15151b; border-radius:9px; background:#65f4c2; color:#11151a; font-size:7px; font-weight:900;}
.lt .header__history > span {border-color:#fff;}
.history-overlay {position:fixed; inset:0; z-index:998; background:rgba(5,5,9,.48); backdrop-filter:blur(5px);}
.history-drawer {
	position:fixed;
	top:0;
	right:0;
	z-index:999;
	display:flex;
	width:min(430px,100%);
	height:100dvh;
	padding:1.375rem;
	flex-direction:column;
	border-left:1px solid rgba(255,255,255,.09);
	background:radial-gradient(circle at 100% 0,rgba(113,96,255,.17),transparent 34%),#15151b;
	box-shadow:-24px 0 70px rgba(0,0,0,.34);
	color:#fff;
	transform:translateX(105%);
	transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.history-drawer.is-open {transform:translateX(0);}
.history-is-open {overflow:hidden;}
.history-drawer__head {display:flex; align-items:flex-start; justify-content:space-between; gap:18px;}
.history-drawer__head > div {display:grid; gap:5px;}
.history-drawer__head span {color:#8cf0cb; font-size:8px; font-weight:850; letter-spacing:.18em;}
.history-drawer__head h2 {font-size:23px; line-height:1.08; letter-spacing:-.035em;}
.history-close {display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(255,255,255,.045); color:#fff;}
.history-drawer__copy {margin:10px 0 17px; color:rgba(255,255,255,.45); font-size:10px; line-height:1.5;}
.history-list {display:grid; min-height:0; overflow:auto; gap:7px; padding-right:.25rem; scrollbar-width:thin;}
.history-track {position:relative; display:grid; grid-template-columns:24px 48px minmax(0,1fr); align-items:center; gap:10px; min-height:64px; padding:.5rem; border:1px solid rgba(255,255,255,.065); border-radius:15px; background:rgba(255,255,255,.035);}
.history-track > small {color:rgba(255,255,255,.28); font-size:8px; font-weight:800; text-align:center;}
.history-track > img {width:48px; height:48px; border-radius:12px; object-fit:cover;}
.history-track__play {position:absolute; left:42px; display:grid; width:48px; height:48px; place-items:center; border:0; border-radius:12px; background:rgba(9,10,14,.48); color:#fff; opacity:0; transition:opacity .18s ease;}
.history-track:hover .history-track__play,.history-track__play:focus-visible {opacity:1;}
.history-track__body {display:grid; min-width:0; gap:3px; color:#fff;}
.history-track__body strong,.history-track__body span {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.history-track__body strong {font-size:11px;}
.history-track__body span {color:rgba(255,255,255,.45); font-size:9px;}
.history-empty {display:grid; min-height:280px; padding:1.5rem; place-content:center; justify-items:center; gap:8px; border:1px dashed rgba(255,255,255,.1); border-radius:18px; text-align:center;}
.history-empty i {display:grid; width:52px; height:52px; margin-bottom:5px; place-items:center; border-radius:17px; background:rgba(101,244,194,.09); color:#75ebc2; font-size:19px;}
.history-empty strong {font-size:13px;}
.history-empty span {max-width:250px; color:rgba(255,255,255,.44); font-size:10px; line-height:1.5;}
.history-drawer__foot {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding-top:.875rem; border-top:1px solid rgba(255,255,255,.07);}
.history-drawer__foot button {min-height:36px; padding:0 .75rem; border:1px solid rgba(255,255,255,.09); border-radius:11px; background:rgba(255,255,255,.035); color:rgba(255,255,255,.62); font-size:8px; font-weight:800; text-transform:uppercase;}
.history-drawer__foot span {color:rgba(255,255,255,.3); font-size:8px;}
.lt .history-overlay {background:rgba(35,38,55,.25);}
.lt .history-drawer {border-color:rgba(48,55,88,.1); background:radial-gradient(circle at 100% 0,rgba(113,96,255,.1),transparent 34%),#f8f9fc; box-shadow:-24px 0 70px rgba(48,55,88,.16); color:#1b1d29;}
.lt .history-close {border-color:rgba(48,55,88,.11); background:rgba(255,255,255,.72); color:#1b1d29;}
.lt .history-drawer__copy,.lt .history-track__body span {color:rgba(30,34,51,.48);}
.lt .history-track {border-color:rgba(48,55,88,.09); background:rgba(255,255,255,.72);}
.lt .history-track > small {color:rgba(30,34,51,.32);}
.lt .history-track__body {color:#1b1d29;}
.lt .history-empty {border-color:rgba(48,55,88,.12);}
.lt .history-empty span {color:rgba(30,34,51,.48);}
.lt .history-drawer__foot {border-color:rgba(48,55,88,.09);}
.lt .history-drawer__foot button {border-color:rgba(48,55,88,.11); background:#fff; color:rgba(30,34,51,.65);}
.lt .history-drawer__foot span {color:rgba(30,34,51,.38);}

.artist-radio {display:inline-flex; min-height:42px; padding:0 1rem; align-items:center; justify-content:center; gap:9px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(255,255,255,.06); color:#fff; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.055em;}
.artist-radio::before {color:#75ebc2;}
.artist-radio:hover {border-color:rgba(101,244,194,.34); background:rgba(101,244,194,.1);}
.lt .artist-radio {border-color:rgba(42,48,77,.12); background:rgba(255,255,255,.62); color:#1b1d29;}
.related-music {position:relative;}
.smart-toast {position:fixed; right:20px; bottom:104px; z-index:1100; max-width:min(360px,calc(100vw - 32px)); padding:.75rem 1rem; border:1px solid rgba(101,244,194,.2); border-radius:13px; background:rgba(20,20,26,.94); box-shadow:0 18px 45px rgba(0,0,0,.28); color:#fff; font-size:10px; font-weight:700; opacity:0; transform:translateY(10px); pointer-events:none; transition:opacity .2s ease,transform .2s ease;}
.smart-toast.is-visible {opacity:1; transform:translateY(0);}

@media (max-width:760px) {
	.header button.header__btn1.header__history {display:grid !important; width:38px; height:38px; place-items:center;}
	.smart-search {position:fixed; top:68px; right:10px; left:10px; width:auto; max-height:calc(100dvh - 90px); overflow:auto;}
	.history-drawer {padding:1rem;}
	.history-track__play {opacity:1; background:rgba(9,10,14,.34);}
	.page__ctrl .artist-radio {width:100%; order:3;}
	.smart-toast {right:12px; bottom:92px; left:12px; max-width:none; text-align:center;}
}
@media (max-width:420px) {
	.history-drawer__head h2 {font-size:21px;}
	.history-track {grid-template-columns:20px 44px minmax(0,1fr); gap:8px;}
	.history-track > img,.history-track__play {width:44px; height:44px;}
	.history-track__play {left:36px;}
	.history-drawer__foot {align-items:stretch; flex-direction:column;}
	.history-drawer__foot button {width:100%;}
	.header__install {display:none;}
}
@media (prefers-reduced-motion:reduce) {
	.smart-search__item,.history-drawer,.history-track__play,.smart-toast {transition:none;}
}