.soundtracks{width: 100%}.shq-track-list{display: flex;flex-direction: column;gap: var(--trk-gap,0.5rem);width: 100%}.shq-list-header{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 0.5rem 1rem;margin: 1.75rem 0 1.25rem;padding-bottom: 0.75rem;border-bottom: 1px solid var(--trk-border,rgba(255,255,255,0.08))}.shq-list-header__title{margin: 0;font-size: clamp(1.6rem,4vw,2.4rem);line-height: 1.1}.shq-list-header__count{margin: 0;font-size: 0.75rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--trk-muted,rgba(255,255,255,0.6))}.shq-search-status{margin: 0 0 0.75rem;font-size: 0.72rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--trk-muted,rgba(255,255,255,0.6));min-height: 1em}.shq-search-status:empty{display: none}.shq-empty{padding: 2rem 1.25rem;text-align: center;border: 1px dashed var(--trk-border,rgba(255,255,255,0.08));border-radius: var(--trk-radius,10px);color: var(--trk-muted,rgba(255,255,255,0.6))}.shq-track{position: relative;display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 0.9rem;width: 100%;margin: 0;padding: var(--trk-pad,0.7rem);background: var(--trk-bg,#0d1226);border: 1px solid var(--trk-border,rgba(255,255,255,0.08));border-radius: var(--trk-radius,10px);color: var(--trk-fg,#ffffff);cursor: pointer;overflow: hidden;isolation: isolate;transition: background-color 0.22s ease,border-color 0.22s ease,transform 0.22s ease,box-shadow 0.22s ease,opacity 0.22s ease}.shq-track--hiding{opacity: 0;transform: scale(0.96);pointer-events: none}.shq-track::before{content: "";position: absolute;inset: 0 auto 0 0;width: 3px;background: var(--trk-accent,#f2f200);transform: scaleY(0);transform-origin: center;transition: transform 0.22s ease}.shq-track:hover,.shq-track:focus-within{background: var(--trk-bg-hover,#1b2a5e);border-color: var(--trk-border-hover,rgba(255,255,255,0.28));transform: translateY(-1px);box-shadow: var(--trk-shadow,0 6px 18px rgba(0,0,0,0.45))}.shq-track:hover::before,.shq-track:focus-within::before,.shq-track.is-playing::before,.shq-track.is-paused::before{transform: scaleY(1)}.shq-track.is-playing{background: var(--trk-bg-active,#24357a);border-color: var(--trk-accent,#f2f200)}.shq-track.is-paused{background: var(--trk-bg-hover,#1b2a5e)}.shq-track.is-error{border-color: var(--trk-error,#e23f2c)}.shq-track__play{position: relative;flex: none;width: var(--trk-art,62px);height: var(--trk-art,62px);padding: 0;border: 0;border-radius: var(--trk-art-radius,7px);background: var(--trk-art-bg,#172246);overflow: hidden;cursor: pointer;-webkit-appearance: none;appearance: none}.shq-track__art{position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;transition: transform 0.35s ease}.shq-track:hover .shq-track__art{transform: scale(1.06)}.shq-track__badge{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: var(--trk-badge-scrim,rgba(5,7,15,0.55));color: #fff;font-size: 0.95rem;opacity: 0;transition: opacity 0.2s ease,background-color 0.2s ease}.shq-track:hover .shq-track__badge,.shq-track__play:focus-visible .shq-track__badge,.shq-track.is-playing .shq-track__badge,.shq-track.is-paused .shq-track__badge{opacity: 1}.shq-track.is-playing .shq-track__badge{background: var(--trk-accent-scrim,rgba(226,63,44,0.68))}.shq-track__icon-pause,.shq-track__eq{display: none}.shq-track.is-playing .shq-track__icon-play{display: none}.shq-track.is-playing .shq-track__eq{display: flex}.shq-track.is-playing:hover .shq-track__eq,.shq-track.is-playing:focus-within .shq-track__eq{display: none}.shq-track.is-playing:hover .shq-track__icon-pause,.shq-track.is-playing:focus-within .shq-track__icon-pause{display: block}.shq-track__eq{align-items: flex-end;gap: 2px;height: 40%}.shq-track__eq i{display: block;width: 3px;height: 100%;border-radius: 1px;background: var(--trk-eq,#f2f200);transform-origin: bottom center;animation: shq-eq 1.1s ease-in-out infinite}.shq-track__eq i:nth-child(2){animation-delay: -0.85s}.shq-track__eq i:nth-child(3){animation-delay: -0.45s}.shq-track__eq i:nth-child(4){animation-delay: -0.2s}@keyframes shq-eq{0%,100%{transform: scaleY(0.28)}50%{transform: scaleY(1)}}.shq-track__body{min-width: 0}.shq-track__title{margin: 0;font-size: 1rem;font-weight: 700;line-height: 1.25;letter-spacing: 0.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--trk-fg,#ffffff)}.shq-track.is-playing .shq-track__title{color: var(--trk-accent-text,#f2f200)}.shq-track__meta{display: flex;flex-wrap: wrap;gap: 0.15rem 0.9rem;margin: 0.3rem 0 0;font-size: 0.72rem;line-height: 1.3;color: var(--trk-muted,rgba(255,255,255,0.6))}.shq-track__meta i{opacity: 0.7}.shq-track__aside{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;justify-content: flex-end}.shq-track__tags{display: flex;gap: 0.3rem}.shq-tag{padding: 0.2rem 0.5rem;border-radius: 100px;font-size: 0.6rem;font-weight: 800;letter-spacing: 0.09em;text-transform: uppercase;white-space: nowrap}.shq-tag--remix{background: var(--trk-tag-remix,#fa8204);color: var(--trk-tag-remix-text,#2a1400)}.shq-tag--lyrics{background: var(--trk-tag-lyrics,#6bcbb0);color: var(--trk-tag-lyrics-text,#04231b)}.shq-track__stats{display: flex;gap: 0.35rem}.shq-stat{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.25rem 0.55rem;border-radius: 100px;background: var(--trk-stat-bg,rgba(0,0,0,0.4));font-size: 0.9rem;font-weight: 600;font-variant-numeric: tabular-nums;white-space: nowrap}.shq-stat--plays{color: var(--trk-stat-plays,#14ff3f)}.shq-stat--length{color: var(--trk-stat-length,rgba(255,255,255,0.55))}.shq-track__link{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;color: var(--trk-muted,rgba(255,255,255,0.6));background: transparent;transition: color 0.2s ease,background-color 0.2s ease}.shq-track__link:hover,.shq-track__link:focus-visible{color: var(--trk-accent-text,#f2f200);background: var(--trk-stat-bg,rgba(0,0,0,0.4));text-decoration: none !important}.shq-track__progress{position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background: var(--trk-progress-track,rgba(255,255,255,0.12));opacity: 0;transition: opacity 0.2s ease;pointer-events: none}.shq-track.is-playing .shq-track__progress,.shq-track.is-paused .shq-track__progress{opacity: 1}.shq-track__progress-fill{display: block;height: 100%;width: 0;background: var(--trk-progress,linear-gradient(90deg,#f2f200,#fa8204))}@media only screen and (max-width: 720px){.shq-track{grid-template-columns: auto minmax(0,1fr);grid-template-areas: "art body" "aside aside";row-gap: 0.65rem}.shq-track__play{grid-area: art}.shq-track__body{grid-area: body}.shq-track__aside{grid-area: aside;justify-content: flex-start}.shq-track__title{white-space: normal}}@media only screen and (max-width: 420px){.shq-track{--trk-art: 52px;padding: 0.6rem}.shq-stat--length{display: none}}.shq-appear{animation: shq-appear 0.45s ease both}@keyframes shq-appear{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}body.shq-player-open{padding-bottom: 92px}.shq-player{position: fixed;left: 0;right: 0;bottom: 0;z-index: 900;background: var(--plr-bg,rgba(8,12,28,0.94));border-top: 1px solid var(--plr-border,rgba(255,255,255,0.12));box-shadow: var(--plr-shadow,0 -8px 28px rgba(0,0,0,0.55));color: var(--plr-fg,#ffffff);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);animation: shq-player-in 0.3s ease both}.shq-player[hidden]{display: none}@keyframes shq-player-in{from{transform: translateY(100%)}to{transform: none}}.shq-player__inner{display: grid;grid-template-columns: minmax(0,1fr) auto minmax(220px,1.5fr) auto auto;align-items: center;gap: 1rem;max-width: 1180px;margin: 0 auto;padding: 0.6rem 1rem calc(0.6rem + env(safe-area-inset-bottom,0px))}.shq-player__now{display: flex;align-items: center;gap: 0.7rem;min-width: 0}.shq-player__art{flex: none;width: 46px;height: 46px;border-radius: var(--trk-art-radius,7px);background: var(--trk-art-bg,#172246) center / cover no-repeat;box-shadow: 0 2px 8px rgba(0,0,0,0.45)}.shq-player__art.is-empty{background-image: none}.shq-player__info{display: flex;flex-direction: column;min-width: 0;gap: 0.1rem}.shq-player__title{font-size: 0.85rem;font-weight: 700;line-height: 1.25;color: var(--plr-fg,#ffffff);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.shq-player__title:hover,.shq-player__title:focus-visible{color: var(--plr-accent,#e23f2c);text-decoration: none !important}.shq-player__sub{font-size: 0.7rem;color: var(--plr-muted,rgba(255,255,255,0.55));white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.shq-player__transport{display: flex;align-items: center;gap: 0.2rem}.shq-player__btn{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--plr-fg,#ffffff);font-size: 0.8rem;cursor: pointer;transition: background-color 0.18s ease,color 0.18s ease,transform 0.18s ease;-webkit-appearance: none;appearance: none}.shq-player__btn:hover{background: var(--plr-btn-hover,rgba(255,255,255,0.1));color: var(--plr-accent,#e23f2c)}.shq-player__btn:active{transform: scale(0.92)}.shq-player__toggle{width: 44px;height: 44px;font-size: 0.95rem;background: var(--plr-accent,#e23f2c);color: var(--plr-accent-text,#ffffff)}.shq-player__toggle:hover{background: var(--plr-accent-hover,#ee6a58);color: var(--plr-accent-text,#ffffff)}.shq-player__repeat.is-active{color: var(--plr-accent,#e23f2c);background: var(--plr-btn-hover,rgba(255,255,255,0.1))}.shq-player__seek{display: flex;align-items: center;gap: 0.6rem}.shq-player__time{font-size: 0.68rem;font-variant-numeric: tabular-nums;color: var(--plr-muted,rgba(255,255,255,0.55));min-width: 34px;text-align: center}.shq-player__volume{display: flex;align-items: center;gap: 0.35rem;width: 130px}.shq-range{--shq-range-fill: 0%;flex: 1;width: 100%;height: 16px;margin: 0;padding: 0;background: transparent;cursor: pointer;-webkit-appearance: none;appearance: none}.shq-range::-webkit-slider-runnable-track{height: 4px;border-radius: 100px;background: linear-gradient(to right,var(--plr-accent,#e23f2c) var(--shq-range-fill),var(--plr-range-track,rgba(255,255,255,0.18)) var(--shq-range-fill))}.shq-range::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 12px;height: 12px;margin-top: -4px;border: 0;border-radius: 50%;background: var(--plr-thumb,#ffe67c);box-shadow: 0 1px 4px rgba(0,0,0,0.6);transition: transform 0.15s ease}.shq-range:hover::-webkit-slider-thumb,.shq-range:focus-visible::-webkit-slider-thumb{transform: scale(1.25)}.shq-range::-moz-range-track{height: 4px;border-radius: 100px;background: var(--plr-range-track,rgba(255,255,255,0.18))}.shq-range::-moz-range-progress{height: 4px;border-radius: 100px;background: var(--plr-accent,#e23f2c)}.shq-range::-moz-range-thumb{width: 12px;height: 12px;border: 0;border-radius: 50%;background: var(--plr-thumb,#ffe67c);box-shadow: 0 1px 4px rgba(0,0,0,0.6)}@media only screen and (max-width: 900px){.shq-player__inner{grid-template-columns: minmax(0,1fr) auto auto;grid-template-areas: "now transport close" "seek seek seek";row-gap: 0.15rem;padding-top: 0.5rem}.shq-player__now{grid-area: now}.shq-player__transport{grid-area: transport}.shq-player__seek{grid-area: seek}.shq-player__close{grid-area: close}.shq-player__volume{display: none}body.shq-player-open{padding-bottom: 120px}}@media only screen and (max-width: 480px){.shq-player__art{width: 38px;height: 38px}.shq-player__toggle{width: 40px;height: 40px}.shq-player__btn{width: 30px;height: 30px}}.track-single{width: 100%;margin: 2rem 0}.shq-single__hero{position: relative;padding: 2rem 1.5rem;background-size: cover;background-position: center;border-radius: var(--trk-radius,10px) var(--trk-radius,10px) 0 0;overflow: hidden;color: #fff}.shq-single__hero-scrim{position: absolute;inset: 0;background: var(--trk-hero-scrim,linear-gradient(to right,rgba(5,7,15,0.92),rgba(24,45,110,0.85)));-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px)}.shq-single__hero-inner{position: relative;display: flex;flex-wrap: wrap;gap: 1.5rem 2.5rem;align-items: flex-start;justify-content: space-between}.shq-single__identity{display: flex;gap: 1.25rem;align-items: flex-start;min-width: 0}.shq-single__cover{flex: none;width: 140px;height: 140px;object-fit: cover;border-radius: var(--trk-art-radius,7px);box-shadow: 0 8px 24px rgba(0,0,0,0.55)}.shq-single__eyebrow{margin: 0 0 0.25rem;font-size: 0.7rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--trk-accent-text,#f2f200)}.shq-single__title{margin: 0;font-size: clamp(1.5rem,4vw,2.4rem);line-height: 1.1}.shq-single__artist{margin: 0.4rem 0 0;font-size: 0.85rem;opacity: 0.85}.shq-single__actions{display: flex;align-items: center;gap: 0.85rem;margin-top: 1.1rem;flex-wrap: wrap}.shq-single__play{position: relative;display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.55rem 1.25rem 0.55rem 0.6rem;border: 0;border-radius: 100px;background: var(--plr-accent,#e23f2c);color: var(--plr-accent-text,#ffffff);font-weight: 700;font-size: 0.85rem;cursor: pointer;overflow: hidden;transition: background-color 0.2s ease,transform 0.2s ease}.shq-single__play:hover{background: var(--plr-accent-hover,#ee6a58);transform: translateY(-1px)}.shq-single__play .shq-track__badge{position: static;width: 26px;height: 26px;border-radius: 50%;background: rgba(0,0,0,0.25);opacity: 1;font-size: 0.7rem}.shq-single__play .shq-track__progress{opacity: 1;background: rgba(0,0,0,0.25)}.shq-single__play .shq-track__progress-fill{background: rgba(255,255,255,0.6)}.shq-single__play::before{display: none}.shq-single__play.is-playing,.shq-single__play.is-paused{background: var(--plr-accent-hover,#ee6a58);border-color: transparent}.shq-single__stats{flex: none}.shq-single__lyrics{white-space: pre-line;line-height: 1.7}@media only screen and (max-width: 600px){.shq-single__identity{flex-direction: column}.shq-single__cover{width: 110px;height: 110px}}.shq-track__play:focus-visible,.shq-player__btn:focus-visible,.shq-range:focus-visible,.shq-track__link:focus-visible,.shq-single__play:focus-visible{outline: 2px solid var(--trk-accent,#f2f200);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.shq-track,.shq-track__art,.shq-track__badge,.shq-player,.shq-player__btn,.shq-single__play{transition: none !important;animation: none !important}.shq-track__eq i{animation: none !important;transform: scaleY(0.6)}.shq-appear{animation: none !important}}