:root {
    --paxor-menu-height: 62px;
    --paxor-player-height: 88px;

    --music-bg: #080b0d;
    --music-surface: #101518;
    --music-surface-2: #171d20;
    --music-border: rgba(255, 255, 255, 0.1);
    --music-text: #f7fbfc;
    --music-muted: #98a7ad;
    --music-cyan: #20d9ff;
    --music-green: #037d9c;
    --music-ui-green: #1db954;
    --music-pink: #ff5fa2;
    --music-amber: #ffc857;
    --artist-accent: #20d9ff;

    --track-dominant: var(--artist-accent);
}

body:has(.music-shell),
body:has(.artist-studio),
body:has(.music-public-page) {
    background: var(--music-bg);
}

body.paxor-music-active,
body:has(.music-shell) {
    padding-top: 0;
}

body:has(.music-shell) .video-background,
body:has(.artist-studio) .video-background,
body:has(.music-public-page) .video-background,
body:has(.music-shell) footer:not(.music-player),
body:has(.artist-studio) footer,
body:has(.music-public-page) footer {
    display: none;
}

body:has(.music-shell) .main-content,
body:has(.artist-studio) .main-content,
body:has(.music-public-page) .main-content {
    padding: var(--paxor-menu-height, 62px) 0 0;
    max-width: none;
}

.music-shell {
    height: calc(100dvh - var(--paxor-menu-height, 62px) - var(--paxor-player-height, 88px));
    min-height: 0;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr) 320px;
    grid-template-rows: minmax(0, 1fr);
    background: var(--music-bg);
    color: var(--music-text);
    font-family: Inter, sans-serif;
    overflow: hidden;
}

.music-shell.left-collapsed { grid-template-columns: 82px minmax(0, 1fr) 320px; }
.music-shell.right-collapsed { grid-template-columns: 320px minmax(0, 1fr) 0; }
.music-shell.left-collapsed.right-collapsed { grid-template-columns: 82px minmax(0, 1fr) 0; }

.music-sidebar {
    grid-row: 1;
    position: relative;
    padding: 0 16px 24px;
    border-right: 1px solid var(--music-border);
    background: #0b0f11;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: auto;
    scrollbar-color: transparent transparent;
}

body:has(.music-shell),
.music-sidebar,
.music-scroll-area,
.music-now-scroll,
.music-search-results,
.music-playlist-picker-list,
.music-folder-picker-list,
.music-messages-page-list,
.music-chat-messages,
.music-playlist-dialog-form,
.music-user-tabs {
    scrollbar-width: auto;
    scrollbar-color: transparent transparent;
}

body:has(.music-shell):hover,
.music-sidebar:hover,
.music-sidebar:focus-within,
.music-scroll-area:hover,
.music-scroll-area:focus-within,
.music-now-scroll:hover,
.music-now-scroll:focus-within,
.music-search-results:hover,
.music-search-results:focus-within,
.music-playlist-picker-list:hover,
.music-playlist-picker-list:focus-within,
.music-folder-picker-list:hover,
.music-folder-picker-list:focus-within,
.music-messages-page-list:hover,
.music-messages-page-list:focus-within,
.music-chat-messages:hover,
.music-chat-messages:focus-within,
.music-playlist-dialog-form:hover,
.music-playlist-dialog-form:focus-within,
.music-user-tabs:hover,
.music-user-tabs:focus-within {
    scrollbar-color: rgba(190,196,200,.82) rgba(255,255,255,.055);
}

body:has(.music-shell)::-webkit-scrollbar,
.music-sidebar::-webkit-scrollbar,
.music-scroll-area::-webkit-scrollbar,
.music-now-scroll::-webkit-scrollbar,
.music-search-results::-webkit-scrollbar,
.music-playlist-picker-list::-webkit-scrollbar,
.music-folder-picker-list::-webkit-scrollbar,
.music-messages-page-list::-webkit-scrollbar,
.music-chat-messages::-webkit-scrollbar,
.music-playlist-dialog-form::-webkit-scrollbar,
.music-user-tabs::-webkit-scrollbar {
    width: 22px;
    height: 22px;
}

body:has(.music-shell)::-webkit-scrollbar-thumb,
.music-sidebar::-webkit-scrollbar-thumb,
.music-scroll-area::-webkit-scrollbar-thumb,
.music-now-scroll::-webkit-scrollbar-thumb,
.music-search-results::-webkit-scrollbar-thumb,
.music-playlist-picker-list::-webkit-scrollbar-thumb,
.music-folder-picker-list::-webkit-scrollbar-thumb,
.music-messages-page-list::-webkit-scrollbar-thumb,
.music-chat-messages::-webkit-scrollbar-thumb,
.music-playlist-dialog-form::-webkit-scrollbar-thumb,
.music-user-tabs::-webkit-scrollbar-thumb {
    min-height: 72px;
    border: 3px solid transparent;
    border-radius: 999px;
    background: transparent;
    background-clip: content-box;
}

body:has(.music-shell):hover::-webkit-scrollbar-thumb,
.music-sidebar:hover::-webkit-scrollbar-thumb,
.music-sidebar:focus-within::-webkit-scrollbar-thumb,
.music-scroll-area:hover::-webkit-scrollbar-thumb,
.music-scroll-area:focus-within::-webkit-scrollbar-thumb,
.music-now-scroll:hover::-webkit-scrollbar-thumb,
.music-now-scroll:focus-within::-webkit-scrollbar-thumb,
.music-search-results:hover::-webkit-scrollbar-thumb,
.music-search-results:focus-within::-webkit-scrollbar-thumb,
.music-playlist-picker-list:hover::-webkit-scrollbar-thumb,
.music-playlist-picker-list:focus-within::-webkit-scrollbar-thumb,
.music-folder-picker-list:hover::-webkit-scrollbar-thumb,
.music-folder-picker-list:focus-within::-webkit-scrollbar-thumb,
.music-messages-page-list:hover::-webkit-scrollbar-thumb,
.music-messages-page-list:focus-within::-webkit-scrollbar-thumb,
.music-chat-messages:hover::-webkit-scrollbar-thumb,
.music-chat-messages:focus-within::-webkit-scrollbar-thumb,
.music-playlist-dialog-form:hover::-webkit-scrollbar-thumb,
.music-playlist-dialog-form:focus-within::-webkit-scrollbar-thumb,
.music-user-tabs:hover::-webkit-scrollbar-thumb,
.music-user-tabs:focus-within::-webkit-scrollbar-thumb {
    border-color: rgba(11,15,17,.92);
    background: rgba(178,184,188,.68);
    background-clip: content-box;
}

body:has(.music-shell)::-webkit-scrollbar-thumb:hover,
.music-sidebar::-webkit-scrollbar-thumb:hover,
.music-scroll-area::-webkit-scrollbar-thumb:hover,
.music-now-scroll::-webkit-scrollbar-thumb:hover,
.music-search-results::-webkit-scrollbar-thumb:hover,
.music-playlist-picker-list::-webkit-scrollbar-thumb:hover,
.music-folder-picker-list::-webkit-scrollbar-thumb:hover,
.music-messages-page-list::-webkit-scrollbar-thumb:hover,
.music-chat-messages::-webkit-scrollbar-thumb:hover,
.music-playlist-dialog-form::-webkit-scrollbar-thumb:hover,
.music-user-tabs::-webkit-scrollbar-thumb:hover {
    border-color: rgba(11,15,17,.92);
    background: rgba(216,221,224,.9);
    background-clip: content-box;
}

body:has(.music-shell)::-webkit-scrollbar-track,
body:has(.music-shell)::-webkit-scrollbar-corner,
.music-sidebar::-webkit-scrollbar-track,
.music-sidebar::-webkit-scrollbar-corner,
.music-scroll-area::-webkit-scrollbar-track,
.music-scroll-area::-webkit-scrollbar-corner,
.music-now-scroll::-webkit-scrollbar-track,
.music-now-scroll::-webkit-scrollbar-corner,
.music-search-results::-webkit-scrollbar-track,
.music-search-results::-webkit-scrollbar-corner,
.music-playlist-picker-list::-webkit-scrollbar-track,
.music-playlist-picker-list::-webkit-scrollbar-corner,
.music-folder-picker-list::-webkit-scrollbar-track,
.music-folder-picker-list::-webkit-scrollbar-corner,
.music-messages-page-list::-webkit-scrollbar-track,
.music-messages-page-list::-webkit-scrollbar-corner,
.music-chat-messages::-webkit-scrollbar-track,
.music-chat-messages::-webkit-scrollbar-corner,
.music-playlist-dialog-form::-webkit-scrollbar-track,
.music-playlist-dialog-form::-webkit-scrollbar-corner,
.music-user-tabs::-webkit-scrollbar-track,
.music-user-tabs::-webkit-scrollbar-corner {
    background: transparent;
}

body:has(.music-shell):hover::-webkit-scrollbar-track,
.music-sidebar:hover::-webkit-scrollbar-track,
.music-sidebar:focus-within::-webkit-scrollbar-track,
.music-scroll-area:hover::-webkit-scrollbar-track,
.music-scroll-area:focus-within::-webkit-scrollbar-track,
.music-now-scroll:hover::-webkit-scrollbar-track,
.music-now-scroll:focus-within::-webkit-scrollbar-track,
.music-search-results:hover::-webkit-scrollbar-track,
.music-search-results:focus-within::-webkit-scrollbar-track,
.music-playlist-picker-list:hover::-webkit-scrollbar-track,
.music-playlist-picker-list:focus-within::-webkit-scrollbar-track,
.music-folder-picker-list:hover::-webkit-scrollbar-track,
.music-folder-picker-list:focus-within::-webkit-scrollbar-track,
.music-messages-page-list:hover::-webkit-scrollbar-track,
.music-messages-page-list:focus-within::-webkit-scrollbar-track,
.music-chat-messages:hover::-webkit-scrollbar-track,
.music-chat-messages:focus-within::-webkit-scrollbar-track,
.music-playlist-dialog-form:hover::-webkit-scrollbar-track,
.music-playlist-dialog-form:focus-within::-webkit-scrollbar-track,
.music-user-tabs:hover::-webkit-scrollbar-track,
.music-user-tabs:focus-within::-webkit-scrollbar-track {
    background: rgba(255,255,255,.055);
}

body:has(.music-shell)::-webkit-scrollbar-button,
.music-sidebar::-webkit-scrollbar-button,
.music-scroll-area::-webkit-scrollbar-button,
.music-now-scroll::-webkit-scrollbar-button,
.music-search-results::-webkit-scrollbar-button,
.music-playlist-picker-list::-webkit-scrollbar-button,
.music-folder-picker-list::-webkit-scrollbar-button,
.music-messages-page-list::-webkit-scrollbar-button,
.music-chat-messages::-webkit-scrollbar-button,
.music-playlist-dialog-form::-webkit-scrollbar-button,
.music-user-tabs::-webkit-scrollbar-button {
    width: 22px;
    height: 22px;
    display: block;
    background-color: transparent;
}

body:has(.music-shell):hover::-webkit-scrollbar-button,
.music-sidebar:hover::-webkit-scrollbar-button,
.music-sidebar:focus-within::-webkit-scrollbar-button,
.music-scroll-area:hover::-webkit-scrollbar-button,
.music-scroll-area:focus-within::-webkit-scrollbar-button,
.music-now-scroll:hover::-webkit-scrollbar-button,
.music-now-scroll:focus-within::-webkit-scrollbar-button,
.music-search-results:hover::-webkit-scrollbar-button,
.music-search-results:focus-within::-webkit-scrollbar-button,
.music-playlist-picker-list:hover::-webkit-scrollbar-button,
.music-playlist-picker-list:focus-within::-webkit-scrollbar-button,
.music-folder-picker-list:hover::-webkit-scrollbar-button,
.music-folder-picker-list:focus-within::-webkit-scrollbar-button,
.music-messages-page-list:hover::-webkit-scrollbar-button,
.music-messages-page-list:focus-within::-webkit-scrollbar-button,
.music-chat-messages:hover::-webkit-scrollbar-button,
.music-chat-messages:focus-within::-webkit-scrollbar-button,
.music-playlist-dialog-form:hover::-webkit-scrollbar-button,
.music-playlist-dialog-form:focus-within::-webkit-scrollbar-button,
.music-user-tabs:hover::-webkit-scrollbar-button,
.music-user-tabs:focus-within::-webkit-scrollbar-button {
    background-color: rgba(255,255,255,.055);
}

.music-column-toggle {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--music-muted);
    cursor: pointer;
}

.music-column-toggle:hover { color: var(--music-ui-green); background: transparent; }
.music-left-toggle { position: absolute; top: 112px; left: 22px; z-index: 4; }
.music-shell.left-collapsed .music-left-toggle { top: 82px; left: 18px; }
.music-layout-icon {
    width: 25px;
    height: 25px;
    position: relative;
    display: block;
}
.music-layout-icon::before,
.music-layout-icon::after {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    border: 2px solid currentColor;
    border-radius: 2px;
    transition: width .16s ease, border-color .16s ease, opacity .16s ease;
}
.music-layout-icon::before {
    left: 1px;
    width: 8px;
}
.music-layout-icon::after {
    right: 1px;
    width: 10px;
}
.music-left-toggle:hover .music-layout-icon::before,
.music-right-toggle:hover .music-layout-icon::before,
.music-shell.left-collapsed .music-left-toggle:hover .music-layout-icon::before,
.music-shell.right-collapsed .music-right-toggle:hover .music-layout-icon::before {
    width: 13px;
    border-color: var(--music-text);
}
.music-left-toggle:hover .music-layout-icon::after,
.music-right-toggle:hover .music-layout-icon::after,
.music-shell.left-collapsed .music-left-toggle:hover .music-layout-icon::after,
.music-shell.right-collapsed .music-right-toggle:hover .music-layout-icon::after {
    width: 6px;
    border-color: var(--music-ui-green);
}
.music-layout-icon span { display: none; }
.music-left-toggle .music-layout-icon,
.music-right-toggle .music-layout-icon { color: currentColor; }
.music-left-toggle:hover .music-layout-icon,
.music-right-toggle:hover .music-layout-icon {
    color: var(--music-text);
}
.music-left-toggle:hover .music-layout-icon,
.music-right-toggle:hover .music-layout-icon {
    background:
        linear-gradient(45deg, transparent 0 46%, var(--music-ui-green) 47% 58%, transparent 59%) 16px 14px / 9px 9px no-repeat,
        linear-gradient(-45deg, transparent 0 45%, var(--music-ui-green) 46% 58%, transparent 59%) 12px 15px / 9px 9px no-repeat;
}
.music-shell.left-collapsed .music-brand > span:last-child,
.music-shell.left-collapsed .music-nav-item span:not(.music-nav-avatar),
.music-shell.left-collapsed .music-sidebar-label,
  .music-shell.left-collapsed .music-library-title,
  .music-shell.left-collapsed .music-library-tabs,
  .music-shell.left-collapsed .music-playlist-sidebar-name,
  .music-shell.left-collapsed .music-playlist-sidebar-copy,
  .music-shell.left-collapsed .music-playlist-rename,
.music-shell.left-collapsed .music-playlist-folder-delete,
.music-shell.left-collapsed .music-playlist-folder-items,
.music-shell.left-collapsed .music-folder-chevron,
.music-shell.left-collapsed .music-chain-note { display: none; }
.music-shell.left-collapsed .music-sidebar { padding: 24px 12px; align-items: center; }
.music-shell.left-collapsed .music-brand {
    width: 54px;
    min-height: 54px;
    margin: 0 auto 10px;
    padding: 5px;
    justify-content: center;
    border-radius: 12px;
}
.music-shell.left-collapsed .music-brand-mark {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
}
.music-shell.left-collapsed .music-local-nav,
.music-shell.left-collapsed .music-playlist-list,
.music-shell.left-collapsed .music-sidebar-section { width: 100%; }
.music-shell.left-collapsed .music-nav-item,
.music-shell.left-collapsed .music-playlist-open,
.music-shell.left-collapsed .music-playlist-folder-open {
    width: 54px;
    min-height: 54px;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    gap: 0;
}
.music-shell.left-collapsed .music-playlist-item,
.music-shell.left-collapsed .music-playlist-folder-heading { width: 54px; grid-template-columns: 1fr; margin: 0 auto; }
.music-shell.left-collapsed .music-nav-item i,
.music-shell.left-collapsed .music-playlist-open > i {
    width: 24px;
    margin: 0;
    text-align: center;
    font-size: 18px;
}
.music-shell.left-collapsed .music-nav-avatar {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
}
.music-shell.left-collapsed .music-local-nav,
.music-shell.left-collapsed .music-playlist-list { justify-items: center; gap: 9px; }
.music-shell.left-collapsed .music-library-heading {
    width: 54px;
    margin: 0 auto;
    justify-content: center;
}
.music-shell.left-collapsed .music-library-heading > button {
    width: 54px;
    height: 54px;
    margin: 0 auto;
}
.music-shell.left-collapsed .music-playlist-sidebar-cover {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
}
.music-shell.left-collapsed .music-playlist-pin-badge { display: none; }
.music-sidebar > .music-local-nav { margin-top: 46px; }
.music-shell.left-collapsed .music-sidebar > .music-local-nav { margin-top: 46px; }

.music-brand {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 12px;
    width: calc(100% + 16px);
    min-height: 76px;
    margin: 0 0 14px -16px;
    padding: 14px 16px;
    border: 2px solid #037d9c;
    border-radius: 15px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.34) 48%, rgba(0, 0, 0, 0.18)),
        radial-gradient(circle at 78% 48%, rgba(3, 125, 156, 0.46), transparent 38%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.44), rgba(4, 22, 32, 0.94));
    color: var(--music-text);
    box-shadow:
        0 0 16px rgba(3, 125, 156, 0.48),
        0 10px 24px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    text-decoration: none;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.music-brand::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 42%),
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.12), transparent 32%);
    pointer-events: none;
}

.music-brand > * { position: relative; z-index: 2; }
.music-brand strong { color: var(--music-text); }
.music-brand > span:last-child { min-width: 0; }

.music-brand-mark {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.95);
    color: #037d9c;
    box-shadow: 0 0 18px rgba(3, 125, 156, 0.3);
}

.music-local-nav,
.music-sidebar-section {
    display: grid;
    gap: 5px;
}

.music-local-nav {
    position: static !important;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    padding: 0;
    margin-top: 4px;
    justify-content: stretch;
    align-items: stretch;
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-size: inherit;
    z-index: auto;
    user-select: auto;
}

.music-sidebar-section {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid var(--music-border);
}

.music-sidebar-label,
.music-kicker {
    color: var(--music-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
}

.music-sidebar-label { padding: 0 12px 8px; }
.music-library-heading { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.music-library-title { min-width: 0; overflow: hidden; color: var(--music-text); font-size: 15px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.music-library-heading > button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--music-muted); cursor: pointer; font-size: 16px; }
.music-library-heading > button i { transition: transform .18s ease, color .18s ease; }
.music-library-heading > button.open i { transform: rotate(45deg); color: var(--music-text); }
.music-library-heading > button:hover { background: rgba(255,255,255,.07); color: var(--music-text); }
.music-library-tabs { margin-top: 12px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.music-library-tabs button {
    min-width: 0;
    min-height: 38px;
    padding: 4px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: var(--music-muted);
    font: inherit;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.05;
    text-align: center;
    hyphens: auto;
    overflow-wrap: anywhere;
    white-space: normal;
    cursor: pointer;
}
.music-library-tabs button:hover,
.music-library-tabs button.active { background: var(--music-text); color: #071013; }
.music-playlist-list { margin-top: 8px; display: grid; gap: 4px; }
.music-playlist-list.drag-over-root {
    outline: 1px dashed rgba(32,217,255,.45);
    outline-offset: 4px;
    border-radius: 8px;
    background: rgba(32,217,255,.05);
}
.music-playlist-item { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 30px; align-items: center; border-radius: 5px; }
.music-playlist-item:hover { background: rgba(255,255,255,.045); }
.music-playlist-item[draggable="true"] { cursor: grab; }
.music-playlist-item.dragging { opacity: .42; cursor: grabbing; }
.music-playlist-item.system-playlist {
    grid-template-columns: 1fr;
    margin-bottom: 5px;
}
.music-playlist-item.system-playlist .music-playlist-open {
    min-height: 48px;
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(29,185,84,.14), rgba(32,217,255,.05));
    color: var(--music-text);
}
.music-playlist-item.system-playlist .music-playlist-open:hover,
.music-playlist-item.system-playlist .music-playlist-open.active {
    background: linear-gradient(90deg, rgba(29,185,84,.22), rgba(32,217,255,.08));
}
.music-playlist-item.system-playlist .music-playlist-sidebar-cover {
    background: rgba(29,185,84,.18);
    color: var(--music-green);
}
.music-playlist-item.system-playlist .music-playlist-sidebar-cover i {
    color: var(--music-green);
}
.music-playlist-folder { display: grid; gap: 3px; }
.music-playlist-folder.drag-over {
    border-radius: 8px;
    background: rgba(32,217,255,.08);
    box-shadow: inset 0 0 0 1px rgba(32,217,255,.48), 0 0 18px rgba(32,217,255,.12);
}
.music-playlist-folder.drag-over .music-playlist-folder-heading { background: rgba(32,217,255,.12); }
.music-playlist-folder.drag-over .music-folder-sidebar-cover { color: var(--music-text); background: rgba(32,217,255,.22); }
.music-playlist-folder-heading { min-height: 42px; display: grid; grid-template-columns: minmax(0,1fr) 30px; align-items: center; border-radius: 5px; }
.music-playlist-folder-heading:hover { background: rgba(255,255,255,.045); }
.music-playlist-folder-open { min-width: 0; padding: 0 8px; display: flex; align-items: center; gap: 10px; border: 0; background: transparent; color: var(--music-text); text-align: left; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.music-playlist-folder-open .music-folder-sidebar-cover i { width: auto; color: #037d9c !important; text-align: center; font-size: 20px; }
.music-folder-sidebar-cover { background: rgba(3,125,156,.14) center/cover no-repeat; color: #037d9c !important; }
.music-folder-chevron { margin-left: auto; color: var(--music-muted); font-size: 10px; transition: transform .16s ease; }
.music-playlist-folder.collapsed .music-folder-chevron { transform: rotate(-90deg); }
.music-playlist-sidebar-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-playlist-folder-delete { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--music-muted); cursor: pointer; opacity: 0; }
.music-playlist-folder-heading:hover .music-playlist-folder-delete,
.music-playlist-folder-delete:focus-visible { opacity: 1; }
.music-playlist-folder-delete:hover { background: rgba(255,95,162,.12); color: var(--music-pink); }
.music-playlist-folder-items { display: grid; gap: 2px; padding-left: 15px; border-left: 1px solid rgba(255,255,255,.08); }
.music-playlist-folder-items[hidden] { display: none; }
.music-playlist-open { min-width: 0; min-height: 44px; padding: 0 8px; display: flex; align-items: center; gap: 10px; border: 0; background: transparent; color: var(--music-muted); text-align: left; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.music-playlist-open i { width: 19px; color: var(--music-cyan); text-align: center; }
.music-playlist-sidebar-cover {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    background: #172327 center/cover no-repeat;
    color: var(--music-cyan);
    overflow: hidden;
}
.music-playlist-sidebar-cover.has-artwork > i { display: none; }
.music-playlist-open span:not(.music-playlist-sidebar-cover) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-playlist-sidebar-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}
.music-playlist-sidebar-copy small {
    overflow: hidden;
    color: var(--music-muted);
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-playlist-pin-badge { margin-left: auto; color: #1db954 !important; font-size: 11px; }
.music-playlist-pin-badge i { width: auto; color: #1db954 !important; }
.music-playlist-open:hover,
.music-playlist-open.active { color: var(--music-text); }
.music-library-entity .music-playlist-open { width: 100%; }
.music-library-entity { grid-template-columns: 1fr; }
.music-library-entity-copy { min-width: 0; display: grid; gap: 2px; }
.music-library-entity-copy small { overflow: hidden; color: var(--music-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.music-library-empty { padding: 18px 10px; color: var(--music-muted); text-align: center; font-size: 12px; }
.music-playlist-rename { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--music-muted); cursor: pointer; opacity: 0; }
.music-playlist-item:hover .music-playlist-rename,
.music-playlist-rename:focus-visible { opacity: 1; }
.music-playlist-rename:hover { background: rgba(255,255,255,.08); color: var(--music-cyan); }
.music-playlist-name-input { width: calc(100% - 8px); height: 34px; margin: 2px 4px; padding: 0 8px; grid-column: 1 / -1; border: 1px solid var(--music-cyan); border-radius: 4px; outline: 0; background: #101719; color: var(--music-text); font: inherit; font-size: 12px; box-sizing: border-box; }

.music-nav-item {
    min-width: 0;
    min-height: 48px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--music-muted);
    text-decoration: none;
    text-align: left;
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
}

.music-nav-item i { width: 20px; text-align: center; font-size: 17px; }
.music-nav-item > span:not(.music-nav-avatar) {
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: normal;
}
.music-nav-avatar {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(3,125,156,.18) center/cover no-repeat;
    color: #e8fbff;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.music-nav-avatar i {
    width: auto;
    font-size: 13px;
}
.music-nav-avatar-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    pointer-events: none;
    user-select: none;
}
.music-nav-avatar.has-artwork > i { display: none; }
.music-nav-avatar-artist {
    box-shadow: inset 0 0 0 2px rgba(3,125,156,.42), 0 0 10px rgba(3,125,156,.16);
}
.music-nav-item:hover { color: var(--music-text); background: rgba(255, 255, 255, 0.05); }
.music-nav-item.active { color: var(--music-cyan); background: rgba(32, 217, 255, 0.1); }

.music-chain-note {
    margin-top: auto;
    padding: 14px 10px;
    display: flex;
    gap: 10px;
    border-top: 1px solid var(--music-border);
    color: var(--music-ui-green);
}

.music-chain-note > i { color: var(--music-ui-green); }

.music-chain-note div { display: grid; gap: 3px; }
.music-chain-note strong { color: var(--music-text); font-size: 12px; }
.music-chain-note span { color: var(--music-muted); font-size: 10px; line-height: 1.4; }

.music-main {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.music-topbar {
    min-height: 62px;
    padding: 7px 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--music-border);
    background: rgba(8, 11, 13, 0.94);
}

.music-history-controls { display: none; }

.music-icon-btn,
.music-player-icon,
.music-dialog-close {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--music-border);
    border-radius: 50%;
    background: #11171a;
    color: var(--music-muted);
    cursor: pointer;
}

.music-icon-btn:hover,
.music-player-icon:hover { color: var(--music-text); border-color: rgba(32, 217, 255, 0.45); }

.music-search-shell {
    position: relative;
    width: auto;
    min-height: 46px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
        rgba(16, 21, 24, 0.94);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 12px 30px rgba(0, 0, 0, 0.18);
    z-index: 30;
}

.music-search {
    min-width: 0;
    min-height: 38px;
    flex: 1 1 auto;
    padding: 0 16px 0 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--music-muted);
}

.music-search-shell:focus-within {
    border-color: rgba(3, 125, 156, 0.74);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 0 0 3px rgba(3, 125, 156, 0.16),
        0 14px 34px rgba(0, 0, 0, 0.22);
}
.music-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--music-text); font: inherit; font-size: 16px; }

.music-search-shell .music-search { width: 100%; }

.music-search-results {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    max-height: min(560px, calc(100dvh - 190px));
    overflow-y: auto;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(14, 20, 23, 0.98), rgba(10, 13, 15, 0.98)),
        var(--music-surface);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(3, 125, 156, 0.12);
}

.music-search-results[hidden] { display: none; }

.music-search-results::-webkit-scrollbar { width: 22px; }
.music-search-results::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: transparent;
    background-clip: content-box;
}

.music-search-section-title {
    padding: 9px 9px 5px;
    color: var(--music-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.music-search-row {
    width: 100%;
    min-height: 56px;
    padding: 7px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--music-text);
    cursor: pointer;
    text-align: left;
}

.music-search-row:hover,
.music-search-row:focus-visible {
    outline: 0;
    background: rgba(255, 255, 255, 0.08);
}

.music-search-artwork {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(3, 125, 156, 0.55), rgba(29, 185, 84, 0.22));
    background-position: center;
    background-size: cover;
    color: rgba(255, 255, 255, 0.82);
}

.music-search-artwork.has-artwork i { display: none; }

.music-search-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.music-search-copy strong,
.music-search-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.music-search-copy strong {
    color: var(--music-text);
    font-size: 14px;
    font-weight: 850;
}

.music-search-copy small {
    color: var(--music-muted);
    font-size: 12px;
}

.music-search-state {
    padding: 18px 14px;
    color: var(--music-muted);
    font-size: 13px;
}

.music-studio-link,
.music-profile-link {
    min-height: 40px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--music-border);
    border-radius: 6px;
    color: var(--music-text);
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.music-studio-link { margin-left: auto; }
.music-profile-link { padding: 0 12px; }
.music-studio-link:hover,
.music-profile-link:hover { border-color: var(--music-green); color: var(--music-green); }
.music-messages-top { position: relative; flex: 0 0 auto; margin-left: auto; }
.nav-messages {
    position: relative;
    flex-shrink: 0;
}
.nav-messages .music-messages-top {
    width: 50px;
    height: 62px;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.music-messages-menu-button {
    width: 50px;
    height: 62px;
    font-size: 24px;
}
.music-messages-menu-button:hover {
    color: #037d9c;
}
.music-messages-popover {
    width: min(420px, calc(100vw - 28px));
    max-height: min(620px, calc(100vh - 118px));
    padding: 22px;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 160;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 0;
    background: #111;
    box-shadow: 0 24px 70px rgba(0,0,0,.58);
}
.music-messages-popover[hidden] { display: none; }
.music-messages-popover-head {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.music-messages-popover-head h2 { margin: 0; color: var(--music-text); font-size: 24px; letter-spacing: 0; }
.music-messages-popover-head button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: var(--music-text);
    cursor: pointer;
}
.music-messages-popover-head button:hover { background: rgba(255,255,255,.14); color: var(--music-green); }
.music-message-thread-list,
.music-messages-page-list {
    display: grid;
    gap: 4px;
}
.music-message-thread {
    width: 100%;
    min-height: 68px;
    padding: 8px 0;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr) auto;
    gap: 14px;
    align-items: center;
    border: 0;
    background: transparent;
    color: var(--music-text);
    text-align: left;
    cursor: pointer;
}
.music-message-thread:hover,
.music-message-thread.active { background: rgba(255,255,255,.07); }
.music-message-avatar {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    flex: 0 0 54px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.42));
    background-position: center;
    background-size: cover;
    color: #111;
    font-size: 18px;
    overflow: hidden;
}
.music-message-avatar.has-artwork > i { display: none; }
.music-message-thread-copy { min-width: 0; display: grid; gap: 5px; }
.music-message-thread-copy strong,
.music-message-thread-copy small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-message-thread-copy strong { color: var(--music-text); font-size: 14px; font-weight: 900; }
.music-message-thread-copy small { color: var(--music-muted); font-size: 13px; }
.music-message-thread time { color: var(--music-muted); font-size: 12px; white-space: nowrap; }
.music-view-all-messages {
    width: 100%;
    min-height: 42px;
    margin-top: 12px;
    border: 0;
    background: transparent;
    color: var(--music-text);
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}
.music-view-all-messages:hover { color: var(--music-green); }

.music-scroll-area {
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 30px 48px;
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: transparent transparent;
}

.music-scroll-area.music-profile-scroll {
    padding-top: 0;
}

.music-profile-scroll #music-detail-view > .music-public-back {
    margin: 12px 0 16px;
}

.music-now-panel {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    position: relative;
    border-left: 1px solid var(--music-border);
    background: #0b0f11;
    color: var(--music-text);
    overflow: hidden;
    transition: opacity .18s ease;
}

.music-shell.right-collapsed .music-now-panel {
    border-left: 0;
    overflow: visible;
}

.music-shell.right-collapsed .music-now-scroll { display: none; }

.music-right-toggle {
    position: absolute;
    top: 50%;
    left: -4px;
    z-index: 25;
    width: 32px;
    height: 228px;
    border: 1px solid rgba(32, 217, 255, 0.22);
    border-radius: 999px;
    background: rgba(11, 15, 17, 0.88);
    color: rgba(247, 251, 252, 0.72);
    opacity: 0;
    transform: translateY(-50%) translateX(6px);
    transition: opacity .16s ease, transform .16s ease, color .16s ease, border-color .16s ease;
}

.music-right-toggle i {
    font-size: 24px;
    transform: scaleX(1.16);
}

.music-now-panel:hover .music-right-toggle,
.music-right-toggle:hover,
.music-right-toggle:focus-visible {
    opacity: 1;
    transform: translateY(-50%);
    color: var(--music-ui-green);
    border-color: rgba(29, 185, 84, 0.42);
}

.music-shell.right-collapsed .music-right-toggle {
    position: fixed;
    right: 0;
    left: auto;
    top: calc(var(--paxor-menu-height, 62px) + ((100dvh - var(--paxor-menu-height, 62px) - var(--paxor-player-height, 88px)) / 2));
    border-radius: 999px 0 0 999px;
    opacity: 0;
    transform: translateY(-50%) translateX(10px);
    pointer-events: auto;
}

.music-shell.right-collapsed .music-right-toggle:hover,
.music-shell.right-collapsed .music-right-toggle:focus-visible {
    opacity: 1;
    transform: translateY(-50%);
}

.music-now-scroll {
    height: 100%;
    padding: 56px 18px 24px;
    overflow-y: auto;
    box-sizing: border-box;
    scrollbar-width: auto;
    scrollbar-color: transparent transparent;
}

.music-now-cover {
    width: 100%;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #172327 center/cover no-repeat;
    color: var(--music-cyan);
    font-size: 64px;
    box-shadow: 0 18px 42px rgba(0,0,0,.42);
}

.music-now-cover.has-artwork > i { display: none; }
.music-now-heading { margin-top: 20px; display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; align-items: start; }
.music-now-heading h2 { margin: 6px 0 4px; overflow-wrap: anywhere; color: var(--music-text); font-size: 24px; line-height: 1.08; }
.music-now-heading a { color: var(--music-muted); text-decoration: none; font-size: 13px; font-weight: 800; }
.music-now-heading a:hover { color: var(--music-green); text-decoration: none; }
.music-now-check { display: none; }
.music-now-kicker { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.music-now-actions { display: inline-flex; align-items: center; gap: 7px; }
.music-now-actions button {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(29,185,84,.42);
    border-radius: 50%;
    background: rgba(29,185,84,.12);
    color: var(--music-ui-green);
    cursor: pointer;
    font-size: 11px;
}
.music-now-actions button:hover { border-color: rgba(29,185,84,.72); color: var(--music-ui-green); background: rgba(29,185,84,.18); }
.music-now-actions #music-now-copy {
    width: 26px;
    height: 26px;
    border: 0;
    background: transparent;
    color: var(--music-ui-green);
    font-size: 13px;
}
.music-now-actions #music-now-copy:hover {
    border: 0;
    background: transparent;
    color: var(--music-ui-green);
    filter: brightness(1.12);
}
#music-now-add-playlist {
    width: 24px;
    height: 24px;
    border-color: transparent;
    background: var(--music-ui-green);
    color: #041014;
    font-size: 10px;
}
#music-now-add-playlist:hover { filter: brightness(1.06); color: #041014; }
.music-now-facts { margin: 22px 0 0; display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--music-border); border-radius: 8px; background: var(--music-border); }
.music-now-facts div { min-width: 0; padding: 12px 13px; display: grid; gap: 4px; background: var(--music-surface); }
.music-now-facts dt { color: var(--music-muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.music-now-facts dd { margin: 0; overflow: hidden; color: var(--music-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.music-now-buy { width: 100%; min-height: 42px; margin-top: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(32,217,255,.42); border-radius: 8px; background: rgba(32,217,255,.09); color: var(--music-cyan); font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.music-now-buy:hover:not(:disabled) { border-color: var(--music-cyan); background: rgba(32,217,255,.16); }
.music-now-buy:disabled { border-color: rgba(255,200,87,.35); background: rgba(255,200,87,.08); color: var(--music-amber); cursor: not-allowed; }
.music-now-provenance { margin-top: 20px; }
.music-now-section-title { margin-bottom: 10px; display: grid; gap: 2px; }
.music-now-section-title h3 { margin: 0; color: var(--music-text); font-size: 16px; letter-spacing: 0; }
.music-provenance-list { display: grid; gap: 10px; }
.music-provenance-list.compact { gap: 8px; }
.music-provenance-event { min-width: 0; padding: 14px; display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 12px; border: 1px solid var(--music-border); border-radius: 8px; background: var(--music-surface); }
.music-provenance-list.compact .music-provenance-event { padding: 11px; grid-template-columns: 30px minmax(0,1fr); gap: 9px; }
.music-provenance-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(3,125,156,.14); color: var(--music-green); }
.music-provenance-event.minted .music-provenance-icon {
    width: 48px;
    height: 28px;
    border-radius: 0;
    background: transparent;
}
.music-provenance-list.compact .music-provenance-icon { width: 28px; height: 28px; font-size: 11px; }
.music-provenance-list.compact .music-provenance-event.minted .music-provenance-icon {
    width: 38px;
    height: 22px;
}
.music-provenance-nft-icon {
    width: 46px;
    height: 23px;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.34));
}
.music-provenance-list.compact .music-provenance-nft-icon {
    width: 36px;
    height: 18px;
}
.music-provenance-event.sold .music-provenance-icon { background: rgba(255,200,87,.14); color: var(--music-amber); }
.music-provenance-event.burned .music-provenance-icon { background: rgba(255,95,95,.12); color: #ff8b8b; }
.music-provenance-event.listed .music-provenance-icon { background: rgba(255,255,255,.09); color: #dce6ea; }
.music-provenance-event.transferred .music-provenance-icon { background: rgba(3,125,156,.12); color: #73d8ee; }
.music-provenance-body { min-width: 0; display: grid; gap: 7px; }
.music-provenance-title { min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.music-provenance-title strong { min-width: 0; overflow: hidden; color: var(--music-text); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.music-provenance-list.compact .music-provenance-title strong { font-size: 12px; }
.music-provenance-title time { flex: 0 0 auto; color: var(--music-muted); font-size: 10px; font-weight: 800; }
.music-provenance-meta { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; color: var(--music-muted); font-size: 11px; line-height: 1.35; }
.music-provenance-list.compact .music-provenance-meta { font-size: 10px; }
.music-provenance-meta span { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-provenance-meta .price { color: var(--music-green); font-weight: 900; }
.music-provenance-meta .tx { color: #9bdff0; }
.music-provenance-empty { min-height: 72px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px dashed var(--music-border); border-radius: 8px; color: var(--music-muted); font-size: 12px; }

.music-feature {
    min-height: 274px;
    margin-bottom: 24px;
    padding: 26px;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 30px;
    align-items: center;
    border: 1px solid rgba(32, 217, 255, 0.26);
    border-radius: 8px;
    background: #101a1e;
    box-shadow: inset 5px 0 0 var(--music-cyan), 0 18px 48px rgba(0, 0, 0, 0.25);
}
.music-feature-track-hero {
    min-height: 0;
    padding: 14px 20px;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 26px;
    align-items: center;
    border-color: rgba(255,255,255,.08);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--track-dominant, var(--artist-accent)) 40%, #040708), rgba(8,10,11,.9) 62%),
        radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--track-dominant, var(--artist-accent)) 52%, transparent), transparent 34%);
    box-shadow: none;
}
.music-feature-track-hero .music-public-hero-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.music-feature-track-hero .music-feature-copy h1 {
    max-width: 720px;
    margin: 0;
    overflow: hidden;
    font-size: clamp(26px, 2.15vw, 34px);
    line-height: 1.04;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-feature-track-hero .music-feature-copy p {
    max-width: 760px;
    min-height: 34px;
    margin: 18px 0 0;
    padding: 8px 11px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    background: #101618;
    color: #d8e4e8;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-feature-waveform {
    margin: 32px 0 0;
    min-width: 0;
}
.music-feature-waveform .music-track-waveform {
    height: 96px;
}
.music-feature-waveform .music-waveform-comments {
    display: none;
}
.music-feature-controls {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    margin: 8px 0 0;
}

.music-feature-cover {
    width: 100%;
    aspect-ratio: 1;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background-color: #15262d;
    background-size: cover;
    background-position: center;
    color: var(--music-cyan);
    font-size: 56px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.4);
}

.has-artwork > i:first-child,
.music-feature-cover.has-artwork > i:first-child,
.music-card-cover.has-artwork > i:first-child,
.music-player-cover.has-artwork > i:first-child,
.music-public-cover.has-artwork > i:first-child,
.music-public-row-cover.has-artwork > i:first-child,
.artist-avatar.has-artwork > i:first-child,
.music-purchase-cover.has-artwork > i:first-child {
    display: none !important;
}

.music-nft-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 6px 8px;
    border-radius: 4px;
    background: rgba(4, 10, 12, 0.9);
    color: var(--music-ui-green);
    font-size: 10px;
    font-weight: 900;
}

.music-card-nft,
.music-social-nft {
    color: var(--music-ui-green);
}

.music-feature-copy { min-width: 0; }
.music-feature-copy h1 { margin: 9px 0; color: var(--music-text); font-size: clamp(30px, 4vw, 52px); line-height: 1.05; letter-spacing: 0; }
.music-title-link { color: inherit; text-decoration: none; }
.music-title-link:hover { color: var(--music-cyan); text-decoration: underline; }
.music-feature-copy p { max-width: 650px; margin: 0 0 12px; color: #c8d5d9; line-height: 1.55; }
.music-feature-meta { color: var(--music-muted); font-size: 12px; }
.music-inline-link { color: var(--music-text); font-weight: 800; text-decoration: none; }
.music-inline-link:hover { color: var(--music-cyan); text-decoration: underline; }
.music-feature-actions { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px; }

.music-primary-btn,
.music-secondary-btn {
    min-height: 42px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 6px;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.music-primary-btn { border: 1px solid var(--music-cyan); background: var(--music-cyan); color: #041014; }
.music-primary-btn:hover { filter: brightness(1.1); box-shadow: 0 0 22px rgba(32, 217, 255, 0.22); }
.music-secondary-btn { border: 1px solid var(--music-border); background: #151b1e; color: var(--music-muted); }
.music-secondary-btn:hover { border-color: rgba(230,235,238,.56); color: #e8eef1; }
.music-secondary-btn:hover i,
.music-secondary-btn.copied i { color: #e8eef1; }

.music-section { margin-top: 38px; }
.music-section-heading { margin-bottom: 17px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.music-section-heading h2 { margin: 5px 0 0; color: var(--music-text); font-size: 24px; letter-spacing: 0; }
.music-result-count { color: var(--music-muted); font-size: 12px; }

.music-marketplace-section {
    margin-top: 0;
}

.music-marketplace-sticky-heading {
    position: sticky;
    top: 0;
    z-index: 60;
    min-height: 82px;
    margin: 0 0 18px;
    padding: 14px 16px;
    overflow: hidden;
    border: 2px solid #037d9c;
    border-radius: 15px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.04)),
        radial-gradient(circle at 78% 48%, rgba(3, 125, 156, 0.42), transparent 38%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.38), rgba(4, 22, 32, 0.84));
    box-shadow:
        0 0 16px rgba(3, 125, 156, 0.42),
        0 12px 26px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.music-marketplace-sticky-heading::after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -16px;
    height: 16px;
    background: #080b0d;
    pointer-events: none;
}

.music-marketplace-sticky-heading::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 42%),
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.12), transparent 32%);
    pointer-events: none;
}

.music-marketplace-sticky-heading > * {
    position: relative;
    z-index: 1;
}

.music-marketplace-section .music-track-grid,
.music-marketplace-section .music-empty {
    position: relative;
    z-index: 1;
}

.music-queue-section {
    margin-top: 18px;
}

.music-queue-sticky-heading {
    min-height: 82px;
    position: sticky;
    top: 0;
    z-index: 66;
    margin: 0 0 14px;
    padding: 10px 0 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    justify-content: stretch;
    gap: 14px;
    background: #080b0d;
    box-shadow: 0 12px 24px rgba(0,0,0,.3);
}

.music-queue-sticky-heading::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    height: 14px;
    background: linear-gradient(180deg, rgba(8,11,13,.96), rgba(8,11,13,0));
    pointer-events: none;
}

.music-queue-sticky-heading .music-section-heading {
    min-width: 0;
    flex: 1 1 auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}

.music-queue-sticky-heading .music-list-toolbar {
    min-height: 58px;
    margin: 0;
    flex: 0 0 auto;
}

.music-queue-sticky-heading > .music-queue-head {
    grid-column: 1 / -1;
    margin-top: 4px;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.1);
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
}

.music-queue-section > .music-queue-sticky-heading {
    margin-bottom: 0;
    padding-bottom: 0;
}

.music-queue-section > .music-queue {
    margin-top: 0;
}

.music-queue-section .music-queue-row {
    padding-right: 24px;
}

.music-queue-section .music-queue-row > .music-track-social-row {
    width: calc(100% - 42px);
}

.music-queue-section .music-track-social-metrics {
    padding-right: 8px;
}

.music-queue-section .music-queue-duration {
    transform: translateX(-8px);
}

.music-queue-section .music-track-playlist-check {
    justify-self: center;
    transform: translateX(6px);
}

.music-queue-section .music-row-buy {
    margin-right: 22px;
    transform: translateX(-6px);
}

.music-queue-section .music-track-actions {
    justify-self: end;
    transform: none;
}

.music-queue-view-toggle {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    color: var(--music-muted);
    cursor: pointer;
}

.music-queue-shuffle {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--music-muted);
    cursor: pointer;
    font-size: 22px;
}

.music-queue-shuffle:hover,
.music-queue-shuffle.active {
    color: #ffffff;
    background: transparent;
}

.music-queue-view-toggle:hover,
.music-queue-view-toggle.active {
    border-color: rgba(255,255,255,.32);
    background: rgba(255,255,255,.1);
    color: #ffffff;
}

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

.music-track-card {
    min-width: 0;
    padding: 12px;
    position: relative;
    border: 1px solid var(--music-border);
    border-radius: 6px;
    background: var(--music-surface);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.music-track-card:hover,
.music-track-card.active { transform: translateY(-3px); border-color: rgba(32, 217, 255, 0.5); background: var(--music-surface-2); }
.music-track-card.active { box-shadow: inset 0 -3px 0 var(--music-cyan); }

.music-card-cover {
    width: 100%;
    aspect-ratio: 1;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 4px;
    background-color: #1a292e;
    background-size: cover;
    background-position: center;
    color: var(--music-cyan);
    font-size: 34px;
    overflow: hidden;
}

.music-card-play {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--music-cyan);
    color: #041014;
    cursor: pointer;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.music-track-card:hover .music-card-play,
.music-track-card.active .music-card-play { opacity: 1; transform: none; }
.music-card-nft { position: absolute; top: 8px; left: 8px; padding: 4px 6px; border: 0; border-radius: 3px; background: rgba(7, 12, 14, 0.9); color: var(--music-ui-green); font: inherit; font-size: 9px; font-weight: 900; cursor: default; }
button.music-card-nft.is-active { cursor: pointer; }
button.music-card-nft.is-active:hover { color: #ffffff; box-shadow: 0 0 14px rgba(93, 255, 154, 0.22); }
.music-track-card h3 { margin: 12px 0 4px; overflow: hidden; color: var(--music-text); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.music-track-card h3 a,
.music-track-card p a { color: inherit; text-decoration: none; }
.music-track-card h3 a:hover,
.music-track-card p a:hover { color: var(--music-cyan); text-decoration: underline; }
.music-track-card p { margin: 0; overflow: hidden; color: var(--music-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.music-card-sale { margin-top: 13px; padding-top: 12px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(74px, auto); gap: 9px; align-items: center; border-top: 1px solid var(--music-border); }
.music-card-price { min-width: 0; display: grid; gap: 3px; }
.music-card-price span { color: var(--music-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.music-card-price strong { overflow: hidden; color: var(--music-text); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.music-card-availability { grid-column: 1; color: var(--music-muted); font-size: 10px; }
.music-card-market-btn { grid-column: 2; grid-row: 1 / 3; min-width: 74px; max-width: 94px; min-height: 34px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; overflow: hidden; border: 1px solid rgba(32,217,255,.35); border-radius: 5px; background: rgba(32,217,255,.08); color: var(--music-cyan); text-decoration: none; font-size: 11px; font-weight: 800; white-space: nowrap; }
.music-card-market-btn span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-card-market-btn:hover { border-color: var(--music-cyan); background: rgba(32,217,255,.14); }

.music-empty { padding: 52px 20px; border: 1px dashed var(--music-border); border-radius: 6px; text-align: center; color: var(--music-muted); }
.music-empty i { color: var(--music-cyan); font-size: 28px; }
.music-empty h3 { margin: 12px 0 5px; color: var(--music-text); }
.music-empty p { margin: 0; }

.music-list-toolbar { min-height: 58px; margin: 0 0 14px; display: flex; align-items: center; gap: 14px; }
.music-list-play { width: 58px; height: 58px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--music-green); color: #041014; font-size: 20px; cursor: pointer; box-shadow: 0 10px 24px rgba(3,125,156,.24); }
.music-list-play:hover { transform: scale(1.04); filter: brightness(1.06); }
.music-list-play .fa-play { transform: translateX(2px); }
.music-list-play .fa-pause { font-size: 22px; }
.music-queue { border-top: 0; }
.music-queue-head { min-height: 34px; padding: 0 12px; display: grid; grid-template-columns: 146px 34px minmax(220px,1.05fr) minmax(122px,.55fr) minmax(6px,.04fr) minmax(118px,.5fr) 20px 54px 58px; gap: 6px; align-items: center; border-bottom: 1px solid var(--music-border); color: var(--music-muted); font-size: 12px; font-weight: 850; line-height: 1; }
.music-queue-head > * {
    grid-row: 1;
    align-self: center;
}
.music-queue-row,
.artist-release-row {
    min-height: 58px;
    padding: 8px 10px;
    display: grid;
    gap: 12px;
    align-items: center;
    border-bottom: 1px solid var(--music-border);
    color: var(--music-muted);
    font-size: 13px;
}

.music-queue-row {
    min-height: 166px;
    position: relative;

    grid-template-columns:
        146px
        34px
        minmax(220px, 1.05fr)
        minmax(122px, .55fr)
        minmax(6px, .04fr)
        minmax(118px, .5fr)
        20px
        54px
        58px;

    grid-template-rows:
        minmax(42px, auto)
        58px
        minmax(34px, auto);

    column-gap: 6px;
    row-gap: 6px;

    border: 0;
    border-radius: 7px;
    background: transparent;
    box-sizing: border-box;

    transition: background .16s ease;
}

/* У активного и воспроизводимого трека нет постоянного фона */
.music-queue-row.active,
.music-queue-row.playing {
    background: transparent;
}

/* При наведении светлеет вся область трека, без обводки */
.music-queue-row:hover,
.music-queue-row.active:hover,
.music-queue-row.playing:hover {
    background: rgba(255, 255, 255, .100);
}

.music-queue-index-btn {
    width: 34px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--music-muted);
    cursor: pointer;
    font-size: 22px;
    font-weight: 500;
}

.music-queue-index-btn i {
    display: none;
    color: var(--music-text);
    font-size: 22px;
}

.music-row-equalizer {
    height: 18px;
    display: none;
    align-items: end;
    gap: 2px;
    color: var(--music-green);
}

.music-row-equalizer b {
    width: 3px;
    height: 7px;
    border-radius: 2px;
    background: currentColor;
    animation: musicEqualizer .78s ease-in-out infinite;
}

.music-row-equalizer b:nth-child(2) {
    animation-delay: .13s;
}

.music-row-equalizer b:nth-child(3) {
    animation-delay: .26s;
}

@keyframes musicEqualizer {
    0%,
    100% {
        height: 5px;
        opacity: .72;
    }

    50% {
        height: 16px;
        opacity: 1;
    }
}

.music-queue-row:hover .music-queue-number,
.music-queue-index-btn:focus-visible .music-queue-number,
.music-queue-row.playing .music-queue-number {
    display: none;
}

.music-queue-row:hover .music-queue-index-btn i,
.music-queue-index-btn:focus-visible i {
    display: inline-block;
}

.music-queue-row.playing .music-row-equalizer {
    display: flex;
}

.music-queue-row.playing:hover .music-row-equalizer {
    display: none;
}

.music-queue-row.playing:hover .music-queue-index-btn i {
    display: inline-block;
}

.music-queue-index-btn:hover i {
    color: var(--music-green);
    transform: scale(1.08);
}

.music-queue-cover {
    width: 146px;
    height: 146px;
    grid-column: 1;
    grid-row: 1 / 4;
    position: relative;
    display: grid;
    place-items: center;
    align-self: center;
    overflow: hidden;
    border-radius: 6px;
    background: #172327 center / cover no-repeat;
    color: var(--music-cyan);
    text-decoration: none;
}

.music-queue-cover.has-artwork > i {
    display: none;
}

.music-queue-cover-nft {
    position: absolute;
    left: 7px;
    bottom: 7px;
    width: 44px;
    height: 23px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(29, 202, 139, .58);
    border-radius: 4px;
    background: rgba(5, 10, 12, .88);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .42);
    pointer-events: none;
}

.music-queue-cover-nft img {
    width: 36px;
    height: 18px;
    display: block;
    object-fit: contain;
}

.music-queue-index-btn {
    grid-column: 2;
    grid-row: 1;
}

.music-queue-title {
    grid-column: 3;
    grid-row: 1;
}

.music-queue-album {
    grid-column: 4;
    grid-row: 1;
}

.music-queue-added {
    grid-column: 6;
    grid-row: 1;
    justify-self: end;
    padding-right: 0;
    text-align: right;
}

.music-row-buy {
    grid-column: 9;
    grid-row: 3;
    justify-self: end;
    margin-right: 12px;
}

.music-track-playlist-check {
    grid-column: 7;
    grid-row: 1;
}

.music-queue-duration {
    grid-column: 8;
    grid-row: 1;
}

.music-track-actions {
    grid-column: 9;
    grid-row: 1;
    justify-self: end;
}

.music-queue-title {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.music-queue-title strong {
    overflow: hidden;
    color: var(--music-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.music-queue-title a {
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.music-queue-title a:first-child {
    color: #cfd6d9;
    font-size: 15px;
    font-weight: 850;
}

.music-queue-title a:not(:first-child) {
    color: #aeb8bd;
}

/* Выбранный трек сохраняет обычный цвет названия */
.music-queue-row.active .music-queue-title a:first-child {
    color: #cfd6d9;
}

/* Только воспроизводимый трек имеет голубое название */
.music-queue-row.playing .music-queue-title a:first-child {
    color: var(--music-cyan);
}

.music-queue-title a:hover {
    color: #ffffff;
    text-decoration: none;
}

.music-queue-head > :nth-child(4),
.music-queue-head > :nth-child(5) {
    text-align: center;
}

.music-queue-head > :nth-child(2) {
    transform: translateX(8px);
}

.music-queue-head > :nth-child(4) {
    justify-self: start;
    text-align: left;
    transform: translateX(-4px);
}

.music-queue-head > :nth-child(5) {
    grid-column: 6;
    justify-self: end;
    text-align: right;
    transform: translateX(-6px);
}

.music-queue-head > :nth-child(8) {
    grid-column: 8;
    height: 100%;
    display: grid;
    place-items: center;
    justify-self: center;
    text-align: center;
    line-height: 1;
    transform: translateX(-6px);
}
.music-queue-head > :nth-child(8) i,
.music-public-head-duration i {
    display: block;
    color: #dce2e5;
    font-size: 16px;
    line-height: 1;
}
.music-track-social-row {
    min-width: 0;
    margin-top: 5px;
    padding: 7px 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(5,9,10,.72), rgba(18,23,25,.52) 45%, rgba(4,7,8,.88));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    color: var(--music-muted);
    font-size: 12px;
    line-height: 1.2;
}
.music-queue-row > .music-track-social-row,
.music-public-track-row > .music-track-social-row {
    grid-column: 2 / 9;
    grid-row: 3;
    align-self: start;
    width: calc(100% - 18px);
}
.music-queue-row > .music-track-waveform,
.music-public-track-row > .music-track-waveform {
    grid-column: 2 / 10;
    grid-row: 2;
    width: calc(100% - 18px);
}
.music-track-waveform {
    min-width: 0;
    width: 100%;
    height: 76px;
    padding: 0;
    position: relative;
    display: grid;
    align-items: start;
    border: 0;
    overflow: visible;
    background:
        linear-gradient(180deg, transparent 0 60%, rgba(0,0,0,.42) 60% 100%);
    cursor: pointer;
    transition: background .16s ease, filter .16s ease;
}
.music-track-waveform::after {
    box-sizing: border-box;
}
.music-track-waveform:hover {
    background:
        linear-gradient(180deg, transparent 0 60%, rgba(0,0,0,.42) 60% 100%);
    filter: none;
}
.music-track-waveform::before,
.music-track-waveform::after {
    min-width: max-content;
    padding: 2px 4px;
    position: absolute;
    z-index: 2;
    top: calc(11px + 49px);
    bottom: auto;
    transform: translateY(-50%);
    border-radius: 3px;
    background: rgba(3,5,6,.86);
    color: #f0f3f4;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity .14s ease;
}
.music-track-waveform::before { content: attr(data-time); left: 0; color: #ffffff; opacity: 1; }
.music-track-waveform::after {
    content: attr(data-duration);
    right: 0;
    color: #ffffff;
    opacity: 1;
}
.music-track-waveform.active::before,
.music-track-waveform:hover::before,
.music-track-waveform:hover::after { opacity: 1; }
.music-waveform-bars {
    width: 100%;
    height: 82px;
    margin-top: 11px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0;
}
.music-waveform-bars::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    height: 1px;
    background: rgba(3,5,6,.9);
    box-shadow: 0 1px 0 rgba(255,255,255,.12);
    pointer-events: none;
}
.music-waveform-bar {
    --peak: 0.5;

    width: 1px;
    min-width: 1px;
    height: calc(10px + (var(--peak) * 68px));
    flex: 1 1 0;
    border-radius: 0;
    background: #d8dde0;
    box-shadow: inset -1px 0 0 rgba(0,0,0,.78);
    opacity: .9;
    transition: background .12s ease, opacity .12s ease;
}
/* Уменьшенная waveform в списках треков и плейлистах */
.music-queue-row > .music-track-waveform,
.music-public-track-row > .music-track-waveform {
    height: 58px;
}

.music-queue-row .music-waveform-bars,
.music-public-track-row .music-waveform-bars {
    height: 50px;
    margin-top: 5px;
}

.music-queue-row .music-waveform-bar,
.music-public-track-row .music-waveform-bar {
    height: calc(7px + (var(--peak) * 38px));
}
.music-waveform-bar.played { background: #037d9c; opacity: 1; }
.music-track-waveform.active .music-waveform-bar.played { background: #037d9c; }
.music-track-waveform:hover .music-waveform-bar { opacity: 1; }
.music-track-waveform:hover .music-waveform-bar.played,
.music-track-waveform.active:hover .music-waveform-bar.played {
    background: #049ac0;
    box-shadow: inset -1px 0 0 rgba(0,0,0,.72), 0 0 8px rgba(3,125,156,.34);
}
.music-waveform-status {
    position: absolute;
    left: 0;
    right: 0;
    color: var(--music-muted);
    font-size: 11px;
    font-weight: 800;
    text-align: center;
}
.music-track-waveform.unavailable .music-waveform-status { color: var(--music-amber); }
.music-waveform-comments {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(11px + 49px);
    height: 34px;
    z-index: 4;
    pointer-events: none;
}
.music-waveform-comment-marker {
    --comment-x: 50%;

    position: absolute;
    left: var(--comment-x);
    top: 7px;
    transform: translateX(-50%);
    pointer-events: auto;
}
.music-waveform-comment-avatar {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: #dce5e8;
    font-size: 9px;
    box-shadow: 0 2px 7px rgba(0,0,0,.46);
    overflow: hidden;
}
.music-waveform-comment-avatar.has-artwork > i { display: none; }
.music-waveform-comment-bubble {
    min-width: 150px;
    max-width: 260px;
    padding: 5px 8px;
    position: absolute;
    left: 50%;
    top: calc(100% + 6px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    border-radius: 5px;
    background: rgba(18,20,21,.96);
    color: #eef4f5;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) translateY(-4px);
    transition: opacity .14s ease, transform .14s ease;
    white-space: nowrap;
    box-shadow: 0 10px 22px rgba(0,0,0,.38);
}
.music-waveform-comment-marker:hover .music-waveform-comment-bubble,
.music-waveform-comment-marker:focus-within .music-waveform-comment-bubble {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.music-waveform-comment-user {
    color: #cfd8dc;
    text-decoration: none;
}
.music-waveform-comment-user:hover { color: #037d9c; }
.music-waveform-comment-text {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    text-overflow: ellipsis;
}

.music-shell.tracks-compact .music-queue-row,
.music-shell.tracks-compact .music-public-track-row {
    min-height: 58px;
    padding: 6px 10px;
    grid-template-columns: 34px 48px minmax(220px,1.2fr) minmax(130px,.62fr) minmax(130px,.62fr) 22px 58px 54px 42px;
    grid-template-rows: 48px;
    column-gap: 8px;
    row-gap: 0;
}

.music-shell.tracks-compact .music-queue-head {
    min-height: 34px;
    grid-template-columns: 34px 48px minmax(220px,1.2fr) minmax(130px,.62fr) minmax(130px,.62fr) 22px 54px 58px 42px;
    padding: 0 10px;
    column-gap: 8px;
}

.music-shell.tracks-compact .music-queue-head > :first-child {
    display: none;
}

.music-shell.tracks-compact .music-queue-head > :nth-child(2) {
    grid-column: 1;
    justify-self: center;
    text-align: center;
    transform: translateX(-4px);
}

.music-shell.tracks-compact .music-queue-head > :nth-child(3) {
    grid-column: 3;
}

.music-shell.tracks-compact .music-queue-head > :nth-child(4) {
    grid-column: 4;
    justify-self: start;
    text-align: left;
    transform: translateX(8px);
}

.music-shell.tracks-compact .music-queue-head > :nth-child(5) {
    grid-column: 5;
    justify-self: center;
    text-align: center;
}

.music-shell.tracks-compact .music-queue-head > :nth-child(8) {
    grid-column: 7;
    justify-self: center;
    transform: none;
}

.music-shell.tracks-compact .music-queue-cover,
.music-shell.tracks-compact .music-public-row-cover {
    width: 48px;
    height: 48px;
    grid-column: 2;
    grid-row: 1;
}

.music-shell.tracks-compact .music-queue-cover-nft {
    left: 3px;
    bottom: 3px;
    width: 27px;
    height: 14px;
    border-radius: 3px;
}

.music-shell.tracks-compact .music-queue-cover-nft img {
    width: 23px;
    height: 11px;
}

.music-shell.tracks-compact .music-queue-index-btn,
.music-shell.tracks-compact .music-public-index-btn {
    grid-column: 1;
    grid-row: 1;
    width: 34px;
    height: 48px;
}

.music-shell.tracks-compact .music-queue-title,
.music-shell.tracks-compact .music-public-row-copy {
    grid-column: 3;
    grid-row: 1;
}

.music-shell.tracks-compact .music-queue-album,
.music-shell.tracks-compact .music-public-track-row > :nth-child(4) {
    grid-column: 4;
    grid-row: 1;
    justify-self: center;
    text-align: center;
}

.music-shell.tracks-compact .music-queue-added,
.music-shell.tracks-compact .music-public-track-row > :nth-child(5) {
    grid-column: 5;
    grid-row: 1;
    justify-self: center;
    text-align: center;
}

.music-shell.tracks-compact .music-track-playlist-check {
    grid-column: 6;
    grid-row: 1;
    justify-self: center;
}

.music-shell.tracks-compact .music-row-buy {
    grid-column: 8;
    grid-row: 1;
    justify-self: center;
    margin-right: 0;
}

.music-shell.tracks-compact .music-queue-duration {
    grid-column: 7;
    grid-row: 1;
}

.music-shell.tracks-compact .music-track-actions {
    grid-column: 9;
    grid-row: 1;
    justify-self: end;
    transform: none;
}

.music-shell.tracks-compact .music-queue-row > .music-track-waveform,
.music-shell.tracks-compact .music-public-track-row > .music-track-waveform {
    display: none;
}

.music-shell.tracks-compact .music-queue-row > .music-track-social-row,
.music-shell.tracks-compact .music-public-track-row > .music-track-social-row {
    display: none;
}

.music-shell.tracks-compact .music-queue-title a:first-child,
.music-shell.tracks-compact .music-public-row-copy a:first-child {
    font-size: 14px;
}
.music-track-social-row.compact { gap: 10px; font-size: 11px; }
.music-track-social-actions {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
.music-track-social-action {
    min-width: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background: transparent;
    color: var(--music-muted);
    font: inherit;
    font-size: inherit;
    font-weight: 850;
    cursor: pointer;
}
.music-track-social-action:hover,
.music-track-social-action.active {
    color: var(--music-cyan);
}
.music-track-social-metrics {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    overflow: hidden;
    white-space: nowrap;
    color: #c8d0d3;
    font-weight: 850;
}
.music-track-comments-toggle {
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    cursor: pointer;
}
.music-track-comments-toggle:hover,
.music-track-comments-toggle.active { color: var(--music-green); }
.music-track-comments-panel {
    margin: 0 0 10px;
    padding: 12px;
    display: grid;
    gap: 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(10,15,17,.96), rgba(5,8,9,.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.music-queue > .music-track-comments-panel,
.music-public-track-list > .music-track-comments-panel {
    margin-left: 90px;
    margin-right: 10px;
}
.music-comments-form {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: center;
}
.music-comments-avatar {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: var(--music-ui-green);
    overflow: hidden;
    flex: 0 0 auto;
}
.music-comments-avatar.has-artwork > i { display: none; }
.music-comments-input {
    width: 100%;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    outline: 0;
    background: rgba(255,255,255,.09);
    color: var(--music-text);
    font: inherit;
    box-sizing: border-box;
}
.music-comments-input:focus {
    border-color: rgba(3,125,156,.56);
    background: rgba(255,255,255,.12);
}
.music-comments-send,
.music-comment-delete {
    display: grid;
    place-items: center;
    border: 0;
    background: rgba(255,255,255,.08);
    color: var(--music-muted);
    cursor: pointer;
}
.music-comments-send {
    width: 44px;
    height: 38px;
    border-radius: 5px;
    font-size: 17px;
}
.music-comments-send:hover,
.music-comment-delete:hover { color: var(--music-green); background: rgba(255,255,255,.13); }
.music-comments-send:disabled,
.music-comment-delete:disabled { opacity: .55; cursor: wait; }
.music-comments-list {
    display: grid;
    gap: 9px;
}
.music-comment-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 32px;
    gap: 10px;
    align-items: start;
}
.music-comment-item:not(:has(.music-comment-delete)) { grid-template-columns: 34px minmax(0, 1fr); }
.music-comment-body {
    min-width: 0;
    padding: 8px 10px;
    border-radius: 6px;
    background: rgba(255,255,255,.055);
}
.music-comment-meta {
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.music-comment-meta strong { color: var(--music-text); font-size: 12px; }
.music-comment-meta time { color: var(--music-muted); font-size: 11px; font-weight: 750; }
.music-comment-body p {
    margin: 0;
    color: #d9e0e2;
    font-size: 12px;
    line-height: 1.42;
    overflow-wrap: anywhere;
}
.music-comment-delete {
    width: 30px;
    height: 30px;
    border-radius: 5px;
}
.music-comments-empty {
    margin: 0;
    color: var(--music-muted);
    font-size: 12px;
    font-weight: 750;
}
.music-social-nft {
    position: static;
    left: auto;
    bottom: auto;
    width: 42px;
    height: 26px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--music-ui-green);
    cursor: pointer;
}
.music-social-nft img {
    width: 40px;
    max-height: 26px;
    display: block;
    object-fit: contain;
}
.music-social-nft:disabled {
    cursor: default;
    opacity: .45;
    filter: grayscale(.35);
}
.music-social-nft.is-active:hover img,
.music-social-nft.is-active:focus-visible img {
    filter: drop-shadow(0 0 8px rgba(93,255,154,.42));
}
.music-queue-album,
.music-queue-added { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-queue-album { justify-self: center; max-width: 100%; text-align: center; }
.music-queue-duration { color: #ffffff; text-align: center; font-variant-numeric: tabular-nums; justify-self: center; }
.music-row-buy { min-width: 58px; min-height: 30px; padding: 0 8px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid rgba(32,217,255,.35); border-radius: 999px; background: rgba(32,217,255,.08); color: var(--music-cyan); font: inherit; font-size: 10px; font-weight: 900; cursor: pointer; white-space: nowrap; }
.music-row-buy:hover:not(:disabled) { border-color: var(--music-cyan); background: rgba(32,217,255,.16); }
.music-row-buy:disabled { opacity: .42; cursor: not-allowed; }
.music-row-buy.cancel-sale,
.music-card-market-btn.cancel-sale,
.music-now-buy.cancel-sale {
    border-color: rgba(255,200,87,.46);
    background: rgba(255,200,87,.1);
    color: var(--music-amber);
}
.music-row-buy.cancel-sale:hover:not(:disabled),
.music-card-market-btn.cancel-sale:hover:not(:disabled),
.music-now-buy.cancel-sale:hover:not(:disabled) {
    border-color: var(--music-amber);
    background: rgba(255,200,87,.18);
    color: #ffe0a3;
}
.music-track-playlist-check { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: transparent; color: var(--music-muted); cursor: pointer; font-size: 8px; justify-self: start; margin-right: 0; }
.music-track-playlist-check.active,
.music-queue-row.playing .music-track-playlist-check,
.music-public-track-row.playing .music-track-playlist-check { border-color: transparent; background: var(--music-ui-green); color: #041014; }
.music-track-playlist-check:hover { border-color: var(--music-ui-green); color: var(--music-ui-green); }
.music-track-playlist-check.active:hover,
.music-queue-row.playing .music-track-playlist-check:hover,
.music-public-track-row.playing .music-track-playlist-check:hover { border-color: transparent; background: var(--music-ui-green); color: #041014; }
.music-row-buy.not-for-sale,
.music-now-buy.not-for-sale { border-color: rgba(255,200,87,.35); background: rgba(255,200,87,.08); color: var(--music-amber); }
.music-queue-row:has(.music-row-buy.not-for-sale:hover),
.music-queue-row:has(.music-row-buy.not-for-sale:focus-visible),
.music-public-track-row:has(.music-row-buy.not-for-sale:hover),
.music-public-track-row:has(.music-row-buy.not-for-sale:focus-visible) {
    position: relative;
    z-index: 10080;
}
.music-row-buy.not-for-sale:hover,
.music-row-buy.not-for-sale:focus-visible {
    z-index: 10090;
}
.music-row-buy.not-for-sale:hover::after,
.music-row-buy.not-for-sale:focus-visible::after {
    content: attr(data-hover-label);
    min-width: max-content;
    padding: 7px 10px;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    z-index: 10100;
    transform: translateX(-50%);
    border: 1px solid rgba(255,200,87,.52);
    border-radius: 7px;
    background: #20180a;
    color: #ffe0a3;
    opacity: 1;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 18px 38px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.04);
    pointer-events: none;
}
.music-now-buy.not-for-sale { position: relative; }
.music-now-buy.not-for-sale:hover::after { content: attr(data-hover-label); min-width: max-content; padding: 6px 8px; position: absolute; right: 0; bottom: calc(100% + 7px); z-index: 80; border: 1px solid rgba(255,200,87,.34); border-radius: 6px; background: #20180a; color: #ffe0a3; font-size: 11px; box-shadow: 0 10px 24px rgba(0,0,0,.42); pointer-events: none; }
.music-row-buy.not-for-sale:hover,
.music-now-buy.not-for-sale:hover,
.music-row-buy.not-for-sale-flash,
.music-now-buy.not-for-sale-flash { border-color: var(--music-amber); background: rgba(255,200,87,.18); color: #ffe0a3; box-shadow: 0 0 16px rgba(255,200,87,.18); }
.music-track-actions { position: relative; display: grid; place-items: center; justify-self: end; isolation: isolate; transform: none; }
.music-track-more { width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 0; background: transparent; color: var(--music-muted); cursor: pointer; font-size: 20px; }
.music-track-more:hover,
.music-track-more:focus-visible,
.music-track-actions:has(.music-track-menu:not([hidden])) .music-track-more {
    color: #ffffff;
}
.music-track-menu {
    width: 245px;
    padding: 6px;
    position: absolute;
    right: 0;
    bottom: 42px;
    z-index: 10050;
    overflow: hidden;
    border: 1px solid rgba(32,217,255,.34);
    border-radius: 8px;
    background: #11181c;
    color: var(--music-text);
    opacity: 1;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 24px 68px rgba(0,0,0,.74), 0 0 0 1px rgba(255,255,255,.04);
}
.music-create-menu { right: 0; top: 40px; bottom: auto; }
.music-create-menu.detached { position: fixed; right: auto; bottom: auto; z-index: 1003; }
.music-track-menu[hidden] { display: none; }
.music-track-menu-item { width: 100%; min-height: 44px; padding: 0 12px; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 10px; align-items: center; border: 0; border-radius: 6px; background: transparent; color: #eef6f8; text-align: left; font: inherit; font-size: 13px; cursor: pointer; }
.music-track-menu-item i { color: #9aabb2; text-align: center; }
.music-track-menu-item:hover,
.music-track-menu-item:focus-visible { background: #1d2a2f; color: #ffffff; }
.music-track-menu-item:hover i,
.music-track-menu-item:focus-visible i { color: var(--music-ui-green); }
.music-playlist-picker { width: min(330px, calc(100vw - 28px)); max-height: min(520px, calc(100vh - 72px)); padding: 0; position: fixed; top: 56px; right: 0; z-index: 1000; overflow: hidden; border: 1px solid rgba(6,171,212,.32); border-radius: 8px 0 0 8px; background: #1f1f1f; color: var(--music-text); box-shadow: 0 20px 54px rgba(0,0,0,.62); }
.music-playlist-picker-card { max-height: min(520px, calc(100vh - 72px)); padding: 12px; display: grid; grid-template-rows: auto auto auto minmax(0,1fr) auto; gap: 9px; box-sizing: border-box; }
.music-playlist-picker-header { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.music-playlist-picker-header h2 { margin: 0; padding-right: 42px; font-size: 15px; letter-spacing: 0; }
.music-playlist-picker-search { min-height: 38px; padding: 0 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 4px; background: #333; color: #bdefff; }
.music-playlist-picker-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--music-text); font: inherit; font-size: 13px; }
.music-playlist-picker-create { min-height: 40px; display: inline-flex; align-items: center; gap: 12px; border: 0; border-radius: 6px; background: transparent; color: var(--music-text); font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.music-playlist-picker-create i { width: 22px; color: var(--music-text); text-align: center; font-size: 16px; }
.music-playlist-picker-create:hover { background: rgba(6,171,212,.16); }
.music-playlist-picker-list { min-height: 90px; overflow-y: auto; display: grid; gap: 4px; padding-right: 2px; }
.music-playlist-picker-row { min-width: 0; min-height: 56px; padding: 5px; display: grid; grid-template-columns: 40px minmax(0,1fr) 28px 26px; gap: 9px; align-items: center; border: 0; border-radius: 6px; background: transparent; color: var(--music-text); text-align: left; font: inherit; cursor: pointer; }
.music-playlist-picker-row:hover { background: rgba(6,171,212,.13); }
.music-playlist-picker-row.system-playlist {
    background: linear-gradient(90deg, rgba(29,185,84,.12), rgba(6,171,212,.05));
}
.music-playlist-picker-row.system-playlist:hover {
    background: linear-gradient(90deg, rgba(29,185,84,.2), rgba(6,171,212,.08));
}
.music-playlist-picker-cover { width: 40px; height: 40px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 4px; background: #20282c center/cover no-repeat; color: var(--music-cyan); cursor: pointer; }
.music-playlist-picker-row.system-playlist .music-playlist-picker-cover {
    background: rgba(29,185,84,.18);
    color: var(--music-green);
}
.music-playlist-picker-cover.has-artwork > i { display: none; }
.music-playlist-picker-copy { min-width: 0; display: grid; gap: 3px; }
.music-playlist-picker-open {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    font: inherit;
    cursor: pointer;
}
.music-playlist-picker-open:hover strong,
.music-playlist-picker-open:focus-visible strong {
    color: var(--music-green);
}
.music-playlist-picker-copy strong,
.music-playlist-picker-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-playlist-picker-copy strong { color: var(--music-text); font-size: 13px; }
.music-playlist-picker-copy small { color: var(--music-muted); font-size: 10px; }
.music-playlist-picker-pin { width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--music-muted); cursor: pointer; }
.music-playlist-picker-pin:hover,
.music-playlist-picker-pin:focus-visible,
.music-playlist-picker-pin.active { background: transparent; color: #1db954 !important; }
.music-playlist-picker-pin.active i { color: #1db954 !important; }
.music-playlist-picker-pin-spacer {
    width: 30px;
    height: 30px;
}
.music-playlist-picker-check { width: 20px; height: 20px; min-width: 0; min-height: 0; padding: 0; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--music-muted); cursor: pointer; font-size: 14px; box-sizing: border-box; }
.music-playlist-picker-check:hover,
.music-playlist-picker-check:focus-visible { color: var(--music-green); background: transparent; }
.music-playlist-picker-row .music-playlist-picker-check.active {
    background: #1db954 !important;
    color: #041014 !important;
    font-size: 10px;
    box-shadow: 0 0 0 1px rgba(29,185,84,.38);
}
.music-playlist-picker-row .music-playlist-picker-check.active i { color: #041014 !important; }
.music-playlist-picker-empty { padding: 22px 10px; color: var(--music-muted); text-align: center; font-size: 12px; }
.music-playlist-picker-done { min-height: 42px; border: 1px solid rgba(6,217,255,.72); border-radius: 12px; background: linear-gradient(90deg, rgba(6,171,212,.9), rgba(0,255,204,.56)); color: #fff; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; box-shadow: 0 0 16px rgba(6,171,212,.22); }
.music-playlist-picker-done:hover { filter: brightness(1.08); }

.music-folder-picker {
    width: min(300px, calc(100vw - 28px));
    max-height: min(430px, calc(100vh - 74px));
    position: fixed;
    top: 56px;
    right: 16px;
    z-index: 1002;
    overflow: hidden;
    border: 1px solid rgba(6,171,212,.32);
    border-radius: 8px;
    background: #1f1f1f;
    color: var(--music-text);
    box-shadow: 0 20px 54px rgba(0,0,0,.62);
}
.music-folder-picker-card { max-height: inherit; padding: 12px; display: grid; grid-template-rows: auto auto minmax(0,1fr); gap: 9px; box-sizing: border-box; }
.music-folder-picker-header { min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.music-folder-picker-header h2 { margin: 0; font-size: 15px; letter-spacing: 0; }
.music-folder-picker-list { min-height: 80px; overflow-y: auto; display: grid; gap: 4px; padding-right: 2px; }
.music-folder-picker-row {
    min-width: 0;
    min-height: 48px;
    padding: 5px 7px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 24px;
    gap: 9px;
    align-items: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--music-text);
    text-align: left;
    font: inherit;
    cursor: pointer;
}
.music-folder-picker-row:hover,
.music-folder-picker-row.active { background: rgba(6,171,212,.13); }
.music-folder-picker-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 5px; background: #231f13; color: var(--music-amber); }
.music-folder-picker-row:first-child .music-folder-picker-icon { background: #172327; color: var(--music-cyan); }
.music-folder-picker-copy { min-width: 0; display: grid; gap: 3px; }
.music-folder-picker-copy strong,
.music-folder-picker-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-folder-picker-copy strong { color: var(--music-text); font-size: 13px; }
.music-folder-picker-copy small { color: var(--music-muted); font-size: 10px; }
.music-folder-picker-check { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #041014; background: var(--music-green); font-size: 11px; }
.music-folder-picker-check:empty { background: transparent; }

.music-player {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 10px 20px;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.35fr) minmax(220px, 1fr);
    gap: 20px;
    align-items: center;
    border-top: 1px solid var(--music-border);
    background: #0d1214;
    z-index: 20;
}

.music-player-track { min-width: 0; display: flex; align-items: center; gap: 11px; }
.music-player-cover { width: 54px; height: 54px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 4px; background-color: #1a292e; background-size: cover; background-position: center; color: var(--music-cyan); }
.music-player-copy { min-width: 0; display: grid; gap: 4px; }
.music-player-copy a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.music-player-copy a:first-child { color: var(--music-text); font-size: 13px; font-weight: 800; }
.music-player-copy a:last-child { color: var(--music-muted); font-size: 11px; }
.music-player-copy a:hover { color: var(--music-cyan); text-decoration: underline; }
.music-player-track .music-player-icon { margin-left: 3px; border: 0; background: transparent; }
.music-player-track .music-player-icon.active { color: var(--music-ui-green); }
#music-like.active,
#music-like.active i {
    color: var(--music-cyan);
}

.music-player-center { min-width: 0; display: grid; gap: 7px; }
.music-player-controls { display: flex; align-items: center; justify-content: center; gap: 9px; }
.music-player-controls .music-player-icon { width: 32px; height: 32px; border: 0; background: transparent; font-size: 15px; }
.music-player-controls .fa-backward-step,
.music-player-controls .fa-forward-step {
    font-size: 16px;
    transform: scaleX(1.22);
}
.music-player-icon.active { color: var(--music-cyan); }
.music-play-toggle { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--music-text); color: #071013; cursor: pointer; }
.music-play-toggle .fa-play {
    font-size: 17px;
    transform: translateX(1px);
}

.music-play-toggle .fa-pause {
    font-size: 18px;
    transform: scaleY(1.08);
}
.music-play-toggle:hover { transform: scale(1.05); }
.music-progress-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; gap: 8px; align-items: center; color: #c8d0d3; font-size: 12px; font-weight: 600; }
.music-progress-row span:last-child { text-align: right; }

.music-range-wrap {
    --range-progress: 0%;
    --range-hover: var(--range-progress);
    --tooltip-position: 0%;

    min-width: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.music-range-wrap input[type="range"] {
    width: 100%;
    height: 14px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
}

.music-range-wrap input[type="range"]::-webkit-slider-runnable-track {
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(
        to right,
        var(--music-text) 0,
        var(--music-text) var(--range-progress),
        #596166 var(--range-progress),
        #596166 100%
    );
}

.music-range-wrap:hover input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(
        to right,
        #037d9c 0,
        #037d9c var(--range-progress),
        #ffffff var(--range-progress),
        #ffffff var(--range-hover),
        #596166 var(--range-hover),
        #596166 100%
    );
}

.music-range-wrap input[type="range"]::-webkit-slider-thumb {
    width: 11px;
    height: 11px;
    margin-top: -4px;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 50%;
    background: var(--music-text);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
}

.music-range-wrap:hover input[type="range"]::-webkit-slider-thumb { background: #037d9c; }

.music-range-wrap input[type="range"]::-moz-range-track {
    height: 3px;
    border-radius: 2px;
    background: #596166;
}

.music-range-wrap input[type="range"]::-moz-range-progress {
    height: 3px;
    border-radius: 2px;
    background: var(--music-text);
}

.music-range-wrap:hover input[type="range"]::-moz-range-progress { background: #037d9c; }

.music-range-wrap input[type="range"]::-moz-range-thumb {
    width: 11px;
    height: 11px;
    border: 0;
    border-radius: 50%;
    background: var(--music-text);
}

.music-range-wrap:hover input[type="range"]::-moz-range-thumb { background: #037d9c; }

.music-range-tooltip {
    position: absolute;
    left: var(--tooltip-position, 0%);
    bottom: 18px;
    padding: 4px 6px;
    border-radius: 3px;
    background: #f4f7f8;
    color: #091013;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-50%) translateY(3px);
    transition: opacity 0.12s ease, transform 0.12s ease;
}

.music-range-wrap:hover .music-range-tooltip {
    opacity: 1;
    transform: translateX(-50%);
}

.music-progress-wrap { width: 100%; }
.music-volume-wrap { width: 105px; flex: 0 0 105px; }
.music-player-volume {
    padding-right: 78px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    color: var(--music-muted);
    box-sizing: border-box;
}
.music-player-chain {
    width: 62px;
    height: 62px;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 62px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        filter 0.2s ease;
}

.music-player-chain img {
    width: 56px;
    height: 56px;
    display: block;
    object-fit: contain;
}

.music-player-chain.is-active:hover {
    transform: translateY(-1px) scale(1.04);
    filter: drop-shadow(0 0 10px rgba(93, 255, 154, 0.42));
}

.music-player-chain:disabled {
    cursor: default;
    opacity: 0.72;
}

.music-volume-toggle {
    width: 34px;
    height: 34px;
    padding: 0;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--music-text);
    cursor: pointer;
    overflow: visible;
}

.music-volume-toggle:hover {
    color: var(--music-green);
}

.music-volume-toggle.muted { color: var(--music-muted); }
.music-volume-toggle.muted:hover { color: var(--music-green); }

.music-volume-toggle > i { display: none; }

.music-volume-toggle img {
    width: 34px;
    height: 34px;
    display: block;
    object-fit: contain;
}

.music-volume-toggle:hover img {
    filter: sepia(1) saturate(7) hue-rotate(95deg) brightness(1.15);
}

.music-token-dialog {
    width: min(540px, calc(100vw - 32px));
    padding: 26px;
    border: 1px solid rgba(32, 217, 255, 0.45);
    border-radius: 8px;
    background: #11181b;
    color: var(--music-text);
}

.music-token-dialog::backdrop { background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(4px); }
.music-dialog-close { position: absolute; top: 14px; right: 14px; }
.music-token-dialog h2 { margin: 8px 0 20px; }
.music-token-dialog dl { margin: 0; display: grid; gap: 1px; }
.music-token-dialog dl div { padding: 11px 0; display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 15px; border-bottom: 1px solid var(--music-border); }
.music-token-dialog dt { color: var(--music-muted); }
.music-token-dialog dd { margin: 0; overflow-wrap: anywhere; }

/* Artist studio */
.artist-studio {
    --artist-accent: #20d9ff;
    min-height: calc(100vh - 70px);
    padding: 34px clamp(20px, 4vw, 64px) 70px;
    background: var(--music-bg);
    color: var(--music-text);
    font-family: Inter, sans-serif;
}

.artist-studio-header { max-width: 1240px; margin: 0 auto 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.artist-studio-header h1 { margin: 7px 0 0; font-size: 36px; letter-spacing: 0; }
.artist-back-link { display: block; margin-bottom: 22px; color: var(--music-muted); text-decoration: none; font-size: 13px; }
.artist-back-link:hover { color: var(--artist-accent); }
.artist-studio-status { display: flex; align-items: center; gap: 8px; color: var(--music-muted); font-size: 12px; }
.artist-studio-status span { width: 8px; height: 8px; border-radius: 50%; background: var(--music-green); box-shadow: 0 0 10px var(--music-green); }

.artist-studio-layout { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr); gap: 22px; align-items: start; }
.artist-editor,
.artist-preview { border: 1px solid var(--music-border); border-radius: 8px; background: var(--music-surface); }
.artist-editor { padding: 24px; }
.artist-panel-heading { margin-bottom: 22px; display: flex; justify-content: space-between; align-items: center; }
.artist-panel-heading h2 { margin: 5px 0 0; }
.artist-panel-heading > i { color: var(--artist-accent); }
.artist-editor form { display: grid; gap: 16px; }
.artist-image-fields { margin-bottom: 2px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.artist-image-field { min-width: 0; padding: 14px; display: grid; gap: 8px; border: 1px solid var(--music-border); border-radius: 8px; background: rgba(255,255,255,.025); color: var(--music-text); font-size: 12px; font-weight: 800; cursor: pointer; }
.artist-image-field input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.artist-image-action { min-height: 36px; padding: 0 12px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(32,217,255,.3); border-radius: 6px; background: rgba(32,217,255,.08); color: var(--music-cyan); }
.artist-image-field:hover .artist-image-action { border-color: var(--music-cyan); }
.artist-image-field small { color: var(--music-muted); font-size: 10px; font-weight: 500; line-height: 1.4; }
.artist-field { min-width: 0; display: grid; gap: 7px; color: var(--music-muted); font-size: 12px; font-weight: 700; }
.artist-field input,
.artist-field textarea,
.artist-field select { width: 100%; padding: 11px 12px; border: 1px solid var(--music-border); border-radius: 5px; outline: 0; background: #0d1214; color: var(--music-text); font: inherit; box-sizing: border-box; resize: vertical; }
.artist-field input:focus,
.artist-field textarea:focus,
.artist-field select:focus { border-color: var(--artist-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--artist-accent) 12%, transparent); }
.artist-field small { text-align: right; color: var(--music-muted); font-weight: 400; }
.artist-field-row { display: grid; grid-template-columns: 1fr 2fr; gap: 14px; }
.artist-color-field input { height: 42px; padding: 4px; cursor: pointer; }
.artist-save-btn { width: max-content; background: var(--artist-accent); border-color: var(--artist-accent); }
.artist-form-status { min-height: 18px; margin: 0; color: var(--music-muted); font-size: 12px; }
.artist-form-status.success { color: var(--music-green); }
.artist-form-status.error { color: #ff7b7b; }

.artist-preview { overflow: hidden; }
.artist-preview-banner { min-height: 124px; padding: 18px 22px; display: flex; align-items: flex-start; justify-content: space-between; background: #12252b center/cover no-repeat; border-bottom: 4px solid var(--artist-accent); color: var(--artist-accent); font-size: 11px; font-weight: 900; }
.artist-preview-banner i { font-size: 34px; }
.artist-preview-profile { margin-top: -42px; padding: 0 24px 22px; display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 18px; align-items: end; }
.artist-avatar { width: 92px; height: 92px; display: grid; place-items: center; border: 4px solid var(--music-surface); border-radius: 50%; background-color: #1b2c31; background-size: cover; background-position: center; color: var(--artist-accent); font-size: 28px; }
.artist-verified { color: var(--artist-accent); font-size: 9px; font-weight: 900; }
.artist-preview-profile h2 { margin: 5px 0; font-size: 25px; }
.artist-preview-profile p { margin: 0; color: var(--music-muted); font-size: 12px; line-height: 1.5; }
.artist-preview-stats { padding: 16px 24px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--music-border); border-bottom: 1px solid var(--music-border); }
.artist-preview-stats div { display: grid; gap: 3px; }
.artist-preview-stats strong { font-size: 19px; }
.artist-preview-stats span { color: var(--music-muted); font-size: 10px; }
.artist-wallet-line { padding: 15px 24px; display: flex; align-items: center; gap: 10px; color: var(--music-muted); font-size: 11px; }
.artist-wallet-line i { color: var(--artist-accent); }

.artist-track-upload { max-width: 1240px; margin: 38px auto 0; padding: 24px; border: 1px solid var(--music-border); border-radius: 8px; background: linear-gradient(135deg, rgba(3,125,156,.1), rgba(255,255,255,.025)); }
.artist-track-upload .music-section-heading { margin-bottom: 18px; }
.artist-track-upload-chip { min-height: 34px; padding: 0 12px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(3,125,156,.42); border-radius: 999px; background: rgba(3,125,156,.1); color: #e8f7fb; font-size: 11px; font-weight: 900; }
.artist-track-upload-chip i { color: var(--music-green); }
.artist-track-upload-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.artist-track-file { position: relative; min-height: 154px; padding: 18px; display: grid; place-items: center; align-content: center; gap: 8px; border: 1px dashed rgba(255,255,255,.22); border-radius: 8px; background: rgba(255,255,255,.035); color: var(--music-muted); text-align: center; cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease; }
.artist-track-file:hover { border-color: var(--artist-accent); background: rgba(3,125,156,.12); color: var(--music-text); }
.artist-track-file input {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    margin: 0;

    opacity: 0;

    cursor: pointer;
    pointer-events: auto;

    z-index: 2;
}
.artist-track-file i { color: var(--artist-accent); font-size: 28px; }
.artist-track-file strong { color: var(--music-text); font-size: 15px; }
.artist-track-file span { max-width: 280px; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.artist-track-fields { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.artist-track-description { grid-column: span 3; }
.artist-track-upload-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.artist-track-upload-actions .artist-form-status { flex: 1; }


/* ============================================================
   ARTIST STUDIO — REQUIRED FIELDS
   ============================================================ */

.artist-required-mark {
    margin-left: 5px;

    /* Более яркий красно-розовый цвет. */
    color: #ff4d6d;

    /* Звёздочка становится заметно крупнее. */
    font-size: 18px;
    line-height: 1;
    font-weight: 900;

    /* Очень лёгкое свечение. */
    text-shadow:
        0 0 7px rgba(255, 77, 109, 0.25);
}


/* ============================================================
   ARTIST STUDIO — LYRICS PANEL
   ============================================================ */

.artist-track-lyrics-panel {
    grid-column: 1 / -1;

    min-width: 0;
    min-height: 300px;

    padding: 18px;

    display: grid;
    gap: 16px;
    align-content: start;

    border: 1px solid
        color-mix(
            in srgb,
            var(--artist-accent) 30%,
            var(--music-border)
        );

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--artist-accent) 8%,
                transparent
            ),
            transparent
        );
}


/* ============================================================
   LYRICS HEADER
   ============================================================ */

.artist-track-lyrics-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;
}

.artist-track-lyrics-header > div {
    min-width: 0;

    display: grid;
    gap: 5px;
}

.artist-track-lyrics-header > div > strong {
    color: var(--music-text);

    font-size: 15px;
    font-weight: 850;
}

.artist-track-lyrics-header > div > span {
    color: var(--music-muted);

    font-size: 11px;
    line-height: 1.45;
}


/* ============================================================
   INSTRUMENTAL SWITCH
   ============================================================ */

.artist-instrumental-toggle {
    /* Опорный контейнер для скрытого checkbox. */
    position: relative;

    flex: 0 0 auto;

    min-height: 38px;

    padding: 7px 11px;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    border: 1px solid var(--music-border);
    border-radius: 7px;

    background:
        color-mix(
            in srgb,
            var(--music-text) 4%,
            transparent
        );

    cursor: pointer;

    user-select: none;
}

.artist-instrumental-toggle > input {
    /* Checkbox находится поверх видимого переключателя. */
    position: absolute;

    left: 11px;
    top: 50%;

    width: 34px;
    height: 18px;

    margin: 0;

    transform: translateY(-50%);

    opacity: 0;

    pointer-events: auto;
    cursor: pointer;

    z-index: 2;
}

.artist-instrumental-toggle > strong {
    color: var(--music-text);

    font-size: 11px;
    font-weight: 800;

    white-space: nowrap;
}


/* ============================================================
   SWITCH BODY
   ============================================================ */

.artist-instrumental-switch {
    width: 34px;
    height: 18px;

    position: relative;

    flex: 0 0 34px;

    border: 1px solid var(--music-border);
    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--music-text) 9%,
            transparent
        );

    transition:
        background .18s ease,
        border-color .18s ease;
}

.artist-instrumental-switch::after {
    content: "";

    width: 12px;
    height: 12px;

    position: absolute;
    top: 2px;
    left: 2px;

    border-radius: 50%;

    background: var(--music-muted);

    transition:
        transform .18s ease,
        background .18s ease;
}


/* ============================================================
   SWITCH ACTIVE
   ============================================================ */

.artist-instrumental-toggle
input:checked + .artist-instrumental-switch {
    border-color: var(--artist-accent);
    background:
        color-mix(
            in srgb,
            var(--artist-accent) 28%,
            transparent
        );
}

.artist-instrumental-toggle
input:checked + .artist-instrumental-switch::after {
    transform: translateX(16px);
    background: var(--artist-accent);
}


/* ============================================================
   LYRICS TEXTAREA
   ============================================================ */

.artist-track-lyrics-field {
    min-width: 0;
}

.artist-track-lyrics-field textarea {
    width: 100%;

    min-height: 210px;

    resize: vertical;

    line-height: 1.55;
}

.artist-track-lyrics-field.is-instrumental textarea {
    opacity: .48;

    cursor: not-allowed;
}

.artist-track-lyrics-field.is-instrumental {
    opacity: .72;
}


/* ============================================================
   MOBILE / TABLET
   ============================================================ */

@media (max-width: 760px) {

    .artist-track-lyrics-panel {
        min-height: 0;
        padding: 14px;
    }

    .artist-track-lyrics-header {
        align-items: stretch;
        flex-direction: column;
    }

    .artist-instrumental-toggle {
        width: 100%;
        box-sizing: border-box;
    }

    .artist-track-lyrics-field textarea {
        min-height: 170px;
    }
}


.artist-releases { max-width: 1240px; margin: 38px auto 0; }
.artist-nft-studio { max-width: 1240px; margin: 38px auto 0; scroll-margin-top: 24px; }
.artist-nft-link-panel { margin: 0 0 16px; padding: 16px; display: grid; grid-template-columns: minmax(260px, .55fr) minmax(0, 1fr); gap: 16px; align-items: end; border: 1px solid rgba(3,125,156,.3); border-radius: 8px; background: rgba(3,125,156,.07); }
.artist-nft-link-panel p { margin: 0 0 4px; color: var(--music-muted); font-size: 12px; line-height: 1.45; }
.artist-release-list { border-top: 1px solid var(--music-border); }
.artist-release-row { grid-template-columns: minmax(0, 1.4fr) 100px minmax(120px, 0.8fr) 90px 126px; }
.artist-market-action { min-height: 34px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(32,217,255,.35); border-radius: 5px; background: rgba(32,217,255,.08); color: var(--music-cyan); font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.artist-market-action.listed { border-color: rgba(255,95,162,.35); background: rgba(255,95,162,.08); color: var(--music-pink); }
.artist-market-action:disabled { opacity: .4; cursor: not-allowed; }
.artist-release-title { display: grid; gap: 4px; }
.artist-release-title strong { color: var(--music-text); }
.artist-release-status { width: fit-content; padding: 4px 7px; border-radius: 3px; background: rgba(255, 200, 87, 0.12); color: var(--music-amber); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.artist-release-status.minted { background: rgba(29, 185, 84, 0.12); color: var(--music-green); }
.artist-release-qr { grid-column: 1 / -1; min-width: 0; padding: 11px; display: grid; gap: 10px; border: 1px solid rgba(32,217,255,.18); border-radius: 8px; background: rgba(32,217,255,.045); }
.artist-release-qr-header { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.artist-release-qr-header strong { color: var(--music-text); font-size: 12px; }
.artist-release-qr-stats { min-width: 0; color: var(--music-muted); font-size: 10px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.artist-release-qr-body { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 12px; align-items: center; }
.artist-release-qr-image { width: 86px; height: 86px; padding: 5px; display: grid; place-items: center; border-radius: 7px; background: #fff; box-sizing: border-box; }
.artist-release-qr-image img { width: 100%; height: 100%; display: block; object-fit: contain; }
.artist-release-qr-image img[hidden] { display: none; }
.artist-release-qr-controls { min-width: 0; display: grid; gap: 8px; }
.artist-release-qr-types,
.artist-release-qr-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.artist-release-qr-type,
.artist-release-qr-actions button { min-height: 32px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; background: rgba(8,11,13,.56); color: var(--music-muted); font: inherit; font-size: 10px; font-weight: 850; cursor: pointer; }
.artist-release-qr-type.active { border-color: rgba(32,217,255,.48); color: var(--music-cyan); background: rgba(32,217,255,.08); }
.artist-release-qr-type:disabled,
.artist-release-qr-actions button:disabled { opacity: .42; cursor: not-allowed; }
.artist-release-qr-actions button { color: var(--music-text); }
.artist-release-qr-status { min-height: 15px; margin: 0; color: var(--music-cyan); font-size: 10px; }
.artist-release-qr-status.error { color: var(--music-pink); }
.artist-release-qr-status.success { color: var(--music-green); }

.music-public-page {
    min-height: calc(100vh - 70px);
    padding: 34px clamp(20px, 5vw, 72px) 72px;
    background: var(--music-bg);
    color: var(--music-text);
    font-family: Inter, sans-serif;
}

.music-public-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 28px; color: var(--music-muted); text-decoration: none; font-size: 13px; font-weight: 700; }
.music-public-back:hover { color: var(--artist-accent); }
#music-detail-view { min-height: 100%; }
.music-embedded-back { padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; }
.music-artist-hero,
.music-track-hero { max-width: 1240px; margin: 0 auto; padding: 34px; display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 34px; align-items: end; border: 1px solid color-mix(in srgb, var(--artist-accent) 32%, transparent); border-radius: 10px; background: linear-gradient(135deg, color-mix(in srgb, var(--artist-accent) 18%, #11191c), #0e1315 65%); }
.music-track-detail-hero {
    min-height: 0;
    padding: 14px 20px;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 26px;
    align-items: center;
    border-color: rgba(255,255,255,.08);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--track-dominant, var(--artist-accent)) 40%, #040708), rgba(8,10,11,.9) 62%),
        radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--track-dominant, var(--artist-accent)) 52%, transparent), transparent 34%);
}
.music-artist-hero { background-position: center; background-size: cover; }
.music-artist-hero.has-banner { background-image: linear-gradient(90deg,rgba(8,11,13,.9),rgba(8,11,13,.48)), var(--artist-banner-image); }
.music-user-hero {
    max-width: 1240px;
    margin: 0 auto;
    min-height: 150px;
    padding: 22px 26px;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 22px;
    align-items: end;
    border: 1px solid rgba(29,185,84,.28);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(29,185,84,.14), #0e1315 66%);
    background-position: center;
    background-size: cover;
}
.music-user-avatar {
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: var(--music-green);
    font-size: 36px;
    box-shadow: 0 14px 34px rgba(0,0,0,.38);
}
.music-user-avatar.has-artwork > i { display: none; }
.music-track-detail-hero .music-public-hero-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.music-track-title-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}
.music-track-heading-copy {
    min-width: 0;
    display: grid;
    gap: 6px;
}
.music-track-detail-play {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #f7fbfc;
    color: #05090b;
    text-decoration: none;
    cursor: pointer;
    font-size: 22px;
    box-shadow: 0 12px 28px rgba(0,0,0,.38);
    transition: transform .16s ease, background .16s ease, color .16s ease;
}
.music-track-detail-play:hover,
.music-track-detail-play.playing {
    transform: scale(1.04);
    background: #037d9c;
    color: #05090b;
    box-shadow: 0 14px 30px rgba(3,125,156,.34);
}
.music-track-detail-play:hover i,
.music-track-detail-play.playing i {
    color: #05090b;
}
.music-track-detail-hero .music-public-hero-copy h1 {
    max-width: 720px;
    margin: 0;
    overflow: hidden;
    font-size: clamp(26px, 2.15vw, 34px);
    line-height: 1.04;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-track-detail-hero .music-detail-artist {
    font-size: 16px;
    font-weight: 850;
}
.music-track-detail-hero .music-detail-artist:hover,
.music-detail-artist:hover {
    color: #037d9c;
}
.music-track-info-disclosure {
    max-width: 760px;
    margin-top: 18px;
    position: relative;
    z-index: 12;
    color: #c1ced2;
}
.music-track-info-disclosure summary {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    background: #101618;
    color: #d8e4e8;
    cursor: pointer;
    font-size: 13px;
    font-weight: 750;
    list-style: none;
}
.music-track-info-disclosure summary::-webkit-details-marker { display: none; }
.music-track-info-disclosure summary span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-track-info-disclosure summary i {
    flex: 0 0 auto;
    color: var(--music-muted);
    font-size: 11px;
    transition: transform .16s ease;
}
.music-track-info-disclosure[open] summary i { transform: rotate(180deg); }
.music-track-info-list {
    width: 100%;
    margin: 0;
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    background: #080c0e;
    box-shadow: 0 16px 34px rgba(0,0,0,.38);
}
.music-track-info-disclosure:not([open]) .music-track-info-list,
.music-track-info-disclosure:not([open]) .music-track-info-full {
    display: none;
}
.music-track-info-list > div {
    min-width: 0;
    padding: 9px 11px;
    display: grid;
    gap: 3px;
    background: #080c0e;
}
.music-track-info-list dt {
    color: var(--music-muted);
    font-size: 10px;
    font-weight: 900;
}
.music-track-info-list dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--music-text);
    font-size: 12px;
    font-weight: 760;
}
.music-track-info-full {
    width: 100%;
    margin: 0;
    padding: 10px 11px;
    position: absolute;
    top: calc(100% + 7px + 94px);
    left: 0;
    z-index: 21;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    background: #080c0e;
    color: var(--music-muted);
    font-size: 12px;
    line-height: 1.45;
    white-space: pre-line;
}
.music-market-disclosure {
    max-width: 760px;
    margin-top: 8px;
    position: relative;
    z-index: 11;
    color: #c1ced2;
}
.music-market-disclosure summary {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    background: #101618;
    color: #d8e4e8;
    cursor: pointer;
    font-size: 13px;
    font-weight: 750;
    list-style: none;
}
.music-market-disclosure summary::-webkit-details-marker { display: none; }
.music-market-disclosure summary i {
    color: var(--music-muted);
    font-size: 11px;
    transition: transform .16s ease;
}
.music-market-disclosure[open] summary i { transform: rotate(180deg); }
.music-market-panel {
    width: 100%;
    padding: 12px;
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    z-index: 18;
    display: grid;
    gap: 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    background: #080c0e;
    box-shadow: 0 16px 34px rgba(0,0,0,.38);
}
.music-market-disclosure:not([open]) .music-market-panel { display: none; }
.music-market-panel h3 {
    margin: 0;
    color: var(--music-text);
    font-size: 18px;
    line-height: 1.1;
}
.music-market-panel p {
    margin: 0;
    color: var(--music-muted);
    font-size: 12px;
}
.music-market-panel .music-sale-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.music-track-detail-waveform {
    margin: 32px 0 0;
    min-width: 0;
}
.music-track-detail-waveform .music-track-waveform {
    height: 96px;
    width: 100%;
}
.music-track-detail-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: var(--music-muted);
    font-size: 13px;
    font-weight: 800;
}
.music-track-detail-hero .music-track-hero-actions {
    margin-top: 14px;
}
.music-track-detail-controls {
    max-width: 1240px;
    margin: 10px auto 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.music-track-detail-controls .music-track-hero-actions {
    margin-top: 0;
    margin-right: 14px;
    gap: 4px;
}
.music-track-detail-buy {
    min-height: 40px;
    min-width: 74px;
    padding: 0 12px;
    font-size: 12px;
}
.music-track-details-dropdown {
    position: relative;
}
.music-track-details-dropdown summary {
    list-style: none;
}
.music-track-details-dropdown summary::-webkit-details-marker { display: none; }
.music-track-details-button {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.music-track-details-popover {
    width: min(520px, 82vw);
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    background: rgba(255,255,255,.1);
    box-shadow: 0 18px 38px rgba(0,0,0,.42);
}
.music-track-details-dropdown:not([open]) .music-track-details-popover {
    display: none;
}
.music-track-details-popover > div {
    min-width: 0;
    padding: 12px 14px;
    display: grid;
    gap: 5px;
    background: #080c0e;
}
.music-track-details-popover dt {
    color: var(--music-muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.music-track-details-popover dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--music-text);
    font-size: 12px;
    font-weight: 760;
}
.music-track-details-popover a { color: #037d9c; }
.music-track-details-popover code { font-family: ui-monospace, monospace; font-size: 11px; }
.music-track-detail-controls .music-track-detail-stats {
    margin-left: auto;
}
.music-track-icon-action {
    width: 42px;
    min-width: 42px;
    padding: 0;
}
.music-track-detail-more-actions {
    transform: none;
}
.music-track-detail-more-actions .music-track-menu,
.music-track-detail-menu .music-track-menu {
    right: 0;
    bottom: auto;
    top: 42px;
}
.music-track-detail-menu {
    position: relative;
}
.music-track-detail-menu summary {
    list-style: none;
}
.music-track-detail-menu summary::-webkit-details-marker { display: none; }
.music-track-menu-item {
    text-decoration: none;
}
.music-track-menu-item:disabled {
    opacity: .56;
    cursor: not-allowed;
}
.music-track-detail-comments {
    max-width: 1240px;
    margin: 18px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.music-track-detail-comments .music-comments-form {
    margin-bottom: 2px;
}
.music-track-comments-body {
    min-width: 0;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}
.music-track-comments-author {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
}
.music-comments-author-avatar {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: var(--music-ui-green);
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,.28);
}
.music-comments-author-avatar.has-artwork > i { display: none; }
.music-comments-author-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}
.music-comments-author-copy a {
    min-width: 0;
    overflow: hidden;
    color: var(--music-text);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-comments-author-copy a:hover { color: #037d9c; }
.music-comments-author-copy small {
    color: var(--music-muted);
    font-size: 11px;
    font-weight: 800;
}
.music-track-comments-list-card {
    min-width: 0;
    min-height: 112px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.music-track-detail-comments .music-comments-list {
    min-height: 88px;
}
.music-track-metadata-row {
    max-width: 1240px;
    margin: 10px auto 0;
    display: flex;
    justify-content: flex-start;
}
.music-user-copy h1 {
    margin: 5px 0 8px;
    font-size: clamp(24px, 2.7vw, 36px);
    line-height: 1.08;
    letter-spacing: 0;
}
.music-user-sticky {
    max-width: 1240px;
    max-height: 0;
    min-height: 0;
    margin: 0 auto;
    padding: 0 18px;
    position: sticky;
    top: 0;
    z-index: 28;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    border: 0 solid #037d9c;
    border-radius: 15px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.04)),
        radial-gradient(circle at 78% 48%, rgba(3, 125, 156, 0.42), transparent 38%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.38), rgba(4, 22, 32, 0.84));
    box-shadow:
        0 0 16px rgba(3, 125, 156, 0.42),
        0 14px 26px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.14);
    opacity: 0;
    transform: translateY(-8px);
    backdrop-filter: blur(12px);
    transition: max-height .2s ease, min-height .2s ease, padding .2s ease, opacity .18s ease, transform .2s ease, border-width .2s ease;
}
.music-user-sticky.compact-visible {
    max-height: 72px;
    min-height: 72px;
    padding: 12px 18px;
    border-width: 2px;
    opacity: 1;
    transform: translateY(0);
}
.music-user-sticky-avatar {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: var(--music-green);
    font-size: 16px;
    overflow: hidden;
}
.music-user-sticky-avatar.has-artwork > i { display: none; }
.music-user-sticky strong {
    min-width: 0;
    overflow: hidden;
    color: var(--music-text);
    font-size: 30px;
    font-weight: 950;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-sticky-title {
    min-width: 0;
    display: grid;
    gap: 3px;
}
.music-sticky-title strong {
    font-size: 24px;
}
.music-sticky-title small {
    overflow: hidden;
    color: var(--music-muted);
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-sticky-tabs {
    min-width: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
}
.music-sticky-tabs::-webkit-scrollbar { display: none; }
.music-sticky-tabs button {
    min-height: 34px;
    padding: 0 11px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--music-muted);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}
.music-sticky-tabs button:hover,
.music-sticky-tabs button.active {
    background: rgba(255,255,255,.1);
    color: var(--music-text);
}
.music-sticky-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.music-sticky-actions .music-secondary-btn,
.music-sticky-actions .music-follow-btn {
    min-height: 34px;
    padding-inline: 11px;
    font-size: 11px;
}
.music-user-actions { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 10px; }
.music-user-account-link {
    min-height: 38px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(3,125,156,.44);
    border-radius: 10px;
    background: rgba(3,125,156,.12);
    color: #e8fbff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 850;
}
.music-user-account-link:hover { border-color: rgba(6,217,255,.72); color: #fff; }
.music-follow-btn {
    min-height: 36px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(29,185,84,.46);
    border-radius: 999px;
    background: var(--music-ui-green);
    color: #041014;
    font: inherit;
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;
}
.music-follow-btn.following {
    background: rgba(29,185,84,.1);
    color: var(--music-green);
}
.music-follow-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.music-user-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px;
}
.music-user-tile {
    min-width: 0;
    padding: 8px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    border-radius: 8px;
    background: rgba(255,255,255,.035);
}
.music-user-tile:hover { background: rgba(255,255,255,.06); }
.music-user-tile-cover {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 6px;
    background: #172327 center/cover no-repeat;
    color: var(--music-cyan);
    text-decoration: none;
    cursor: pointer;
}
.music-user-tile-cover.has-artwork > i { display: none; }
.music-user-tile-copy { min-width: 0; display: grid; gap: 4px; }
.music-user-tile-copy a,
.music-user-text-link {
    min-width: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: var(--music-text);
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}
.music-user-tile-copy a:hover,
.music-user-text-link:hover { color: var(--music-green); }
.music-user-tile-copy span { overflow: hidden; color: var(--music-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.music-user-tabs-section {
    max-width: 1240px;
    margin: 30px auto 0;
}
.music-user-tabs {
    min-height: 52px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 28px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.music-user-tabs button {
    min-height: 52px;
    padding: 0 0 14px;
    position: relative;
    border: 0;
    background: transparent;
    color: var(--music-muted);
    font: inherit;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
}
.music-user-tabs button::after {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: transparent;
}
.music-user-tabs button:hover,
.music-user-tabs button.active { color: var(--music-text); }
.music-user-tabs button.active::after { background: var(--music-text); }
.music-user-tab-panel { margin-top: 22px; }
.music-profile-nft-grid { align-items: start; }
.music-profile-nft-grid .music-library-empty { grid-column: 1 / -1; }
.music-user-playlists-panel {
    display: grid;
    gap: 46px;
}
.music-user-playlist-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 200px minmax(0,1fr);
    gap: 28px;
    align-items: start;
}
.music-user-playlist-cover {
    width: 200px;
    height: 200px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 6px;
    background: #172327 center/cover no-repeat;
    color: var(--music-green);
    font-size: 46px;
    cursor: pointer;
    box-shadow: 0 18px 38px rgba(0,0,0,.34);
}
.music-user-playlist-cover.has-artwork > i { display: none; }
.music-user-playlist-body { min-width: 0; display: grid; gap: 15px; }
.music-user-playlist-top {
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) auto;
    gap: 14px;
    align-items: center;
}
.music-user-playlist-play {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #050505;
    font-size: 18px;
    cursor: pointer;
}
.music-user-playlist-play:hover { transform: scale(1.04); color: #037d9c; }
.music-user-playlist-title { min-width: 0; display: grid; gap: 4px; }
.music-user-playlist-title span,
.music-user-playlist-top time { color: var(--music-muted); font-size: 13px; font-weight: 800; }
.music-user-playlist-title strong,
.music-user-playlist-title .music-user-playlist-title-link {
    min-width: 0;
    overflow: hidden;
    color: var(--music-text);
    font-size: 20px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-user-playlist-title .music-user-playlist-title-link {
    padding: 0;
}
.music-user-playlist-title .music-user-playlist-title-link:hover,
.music-user-playlist-title .music-user-playlist-title-link:focus-visible {
    color: var(--music-green);
    text-decoration: underline;
    outline: 0;
}
.music-user-playlist-body > .music-track-waveform { height: 66px; }
.music-user-playlist-body > .music-track-waveform .music-waveform-bars { height: 62px; }
.music-user-playlist-wave-empty {
    min-height: 66px;
    display: grid;
    place-items: center;
    color: var(--music-muted);
    font-size: 12px;
}
.music-user-playlist-preview { display: grid; gap: 10px; }
.music-user-playlist-preview-row {
    min-width: 0;
    min-height: 40px;
    display: grid;
    grid-template-columns: 40px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    border: 0;
    background: transparent;
    color: var(--music-muted);
    text-align: left;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}
.music-user-playlist-preview-row:hover { color: var(--music-text); }
.music-user-playlist-preview-row > span:nth-child(2) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-user-playlist-preview-cover {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    background: #172327 center/cover no-repeat;
    color: var(--music-green);
    overflow: hidden;
}
.music-user-playlist-preview-cover.has-artwork > i { display: none; }
.music-user-playlist-preview-row small { color: var(--music-muted); font-size: 12px; }
.music-user-playlist-view {
    width: max-content;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--music-text);
    font: inherit;
    font-size: 14px;
    font-weight: 950;
    cursor: pointer;
}
.music-user-playlist-view:hover { color: var(--music-green); }
.music-user-playlist-actions { display: flex; gap: 14px; }
.music-user-playlist-actions button {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 4px;
    background: rgba(255,255,255,.08);
    color: var(--music-text);
    cursor: pointer;
}
.music-user-playlist-actions button:hover { color: var(--music-green); background: rgba(255,255,255,.13); }
.music-message-dialog {
    width: min(420px, calc(100vw - 32px));
    padding: 0;
    border: 1px solid rgba(29,185,84,.34);
    border-radius: 14px;
    background: #101518;
    color: var(--music-text);
    box-shadow: 0 24px 80px rgba(0,0,0,.62);
}
.music-message-dialog::backdrop { background: rgba(0,0,0,.68); backdrop-filter: blur(7px); }
.music-message-card { padding: 22px; position: relative; display: grid; gap: 14px; }
.music-message-body h2 { margin: 6px 0 8px; }
.music-message-body p { margin: 0; color: var(--music-muted); font-size: 12px; line-height: 1.45; }
.music-message-card textarea { width: 100%; padding: 12px; border: 1px solid var(--music-border); border-radius: 9px; outline: 0; background: #0b0f11; color: var(--music-text); font: inherit; box-sizing: border-box; resize: vertical; }
.music-repost-comment {
    min-height: 56px;
    padding: 8px 0 12px;
    display: grid;
    grid-template-columns: 40px minmax(0,1fr) 54px;
    gap: 10px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.music-repost-comment-avatar {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: var(--music-green);
    overflow: hidden;
}
.music-repost-comment-avatar.has-artwork > i { display: none; }
.music-repost-comment-input {
    width: 100%;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: 0;
    background: rgba(255,255,255,.09);
    color: var(--music-text);
    font: inherit;
    box-sizing: border-box;
}
.music-repost-comment-input:focus { border-color: rgba(29,185,84,.48); background: rgba(255,255,255,.12); }
.music-repost-comment-send {
    width: 54px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 4px;
    background: rgba(255,255,255,.08);
    color: var(--music-muted);
    cursor: pointer;
    font-size: 18px;
}
.music-repost-comment-send:hover { color: var(--music-green); background: rgba(255,255,255,.13); }
.music-messages-page {
    min-height: calc(100vh - 190px);
    display: grid;
    grid-template-columns: minmax(260px, .44fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
.music-messages-sidebar {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 18px;
    border: 2px solid #037d9c;
    border-radius: 15px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.34) 48%, rgba(0, 0, 0, 0.18)),
        radial-gradient(circle at 78% 18%, rgba(3, 125, 156, 0.34), transparent 38%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.28), rgba(4, 22, 32, 0.94));
    box-shadow:
        0 0 16px rgba(3, 125, 156, 0.38),
        0 10px 24px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.music-messages-sidebar::before,
.music-chat-toolbar::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 42%),
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.12), transparent 32%);
    pointer-events: none;
}
.music-messages-sidebar > * { position: relative; z-index: 1; }
.music-messages-sidebar h1 { margin: 0 0 18px; font-size: 34px; letter-spacing: 0; }
.music-messages-page-list {
    max-height: calc(100vh - 312px);
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: transparent transparent;
}
.music-messages-page-list::-webkit-scrollbar { width: 22px; }
.music-messages-page-list::-webkit-scrollbar-thumb { border: 3px solid transparent; border-radius: 999px; background: transparent; background-clip: content-box; }
.music-message-thread.page-thread {
    min-height: 74px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    grid-template-columns: 58px minmax(0,1fr) auto;
}
.music-message-thread.page-thread.active {
    border-color: rgba(32,217,255,.66);
    background: linear-gradient(90deg, rgba(29,185,84,.18), rgba(32,217,255,.1));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 16px rgba(3,125,156,.22);
}
.music-chat-panel {
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(320px, 1fr) auto;
    gap: 22px;
}
.music-chat-toolbar {
    position: relative;
    overflow: hidden;
    min-height: 46px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 2px solid #037d9c;
    border-radius: 15px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.34) 48%, rgba(0, 0, 0, 0.18)),
        radial-gradient(circle at 82% 45%, rgba(3, 125, 156, 0.42), transparent 36%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.32), rgba(4, 22, 32, 0.94));
    box-shadow:
        0 0 16px rgba(3, 125, 156, 0.38),
        0 10px 24px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.music-chat-toolbar > * { position: relative; z-index: 1; }
.music-chat-toolbar strong { color: var(--music-text); font-size: 16px; }
.music-chat-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-chat-command,
.music-chat-link,
.music-chat-trash {
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--music-text);
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}
.music-chat-command { background: rgba(255,255,255,.12); }
.music-chat-command:hover,
.music-chat-link:hover,
.music-chat-trash:hover { color: var(--music-green); background: rgba(255,255,255,.08); }
.music-chat-command:disabled,
.music-chat-link:disabled,
.music-chat-trash:disabled,
.music-chat-composer textarea:disabled,
.music-chat-composer button:disabled {
    opacity: .5;
    cursor: not-allowed;
}
.music-chat-spacer { flex: 1 1 auto; }
.music-chat-trash { width: 42px; padding: 0; display: grid; place-items: center; }
.music-chat-messages {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 2px 8px 8px;
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: transparent transparent;
}
.music-chat-messages::-webkit-scrollbar { width: 22px; }
.music-chat-messages::-webkit-scrollbar-thumb { border: 3px solid transparent; border-radius: 999px; background: transparent; background-clip: content-box; }
.music-chat-message {
    min-width: 0;
    width: fit-content;
    max-width: min(720px, 100%);
    display: grid;
    grid-template-columns: 46px minmax(0, auto) auto;
    gap: 10px;
    align-items: end;
}
.music-chat-message.mine {
    margin-left: auto;
    grid-template-columns: auto minmax(0, auto) 46px;
}
.music-chat-message.mine .music-message-avatar { grid-column: 3; grid-row: 1; }
.music-chat-message.mine .music-chat-bubble {
    grid-column: 2;
    grid-row: 1;
    justify-items: end;
    border-color: rgba(44, 255, 143, .26);
    border-radius: 18px 18px 4px 18px;
    background: linear-gradient(135deg, rgba(29,185,84,.96), rgba(35,213,171,.9));
    box-shadow: 0 12px 30px rgba(29,185,84,.18);
}
.music-chat-message.mine time {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
    align-self: end;
}
.music-chat-message .music-message-avatar {
    width: 42px;
    height: 42px;
}
.music-chat-message:not(.mine) .music-chat-bubble {
    border-color: rgba(255,255,255,.09);
    border-radius: 18px 18px 18px 4px;
    background: rgba(255,255,255,.08);
}
.music-chat-bubble {
    min-width: 0;
    max-width: min(560px, calc(100vw - 520px));
    padding: 11px 14px;
    display: grid;
    gap: 6px;
    border: 1px solid transparent;
}
.music-chat-bubble strong { color: var(--music-text); font-size: 15px; }
.music-chat-message.mine .music-chat-bubble strong,
.music-chat-message.mine .music-chat-bubble p { color: #041014; }
.music-chat-bubble p {
    max-width: 100%;
    margin: 0;
    color: #c8d0d3;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
.music-chat-message time { color: var(--music-muted); font-size: 12px; white-space: nowrap; }
.music-chat-composer {
    padding-top: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    border-top: 1px solid rgba(255,255,255,.1);
}
.music-chat-composer textarea {
    width: 100%;
    min-height: 72px;
    padding: 14px;
    border: 1px solid var(--music-border);
    border-radius: 8px;
    outline: 0;
    background: rgba(255,255,255,.08);
    color: var(--music-text);
    font: inherit;
    box-sizing: border-box;
    resize: vertical;
}
.music-chat-composer textarea:focus { border-color: rgba(29,185,84,.48); }
.music-public-cover { width: 100%; aspect-ratio: 1; display: grid; place-items: center; background: #172327 center/cover no-repeat; color: var(--artist-accent); font-size: 64px; box-shadow: 0 24px 54px rgba(0,0,0,.42); }
.music-public-cover.has-artwork,
.music-public-row-cover.has-artwork { background-image: var(--music-artwork-image); }
.music-artist-avatar { border-radius: 50%; }
.music-track-cover-stack {
    min-width: 0;
    display: grid;
    gap: 8px;
    align-self: center;
    justify-items: center;
}
.music-track-verified-row {
    width: min(220px, 100%);
    grid-column: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #31d86b;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
.music-inline-nft-icon {
    width: 38px;
    height: 19px;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.34));
}
.music-track-verified-row i {
    color: #31d86b;
    font-size: 14px;
    filter: drop-shadow(0 0 8px rgba(49,216,107,.36));
}
.music-track-cover-frame {
    grid-column: 1;
    width: min(220px, 100%);
    position: relative;
}
.music-track-nft-badge {
    width: 72px;
    height: 36px;
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
    filter: drop-shadow(0 8px 14px rgba(0,0,0,.46));
    transition:
        transform 0.2s ease,
        filter 0.2s ease;
}
.music-track-nft-badge img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.music-track-nft-badge.is-active {
    cursor: pointer;
}
.music-track-nft-badge.is-active:hover {
    transform: translateY(-1px) scale(1.04);
    filter:
        drop-shadow(0 8px 14px rgba(0,0,0,.46))
        drop-shadow(0 0 12px rgba(93, 255, 154, 0.42));
}
.music-track-detail-cover {
    width: min(220px, 100%);
    align-self: center;
    border-radius: 8px;
}
.music-track-comments-author {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    justify-items: center;
    gap: 8px;
    text-align: center;
}
.music-track-author-avatar {
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: var(--music-green);
    font-size: 26px;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(0,0,0,.34);
}
.music-track-author-avatar.has-artwork > i { display: none; }
.music-track-author-name {
    max-width: 112px;
    overflow: hidden;
    color: var(--music-text);
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-track-author-name:hover { color: #037d9c; }
.music-track-author-stats {
    display: grid;
    gap: 5px;
    color: rgba(221,230,233,.82);
    font-size: 10px;
    font-weight: 850;
}
.music-track-author-stats span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.music-track-author-stats i { color: #aab5b9; font-size: 10px; }
.music-playlist-hero {
    max-width: 1240px;
    min-height: 210px;
    margin: 0 auto;
    padding: 24px;
    display: grid;
    grid-template-columns: 176px minmax(0,1fr);
    gap: 22px;
    align-items: end;
    border: 1px solid rgba(32,217,255,.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(32,217,255,.14), rgba(11,15,17,.96));
}
.music-playlist-cover-editor { min-width: 0; position: relative; display: block; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
.music-system-playlist-cover { cursor: default; }
.music-playlist-cover-preview { width: 100%; aspect-ratio: 1; position: relative; display: grid; place-items: center; border-radius: 6px; background: #172327 center/cover no-repeat; color: var(--music-cyan); font-size: 50px; overflow: hidden; box-shadow: 0 16px 34px rgba(0,0,0,.45); }
.music-system-playlist-cover .music-playlist-cover-preview {
    background: linear-gradient(135deg, rgba(29,185,84,.25), rgba(32,217,255,.12)), #121d19;
    color: var(--music-green);
}
.music-playlist-hero .music-playlist-cover-preview { transition: transform .24s ease, box-shadow .24s ease; }
.music-playlist-hero.is-scrolling-away .music-playlist-cover-preview { transform: scale(.92); box-shadow: 0 10px 24px rgba(0,0,0,.38); }
.music-playlist-cover-preview.has-artwork > i { display: none; }
.music-playlist-cover-overlay { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; gap: 7px; border-radius: 8px; background: rgba(0,0,0,.68); color: #fff; font-size: 13px; font-weight: 900; opacity: 0; transition: opacity .18s ease; }
.music-playlist-cover-overlay i { font-size: 22px; }
.music-playlist-cover-editor:hover .music-playlist-cover-overlay,
.music-playlist-cover-editor:focus-visible .music-playlist-cover-overlay,
.music-playlist-dialog-cover:hover .music-playlist-cover-overlay,
.music-playlist-dialog-cover:focus-within .music-playlist-cover-overlay { opacity: 1; }
.music-playlist-hero-copy { min-width: 0; align-self: end; padding-bottom: 4px; }
.music-playlist-title {
    max-width: 100%;
    margin: 8px 0 10px;
    overflow: hidden;
    font-size: clamp(30px, 3.4vw, 46px);
    line-height: 1.08;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-playlist-description {
    max-width: 760px;
    margin: 0 0 10px;
    color: #c1ced2;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.music-playlist-owner {
    width: fit-content;
    max-width: 100%;
    margin: 0 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--music-text);
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
}
.music-playlist-owner:hover { color: var(--music-green); text-decoration: none; }
.music-playlist-owner-avatar {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex: 0 0 26px;
    border-radius: 50%;
    background: #172327 center/cover no-repeat;
    color: var(--music-cyan);
    overflow: hidden;
}
.music-playlist-owner-avatar.has-artwork > i { display: none; }
.music-playlist-hero-meta {
    width: fit-content;
    max-width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.music-playlist-hero-edit {
    min-height: 30px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(29,185,84,.28);
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(29,185,84,.12), rgba(32,217,255,.08));
    color: var(--music-text);
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 900;
    transform: translateY(-3px);
}
.music-playlist-hero-edit:hover,
.music-playlist-hero-edit:focus-visible {
    border-color: rgba(29,185,84,.5);
    background: rgba(29,185,84,.14);
    color: var(--music-green);
}
.music-playlist-actions { position: relative; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; }
.music-playlist-more {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--music-muted);
    font-size: 26px;
}
.music-playlist-more:hover,
.music-playlist-more:focus-visible { background: transparent; color: var(--music-green); transform: scale(1.06); }
.music-playlist-menu { left: 0; right: auto; bottom: 42px; z-index: 140; }
.music-row-remove { background: rgba(255,95,162,.16); color: var(--music-pink); }
.music-row-remove:hover { background: var(--music-pink); color: #19070f; }
.music-playlist-empty { margin-top: 14px; }
.music-playlist-dialog { width: min(540px, calc(100vw - 36px)); max-height: calc(100vh - 36px); padding: 0; position: fixed; inset: 0; margin: auto; overflow: visible; border: 1px solid rgba(6,171,212,.44); border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), linear-gradient(180deg, rgba(6,171,212,.14), rgba(0,0,0,.1)), rgba(15,18,22,.98); color: #fff; box-shadow: 0 0 24px rgba(6,171,212,.22), 0 18px 50px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08); }
.music-playlist-dialog::backdrop { background: rgba(0,0,0,.68); backdrop-filter: blur(8px); }
.music-playlist-dialog-form { max-height: calc(100vh - 36px); padding: 22px; position: relative; display: grid; gap: 18px; overflow-y: auto; box-sizing: border-box; }
.music-playlist-dialog-header { display: flex; align-items: center; gap: 14px; padding-right: 36px; text-align: left; }
.music-playlist-dialog-icon { width: 48px; height: 48px; flex: 0 0 48px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(6,171,212,.5); border-radius: 50%; background: rgba(6,171,212,.15); color: #00ccff; font-size: 20px; }
.music-playlist-dialog-form h2 { margin: 0 0 5px; font-size: 21px; line-height: 1.15; letter-spacing: 0; font-weight: 800; }
.music-playlist-dialog-form p { margin: 0; }
.music-playlist-dialog-header p { color: #cfefff; font-size: 13px; line-height: 1.4; }
.music-playlist-dialog-body { display: grid; grid-template-columns: 176px minmax(0,1fr); gap: 16px; align-items: stretch; }
.music-playlist-dialog-cover { position: relative; min-width: 0; display: block; cursor: pointer; }
.music-playlist-dialog-cover input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.music-playlist-dialog-cover .music-playlist-cover-preview { height: 176px; box-shadow: 0 14px 32px rgba(0,0,0,.38); border-radius: 12px; background-color: rgba(8,12,16,.96); color: #8fdff1; font-size: 60px; }
.music-playlist-dialog-fields { min-width: 0; display: grid; gap: 12px; }
.music-playlist-dialog-fields input,
.music-playlist-dialog-fields textarea { width: 100%; border: 1px solid rgba(6,171,212,.38); border-radius: 12px; outline: 0; background: rgba(8,12,16,.96); color: #fff; font: inherit; box-sizing: border-box; }
.music-playlist-dialog-fields input { height: 44px; padding: 0 12px; font-size: 14px; font-weight: 700; }
.music-playlist-dialog-fields textarea { min-height: 120px; padding: 11px 12px; resize: vertical; line-height: 1.45; }
.music-playlist-dialog-fields input:focus,
.music-playlist-dialog-fields textarea:focus { border-color: rgba(6,217,255,.72); box-shadow: 0 0 0 3px rgba(6,171,212,.14); }
.music-playlist-dialog-fields input::placeholder,
.music-playlist-dialog-fields textarea::placeholder { color: #bdefff; }
.music-playlist-dialog-footer { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.music-playlist-private-btn { min-height: 42px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.06); color: #e8fbff; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.music-playlist-private-btn:hover { border-color: rgba(6,217,255,.68); background: rgba(6,171,212,.18); }
.music-playlist-dialog-save { min-height: 42px; padding: 0 20px; border: 1px solid rgba(6,217,255,.72); border-radius: 12px; background: linear-gradient(90deg, rgba(6,171,212,.9), rgba(0,255,204,.56)); color: #fff; font: inherit; font-size: 14px; font-weight: 900; cursor: pointer; box-shadow: 0 0 16px rgba(6,171,212,.22); }
.music-playlist-dialog-save:hover { filter: brightness(1.08); }
.music-playlist-dialog-legal { grid-column: 1 / -1; margin: 0; padding: 11px 12px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid rgba(255,195,74,.34); border-radius: 12px; background: rgba(255,195,74,.09); color: #fff3c7; font-size: 12px; font-weight: 700; line-height: 1.45; }
.music-public-hero-copy { min-width: 0; }
.music-public-hero-copy h1 { margin: 10px 0 12px; overflow-wrap: anywhere; font-size: clamp(38px, 6vw, 72px); line-height: .98; letter-spacing: -.035em; }
.music-public-hero-copy.music-user-copy h1 {
    margin: 5px 0 8px;
    font-size: clamp(24px, 2.7vw, 36px);
    line-height: 1.08;
    letter-spacing: 0;
}
.music-public-hero-copy.music-user-copy > p {
    margin: 6px 0;
    line-height: 1.35;
}
.music-public-hero-copy.music-user-copy .music-public-summary {
    font-size: 12px;
}
.music-public-hero-copy > p { max-width: 720px; margin: 14px 0; color: #c1ced2; line-height: 1.6; }
.music-detail-artist { color: var(--music-text); font-size: 17px; font-weight: 800; text-decoration: none; }
.music-detail-artist:hover { color: #037d9c; text-decoration: underline; }
.music-public-summary { color: var(--music-muted); font-size: 13px; }
.music-public-summary strong { color: var(--music-text); }
.music-artist-socials,
.music-track-hero-actions { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px; }
.music-artist-socials a { min-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--music-border); border-radius: 999px; color: var(--music-muted); text-decoration: none; font-size: 12px; }
.music-artist-socials a:hover { border-color: var(--artist-accent); color: var(--artist-accent); }
.music-public-section,
.music-track-details { max-width: 1240px; margin: 42px auto 0; }
.music-playlist-track-section { margin-top: 28px; }
.music-playlist-sticky {
    position: sticky;
    top: 0;
    z-index: 30;
    overflow: visible;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: rgba(15,16,17,.96);
    box-shadow: 0 14px 26px rgba(0,0,0,.22);
    backdrop-filter: blur(12px);
}
.music-playlist-compactbar {
    max-height: 0;
    min-height: 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(0,56,66,.98), rgba(7,12,15,.98) 56%, rgba(0,103,119,.72));
    border-bottom: 0 solid rgba(32,217,255,.14);
    opacity: 0;
    transform: translateY(-8px);
    transition: max-height .22s ease, min-height .22s ease, padding .22s ease, opacity .18s ease, transform .22s ease, border-width .22s ease;
}
.music-playlist-sticky.compact-visible .music-playlist-compactbar {
    max-height: 76px;
    min-height: 76px;
    padding: 10px 20px;
    border-bottom-width: 1px;
    opacity: 1;
    transform: translateY(0);
}
.music-playlist-compactbar strong {
    min-width: 0;
    overflow: hidden;
    color: var(--music-text);
    font-size: 25px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-playlist-controlbar {
    min-height: 78px;
    padding: 12px 20px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    background: linear-gradient(180deg, rgba(16,20,22,.96), rgba(12,13,14,.98));
}
.music-playlist-controlbar .music-playlist-menu { left: 130px; right: auto; bottom: auto; top: 66px; z-index: 220; }
.music-playlist-controlbar .music-queue-view-toggle {
    margin-left: auto;
    flex: 0 0 42px;
}
.music-playlist-sticky > .music-queue-head {
    border-top: 1px solid rgba(255,255,255,.06);
    background: linear-gradient(180deg, rgba(20,24,26,.95), rgba(12,13,14,.98));
}
.music-playlist-action-btn {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--music-muted);
    font-size: 20px;
    cursor: pointer;
}
.music-playlist-action-btn:hover,
.music-playlist-action-btn.active { color: var(--music-green); transform: scale(1.04); }
.music-playlist-controlbar .music-track-more { margin-left: 0; }
.music-playlist-track-section .music-public-track-row {
    padding-right: 24px;
}
.music-playlist-track-section .music-public-track-row > .music-track-social-row {
    width: calc(100% - 42px);
}
.music-playlist-track-section .music-track-social-metrics {
    padding-right: 8px;
}
.music-playlist-track-section .music-queue-duration {
    transform: translateX(-8px);
}
.music-playlist-track-section .music-track-playlist-check {
    justify-self: center;
    transform: translateX(6px);
}
.music-playlist-track-section .music-row-buy {
    margin-right: 22px;
    transform: translateX(-6px);
}
.music-playlist-track-section .music-track-actions {
    justify-self: end;
    transform: none;
}
.music-list-play-small {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    font-size: 18px;
    box-shadow: 0 10px 24px rgba(29,185,84,.18);
}
.music-public-track-head {
    min-height: 46px;
    padding: 0 12px;
    display: grid;
    grid-template-columns: 146px 34px minmax(220px,1.05fr) minmax(122px,.55fr) minmax(6px,.04fr) minmax(118px,.5fr) 20px 54px 58px;
    gap: 6px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.05);
    background: rgba(24,25,26,.94);
    color: #c7cdd0;
    font-size: 13px;
    font-weight: 850;
}
.music-public-head-index { text-align: center; }
.music-public-head-title { grid-column: 3; }
.music-public-head-album { grid-column: 4; justify-self: center; text-align: center; }
.music-public-head-date { grid-column: 6; justify-self: end; text-align: right; }
.music-public-head-duration { grid-column: 8; justify-self: center; width: 62px; padding-right: 0; text-align: center; font-size: 16px; }
.music-public-track-list { border-top: 0; }
.music-profile-track-list > .music-profile-queue-heading {
    margin-bottom: 0;
    padding-bottom: 0;
}
.music-profile-track-list > .music-profile-queue-heading > .music-queue-head {
    margin-top: 0;
}
.music-profile-track-list > .music-profile-queue-heading + .music-public-track-row {
    margin-top: 0;
}
.music-profile-track-list .music-public-track-row {
    padding-right: 24px;
}
.music-profile-track-list .music-public-track-row > .music-track-social-row {
    width: calc(100% - 42px);
}
.music-profile-track-list .music-track-social-metrics {
    padding-right: 8px;
}
.music-profile-track-list .music-queue-duration {
    transform: translateX(-8px);
}

.music-profile-track-list .music-track-playlist-check {
    justify-self: center;
    transform: translateX(6px);
}
.music-profile-track-list .music-row-buy {
    margin-right: 22px;
    transform: translateX(-6px);
}
.music-profile-track-list .music-track-actions {
    justify-self: end;
    transform: none;
}

.music-shell:not(.tracks-compact) .music-queue-row .music-track-actions,
.music-shell:not(.tracks-compact) .music-public-track-row .music-track-actions {
    transform: translateX(-24px);
}

.music-public-track-row { min-height: 170px; padding: 10px 12px; display: grid; grid-template-columns: 146px 34px minmax(220px,1.05fr) minmax(122px,.55fr) minmax(6px,.04fr) minmax(118px,.5fr) 20px 54px 58px; grid-template-rows: minmax(42px, auto) 58px minmax(34px, auto); column-gap: 6px; row-gap: 6px; align-items: center; border: 0; border-radius: 7px; background: transparent; color: var(--music-muted); font-size: 13px; box-sizing: border-box; transition: background .16s ease; }
.music-public-track-row.active, .music-public-track-row.playing { background: transparent; }
.music-public-track-row:hover, .music-public-track-row.active:hover, .music-public-track-row.playing:hover { background: rgba(255,255,255,.085); }
.music-public-track-number { text-align: center; }
.music-public-index-btn { width: 34px; height: 54px; grid-column: 2; grid-row: 1; display: grid; place-items: center; border: 0; background: transparent; color: var(--music-muted); cursor: pointer; font-size: 22px; font-weight: 500; }
.music-public-index-btn i { display: none; color: var(--music-text); font-size: 22px; }
.music-public-track-row:hover .music-public-track-number, .music-public-index-btn:focus-visible .music-public-track-number, .music-public-track-row.playing .music-public-track-number { display: none; }
.music-public-track-row:hover .music-public-index-btn i, .music-public-index-btn:focus-visible i { display: inline-block; }
.music-public-track-row.playing .music-row-equalizer { display: flex; }
.music-public-track-row.playing:hover .music-row-equalizer { display: none; }
.music-public-track-row.playing:hover .music-public-index-btn i { display: inline-block; }
.music-public-index-btn:hover i { color: var(--music-green); transform: scale(1.08); }
.music-public-row-cover { width: 146px; height: 146px; grid-column: 1; grid-row: 1 / 4; display: grid; place-items: center; border-radius: 6px; background: #172327 center/cover no-repeat; color: var(--artist-accent); text-decoration: none; align-self: center; }
.music-public-row-copy { min-width: 0; grid-column: 3; grid-row: 1; display: grid; gap: 5px; }
.music-public-row-copy a { overflow: hidden; color: #cfd6d9; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.music-public-row-copy a:first-child { color: #cfd6d9; font-size: 15px; font-weight: 850; }
.music-public-track-row.active .music-public-row-copy a:first-child { color: #cfd6d9; }
.music-public-track-row.playing .music-public-row-copy a:first-child { color: var(--music-cyan); }
.music-public-row-copy a:hover { color: #ffffff; text-decoration: none; }
.music-public-row-artist { color: #aeb8bd !important; font-weight: 700; }
.music-public-row-artist:hover { color: #ffffff !important; }
.music-public-track-row > :nth-child(4),
.music-public-track-row > :nth-child(5) {
    min-width: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-self: center;
}
.music-public-track-row > :nth-child(5) { grid-column: 6; padding-right: 0; justify-self: end; text-align: right; }
.music-row-play { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--artist-accent); color: #041014; text-decoration: none; cursor: pointer; }
.music-track-details dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--music-border); border-radius: 8px; background: var(--music-border); }
.music-track-details dl > div { min-width: 0; padding: 18px 20px; display: grid; gap: 7px; background: var(--music-surface); }
.music-track-details dt { color: var(--music-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.music-track-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--music-text); }
.music-track-details a { color: var(--artist-accent); }
.music-track-details code { font-family: ui-monospace, monospace; font-size: 12px; }

.music-sale-panel { max-width: 1240px; margin: 24px auto 0; padding: 24px; display: grid; grid-template-columns: minmax(190px,.7fr) minmax(0,1.7fr) auto; gap: 24px; align-items: center; border: 1px solid rgba(32,217,255,.3); border-radius: 10px; background: linear-gradient(120deg, rgba(32,217,255,.1), var(--music-surface) 45%); }
.music-sale-summary { min-width: 0; }
.music-sale-summary h2 { margin: 7px 0 5px; color: var(--music-text); font-size: clamp(22px,3vw,34px); }
.music-sale-summary p { margin: 0; color: var(--music-muted); font-size: 12px; }
.music-sale-facts { margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.music-sale-facts > div { min-width: 0; display: grid; gap: 5px; }
.music-sale-facts dt { color: var(--music-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.music-sale-facts dd { margin: 0; overflow: hidden; color: var(--music-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.music-buy-btn { min-width: 126px; justify-content: center; }
.music-buy-btn:disabled { border-color: var(--music-border); background: var(--music-surface-2); color: var(--music-muted); cursor: not-allowed; box-shadow: none; filter: none; }
.music-sales-history { max-width: 1240px; margin: 42px auto 0; }
.music-sales-table { overflow: hidden; border: 1px solid var(--music-border); border-radius: 8px; }
.music-sales-table > div { min-height: 46px; padding: 0 16px; display: grid; grid-template-columns: 150px minmax(0,1fr) minmax(0,1fr) 120px; gap: 16px; align-items: center; border-bottom: 1px solid var(--music-border); color: var(--music-muted); font-size: 12px; }
.music-sales-table > div:last-child { border-bottom: 0; }
.music-sales-table .music-sales-head { min-height: 36px; background: var(--music-surface-2); color: var(--music-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.music-sales-table span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-sales-table strong { color: var(--music-text); }
.music-history-empty { min-height: 86px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px dashed var(--music-border); border-radius: 8px; color: var(--music-muted); }

.music-listing-dialog { width: min(680px,calc(100vw - 32px)); max-height: min(88vh, 760px); padding: 0; position: fixed; inset: 0; margin: auto; overflow: hidden; border: 1px solid rgba(32,217,255,.35); border-radius: 14px; background: #0d1316; color: var(--music-text); box-shadow: 0 28px 90px rgba(0,0,0,.65); }
.music-listing-dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(7px); }
.music-listing-form { max-height: min(88vh, 760px); padding: 32px; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; overflow-y: auto; box-sizing: border-box; }
.music-listing-form > .music-kicker,
.music-listing-form > h2,
.music-listing-form > p,
.music-listing-form > .music-tx-steps,
.music-listing-form > .music-primary-btn { grid-column: 1 / -1; }
.music-listing-form h2 { margin: 0; padding-right: 34px; font-size: 30px; }
.music-listing-form > p { margin: -7px 0 2px; color: var(--music-muted); }
.music-listing-form label { display: grid; gap: 7px; color: var(--music-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.music-listing-form input,
.music-listing-form select { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--music-border); border-radius: 5px; outline: 0; background: #080c0e; color: var(--music-text); font: inherit; box-sizing: border-box; }
.music-listing-form input:focus,
.music-listing-form select:focus { border-color: var(--music-cyan); }
.music-listing-form .music-dialog-close { position: absolute; top: 14px; right: 14px; }
.music-listing-status { min-height: 18px; color: var(--music-cyan) !important; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.music-listing-status.error { color: #ff8a8a !important; }
.music-listing-form > .music-primary-btn { justify-content: center; }
.music-primary-btn.is-loading,
.music-primary-btn:disabled { cursor: wait; opacity: .78; filter: none; box-shadow: none; }
.music-listing-steps { margin-top: 2px; }

.music-onboarding {
    margin-bottom: 24px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: minmax(0,1.2fr) minmax(300px,.9fr) auto;
    gap: 20px;
    align-items: center;
    border: 1px solid rgba(29,185,84,.22);
    border-radius: 10px;
    background: linear-gradient(120deg, rgba(29,185,84,.09), rgba(32,217,255,.055));
}
.music-onboarding h2 { margin: 5px 0 6px; font-size: 20px; }
.music-onboarding p { margin: 0; color: #c3d0d4; line-height: 1.5; font-size: 12px; }
.music-onboarding ol {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
    list-style: none;
}
.music-onboarding li {
    min-height: 74px;
    padding: 10px 8px;
    display: grid;
    grid-template-rows: auto minmax(0, auto);
    gap: 7px;
    justify-items: center;
    align-content: start;
    border: 1px solid var(--music-border);
    border-radius: 8px;
    background: rgba(8,11,13,.45);
    color: var(--music-muted);
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    overflow: visible;
    overflow-wrap: anywhere;
}
.music-onboarding li .music-step-number {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--music-ui-green);
    color: #041014;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}
.music-onboarding li .music-step-label {
    width: 100%;
    min-height: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: var(--music-muted);
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: normal;
}

.music-market-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    max-width: calc(100% - 72px);
    padding: 4px 6px;
    border-radius: 3px;
    background: rgba(7,12,14,.9);
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
}
.music-market-badge.for-sale { color: var(--music-green); }
.music-market-badge.owned { color: var(--music-cyan); }
.music-market-badge.not-listed { color: var(--music-muted); }
.music-queue-market {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    color: var(--music-muted);
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music-queue-market.for-sale { color: var(--music-green); }
.music-queue-market.owned { color: var(--music-cyan); }
.music-track-menu-copy { min-width: 0; display: grid; gap: 2px; }
.music-track-menu-copy small { overflow: hidden; color: var(--music-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.music-card-market-btn {
    font: inherit;
    cursor: pointer;
}
.music-sale-badges {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.music-sale-badges span {
    min-height: 27px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--music-border);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    color: var(--music-muted);
    font-size: 10px;
    font-weight: 900;
}
.music-sale-badges i { color: var(--music-cyan); }

.music-purchase-dialog {
    width: min(560px,calc(100vw - 28px));
    padding: 0;
    overflow: visible;
    border: 1px solid rgba(29,185,84,.35);
    border-radius: 14px;
    background: #0d1316;
    color: var(--music-text);
    box-shadow: 0 28px 90px rgba(0,0,0,.68);
}
.music-purchase-dialog::backdrop { background: rgba(0,0,0,.74); backdrop-filter: blur(5px); }
.music-purchase-form { padding: 28px; position: relative; display: grid; gap: 16px; }
.music-purchase-form .music-dialog-close { position: absolute; top: 14px; right: 14px; }
.music-purchase-form h2 { margin: 0; font-size: 30px; }
.music-purchase-intro { margin: -8px 0 0; color: var(--music-muted); font-size: 12px; }
.music-purchase-card {
    padding: 12px;
    display: grid;
    grid-template-columns: 70px minmax(0,1fr);
    gap: 13px;
    align-items: center;
    border: 1px solid var(--music-border);
    border-radius: 10px;
    background: rgba(255,255,255,.03);
}
.music-purchase-cover { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 7px; background: #172327 center/cover no-repeat; color: var(--music-cyan); }
.music-purchase-card strong,
.music-purchase-card span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-purchase-card span { margin-top: 5px; color: var(--music-muted); font-size: 12px; }
.music-purchase-summary {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--music-border);
    border-radius: 10px;
    background: var(--music-border);
}
.music-purchase-summary > div { padding: 13px 14px; display: grid; gap: 5px; background: var(--music-surface); }
.music-purchase-summary dt { color: var(--music-muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.music-purchase-summary dd { margin: 0; color: var(--music-text); font-size: 13px; }
.music-purchase-summary input { width: 92px; min-height: 34px; padding: 0 10px; border: 1px solid var(--music-border); border-radius: 5px; background: #080c0e; color: var(--music-text); }
.music-tx-steps {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 7px;
    list-style: none;
}
.music-tx-steps li {
    min-height: 32px;
    padding: 0 11px 0 34px;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid var(--music-border);
    border-radius: 999px;
    color: var(--music-muted);
    font-size: 11px;
    font-weight: 800;
}
.music-tx-steps li::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 13px;
    border-radius: 50%;
    background: var(--music-border);
}
.music-tx-steps li.active { border-color: rgba(32,217,255,.42); color: var(--music-text); background: rgba(32,217,255,.07); }
.music-tx-steps li.active::before { background: var(--music-cyan); box-shadow: 0 0 12px rgba(32,217,255,.45); }
.music-tx-steps li.done { color: var(--music-green); }
.music-tx-steps li.done::before { background: var(--music-green); }
.music-purchase-status { min-height: 18px; margin: 0; color: var(--music-cyan); font-size: 12px; overflow-wrap: anywhere; }
.music-purchase-actions { display: flex; justify-content: flex-end; gap: 10px; }

@media (max-width: 1050px) {
    .music-track-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .music-player { grid-template-columns: 1fr 1.3fr; }
    .music-player-volume { display: none; }
    .music-onboarding { grid-template-columns: 1fr; }
    .artist-studio-layout { grid-template-columns: 1fr; }
    .artist-preview { max-width: 700px; }
    .music-sale-panel { grid-template-columns: minmax(180px,.7fr) minmax(0,1.3fr); }
    .music-buy-btn { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 760px) {
    .music-shell { height: auto; min-height: calc(100vh - 146px); grid-template-columns: 1fr; grid-template-rows: auto auto; }
    .music-sidebar { grid-column: 1; grid-row: 1; padding: 12px 14px; border-right: 0; border-bottom: 1px solid var(--music-border); flex-direction: row; align-items: center; gap: 10px; overflow-x: auto; }
    .music-column-toggle,
    .music-now-panel { display: none; }
    .music-brand { min-height: 34px; margin: 0; padding: 0 10px 0 0; white-space: nowrap; }
    .music-local-nav { display: flex; margin-top: 0; }
    .music-nav-item { white-space: nowrap; }
    .music-sidebar-section { margin: 0; padding: 0; border: 0; }
    .music-sidebar-label,
    .music-chain-note { display: none; }
    .music-playlists-section { display: none; }
    .music-main { grid-column: 1; grid-row: 2; min-height: 700px; }
    .music-topbar { min-height: 58px; padding: 7px 14px; gap: 8px; }
    .music-history-controls { display: none; }
    .music-search-shell,
    .music-search { flex: 1 1 auto; width: auto; min-width: 0; }
    .music-search-shell { min-height: 44px; padding: 3px; }
    .music-search { min-height: 36px; padding-inline: 13px; }
    .music-studio-link span { display: none; }
    .music-onboarding ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .music-scroll-area { padding: 18px 16px 120px; }
    .music-feature { min-height: 0; padding: 18px; grid-template-columns: 112px minmax(0, 1fr); gap: 18px; }
    .music-feature-track-hero { padding: 16px; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; }
    .music-feature-copy h1 { font-size: 24px; }
    .music-feature-copy p { display: none; }
    .music-feature-track-hero .music-feature-copy p { display: block; min-height: 32px; margin-top: 14px; padding: 7px 9px; font-size: 12px; }
    .music-feature-waveform { margin-top: 24px; }
    .music-feature-waveform .music-track-waveform { height: 58px; }
    .music-feature-controls { gap: 8px; }
    .music-feature-controls .music-secondary-btn { display: inline-flex; }
    .music-feature-controls .music-track-detail-stats { width: 100%; margin-left: 0; }
    .music-feature-actions { margin-top: 13px; }
    .music-secondary-btn { display: none; }
    .music-track-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .music-queue-head { grid-template-columns: 96px 32px minmax(0, 1fr) 42px 20px 42px 48px; }
    .music-queue-head > :nth-child(4),
    .music-queue-head > :nth-child(5) { display: none; }
    .music-playlist-sticky.compact-visible .music-playlist-compactbar { max-height: 64px; min-height: 64px; padding: 8px 12px; }
    .music-playlist-compactbar strong { font-size: 20px; }
    .music-playlist-controlbar { min-height: 64px; padding: 10px 12px; gap: 12px; }
    .music-playlist-controlbar .music-playlist-menu { left: 110px; top: 60px; bottom: auto; }
    .music-list-play-small { width: 44px; height: 44px; flex-basis: 44px; }
    .music-public-track-head { grid-template-columns: 96px 32px minmax(0, 1fr) 42px 20px 42px 48px; gap: 6px; padding: 0 10px; }
    .music-public-head-title { grid-column: 3; }
    .music-public-head-album,
    .music-public-head-date { display: none; }
    .music-public-head-duration { grid-column: 6; width: 44px; padding-right: 8px; }
    .music-queue-row { min-height: 132px; grid-template-columns: 96px 32px minmax(0, 1fr) 42px 20px 42px 48px; grid-template-rows: minmax(34px, auto) 50px minmax(32px, auto); }
    .music-queue-row > .music-queue-album,
    .music-queue-row > .music-queue-added { display: none; }
    .music-row-buy { grid-column: 7; grid-row: 3; }
    .music-track-playlist-check { grid-column: 5; }
    .music-queue-duration { grid-column: 6; }
    .music-track-actions { grid-column: 7; grid-row: 1; }
    .music-queue-cover { width: 96px; height: 96px; }
    .music-player { position: fixed; left: 0; right: 0; bottom: 0; grid-column: 1; grid-row: 3; grid-template-columns: minmax(0, 1fr) auto; padding: 9px 13px; }
    .music-player-center { display: block; }
    .music-player-controls > :not(.music-play-toggle) { display: none; }
    .music-progress-row { position: absolute; left: 0; right: 0; bottom: 0; display: block; }
    .music-progress-row span { display: none; }
    .music-progress-wrap { display: block; }
    .music-progress-row input { display: block; }
    .music-range-tooltip { display: none; }
    .music-player-track .music-player-icon { display: none; }
    .artist-studio { padding: 24px 16px 60px; }
    .artist-studio-header { align-items: flex-start; }
    .artist-studio-status { display: none; }
    .artist-field-row { grid-template-columns: 1fr; }
    .artist-image-fields { grid-template-columns: 1fr; }
    .artist-nft-link-panel { grid-template-columns: 1fr; }
    .artist-track-upload-form,
    .artist-track-fields { grid-template-columns: 1fr; }
    .artist-track-description { grid-column: auto; }
    .artist-track-upload-actions { align-items: stretch; flex-direction: column; }
    .artist-preview-profile { grid-template-columns: 72px minmax(0, 1fr); }
    .artist-avatar { width: 72px; height: 72px; }
    .artist-release-row { grid-template-columns: minmax(0, 1fr) 80px; }
    .artist-release-row > :nth-child(3),
    .artist-release-row > :nth-child(4) { display: none; }
    .artist-release-qr { grid-column: 1 / -1; }
    .artist-release-qr-body { grid-template-columns: 74px minmax(0, 1fr); }
    .artist-release-qr-image { width: 74px; height: 74px; }
    .artist-release-qr-header { align-items: flex-start; flex-direction: column; gap: 4px; }
    .artist-release-qr-stats { width: 100%; text-align: left; white-space: normal; }
    .artist-release-qr-type,
    .artist-release-qr-actions button { flex: 1 1 132px; }
    .music-public-page { padding: 24px 16px 54px; }
    .music-artist-hero,
    .music-track-hero { padding: 22px; grid-template-columns: 112px minmax(0, 1fr); gap: 20px; align-items: center; }
    .music-user-hero { min-height: 112px; padding: 14px; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; align-items: center; }
    .music-user-copy h1,
    .music-public-hero-copy.music-user-copy h1 { font-size: clamp(21px, 5.8vw, 28px); }
    .music-user-avatar { width: 72px; height: 72px; font-size: 24px; }
    .music-user-sticky.compact-visible { min-height: 58px; max-height: 58px; padding: 8px 12px; }
    .music-user-sticky-avatar { width: 36px; height: 36px; flex-basis: 36px; }
    .music-user-sticky strong { font-size: 22px; }
    .music-user-grid { grid-template-columns: 1fr; }
    .music-user-tabs { gap: 18px; overflow-x: auto; flex-wrap: nowrap; }
    .music-user-tabs button { white-space: nowrap; }
    .music-user-playlist-card { grid-template-columns: 96px minmax(0,1fr); gap: 14px; }
    .music-user-playlist-cover { width: 96px; height: 96px; font-size: 28px; }
    .music-user-playlist-top { grid-template-columns: 42px minmax(0,1fr); }
    .music-user-playlist-top time { display: none; }
    .music-user-playlist-title strong,
    .music-user-playlist-title .music-user-playlist-title-link { font-size: 16px; }
    .music-user-playlist-preview-row { grid-template-columns: 34px minmax(0,1fr); }
    .music-user-playlist-preview-row small { display: none; }
    .music-user-playlist-preview-cover { width: 34px; height: 34px; }
    .music-user-playlist-actions { gap: 8px; }
    .music-user-playlist-actions button { width: 36px; height: 36px; }
    .music-profile-link span { display: none; }
    .music-messages-popover { right: -8px; }
    .music-messages-page { grid-template-columns: 1fr; gap: 22px; }
    .music-messages-sidebar { padding: 16px; }
    .music-messages-page-list { max-height: 300px; }
    .music-chat-toolbar { flex-wrap: wrap; gap: 10px; padding: 12px; }
    .music-chat-title { flex: 1 1 100%; }
    .music-chat-message {
        max-width: 100%;
        grid-template-columns: 40px minmax(0, auto);
        gap: 9px;
    }
    .music-chat-message.mine {
        grid-template-columns: minmax(0, auto) 40px;
    }
    .music-chat-message.mine .music-message-avatar { grid-column: 2; }
    .music-chat-message .music-message-avatar { width: 40px; height: 40px; }
    .music-chat-message.mine .music-chat-bubble { grid-column: 1; }
    .music-chat-bubble { max-width: calc(100vw - 112px); }
    .music-chat-message:not(.mine) time { grid-column: 2; }
    .music-chat-message.mine time { grid-column: 1; grid-row: 2; }
    .music-chat-composer { grid-template-columns: 1fr; }
    .music-repost-comment { grid-template-columns: 36px minmax(0,1fr) 46px; }
    .music-playlist-hero { min-height: 150px; padding: 18px; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; align-items: end; }
    .music-playlist-title { font-size: clamp(24px, 6vw, 34px); line-height: 1.08; }
    .music-playlist-description { display: none; }
    .music-playlist-dialog-form { padding: 28px 20px 22px; }
    .music-playlist-dialog-body,
    .music-playlist-dialog-footer { grid-template-columns: 1fr; }
    .music-playlist-dialog-cover .music-playlist-cover-preview { width: min(220px, 100%); height: auto; margin: 0 auto; }
    .music-playlist-private-btn,
    .music-playlist-dialog-save { width: 100%; }
    .music-public-hero-copy h1 { font-size: clamp(28px, 9vw, 44px); }
    .music-track-detail-hero .music-public-hero-copy h1 { font-size: clamp(20px, 5.4vw, 28px); }
    .music-track-detail-hero { padding: 16px; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; }
    .music-track-cover-stack { gap: 6px; }
    .music-track-verified-row { width: min(104px, 100%); gap: 4px; font-size: 8px; }
    .music-inline-nft-icon { width: 26px; height: 13px; }
    .music-track-verified-row i { font-size: 10px; }
    .music-track-cover-frame { width: min(104px, 100%); }
    .music-track-nft-badge { width: 42px; height: 21px; left: 5px; bottom: 5px; }
    .music-track-detail-cover { width: min(104px, 100%); }
    .music-track-author-avatar { width: 54px; height: 54px; font-size: 17px; }
    .music-track-author-name { max-width: 64px; font-size: 10px; }
    .music-track-author-stats { gap: 3px; font-size: 8px; }
    .music-track-title-row { grid-template-columns: 44px minmax(0, 1fr); gap: 9px; }
    .music-track-detail-play { width: 44px; height: 44px; font-size: 17px; }
    .music-track-info-disclosure summary { min-height: 32px; padding: 7px 9px; font-size: 12px; }
    .music-track-info-list { grid-template-columns: 1fr; }
    .music-track-info-full { display: none; }
    .music-track-detail-controls { gap: 8px; }
    .music-track-detail-controls .music-track-detail-stats { width: 100%; margin-left: 0; }
    .music-track-details-button { display: inline-flex; min-height: 36px; font-size: 11px; }
    .music-track-details-popover { width: min(320px, 88vw); grid-template-columns: 1fr; }
    .music-track-detail-buy { min-width: 58px; min-height: 36px; font-size: 11px; }
    .music-track-comments-body { grid-template-columns: 1fr; gap: 8px; }
    .music-track-comments-author { padding: 8px 0; }
    .music-track-comments-list-card { padding: 10px; }
    .music-track-info-disclosure { margin-top: 14px; }
    .music-track-info-list { grid-template-columns: 1fr; }
    .music-track-info-full { display: none; }
    .music-market-disclosure { margin-top: 7px; }
    .music-market-panel { width: min(320px, 78vw); }
    .music-market-panel .music-sale-facts { grid-template-columns: 1fr; }
    .music-track-detail-waveform { margin-top: 24px; }
    .music-track-detail-waveform .music-track-waveform { height: 58px; }
    .music-public-hero-copy > p { display: none; }
    .music-public-track-row { min-height: 132px; grid-template-columns: 96px 32px minmax(0, 1fr) 42px 20px 42px 48px; grid-template-rows: minmax(34px, auto) 50px minmax(32px, auto); }
    .music-public-track-row > :nth-child(4),
    .music-public-track-row > :nth-child(5) { display: none; }
    .music-track-social-row { gap: 7px; }
    .music-queue-row > .music-track-social-row,
    .music-public-track-row > .music-track-social-row,
    .music-queue-row > .music-track-waveform,
    .music-public-track-row > .music-track-waveform { grid-column: 2 / -1; }
    .music-queue-row > .music-track-social-row,
    .music-public-track-row > .music-track-social-row { grid-column: 2 / 6; }
    .music-queue-row > .music-track-waveform,
    .music-public-track-row > .music-track-waveform { height: 50px; }
    .music-waveform-bars { height: 46px; }
    .music-waveform-bar { height: calc(7px + (var(--peak) * 38px)); }
    .music-public-row-cover { width: 96px; height: 96px; }
    .music-queue-index-btn,
    .music-public-index-btn { width: 32px; height: 44px; font-size: 18px; font-weight: 500; }
    .music-queue-index-btn i,
    .music-public-index-btn i { font-size: 18px; }
    .music-track-social-action span { display: none; }
    .music-track-social-metrics { gap: 5px; font-size: 9px; }
    .music-row-buy { min-width: 42px; width: 42px; padding: 0; font-size: 0; }
    .music-row-buy i { font-size: 12px; }
    .music-track-details dl { grid-template-columns: 1fr; }
    .music-sale-panel { padding: 18px; grid-template-columns: 1fr; gap: 18px; }
    .music-sale-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .music-buy-btn { display: inline-flex; }
    .music-sales-table > div { grid-template-columns: 95px minmax(0,1fr) 90px; }
    .music-sales-table > div > :nth-child(3) { display: none; }
    .music-listing-form { grid-template-columns: 1fr; }
    .music-listing-form > * { grid-column: 1 !important; }
    .music-purchase-summary { grid-template-columns: 1fr; }
    .music-purchase-actions { display: grid; grid-template-columns: 1fr; }
}

@media (max-width: 440px) {
    .music-brand > span:last-child,
    .music-nav-item span { display: none; }
    .music-nav-item { padding: 0 11px; }
    .music-feature { grid-template-columns: 92px minmax(0, 1fr); }
    .music-feature-track-hero { grid-template-columns: 92px minmax(0, 1fr); }
    .music-feature-meta { display: none; }
    .music-onboarding { display: none; }
    .music-track-grid { gap: 9px; }
    .music-track-card { padding: 8px; }
    .music-card-play { opacity: 1; width: 36px; height: 36px; }
    .music-card-market-btn { width: 34px; padding: 0; justify-content: center; font-size: 0; }
}





/* =========================================================
   PAXOR MUSIC TOPBAR — SINGLE GLOBAL WALLET
   ========================================================= */

.music-topbar {
    gap: 0;
}

.music-search-shell {
    width: 100%;
    min-width: 0;
    flex: 1 1 100%;
}

/* ==========================================================================
   Paxor Music v135: Artist Studio matching animated left-sidebar toggle
   ========================================================================== */
.music-left-toggle {
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #354045;
    display: grid;
    place-items: center;
    transition: color .2s ease;
}

.music-left-toggle:hover,
.music-left-toggle:focus-visible {
    color: #e9fcff;
    background: transparent !important;
}

.music-sidebar-layout-icon {
    width: 38px;
    height: 32px;
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border: 2.2px solid currentColor;
    border-radius: 7px;
    color: #354045;
    filter: none;
    transition:
        color .2s ease,
        transform .28s cubic-bezier(.2,.8,.2,1),
        filter .2s ease;
}

.music-sidebar-layout-icon::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    pointer-events: none;
}

.music-sidebar-layout-rail,
.music-sidebar-layout-content {
    position: absolute;
    top: 4px;
    bottom: 4px;
    border-radius: 3px;
    transition:
        left .3s cubic-bezier(.2,.8,.2,1),
        width .3s cubic-bezier(.2,.8,.2,1),
        background .2s ease,
        box-shadow .2s ease;
}

.music-sidebar-layout-rail {
    left: 4px;
    width: 11px;
    background: linear-gradient(180deg, #20d9ff, #037d9c);
    box-shadow: 0 0 10px rgba(32,217,255,.34);
}

.music-sidebar-layout-content {
    left: 19px;
    width: 13px;
    background: rgba(255,255,255,.075);
}

/* Expanded: hover previews the collapsed rail. */
.music-left-toggle[data-state="expanded"]:hover .music-sidebar-layout-rail,
.music-left-toggle[data-state="expanded"]:focus-visible .music-sidebar-layout-rail {
    width: 4px;
    box-shadow: 0 0 8px rgba(32,217,255,.26);
}

.music-left-toggle[data-state="expanded"]:hover .music-sidebar-layout-content,
.music-left-toggle[data-state="expanded"]:focus-visible .music-sidebar-layout-content {
    left: 12px;
    width: 20px;
    background: rgba(255,255,255,.27);
}

/* Collapsed: hover previews the expanded rail. */
.music-left-toggle[data-state="collapsed"] .music-sidebar-layout-rail {
    width: 4px;
    box-shadow: 0 0 8px rgba(32,217,255,.25);
}

.music-left-toggle[data-state="collapsed"] .music-sidebar-layout-content {
    left: 12px;
    width: 20px;
    background: rgba(255,255,255,.075);
}

.music-left-toggle[data-state="collapsed"]:hover .music-sidebar-layout-rail,
.music-left-toggle[data-state="collapsed"]:focus-visible .music-sidebar-layout-rail {
    width: 11px;
    box-shadow: 0 0 11px rgba(32,217,255,.46);
}

.music-left-toggle[data-state="collapsed"]:hover .music-sidebar-layout-content,
.music-left-toggle[data-state="collapsed"]:focus-visible .music-sidebar-layout-content {
    left: 19px;
    width: 13px;
    background: rgba(255,255,255,.27);
}

.music-left-toggle:hover .music-sidebar-layout-icon,
.music-left-toggle:focus-visible .music-sidebar-layout-icon {
    color: #e9fcff;
    filter: drop-shadow(0 0 7px rgba(32,217,255,.22));
}

.music-left-toggle.is-animating .music-sidebar-layout-icon {
    animation: musicSidebarLayoutPulse .42s cubic-bezier(.2,.8,.2,1);
}

@keyframes musicSidebarLayoutPulse {
    0% { transform: scale(1); }
    45% { transform: scale(.88); }
    100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .music-left-toggle,
    .music-sidebar-layout-icon,
    .music-sidebar-layout-rail,
    .music-sidebar-layout-content {
        transition: none !important;
        animation: none !important;
    }
}


/* ==========================================================================
   Paxor Music v136: collapse control aligned beside the Paxor Music brand
   ========================================================================== */
.music-sidebar-brand-row {
    width: calc(100% + 16px);
    margin: 0 0 14px -16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.music-sidebar-brand-row .music-brand {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.music-sidebar-brand-row .music-left-toggle,
.music-shell.left-collapsed .music-sidebar-brand-row .music-left-toggle {
    position: static;
    inset: auto;
    margin: 0;
    justify-self: center;
    align-self: center;
}

/* The toggle no longer occupies a separate row below the brand. */
.music-sidebar > .music-sidebar-brand-row + .music-local-nav {
    margin-top: 4px;
}

.music-shell.left-collapsed .music-sidebar-brand-row {
    width: 100%;
    margin: 0 0 10px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 8px;
}

.music-shell.left-collapsed .music-sidebar-brand-row .music-brand {
    width: 54px;
    min-width: 54px;
    margin: 0;
}

.music-shell.left-collapsed .music-sidebar > .music-sidebar-brand-row + .music-local-nav {
    margin-top: 8px;
}

@media (max-width: 900px) {
    .music-sidebar-brand-row {
        width: 100%;
        margin-left: 0;
    }
}

.music-messages-badge {
    position: absolute;
    top: 6px;
    right: 5px;
    z-index: 4;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(4, 12, 16, .96);
    border-radius: 999px;
    background: #ff3b4f;
    color: #fff;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 0 0 2px rgba(255, 59, 79, .22), 0 8px 18px rgba(255, 59, 79, .34);
    pointer-events: none;
}

.music-messages-badge[hidden] {
    display: none !important;
}

.music-message-thread.unread .music-message-thread-copy strong {
    color: #fff;
}

.music-message-thread.unread .music-message-thread-copy small {
    color: #dfffee;
    font-weight: 800;
}

body.light-theme .music-messages-badge,
.light-theme .music-messages-badge {
    border-color: #f7fbff;
}

/* Final override: keep every three-dots track menu fully solid above cards. */
.music-track-actions,
.music-track-detail-menu,
.music-track-detail-more-actions {
    isolation: isolate;
}

.music-queue-row:has(.music-track-menu:not([hidden])),
.music-public-track-row:has(.music-track-menu:not([hidden])),
.music-feature:has(.music-track-menu:not([hidden])) {
    position: relative !important;
    z-index: 1000 !important;
}

.music-track-actions:has(.music-track-menu:not([hidden])),
.music-track-detail-menu:has(.music-track-menu:not([hidden])),
.music-track-detail-more-actions:has(.music-track-menu:not([hidden])) {
    z-index: 10060 !important;
}

.music-track-actions .music-track-menu,
.music-track-detail-menu .music-track-menu,
.music-track-detail-more-actions .music-track-menu,
.music-playlist-menu {
    overflow: hidden !important;
    border: 1px solid rgba(32, 217, 255, 0.48) !important;
    border-radius: 8px !important;
    background: #0b1114 !important;
    background-color: #0b1114 !important;
    background-image: none !important;
    color: #f4fbfd !important;
    opacity: 1 !important;
    z-index: 10070 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.86), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

.music-track-actions .music-track-menu:not([hidden]) {
    display: block !important;
}

.music-track-menu .music-track-menu-item {
    border-radius: 0 !important;
    background: #0b1114 !important;
    color: #f4fbfd !important;
}

.music-track-menu .music-track-menu-item + .music-track-menu-item {
    border-top: 1px solid rgba(255, 255, 255, 0.065) !important;
}

.music-track-menu .music-track-menu-item i {
    color: #b9c7cc !important;
}

.music-track-menu .music-track-menu-item:hover,
.music-track-menu .music-track-menu-item:focus-visible {
    background: #17252a !important;
    color: #ffffff !important;
}

.music-track-menu .music-track-menu-item:hover i,
.music-track-menu .music-track-menu-item:focus-visible i {
    color: #1db954 !important;
}

.music-track-more,
.music-track-actions:has(.music-track-menu:not([hidden])) .music-track-more,
.music-track-detail-menu:has(.music-track-menu:not([hidden])) .music-track-more,
.music-track-detail-more-actions:has(.music-track-menu:not([hidden])) .music-track-more {
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.music-track-actions:has(.music-track-menu:not([hidden])) .music-track-more,
.music-track-detail-menu:has(.music-track-menu:not([hidden])) .music-track-more,
.music-track-detail-more-actions:has(.music-track-menu:not([hidden])) .music-track-more {
    color: #ffffff !important;
}

/* ==========================================================================
   Paxor Music v137: collapse control inside the Paxor Music brand frame
   ========================================================================== */
.music-sidebar-brand-row {
    position: relative;
    width: calc(100% + 16px);
    margin: 0 0 14px -16px;
    padding: 0 8px 0 0;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: center;
    gap: 0;
    overflow: hidden;
    border: 2px solid #037d9c;
    border-radius: 15px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.04)),
        radial-gradient(circle at 78% 48%, rgba(3, 125, 156, 0.42), transparent 38%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.38), rgba(4, 22, 32, 0.84));
    box-shadow:
        0 0 16px rgba(3, 125, 156, 0.48),
        0 10px 24px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.music-sidebar-brand-row::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 42%),
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.12), transparent 32%);
    pointer-events: none;
}

.music-sidebar-brand-row > * {
    position: relative;
    z-index: 1;
}

.music-sidebar-brand-row .music-brand {
    width: 100%;
    min-width: 0;
    min-height: 76px;
    margin: 0;
    padding: 14px 8px 14px 16px;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.music-sidebar-brand-row .music-brand::before {
    display: none;
}

.music-sidebar-brand-row .music-left-toggle,
.music-shell.left-collapsed .music-sidebar-brand-row .music-left-toggle {
    position: static;
    inset: auto;
    justify-self: end;
    margin: 0;
}

/* In compact mode the logo and expand control remain inside one small frame. */
.music-shell.left-collapsed .music-sidebar-brand-row {
    width: 60px;
    margin: 0 auto 10px;
    padding: 5px 0 6px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 2px;
    border-width: 1px;
    border-radius: 14px;
}

.music-shell.left-collapsed .music-sidebar-brand-row .music-brand {
    width: 52px;
    min-width: 52px;
    min-height: 52px;
    padding: 5px;
}

.music-shell.left-collapsed .music-sidebar-brand-row .music-left-toggle {
    width: 48px;
    height: 42px;
    justify-self: center;
}

@media (max-width: 900px) {
    .music-sidebar-brand-row {
        width: 100%;
        margin-left: 0;
    }
}


/* ===== COMPACT REPOST COMMENTS CLOSE v1 ===== */

.music-track-comments-panel-compact-menu {
    position: relative;
    padding-right: 48px;
}

.music-track-comments-panel-compact-menu .music-track-comments-close {
    position: absolute;
    top: 9px;
    right: 11px;
    z-index: 5;

    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.72);

    display: grid;
    place-items: center;

    font-size: 25px;
    line-height: 1;
    font-weight: 300;

    cursor: pointer;
    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease;
}

.music-track-comments-panel-compact-menu .music-track-comments-close:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.music-track-comments-panel-compact-menu .music-track-comments-close:active {
    transform: scale(0.94);
}


/* ===== PROFILE COMMENTS COMPACT/EXPANDED v1 ===== */

/* Expanded: Comment is not needed inside the three-dot menu. */
.music-profile-comment-menu-action {
    display: none !important;
}

/* Compact: show Comment inside the three-dot menu. */
.tracks-compact .music-profile-comment-menu-action {
    display: flex !important;
}

/* Compact: remove the permanent inline Write a comment row. */
.tracks-compact .music-profile-track-list .music-repost-comment {
    display: none !important;
}


/* ===== REPOSTS TAB CAPITAL v1 ===== */

.music-user-tabs button[data-tab="reposts"],
.music-sticky-tabs button[data-tab="reposts"] {
    text-transform: capitalize !important;
}


/* ===== TRACK DETAIL CLEAN ICON ACTIONS v3 ===== */
.music-track-detail-controls .music-track-icon-action {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #7f898d;
}

.music-track-detail-controls .music-track-icon-action i {
    font-size: 23px;
    line-height: 1;
}

.music-track-detail-controls .music-track-icon-action:hover {
    border: 0 !important;
    background: transparent !important;
    color: #b5bec2;
}

.music-track-detail-controls .music-track-icon-action.active,
.music-track-detail-controls .music-track-icon-action.active i {
    border: 0 !important;
    background: transparent !important;
    color: #dce2e4 !important;
    box-shadow: none !important;
}

.music-track-detail-controls .music-track-icon-action.active:hover,
.music-track-detail-controls .music-track-icon-action.active:hover i {
    color: #f2f4f5 !important;
}


/* ===== TRACK DETAIL ACTIVE ICON SIZE v4 ===== */
.music-track-detail-controls .music-track-icon-action.active i {
    font-size: 25px;
}

/* ===== TRACK DETAIL ICON OPTICAL BALANCE v5 ===== */

/* Like */
.music-track-detail-controls .music-track-icon-action .fa-heart {
    font-size: 23px;
}

/* Repost — визуально широкий, поэтому немного меньше */
.music-track-detail-controls .music-track-icon-action .fa-retweet {
    font-size: 22px;
}

/* Link — более тонкий знак, поэтому немного крупнее */
.music-track-detail-controls .music-track-icon-action .fa-link,
.music-track-detail-controls .music-track-icon-action .fa-check {
    font-size: 23px;
}

/* QR визуально самый тяжёлый */
.music-track-detail-controls .music-track-icon-action .fa-qrcode {
    font-size: 21px;
}

/* Активный Like */
.music-track-detail-controls .music-track-icon-action.active .fa-heart {
    font-size: 25px;
}

/* Активный Repost */
.music-track-detail-controls .music-track-icon-action.active .fa-retweet {
    font-size: 24px;
}

/* ===== TRACK DETAIL REPOST + MORE v6 ===== */

/* Repost — делаем визуально более квадратным */
.music-track-detail-controls .music-track-icon-action .fa-retweet {
    font-size: 26px;
    transform: scaleX(0.78);
    transform-origin: center;
}

/* Активный Repost */
.music-track-detail-controls .music-track-icon-action.active .fa-retweet {
    font-size: 28px;
    transform: scaleX(0.78);
}

/* Три точки на странице трека */
.music-track-detail-controls .music-track-detail-more-actions .music-track-more {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* Сам значок трёх точек */
.music-track-detail-controls .music-track-detail-more-actions .music-track-more i {
    font-size: 26px;
    line-height: 1;
}

/* Наведение */
.music-track-detail-controls .music-track-detail-more-actions .music-track-more:hover {
    border: 0;
    background: transparent;
}

/* =========================================================
   MOBILE TRACK PLAYER PAGE v1
   ========================================================= */
@media (max-width: 760px) {

    /* Только отдельная страница трека */
    body:has(.music-track-detail-hero) .music-sidebar {
        display: none;
    }

    body:has(.music-track-detail-hero) .music-main {
        grid-column: 1;
        grid-row: 1;
        min-height: 100vh;
    }

    body:has(.music-track-detail-hero) .music-scroll-area {
        padding: 12px 18px 210px;
    }

    /* ===== HERO ===== */

    body:has(.music-track-detail-hero) .music-track-detail-hero {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
        padding: 0 0 18px;
        display: flex;
        flex-direction: column;
        gap: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    body:has(.music-track-detail-hero) .music-track-cover-stack {
        width: 100%;
    }

    body:has(.music-track-detail-hero) .music-track-verified-row {
        margin: 0 2px 10px;
        font-size: 10px;
        opacity: .75;
    }

    /* Большая квадратная обложка */
    body:has(.music-track-detail-hero) .music-track-cover-frame {
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 18px;
        overflow: hidden;
    }

    body:has(.music-track-detail-hero) .music-track-detail-cover {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        aspect-ratio: 1 / 1;
        border-radius: 18px;
    }

    body:has(.music-track-detail-hero) .music-track-nft-badge {
        width: 38px;
        height: 38px;
    }

    /* ===== TITLE / ARTIST ===== */

    body:has(.music-track-detail-hero)
    .music-track-detail-hero
    .music-public-hero-copy {
        width: 100%;
        padding: 21px 2px 0;
    }

    body:has(.music-track-detail-hero) .music-track-title-row {
        display: block;
    }

    /* Старый play возле названия убираем */
    body:has(.music-track-detail-hero) .music-track-detail-play {
        display: none;
    }

    body:has(.music-track-detail-hero) .music-track-heading-copy {
        display: block;
    }

    body:has(.music-track-detail-hero)
    .music-track-detail-hero
    .music-public-hero-copy h1 {
        margin: 0;
        font-size: clamp(27px, 7vw, 34px);
        line-height: 1.08;
        font-weight: 800;
        letter-spacing: -.025em;
    }

    body:has(.music-track-detail-hero)
    .music-track-detail-hero
    .music-detail-artist {
        display: inline-block;
        margin-top: 7px;
        font-size: 18px;
        color: rgba(255,255,255,.66);
    }

    /* На верхней части mobile убираем details/market и waveform */
    body:has(.music-track-detail-hero)
    .music-track-detail-hero details,
    body:has(.music-track-detail-hero)
    .music-track-detail-waveform {
        display: none;
    }

    /* ===== LIKE / REPOST / LINK / QR ===== */

    body:has(.music-track-detail-hero) .music-track-detail-controls {
        width: 100%;
        max-width: 520px;
        margin: 4px auto 24px;
        padding: 0 2px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    body:has(.music-track-detail-hero)
    .music-track-detail-controls
    .music-track-hero-actions {
        flex: 1 1 auto;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    body:has(.music-track-detail-hero)
    .music-track-detail-controls
    .music-track-icon-action {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

    /* ===== FULL MOBILE PLAYER ===== */

    body:has(.music-track-detail-hero) .music-player {
        position: fixed;
        z-index: 1000;
        left: 0;
        right: 0;
        bottom: 0;

        width: 100%;
        min-height: 168px;

        padding:
            15px 20px
            calc(14px + env(safe-area-inset-bottom));

        display: block;

        background:
            linear-gradient(
                180deg,
                rgba(28,31,33,.88),
                rgba(8,10,11,.98)
            );

        border-top: 1px solid rgba(255,255,255,.08);
        box-shadow: 0 -18px 42px rgba(0,0,0,.32);

        backdrop-filter: blur(22px);
        -webkit-backdrop-filter: blur(22px);
    }

    /* Название/обложка уже наверху */
    body:has(.music-track-detail-hero) .music-player-track,
    body:has(.music-track-detail-hero) .music-player-volume {
        display: none;
    }

    body:has(.music-track-detail-hero) .music-player-center {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    /* ===== PROGRESS ===== */

    body:has(.music-track-detail-hero) .music-progress-row {
        position: static;
        order: 1;

        width: 100%;
        display: grid;
        grid-template-columns: 42px minmax(0,1fr) 42px;
        gap: 8px;
        align-items: center;

        font-size: 13px;
        font-weight: 500;
        color: rgba(255,255,255,.68);
    }

    body:has(.music-track-detail-hero) .music-progress-row span {
        display: block;
    }

    body:has(.music-track-detail-hero)
    .music-progress-row span:last-child {
        text-align: right;
    }

    body:has(.music-track-detail-hero) .music-progress-wrap,
    body:has(.music-track-detail-hero) .music-progress-row input {
        display: block;
    }

    /* ===== PLAYBACK CONTROLS ===== */

    body:has(.music-track-detail-hero) .music-player-controls {
        order: 2;

        width: 100%;
        min-height: 78px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    /* Возвращаем shuffle / prev / next / repeat */
    body:has(.music-track-detail-hero)
    .music-player-controls > :not(.music-play-toggle) {
        display: grid !important;
        place-items: center;
    }

    body:has(.music-track-detail-hero)
    .music-player-controls
    .music-player-icon {
        width: 48px;
        height: 48px;
        padding: 0;
        border: 0;
        background: transparent;

        font-size: 22px;
        color: rgba(255,255,255,.88);
    }

    body:has(.music-track-detail-hero)
    .music-player-controls
    .fa-backward-step,
    body:has(.music-track-detail-hero)
    .music-player-controls
    .fa-forward-step {
        font-size: 28px;
        transform: none;
    }

    /* Большой центральный PLAY */
    body:has(.music-track-detail-hero) .music-play-toggle {
        width: 72px;
        min-width: 72px;
        height: 72px;

        border: 0;
        border-radius: 50%;

        background: #f1f3f4;
        color: #080a0b;

        box-shadow: none;
    }

    body:has(.music-track-detail-hero)
    .music-play-toggle .fa-play {
        font-size: 29px;
        transform: translateX(2px);
    }

    body:has(.music-track-detail-hero)
    .music-play-toggle .fa-pause {
        font-size: 28px;
    }

    body:has(.music-track-detail-hero)
    .music-player-controls
    .music-player-icon.active {
        color: var(--music-cyan);
    }
}

/* Очень узкие телефоны */
@media (max-width: 390px) {

    body:has(.music-track-detail-hero) .music-scroll-area {
        padding-left: 12px;
        padding-right: 12px;
    }

    body:has(.music-track-detail-hero)
    .music-player-controls
    .music-player-icon {
        width: 42px;
        height: 42px;
        font-size: 20px;
    }

    body:has(.music-track-detail-hero) .music-play-toggle {
        width: 64px;
        min-width: 64px;
        height: 64px;
    }
}

/* =========================================================
   MOBILE PLAYER CONTROLS FORCE FIX v2
   ========================================================= */
@media (max-width: 760px) {

    /* Центр плеера */
    .music-player-center {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
    }

    /* ===== PROGRESS / SEEK ===== */

    .music-progress-row {
        position: static !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 42px !important;
        gap: 8px !important;
        align-items: center !important;
        width: 100% !important;
    }

    .music-progress-row span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 12px !important;
        color: rgba(255,255,255,.70) !important;
    }

    .music-progress-row span:last-child {
        text-align: right !important;
    }

    .music-progress-wrap {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #music-progress {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        height: 18px !important;
        opacity: 1 !important;
    }

    /* ===== PLAYBACK BUTTONS ===== */

    .music-player-controls {
        display: flex !important;
        width: 100% !important;
        min-height: 72px !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .music-player-controls > * {
        display: grid !important;
        place-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #music-shuffle,
    #music-previous,
    #music-next,
    #music-repeat {
        display: grid !important;
        width: 46px !important;
        height: 46px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: rgba(255,255,255,.88) !important;
    }

    #music-shuffle i,
    #music-repeat i {
        font-size: 21px !important;
    }

    #music-previous i,
    #music-next i {
        font-size: 27px !important;
        transform: none !important;
    }

    #music-shuffle.active,
    #music-repeat.active {
        color: var(--music-cyan) !important;
    }

    /* Центральный Play */
    #music-play-toggle {
        display: grid !important;
        width: 70px !important;
        min-width: 70px !important;
        height: 70px !important;
        border-radius: 50% !important;
    }

    /* ===== LIKE ===== */

    /*
       Сам track-info в нижнем плеере нам не нужен,
       но контейнер возвращаем ради Like.
    */
    .music-player-track {
        position: absolute !important;
        display: block !important;
        right: 17px !important;
        top: -58px !important;
        width: 48px !important;
        height: 48px !important;
        pointer-events: none !important;
    }

    .music-player-track .music-player-cover,
    .music-player-track .music-player-copy {
        display: none !important;
    }

    .music-player-track #music-like {
        pointer-events: auto !important;
        display: grid !important;
        place-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: rgba(255,255,255,.74) !important;
    }

    .music-player-track #music-like i {
        font-size: 25px !important;
    }

    .music-player-track #music-like.active,
    .music-player-track #music-like.active i {
        color: var(--music-cyan) !important;
        font-size: 27px !important;
    }
}

/* =========================================================
   MOBILE TRACK PAGE CONTROLS v3
   ========================================================= */
@media (max-width: 760px) {

    /* ===== SEARCH ===== */

    body.music-mobile-track-page .music-search-shell,
    body.music-mobile-track-page .music-search {
        display: none !important;
    }

    body.music-mobile-track-page .music-topbar {
        justify-content: flex-end;
    }

    /* ===== PLAYER ===== */

    body.music-mobile-track-page .music-player {
        display: block !important;
        min-height: 170px !important;
    }

    body.music-mobile-track-page .music-player-center {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
    }

    /* ===== SEEK ===== */

    body.music-mobile-track-page .music-progress-row {
        position: static !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0,1fr) 42px !important;
        width: 100% !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body.music-mobile-track-page .music-progress-row span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.music-mobile-track-page .music-progress-wrap {
        display: flex !important;
        width: 100% !important;
    }

    body.music-mobile-track-page #music-progress {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: 20px !important;
    }

    /* ===== FIVE PLAYBACK BUTTONS ===== */

    body.music-mobile-track-page .music-player-controls {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 6px !important;
    }

    body.music-mobile-track-page #music-shuffle,
    body.music-mobile-track-page #music-previous,
    body.music-mobile-track-page #music-next,
    body.music-mobile-track-page #music-repeat {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        place-items: center !important;

        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;

        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.music-mobile-track-page #music-shuffle i,
    body.music-mobile-track-page #music-repeat i {
        font-size: 22px !important;
    }

    body.music-mobile-track-page #music-previous i,
    body.music-mobile-track-page #music-next i {
        font-size: 28px !important;
        transform: none !important;
    }

    body.music-mobile-track-page #music-play-toggle {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 70px !important;
        min-width: 70px !important;
        height: 70px !important;
    }

    body.music-mobile-track-page #music-shuffle.active,
    body.music-mobile-track-page #music-repeat.active {
        color: var(--music-cyan) !important;
    }

    /* ===== LIKE ===== */

    body.music-mobile-track-page .music-player-track {
        position: absolute !important;
        display: block !important;

        right: 18px !important;
        top: -58px !important;

        width: 48px !important;
        height: 48px !important;

        pointer-events: none;
    }

    body.music-mobile-track-page .music-player-track .music-player-cover,
    body.music-mobile-track-page .music-player-track .music-player-copy {
        display: none !important;
    }

    body.music-mobile-track-page #music-like {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        place-items: center !important;

        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;

        border: 0 !important;
        background: transparent !important;

        pointer-events: auto;
    }

    body.music-mobile-track-page #music-like i {
        font-size: 26px !important;
    }

    body.music-mobile-track-page #music-like.active,
    body.music-mobile-track-page #music-like.active i {
        color: var(--music-cyan) !important;
    }
}

/* =========================================================
   INLINE MOBILE TRACK PLAYER v1
   ========================================================= */

.music-mobile-track-player {
    display: none;
}

@media (max-width: 760px) {

    /* Полностью убираем строку поиска вместе с её высотой */
    body.music-track-detail-page .music-topbar {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    /* Содержимое поднимается на место поиска */
    body.music-track-detail-page .music-scroll-area {
        padding-top: 6px !important;
        padding-bottom: 60px !important;
    }

    /* Старый fixed mini-player на странице трека больше не нужен */
    body.music-track-detail-page > .music-player,
    body.music-track-detail-page .music-shell > .music-player,
    body.music-track-detail-page footer.music-player {
        display: none !important;
    }

    /* Убираем старую одиночную Play возле названия */
    body.music-track-detail-page .music-track-detail-play {
        display: none !important;
    }

    /* Новый player */
    body.music-track-detail-page .music-mobile-track-player {
        display: block !important;
        width: 100%;
        margin: 18px 0 4px;
    }

    /* Like справа как в mobile music player */
    body.music-track-detail-page .music-mobile-track-like-row {
        width: 100%;
        min-height: 44px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    body.music-track-detail-page .music-mobile-track-like {
        width: 46px;
        height: 46px;
        padding: 0;

        display: grid;
        place-items: center;

        border: 0;
        background: transparent;
        color: rgba(255,255,255,.72);

        cursor: pointer;
    }

    body.music-track-detail-page .music-mobile-track-like i {
        font-size: 26px;
    }

    body.music-track-detail-page .music-mobile-track-like.active,
    body.music-track-detail-page .music-mobile-track-like.active i {
        color: var(--music-cyan);
    }

    /* ===== SEEK BAR ===== */

    body.music-track-detail-page .music-mobile-track-progress-row {
        width: 100%;
        margin-top: 3px;

        display: grid;
        grid-template-columns: 40px minmax(0,1fr) 40px;
        gap: 9px;
        align-items: center;

        color: rgba(255,255,255,.68);
        font-size: 12px;
        font-weight: 500;
    }

    body.music-track-detail-page .music-mobile-track-duration {
        text-align: right;
    }

    body.music-track-detail-page .music-mobile-track-seek {
        --mobile-track-progress: 0%;

        width: 100%;
        height: 22px;
        margin: 0;

        appearance: none;
        -webkit-appearance: none;

        background: transparent;
        cursor: pointer;
    }

    body.music-track-detail-page
    .music-mobile-track-seek::-webkit-slider-runnable-track {
        height: 4px;
        border-radius: 999px;

        background: linear-gradient(
            to right,
            #eef1f2 0,
            #eef1f2 var(--mobile-track-progress),
            rgba(255,255,255,.28) var(--mobile-track-progress),
            rgba(255,255,255,.28) 100%
        );
    }

    body.music-track-detail-page
    .music-mobile-track-seek::-webkit-slider-thumb {
        width: 14px;
        height: 14px;
        margin-top: -5px;

        appearance: none;
        -webkit-appearance: none;

        border: 0;
        border-radius: 50%;
        background: #f3f5f6;
    }

    body.music-track-detail-page
    .music-mobile-track-seek::-moz-range-track {
        height: 4px;
        border: 0;
        border-radius: 999px;
        background: rgba(255,255,255,.28);
    }

    body.music-track-detail-page
    .music-mobile-track-seek::-moz-range-progress {
        height: 4px;
        border-radius: 999px;
        background: #eef1f2;
    }

    body.music-track-detail-page
    .music-mobile-track-seek::-moz-range-thumb {
        width: 14px;
        height: 14px;
        border: 0;
        border-radius: 50%;
        background: #f3f5f6;
    }

    /* ===== SHUFFLE / PREV / PLAY / NEXT / REPEAT ===== */

    body.music-track-detail-page .music-mobile-track-playback {
        width: 100%;
        min-height: 92px;
        margin-top: 7px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
    }

    body.music-track-detail-page .music-mobile-player-btn {
        width: 50px;
        min-width: 50px;
        height: 50px;
        padding: 0;

        display: grid;
        place-items: center;

        border: 0;
        background: transparent;
        color: rgba(255,255,255,.84);

        cursor: pointer;
    }

    body.music-track-detail-page
    .music-mobile-shuffle i,
    body.music-track-detail-page
    .music-mobile-repeat i {
        font-size: 22px;
    }

    body.music-track-detail-page
    .music-mobile-previous i,
    body.music-track-detail-page
    .music-mobile-next i {
        font-size: 30px;
    }

    body.music-track-detail-page .music-mobile-player-btn.active {
        color: var(--music-cyan);
    }

    /* Большая центральная Play */
    body.music-track-detail-page .music-mobile-player-play {
        width: 72px;
        min-width: 72px;
        height: 72px;
        padding: 0;

        display: grid;
        place-items: center;

        border: 0;
        border-radius: 50%;

        background: #f1f3f4;
        color: #090b0c;

        cursor: pointer;
    }

    body.music-track-detail-page .music-mobile-player-play .fa-play {
        font-size: 29px;
        transform: translateX(2px);
    }

    body.music-track-detail-page .music-mobile-player-play .fa-pause {
        font-size: 28px;
    }

    /* Старый waveform на mobile здесь уже лишний */
    body.music-track-detail-page .music-track-detail-waveform {
        display: none !important;
    }
}

@media (max-width: 390px) {
    body.music-track-detail-page .music-mobile-player-btn {
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    body.music-track-detail-page .music-mobile-player-play {
        width: 66px;
        min-width: 66px;
        height: 66px;
    }
}

/* =========================================================
   INLINE MOBILE TRACK PLAYER REFINEMENT v2
   ========================================================= */
@media (max-width: 760px) {

    /* ----- сам блок ----- */
    body.music-track-detail-page .music-mobile-track-player {
        margin: 14px 0 6px;
    }

    /* ----- compact top sticky ----- */
    body.music-track-detail-page .music-mobile-track-compact-bar {
        display: none;
    }

    body.music-track-detail-page .music-mobile-track-player.is-compact {
        position: sticky;
        top: 0;
        z-index: 35;
        margin-top: 0;
        padding: 10px 0 10px;
        background:
            linear-gradient(
                180deg,
                rgba(63, 33, 26, .96),
                rgba(47, 23, 19, .96)
            );
        border-bottom: 1px solid rgba(255,255,255,.08);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    body.music-track-detail-page .music-mobile-track-player.is-compact .music-mobile-track-compact-bar {
        display: grid;
        grid-template-columns: 52px minmax(0,1fr) 44px;
        gap: 10px;
        align-items: center;
    }

    body.music-track-detail-page .music-mobile-track-player.is-compact .music-mobile-track-like-row,
    body.music-track-detail-page .music-mobile-track-player.is-compact .music-mobile-track-progress-row,
    body.music-track-detail-page .music-mobile-track-player.is-compact .music-mobile-track-playback {
        display: none !important;
    }

    body.music-track-detail-page .music-mobile-track-compact-cover {
        width: 52px;
        height: 52px;
        border-radius: 10px;
        overflow: hidden;
        flex-shrink: 0;
        background: rgba(255,255,255,.08);
    }

    body.music-track-detail-page .music-mobile-track-compact-meta {
        min-width: 0;
    }

    body.music-track-detail-page .music-mobile-track-compact-title {
        font-size: 18px;
        line-height: 1.1;
        color: #f0f2f3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.music-track-detail-page .music-mobile-track-compact-artist {
        margin-top: 4px;
        font-size: 13px;
        color: #5ee27a;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.music-track-detail-page .music-mobile-track-compact-play {
        width: 44px;
        height: 44px;
        padding: 0;
        display: grid;
        place-items: center;
        border: 0;
        background: transparent;
        color: #f0f2f3;
    }

    body.music-track-detail-page .music-mobile-track-compact-play i {
        font-size: 24px;
        line-height: 1;
    }

    /* ----- like ----- */
    body.music-track-detail-page .music-mobile-track-like-row {
        min-height: 38px;
        margin-bottom: 8px;
    }

    body.music-track-detail-page .music-mobile-track-like {
        width: 42px;
        height: 42px;
        color: #8f979b !important;
    }

    body.music-track-detail-page .music-mobile-track-like i {
        font-size: 24px;
    }

    body.music-track-detail-page .music-mobile-track-like.active,
    body.music-track-detail-page .music-mobile-track-like.active i {
        color: #e2e6e8 !important;
    }

    /* ----- seek full width, time under it ----- */
    body.music-track-detail-page .music-mobile-track-progress-row {
        margin-top: 2px;
        display: grid !important;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        column-gap: 8px;
        row-gap: 6px;
        align-items: center;
    }

    body.music-track-detail-page .music-mobile-track-seek {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
        height: 22px;
    }

    body.music-track-detail-page .music-mobile-track-current {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        font-size: 12px;
        color: rgba(255,255,255,.74);
    }

    body.music-track-detail-page .music-mobile-track-duration {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        font-size: 12px;
        color: rgba(255,255,255,.74);
        text-align: right;
    }

    body.music-track-detail-page .music-mobile-track-seek::-webkit-slider-runnable-track {
        height: 4px;
    }

    body.music-track-detail-page .music-mobile-track-seek::-webkit-slider-thumb {
        width: 13px;
        height: 13px;
        margin-top: -4.5px;
    }

    body.music-track-detail-page .music-mobile-track-seek::-moz-range-track,
    body.music-track-detail-page .music-mobile-track-seek::-moz-range-progress {
        height: 4px;
    }

    body.music-track-detail-page .music-mobile-track-seek::-moz-range-thumb {
        width: 13px;
        height: 13px;
    }

    /* ----- playback buttons smaller ----- */
    body.music-track-detail-page .music-mobile-track-playback {
        min-height: 82px;
        margin-top: 8px;
        gap: 4px;
    }

    body.music-track-detail-page .music-mobile-player-btn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        color: #8d9498;
    }

    body.music-track-detail-page .music-mobile-shuffle i,
    body.music-track-detail-page .music-mobile-repeat i {
        font-size: 20px;
    }

    body.music-track-detail-page .music-mobile-previous i,
    body.music-track-detail-page .music-mobile-next i {
        font-size: 27px;
    }

    body.music-track-detail-page .music-mobile-player-btn.active {
        color: #e5e9eb !important;
    }

    body.music-track-detail-page .music-mobile-player-play {
        width: 64px;
        min-width: 64px;
        height: 64px;
        background: #eceff1;
        color: #0b0d0e;
    }

    body.music-track-detail-page .music-mobile-player-play .fa-play {
        font-size: 26px;
        transform: translateX(1.5px);
    }

    body.music-track-detail-page .music-mobile-player-play .fa-pause {
        font-size: 25px;
    }
}

@media (max-width: 390px) {
    body.music-track-detail-page .music-mobile-player-btn {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    body.music-track-detail-page .music-mobile-player-play {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }
}

/* =========================================================
   MOBILE TRACK PLAYER POSITION + STICKY v3
   ========================================================= */
@media (max-width: 760px) {

    /* Поднимаем весь блок ближе к исполнителю */
    body.music-track-detail-page .music-track-detail-hero {
        padding-bottom: 2px !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-public-hero-copy {
        padding-bottom: 0 !important;
    }

    /* ===== HEART BESIDE TITLE ===== */

    body.music-track-detail-page .music-track-title-row {
        position: relative !important;
        display: block !important;
        padding-right: 54px !important;
    }

    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 46px !important;
        height: 46px !important;
        padding: 0 !important;

        display: grid !important;
        place-items: center !important;

        border: 0 !important;
        background: transparent !important;

        color: #858d91 !important;
    }

    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like i {
        font-size: 27px !important;
    }

    /* Не лайкнуто = серый контур */
    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like:not(.active),
    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like:not(.active) i {
        color: #858d91 !important;
    }

    /* Лайкнуто = полностью заполненное светлое */
    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like.active,
    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like.active i {
        color: #e4e8ea !important;
    }

    /* Старый пустой like-row больше места не занимает */
    body.music-track-detail-page .music-mobile-track-like-row {
        display: none !important;
    }

    /* ===== NORMAL PLAYER ===== */

    body.music-track-detail-page .music-mobile-track-player {
        position: sticky !important;
        top: 0 !important;
        z-index: 40;

        width: 100%;
        max-width: 520px;

        margin: 0 auto 5px !important;
        padding: 0 2px;

        background: transparent;
    }

    /* Ползунок практически сразу после Artist */
    body.music-track-detail-page .music-mobile-track-progress-row {
        margin-top: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-rows: auto auto !important;

        column-gap: 8px !important;
        row-gap: 4px !important;
    }

    body.music-track-detail-page .music-mobile-track-seek {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        height: 20px !important;
        margin: 0 !important;
    }

    body.music-track-detail-page .music-mobile-track-current {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: start !important;

        font-size: 12px;
        color: #8e969a;
    }

    body.music-track-detail-page .music-mobile-track-duration {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-self: end !important;

        font-size: 12px;
        color: #8e969a;
    }

    /* Ещё немного поднимаем playback */
    body.music-track-detail-page .music-mobile-track-playback {
        min-height: 72px !important;
        margin-top: 1px !important;
    }

    body.music-track-detail-page .music-mobile-player-btn {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        color: #858d91 !important;
    }

    body.music-track-detail-page .music-mobile-player-btn.active {
        color: #e4e8ea !important;
    }

    body.music-track-detail-page .music-mobile-shuffle i,
    body.music-track-detail-page .music-mobile-repeat i {
        font-size: 19px !important;
    }

    body.music-track-detail-page .music-mobile-previous i,
    body.music-track-detail-page .music-mobile-next i {
        font-size: 26px !important;
    }

    body.music-track-detail-page .music-mobile-player-play {
        width: 62px !important;
        min-width: 62px !important;
        height: 62px !important;

        background: #e9edef !important;
        color: #0b0d0e !important;
    }

    body.music-track-detail-page .music-mobile-player-play .fa-play {
        font-size: 25px !important;
    }

    body.music-track-detail-page .music-mobile-player-play .fa-pause {
        font-size: 24px !important;
    }

    /* =====================================================
       WHEN PLAYER REACHES TOP -> COMPACT
       ===================================================== */

    body.music-track-detail-page
    .music-mobile-track-player.is-compact {
        padding: 7px 14px 9px !important;

        max-width: none;

        background: rgba(17, 19, 20, .96) !important;

        border-bottom: 1px solid rgba(255,255,255,.09);

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);

        box-shadow: 0 7px 20px rgba(0,0,0,.22);
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-progress-row,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-playback,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-like-row {
        display: none !important;
    }

    body.music-track-detail-page .music-mobile-track-compact-bar {
        display: none;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-bar {
        display: grid !important;

        grid-template-columns: minmax(0,1fr) 40px;
        gap: 10px;
        align-items: center;

        min-height: 48px;
    }

    /* В compact варианте обложку убираем — панель становится уже */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover {
        display: none !important;
    }

    body.music-track-detail-page .music-mobile-track-compact-meta {
        min-width: 0;
    }

    body.music-track-detail-page .music-mobile-track-compact-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        font-size: 16px;
        line-height: 1.15;
        font-weight: 600;

        color: #e7eaec;
    }

    body.music-track-detail-page .music-mobile-track-compact-artist {
        margin-top: 3px;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        font-size: 12px;
        line-height: 1.15;

        color: #929a9e;
    }

    body.music-track-detail-page .music-mobile-track-compact-play {
        width: 40px;
        height: 40px;
        padding: 0;

        display: grid;
        place-items: center;

        border: 0;
        background: transparent;

        color: #e6eaec;
    }

    body.music-track-detail-page .music-mobile-track-compact-play i {
        font-size: 22px;
    }

    /* Тонкий progress внизу compact-панели */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact::after {
        content: "";

        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;

        height: 2px;

        background: linear-gradient(
            to right,
            #e4e8ea 0,
            #e4e8ea var(--mobile-track-progress, 0%),
            rgba(255,255,255,.18) var(--mobile-track-progress, 0%),
            rgba(255,255,255,.18) 100%
        );
    }
}

/* =========================================================
   MOBILE TRACK COMPACT FIXED + HEIGHT v4
   ========================================================= */
@media (max-width: 760px) {

    /* ===== УЖИМАЕМ ОБЛОЖКА -> НАЗВАНИЕ ===== */

    body.music-track-detail-page .music-track-detail-hero {
        padding-bottom: 0 !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-public-hero-copy {
        padding: 10px 2px 0 !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-public-hero-copy h1 {
        margin: 0 !important;
        font-size: clamp(24px, 6.2vw, 30px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.02em !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-detail-artist {
        margin-top: 4px !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
    }

    /* ===== HEART ТОЧНО НАПРОТИВ TITLE ===== */

    body.music-track-detail-page .music-track-title-row {
        padding-right: 48px !important;
    }

    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like {
        top: 0 !important;
        right: 0 !important;

        width: 42px !important;
        height: 42px !important;

        transform: none !important;
    }

    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like i {
        font-size: 25px !important;
    }

    /* ===== SENTINEL ===== */

    body.music-track-detail-page
    .music-mobile-track-sticky-sentinel {
        width: 100%;
        height: 1px;
        margin-top: -1px;
        pointer-events: none;
    }

    /* ===== NORMAL PLAYER ===== */

    /*
       В обычном состоянии он больше НЕ sticky.
       Просто находится сразу после title/artist.
    */
    body.music-track-detail-page
    .music-mobile-track-player {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;

        width: 100%;
        max-width: 520px;

        margin: -2px auto 0 !important;
        padding: 0 2px !important;

        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    /* progress ближе к Artist */
    body.music-track-detail-page
    .music-mobile-track-progress-row {
        margin: 0 !important;
        row-gap: 2px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-seek {
        height: 18px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-current,
    body.music-track-detail-page
    .music-mobile-track-duration {
        font-size: 11px !important;
        line-height: 1 !important;
    }

    /* Кнопки ещё немного выше и компактнее */
    body.music-track-detail-page
    .music-mobile-track-playback {
        min-height: 64px !important;
        margin-top: 0 !important;
        gap: 2px !important;
    }

    body.music-track-detail-page
    .music-mobile-player-btn {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }

    body.music-track-detail-page
    .music-mobile-shuffle i,
    body.music-track-detail-page
    .music-mobile-repeat i {
        font-size: 18px !important;
    }

    body.music-track-detail-page
    .music-mobile-previous i,
    body.music-track-detail-page
    .music-mobile-next i {
        font-size: 24px !important;
    }

    body.music-track-detail-page
    .music-mobile-player-play {
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
    }

    body.music-track-detail-page
    .music-mobile-player-play .fa-play {
        font-size: 23px !important;
    }

    body.music-track-detail-page
    .music-mobile-player-play .fa-pause {
        font-size: 22px !important;
    }

    /* =====================================================
       PLAYER ДОЕХАЛ ДО ВЕРХА -> REAL FIXED COMPACT
       ===================================================== */

    body.music-track-detail-page
    .music-mobile-track-player.is-compact {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        z-index: 100500 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 7px 12px 8px !important;

        background: rgba(15, 17, 18, .97) !important;

        border: 0 !important;
        border-bottom:
            1px solid rgba(255,255,255,.08) !important;

        box-shadow:
            0 7px 24px rgba(0,0,0,.32) !important;

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    /* В compact оставляем только одну узкую строку */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-progress-row,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-playback,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-like-row {
        display: none !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-bar {
        width: min(100%, 520px);
        min-height: 44px;

        margin: 0 auto;

        display: grid !important;
        grid-template-columns: minmax(0,1fr) 38px !important;
        gap: 10px;
        align-items: center;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover {
        display: none !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-title {
        font-size: 15px !important;
        line-height: 1.1 !important;
        font-weight: 650;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-artist {
        margin-top: 2px !important;

        font-size: 11px !important;
        line-height: 1.1 !important;

        color: #8f979b !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-play {
        width: 38px !important;
        height: 38px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-play i {
        font-size: 20px !important;
    }

    /* Тонкая линия прогресса снизу compact player */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact::after {
        content: "";

        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;

        height: 2px;

        background: linear-gradient(
            to right,
            #e0e4e6 0,
            #e0e4e6 var(--mobile-track-progress, 0%),
            rgba(255,255,255,.16)
                var(--mobile-track-progress, 0%),
            rgba(255,255,255,.16) 100%
        );
    }
}

/* =========================================================
   MOBILE TRACK LAYOUT + COMPACT OBSERVER v5
   ========================================================= */
@media (max-width: 760px) {

    /* =====================================================
       TRACK TITLE — ЕЩЁ НЕМНОГО МЕНЬШЕ
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-hero
    .music-public-hero-copy {
        padding-top: 7px !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-public-hero-copy h1 {
        font-size: clamp(22px, 5.7vw, 27px) !important;
        line-height: 1.03 !important;
        margin: 0 !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-detail-artist {
        margin-top: 3px !important;
        font-size: 15px !important;
    }

    /* Больше не резервируем место справа под сердце */
    body.music-track-detail-page .music-track-title-row {
        padding-right: 0 !important;
    }

    body.music-track-detail-page
    .music-track-title-row
    .music-mobile-track-like {
        display: none !important;
    }

    /* =====================================================
       PLAYER БЛИЖЕ К ARTIST
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-hero {
        padding-bottom: 0 !important;
    }

    body.music-track-detail-page
    .music-mobile-track-sticky-sentinel {
        width: 100%;
        height: 1px;
        margin: -1px 0 0 !important;
        padding: 0 !important;
        pointer-events: none;
    }

    /*
       Когда player fixed, сохраняем немного места,
       чтобы страница не прыгала.
    */
    body.music-track-detail-page
    .music-mobile-track-sticky-sentinel.is-compact-placeholder {
        height: 54px;
        margin-top: -54px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player {
        position: relative !important;

        width: 100%;
        max-width: 520px;

        margin: -3px auto 0 !important;
        padding: 0 2px !important;

        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    body.music-track-detail-page
    .music-mobile-track-progress-row {
        margin: 0 !important;
        row-gap: 1px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-seek {
        height: 17px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-playback {
        min-height: 61px !important;
        margin-top: -1px !important;
    }

    /* =====================================================
       ПЕРВАЯ СТРОКА ПОСЛЕ PLAYER
       LIKE / REPOST / LINK / QR        ⋯
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-controls {
        position: relative !important;

        width: 100%;
        max-width: 520px;

        margin: 2px auto 18px !important;
        padding: 0 2px !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            42px !important;

        grid-template-areas:
            "actions more"
            "buy buy"
            "stats stats" !important;

        column-gap: 5px !important;
        row-gap: 8px !important;

        align-items: center !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions {
        grid-area: actions !important;

        width: 100% !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 17px !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #858d91 !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action i {
        font-size: 22px !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action.active,
    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action.active i {
        color: #e1e5e7 !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action.active .fa-heart {
        font-weight: 900 !important;
    }

    /* ⋯ справа в этой же строке */
    body.music-track-detail-page
    .music-track-detail-more-actions {
        grid-area: more !important;

        width: 42px !important;
        height: 42px !important;

        margin: 0 !important;

        justify-self: end !important;

        position: relative !important;
    }

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-more {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        padding: 0 !important;

        display: grid !important;
        place-items: center !important;

        border: 0 !important;
        background: transparent !important;

        color: #8a9296 !important;
    }

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-more i {
        font-size: 24px !important;
    }

    /* =====================================================
       TRACK DETAILS ВНУТРИ ⋯
       ===================================================== */

    body.music-track-detail-page
    .music-track-menu
    .music-track-menu-details {
        width: 100% !important;
        margin: 0 !important;
    }

    body.music-track-detail-page
    .music-track-menu
    .music-track-menu-details > summary {
        min-height: 38px;

        display: flex;
        align-items: center;

        padding: 8px 10px;

        cursor: pointer;
        list-style: none;

        color: inherit;
        font-size: 13px;
    }

    body.music-track-detail-page
    .music-track-menu
    .music-track-menu-details > summary::-webkit-details-marker {
        display: none;
    }

    /* =====================================================
       BUY — ВТОРАЯ СТРОКА
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-buy {
        grid-area: buy !important;
        justify-self: start !important;
    }

    /* =====================================================
       4 СЧЁТЧИКА В ОДНУ СТРОКУ
       PLAYS / LIKES / REPOSTS / COMMENTS
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-stats {
        grid-area: stats !important;

        width: 100% !important;

        display: grid !important;
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 3px !important;

        align-items: center !important;

        margin-top: 1px !important;
        padding: 7px 0 0 !important;
    }

    body.music-track-detail-page
    .music-track-detail-stats > span {
        min-width: 0;

        text-align: center !important;
        white-space: nowrap !important;

        overflow: hidden;
        text-overflow: ellipsis;

        font-size: 10px !important;
        line-height: 1.15 !important;

        color: #8e969a !important;
    }

    /* =====================================================
       REAL COMPACT FIXED PLAYER
       ===================================================== */

    body.music-track-detail-page
    .music-mobile-track-player.is-compact {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        z-index: 100500 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 6px 12px 8px !important;

        background: rgba(15,17,18,.97) !important;

        border: 0 !important;
        border-bottom:
            1px solid rgba(255,255,255,.08) !important;

        box-shadow:
            0 6px 22px rgba(0,0,0,.34) !important;

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-progress-row,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-playback,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-like-row {
        display: none !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-bar {
        width: min(100%, 520px);

        min-height: 42px;

        margin: 0 auto;

        display: grid !important;

        grid-template-columns:
            minmax(0,1fr)
            38px !important;

        gap: 9px;

        align-items: center;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover {
        display: none !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-title {
        font-size: 14px !important;
        line-height: 1.1 !important;

        color: #e1e5e7 !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-artist {
        margin-top: 2px !important;

        font-size: 10px !important;
        line-height: 1.1 !important;

        color: #8d9599 !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-play {
        width: 38px !important;
        height: 38px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact::after {
        content: "";

        position: absolute;

        left: 0;
        right: 0;
        bottom: 0;

        height: 2px;

        background: linear-gradient(
            to right,
            #dfe3e5 0,
            #dfe3e5 var(--mobile-track-progress, 0%),
            rgba(255,255,255,.15)
                var(--mobile-track-progress, 0%),
            rgba(255,255,255,.15) 100%
        );
    }
}

@media (max-width: 390px) {
    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions {
        gap: 12px !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    body.music-track-detail-page
    .music-track-detail-stats > span {
        font-size: 9px !important;
    }
}

/* =========================================================
   MOBILE TRACK FINAL CONTROLS + FIXED PLAYER v6
   ========================================================= */

@media (max-width: 760px) {

    /* ===== TITLE ===== */

    body.music-track-detail-page
    .music-track-detail-hero
    .music-public-hero-copy {
        padding-top: 3px !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-public-hero-copy h1 {
        margin: 0 !important;

        font-size: clamp(
            21px,
            5.2vw,
            25px
        ) !important;

        line-height: 1.02 !important;
        letter-spacing: -.015em !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-detail-artist {
        margin-top: 2px !important;
        font-size: 15px !important;
        line-height: 1.12 !important;
    }

    /* ===== PLAYER ===== */

    body.music-track-detail-page
    .music-mobile-track-player {
        margin-top: -5px !important;
    }

    body.music-track-detail-page
    .music-mobile-track-progress-row {
        margin-top: 0 !important;
    }

    body.music-track-detail-page
    .music-mobile-track-playback {
        margin-top: -2px !important;
    }

    /* =====================================================
       ОБЯЗАТЕЛЬНО ПОКАЗЫВАЕМ 4 SOCIAL BUTTONS
       LIKE / REPOST / COPY / QR
       ===================================================== */

    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions {
        grid-area: actions !important;

        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 15px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;

        place-items: center !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #858d91 !important;
    }

    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action i {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        font-size: 22px !important;
        line-height: 1 !important;
    }

    /* Repost не растягиваем */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action
    .fa-retweet {
        font-size: 23px !important;
        transform: scaleX(.82) !important;
    }

    /* QR */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action
    .fa-qrcode {
        font-size: 22px !important;
    }

    /* inactive */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action {
        color: #858d91 !important;
    }

    /* Like/Repost active */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action.active,
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action.active i {
        color: #e3e7e9 !important;
    }

    /* ===== MORE В ЭТОЙ ЖЕ СТРОКЕ ===== */

    html body.music-track-detail-page
    .music-track-detail-more-actions {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        grid-area: more !important;

        justify-self: end !important;

        width: 42px !important;
        height: 42px !important;
    }

    /* ===== STATS ===== */

    body.music-track-detail-page
    .music-track-detail-stats {
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 2px !important;
    }

    body.music-track-detail-page
    .music-track-detail-stats > span {
        font-size: 10px !important;
    }

    /* =====================================================
       REAL FIXED COMPACT
       ===================================================== */

    body.music-track-detail-page
    .music-mobile-track-player.is-compact {
        position: fixed !important;

        top:
            var(
                --music-mobile-fixed-top,
                0px
            ) !important;

        left: 0 !important;
        right: 0 !important;

        z-index: 100500 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        padding:
            6px 14px
            8px !important;

        background:
            rgba(
                15,
                17,
                18,
                .98
            ) !important;

        border: 0 !important;

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                .09
            ) !important;

        box-shadow:
            0 7px 24px
            rgba(
                0,
                0,
                0,
                .34
            ) !important;

        backdrop-filter:
            blur(18px);

        -webkit-backdrop-filter:
            blur(18px);
    }

    body.music-track-detail-page
    .music-mobile-track-sticky-sentinel
    .is-compact-placeholder {
        margin: 0 !important;
    }

    body.music-track-detail-page
    .music-mobile-track-sticky-sentinel.is-compact-placeholder {
        height:
            var(
                --music-mobile-player-placeholder-height,
                120px
            ) !important;

        margin: 0 !important;
    }

    /* В compact оставляем только title / artist / play */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-progress-row,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-playback,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-like-row {
        display: none !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-bar {
        display: grid !important;

        width: min(
            100%,
            520px
        );

        min-height: 42px;

        margin: 0 auto;

        grid-template-columns:
            minmax(0, 1fr)
            38px !important;

        gap: 10px;

        align-items: center;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover {
        display: none !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-title {
        font-size: 14px !important;
        line-height: 1.1 !important;

        color: #e5e8ea !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-artist {
        margin-top: 2px !important;

        font-size: 10px !important;

        color: #92999d !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-play {
        display: grid !important;
        place-items: center !important;

        width: 38px !important;
        height: 38px !important;

        border: 0 !important;
        background: transparent !important;

        color: #e5e8ea !important;
    }
}

/* =========================================================
   DESKTOP — QR ICON BIGGER v1
   ========================================================= */
@media (min-width: 761px) {

    .music-track-detail-controls
    .music-track-icon-action
    .fa-qrcode {
        font-size: 27px !important;
    }
}

/* =========================================================
   MOBILE TRACK ACTION ORDER + MORE MENU v7
   ========================================================= */

/* Copy link внутри ⋯ нужен только на mobile */
.music-track-menu-copy-link-mobile {
    display: none !important;
}

@media (max-width: 760px) {

    /* =====================================================
       CONTROLS:
       1. STATS
       2. LIKE / REPOST / QR + BUY + MORE
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-controls {
        width: 100% !important;
        max-width: 520px !important;

        margin: 0 auto 16px !important;
        padding: 0 2px !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            42px
            42px !important;

        grid-template-areas:
            "stats stats stats"
            "actions buy more" !important;

        column-gap: 5px !important;
        row-gap: 7px !important;

        align-items: center !important;
    }

    /* =====================================================
       СЧЁТЧИКИ СРАЗУ ПОСЛЕ PLAYER
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-stats {
        grid-area: stats !important;

        order: 0 !important;

        width: 100% !important;

        display: grid !important;
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 2px !important;

        margin: 0 !important;
        padding: 2px 0 5px !important;

        align-items: center !important;
    }

    body.music-track-detail-page
    .music-track-detail-stats > span {
        min-width: 0 !important;

        text-align: center !important;

        font-size: 10px !important;
        line-height: 1.15 !important;
        font-weight: 500 !important;

        color: #858d91 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* =====================================================
       LIKE / REPOST / QR
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions {
        grid-area: actions !important;

        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 13px !important;

        align-items: center !important;
        justify-content: flex-start !important;
    }

    /* Copy link из основной mobile строки убираем */
    body.music-track-detail-page
    .music-track-hero-actions
    .music-track-copy-link-action {
        display: none !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: grid !important;
        place-items: center !important;

        border: 0 !important;
        background: transparent !important;

        color: #858d91 !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action i {
        font-size: 22px !important;
        line-height: 1 !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action.active,
    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-icon-action.active i {
        color: #e1e5e7 !important;
    }

    /* =====================================================
       BUY СРАЗУ ПЕРЕД ⋯
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-buy {
        grid-area: buy !important;

        justify-self: center !important;
        align-self: center !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        place-items: center !important;
    }

    body.music-track-detail-page
    .music-track-detail-buy i {
        margin: 0 !important;
        font-size: 18px !important;
    }

    body.music-track-detail-page
    .music-track-detail-buy span {
        display: none !important;
    }

    /* =====================================================
       ⋯
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-more-actions {
        grid-area: more !important;

        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        margin: 0 !important;

        justify-self: end !important;
        align-self: center !important;

        position: relative !important;
    }

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-more {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        padding: 0 !important;

        display: grid !important;
        place-items: center !important;

        border: 0 !important;
        background: transparent !important;

        color: #858d91 !important;
    }

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-more i {
        font-size: 24px !important;
    }

    /* =====================================================
       COPY LINK ВНУТРИ ⋯ ПОКАЗЫВАЕМ НА MOBILE
       ===================================================== */

    body.music-track-detail-page
    .music-track-menu-copy-link-mobile {
        display: flex !important;
    }

    /* =====================================================
       ЕДИНЫЙ СТИЛЬ ВСЕГО MORE MENU
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu {
        min-width: 220px !important;

        padding: 6px !important;

        border:
            1px solid
            rgba(255,255,255,.08) !important;

        border-radius: 12px !important;

        background:
            rgba(18,21,23,.98) !important;

        box-shadow:
            0 14px 38px
            rgba(0,0,0,.45) !important;

        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    /*
       Обычные пункты menu
    */
    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-copy-link-mobile {
        width: 100% !important;
        min-height: 40px !important;

        margin: 0 !important;
        padding: 8px 10px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 10px !important;

        border: 0 !important;
        border-radius: 8px !important;

        background: transparent !important;

        color: #858d91 !important;

        font-size: 13px !important;
        font-weight: 500 !important;

        text-align: left !important;

        transition:
            color .16s ease,
            background .16s ease !important;
    }

    /*
       Track details — тот же внешний вид
    */
    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-details {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #858d91 !important;
    }

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-details > summary {
        width: 100% !important;
        min-height: 40px !important;

        padding: 8px 10px !important;

        display: flex !important;
        align-items: center !important;

        gap: 10px !important;

        border: 0 !important;
        border-radius: 8px !important;

        background: transparent !important;

        color: #858d91 !important;

        font-size: 13px !important;
        font-weight: 500 !important;

        cursor: pointer !important;

        transition:
            color .16s ease,
            background .16s ease !important;
    }

    /* Иконки всех пунктов одинакового серого цвета */
    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu i,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-details > summary i {
        width: 18px !important;

        color: #858d91 !important;

        font-size: 14px !important;

        text-align: center !important;

        transition: color .16s ease !important;
    }

    /* =====================================================
       HOVER — СТАНОВИТСЯ СВЕТЛЕЕ
       ===================================================== */

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button:hover,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-copy-link-mobile:hover,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-details > summary:hover,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-details[open] > summary {
        color: #e0e4e6 !important;

        background:
            rgba(255,255,255,.055) !important;
    }

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button:hover i,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-copy-link-mobile:hover i,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-details > summary:hover i {
        color: #e0e4e6 !important;
    }
}

/* Desktop: новый пункт Copy link внутри ⋯ не показываем */
@media (min-width: 761px) {
    .music-track-menu-copy-link-mobile {
        display: none !important;
    }
}

/* =========================================================
   MOBILE TRACK ACTIONS SPECIFICITY FIX v8
   ========================================================= */
@media (max-width: 760px) {

    /* -----------------------------------------------------
       COPY LINK:
       полностью убрать из основной строки.
       Он остаётся только внутри меню ⋯
       ----------------------------------------------------- */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-copy-link-action {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;

        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;

        flex: 0 0 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        pointer-events: none !important;
        overflow: hidden !important;
    }

    /* -----------------------------------------------------
       ACTION ROW:
       LIKE / REPOST / QR
       ----------------------------------------------------- */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions {
        display: flex !important;

        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 16px !important;

        overflow: visible !important;
    }

    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    > .music-track-icon-action:not(.music-track-copy-link-action) {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;

        place-items: center !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #858d91 !important;
    }

    /* -----------------------------------------------------
       QR обязательно показываем
       ----------------------------------------------------- */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action[aria-label="Paxor QR"] {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }

    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action[aria-label="Paxor QR"]
    .fa-qrcode {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        font-size: 23px !important;

        color: #858d91 !important;
    }

    /* Like/Repost active светлее */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action.active,
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-icon-action.active i {
        color: #e3e7e9 !important;
    }

    /* -----------------------------------------------------
       BUY + MORE справа
       ----------------------------------------------------- */
    html body.music-track-detail-page
    .music-track-detail-buy {
        grid-area: buy !important;
        justify-self: end !important;
    }

    html body.music-track-detail-page
    .music-track-detail-more-actions {
        grid-area: more !important;
        justify-self: end !important;
    }

    /* -----------------------------------------------------
       MORE MENU:
       единая серая палитра
       ----------------------------------------------------- */
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu * {
        --music-more-idle: #858d91;
        --music-more-hover: #e0e4e6;
    }

    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu-details > summary {
        color: var(--music-more-idle) !important;
    }

    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button i,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu-details > summary i {
        color: var(--music-more-idle) !important;
    }

    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button:hover,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button:active,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu-details > summary:hover,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu-details > summary:active {
        color: var(--music-more-hover) !important;
        background: rgba(255,255,255,.06) !important;
    }

    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button:hover i,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu > button:active i,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu-details > summary:hover i,
    html body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu-details > summary:active i {
        color: var(--music-more-hover) !important;
    }
}

/* =========================================================
   TRACK DETAIL MORE MENU UNIFIED v9
   Mobile + Desktop
   ========================================================= */

/* Само меню одинаковое на desktop и mobile */
.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu {
    min-width: 230px !important;
    padding: 6px !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;

    background: rgba(18,21,23,.98) !important;

    box-shadow:
        0 14px 38px rgba(0,0,0,.45) !important;

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Track details wrapper */
.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color: #858d91 !important;
}

/* Убираем стандартный marker у details */
.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary {
    list-style: none !important;
}

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary::-webkit-details-marker {
    display: none !important;
}

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary::marker {
    display: none !important;
    content: "" !important;
}

/* =========================================================
   ВСЕ ПУНКТЫ ОДИНАКОВЫ
   ========================================================= */

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu > button,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary {
    width: 100% !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 9px 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: transparent !important;

    color: #858d91 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-align: left !important;

    cursor: pointer !important;

    transition:
        color .16s ease,
        background .16s ease !important;
}

/* =========================================================
   ПЕРВЫЙ ПУНКТ TRACK DETAILS
   принудительно к левому краю
   ========================================================= */

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary {
    padding-left: 10px !important;

    justify-content: flex-start !important;

    text-align: left !important;

    transform: none !important;
    margin-left: 0 !important;
}

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary > * {
    flex: 0 0 auto;
}

/* =========================================================
   ИКОНКИ — ОДИНАКОВАЯ ШИРИНА И ЦВЕТ
   ========================================================= */

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu > button > i,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary > i {
    width: 19px !important;
    min-width: 19px !important;

    margin: 0 !important;

    color: #858d91 !important;

    font-size: 15px !important;
    line-height: 1 !important;

    text-align: center !important;

    transition: color .16s ease !important;
}

/* =========================================================
   HOVER / TAP — СВЕТЛЕЕ
   ========================================================= */

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu > button:hover,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu > button:active,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary:hover,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary:active,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details[open] > summary {
    color: #e1e5e7 !important;

    background: rgba(255,255,255,.055) !important;
}

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu > button:hover > i,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu > button:active > i,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary:hover > i,

.music-track-detail-controls
.music-track-detail-more-actions
.music-track-menu
.music-track-menu-details > summary:active > i {
    color: #e1e5e7 !important;
}

/* Mobile Copy link — точно такой же пункт */
@media (max-width: 760px) {
    body.music-track-detail-page
    .music-track-menu-copy-link-mobile {
        display: flex !important;
    }
}

/* Desktop Copy link в меню по-прежнему не нужен */
@media (min-width: 761px) {
    .music-track-menu-copy-link-mobile {
        display: none !important;
    }
}

/* =========================================================
   TRACK DETAILS MODAL v10
   ========================================================= */

.music-track-details-dialog-v10 {
    width: min(520px, calc(100vw - 28px));
    max-width: 520px;

    margin: auto;
    padding: 0;

    border: 0;
    border-radius: 16px;

    background: transparent;
    color: #fff;

    overflow: visible;
}

.music-track-details-dialog-v10::backdrop {
    background: rgba(0, 0, 0, .66);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.music-track-details-dialog-card {
    width: 100%;
    max-height: min(680px, calc(100vh - 40px));

    overflow: auto;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,0)
        ),
        rgba(17,20,22,.99);

    box-shadow:
        0 24px 70px rgba(0,0,0,.55);
}

.music-track-details-dialog-header {
    min-height: 58px;

    padding: 11px 12px 11px 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    border-bottom: 1px solid rgba(255,255,255,.07);
}

.music-track-details-dialog-heading {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 10px;

    color: #dfe3e5;
}

.music-track-details-dialog-heading > i {
    color: #929a9e;
    font-size: 17px;
}

.music-track-details-dialog-heading h3 {
    margin: 0;

    color: #e2e6e8;

    font-size: 16px;
    line-height: 1.15;
    font-weight: 600;
}

.music-track-details-dialog-close {
    width: 36px;
    min-width: 36px;
    height: 36px;

    padding: 0;

    display: grid;
    place-items: center;

    border: 0;
    border-radius: 9px;

    background: transparent;

    color: #858d91;

    cursor: pointer;
}

.music-track-details-dialog-close:hover {
    background: rgba(255,255,255,.055);
    color: #e1e5e7;
}

.music-track-details-dialog-close i {
    font-size: 18px;
}

.music-track-details-dialog-list {
    margin: 0;
    padding: 7px 16px 14px;
}

.music-track-details-dialog-row {
    min-height: 46px;

    padding: 9px 0;

    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 14px;
    align-items: start;

    border-bottom: 1px solid rgba(255,255,255,.055);
}

.music-track-details-dialog-row:last-child {
    border-bottom: 0;
}

.music-track-details-dialog-row dt {
    margin: 0;

    color: #7f888c;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
}

.music-track-details-dialog-row dd {
    min-width: 0;
    margin: 0;

    color: #d7dcde;

    font-size: 13px;
    line-height: 1.4;

    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Первый пункт ⋯ теперь обычная кнопка,
   поэтому старый nested-details элемент полностью не нужен. */
.music-track-menu .music-track-menu-details {
    display: none !important;
}

@media (max-width: 760px) {

    .music-track-details-dialog-v10 {
        width: calc(100vw - 24px);
    }

    .music-track-details-dialog-row {
        grid-template-columns: 95px minmax(0, 1fr);
        gap: 10px;
    }
}

/* =========================================================
   TRACK DETAIL MOBILE POLISH v11
   ========================================================= */

/* =========================================================
   DESKTOP
   Copy link в меню ⋯ не нужен —
   отдельная кнопка Link уже есть рядом с Like/Repost/QR
   ========================================================= */

@media (min-width: 761px) {
    html body
    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    .music-track-menu-copy-link-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       Немного уменьшаем большую обложку.
       За счёт этого появляется больше воздуха между
       Artist и шкалой проигрывания.
       ----------------------------------------------------- */

    body.music-track-detail-page
    .music-track-detail-hero
    .music-track-cover-stack {
        width: calc(100% - 28px) !important;
        max-width: 410px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-track-detail-cover,
    body.music-track-detail-page
    .music-track-detail-hero
    .music-track-cover-frame {
        width: 100% !important;
        max-width: 410px !important;
    }

    /*
       Чуть больше пространства после исполнителя
       перед самим плеером.
    */
    body.music-track-detail-page
    .music-track-detail-hero {
        margin-bottom: 8px !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero
    .music-detail-artist {
        margin-bottom: 5px !important;
    }


    /* =====================================================
       COMPACT FIXED PLAYER
       Маленькая обложка слева
       ===================================================== */

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-bar {
        display: grid !important;

        grid-template-columns:
            30px
            minmax(0, 1fr)
            38px !important;

        gap: 9px !important;

        align-items: center !important;
    }

    /*
       Раньше compact-cover специально скрывали.
       Теперь возвращаем маленький квадрат.
    */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover {
        display: block !important;

        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 4px !important;

        object-fit: cover !important;

        overflow: hidden !important;

        background-color: #181b1d !important;
    }

    /*
       На случай если внутри compact-cover находится img.
    */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;

        border-radius: inherit !important;
    }

    /* Название рядом с мини-обложкой */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-title {
        min-width: 0 !important;

        font-size: 14px !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-artist {
        min-width: 0 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}


/* =========================================================
   COMPACT COVER + REAL SEEK v12
   ========================================================= */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       Compact layout:
       cover / title+artist / play
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-bar {
        grid-template-columns:
            38px
            minmax(0, 1fr)
            38px !important;

        gap: 10px !important;
        align-items: center !important;
    }

    /* -----------------------------------------------------
       Настоящая обложка 38 x 38
       ВАЖНО: background-color, а НЕ background,
       чтобы не затереть inline background-image
       от coverStyle()
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover {
        display: block !important;

        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 5px !important;

        background-color: #181b1d !important;

        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;

        overflow: hidden !important;
    }

    /* Если есть artwork — музыкальную заглушку не показываем */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover.has-artwork > i {
        display: none !important;
    }

    /* -----------------------------------------------------
       Убираем старую декоративную progress-line
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact::after {
        display: none !important;
        content: none !important;
    }

    /* -----------------------------------------------------
       Возвращаем настоящий seek под compact bar
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-progress-row {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

        margin: 3px 0 0 !important;
        padding: 0 2px !important;

        min-height: 16px !important;

        align-items: center !important;
    }

    /* В compact время не показываем,
       чтобы панель оставалась маленькой */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-current,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-duration {
        display: none !important;
    }

    /* Настоящий range остаётся интерактивным */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-seek {
        display: block !important;

        grid-column: 1 / -1 !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 16px !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        pointer-events: auto !important;

        position: relative !important;
        z-index: 4 !important;

        cursor: pointer !important;
    }

    /* Остальные большие playback controls всё ещё скрыты */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-playback,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-like-row {
        display: none !important;
    }
}

/* =========================================================
   COMPACT COVER + REAL SEEK v12
   ========================================================= */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       Compact layout:
       cover / title+artist / play
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-bar {
        grid-template-columns:
            38px
            minmax(0, 1fr)
            38px !important;

        gap: 10px !important;
        align-items: center !important;
    }

    /* -----------------------------------------------------
       Настоящая обложка 38 x 38
       ВАЖНО: background-color, а НЕ background,
       чтобы не затереть inline background-image
       от coverStyle()
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover {
        display: block !important;

        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 5px !important;

        background-color: #181b1d !important;

        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;

        overflow: hidden !important;
    }

    /* Если есть artwork — музыкальную заглушку не показываем */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-compact-cover.has-artwork > i {
        display: none !important;
    }

    /* -----------------------------------------------------
       Убираем старую декоративную progress-line
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact::after {
        display: none !important;
        content: none !important;
    }

    /* -----------------------------------------------------
       Возвращаем настоящий seek под compact bar
       ----------------------------------------------------- */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-progress-row {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

        margin: 3px 0 0 !important;
        padding: 0 2px !important;

        min-height: 16px !important;

        align-items: center !important;
    }

    /* В compact время не показываем,
       чтобы панель оставалась маленькой */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-current,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-duration {
        display: none !important;
    }

    /* Настоящий range остаётся интерактивным */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-seek {
        display: block !important;

        grid-column: 1 / -1 !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 16px !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        pointer-events: auto !important;

        position: relative !important;
        z-index: 4 !important;

        cursor: pointer !important;
    }

    /* Остальные большие playback controls всё ещё скрыты */
    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-playback,

    body.music-track-detail-page
    .music-mobile-track-player.is-compact
    .music-mobile-track-like-row {
        display: none !important;
    }
}

/* =========================================================
   DESKTOP TRACK STICKY COMPACT CARD v14
   ========================================================= */

@media (min-width: 761px) {

    /*
       Небольшая карточка в верхней части центрального
       контента, а не широкая планка.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky {
        position: fixed !important;

        top:
            calc(
                var(--music-desktop-sticky-top, 0px)
                + 10px
            ) !important;

        left:
            calc(
                var(--music-desktop-sticky-left, 0px)
                + 14px
            ) !important;

        width: 330px !important;
        max-width:
            calc(
                100vw
                - var(--music-desktop-sticky-left, 0px)
                - 40px
            ) !important;

        height: 60px !important;
        min-height: 60px !important;

        padding: 8px 12px !important;
        margin: 0 !important;

        display: grid !important;

        grid-template-columns:
            44px
            minmax(0, 1fr) !important;

        column-gap: 11px !important;

        align-items: center !important;

        border:
            1px solid
            rgba(255,255,255,.11) !important;

        border-radius: 13px !important;

        background:
            linear-gradient(
                110deg,
                color-mix(
                    in srgb,
                    var(--track-dominant, #037d9c) 25%,
                    #101416
                ) 0%,
                rgba(17,21,23,.985) 52%,
                rgba(10,13,15,.99) 100%
            ) !important;

        box-shadow:
            0 10px 30px
            rgba(0,0,0,.40) !important;

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);

        overflow: hidden !important;

        z-index: 100500 !important;
    }

    /*
       Убираем старую длинную верхнюю линию v13.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky::before {
        content: "" !important;

        position: absolute;

        left: 12px !important;
        right: 12px !important;
        top: 0 !important;

        height: 1px !important;

        background:
            linear-gradient(
                90deg,
                transparent,
                color-mix(
                    in srgb,
                    var(--track-dominant, #037d9c) 80%,
                    white
                ),
                transparent
            ) !important;

        opacity: .65 !important;
    }

    /*
       Только после ухода исходного titleRow вверх.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky:not(.is-visible) {
        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transform:
            translateY(-8px)
            scale(.985) !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky.is-visible {
        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;

        transform:
            translateY(0)
            scale(1) !important;
    }

    /* =====================================================
       СНАЧАЛА КРУГЛАЯ PLAY / PAUSE
       ===================================================== */

    html body.music-track-detail-page
    .music-desktop-track-sticky-play {
        grid-column: 1 !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        place-items: center !important;

        border:
            1px solid
            rgba(255,255,255,.16) !important;

        border-radius: 50% !important;

        background:
            linear-gradient(
                145deg,
                #eef1f2,
                #cfd5d8
            ) !important;

        color: #0b0e10 !important;

        box-shadow:
            0 4px 13px
            rgba(0,0,0,.28) !important;

        cursor: pointer !important;

        flex: none !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play:hover {
        background:
            linear-gradient(
                145deg,
                #ffffff,
                #dde2e4
            ) !important;

        transform:
            scale(1.04) !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play i {
        font-size: 15px !important;
        line-height: 1 !important;

        transform: translateX(1px);
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play
    .fa-pause {
        transform: none !important;
    }

    /* =====================================================
       СПРАВА ДВЕ СТРОКИ
       SILENT RUSH
       VSM
       ===================================================== */

    html body.music-track-detail-page
    .music-desktop-track-sticky-copy {
        grid-column: 2 !important;

        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: center !important;

        gap: 3px !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-title {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        color: #edf0f1 !important;

        font-size: 14px !important;
        line-height: 1.05 !important;
        font-weight: 650 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-artist {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        color: #8d979b !important;

        font-size: 11px !important;
        line-height: 1.05 !important;
        font-weight: 500 !important;

        text-decoration: none !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-artist:hover {
        color: #dce2e4 !important;
    }
}

/* mobile не трогаем */
@media (max-width: 760px) {
    .music-desktop-track-sticky {
        display: none !important;
    }
}

/* =========================================================
   DESKTOP TRACK STICKY FULL BAR v15
   ========================================================= */

@media (min-width: 761px) {

    /* =====================================================
       FULL WIDTH BAR — СРАЗУ ПОД ПОИСКОМ
       ===================================================== */

    html body.music-track-detail-page
    .music-desktop-track-sticky {
        position: fixed !important;

        top:
            var(
                --music-desktop-sticky-top,
                0px
            ) !important;

        left:
            var(
                --music-desktop-sticky-left,
                0px
            ) !important;

        width:
            var(
                --music-desktop-sticky-width,
                100%
            ) !important;

        max-width: none !important;

        height: 64px !important;
        min-height: 64px !important;

        margin: 0 !important;
        padding: 8px 18px !important;

        display: grid !important;

        grid-template-columns:
            46px
            minmax(0, 1fr) !important;

        gap: 12px !important;

        align-items: center !important;

        /* вплотную к поиску */
        border-top: 0 !important;

        border-right:
            1px solid
            rgba(0, 190, 220, .28) !important;

        border-bottom:
            1px solid
            rgba(0, 190, 220, .34) !important;

        border-left:
            1px solid
            rgba(0, 190, 220, .28) !important;

        border-radius:
            0 0 13px 13px !important;

        background:
            linear-gradient(
                100deg,
                rgba(3, 125, 156, .34) 0%,
                rgba(5, 49, 61, .97) 18%,
                rgba(10, 25, 30, .985) 52%,
                rgba(4, 42, 53, .98) 82%,
                rgba(3, 125, 156, .22) 100%
            ) !important;

        box-shadow:
            inset 0 -1px 0
                rgba(0, 211, 238, .08),
            0 10px 26px
                rgba(0, 0, 0, .30) !important;

        backdrop-filter:
            blur(18px);

        -webkit-backdrop-filter:
            blur(18px);

        overflow: hidden !important;

        z-index: 100500 !important;
    }

    /* тонкое голубое свечение снизу */
    html body.music-track-detail-page
    .music-desktop-track-sticky::before {
        content: "" !important;

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;

        height: 1px !important;

        background:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0, 196, 225, .55) 18%,
                rgba(0, 210, 235, .72) 50%,
                rgba(0, 196, 225, .55) 82%,
                transparent 100%
            ) !important;

        opacity: .8 !important;

        pointer-events: none !important;
    }

    /* =====================================================
       SHOW / HIDE
       ===================================================== */

    html body.music-track-detail-page
    .music-desktop-track-sticky:not(.is-visible) {
        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transform:
            translateY(-5px) !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky.is-visible {
        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;

        transform:
            translateY(0) !important;
    }

    /* =====================================================
       PLAY — ВСЕГДА ТЁМНО-ГОЛУБОЙ
       ===================================================== */

    html body.music-track-detail-page
    .music-desktop-track-sticky-play {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        place-items: center !important;

        border:
            1px solid
            rgba(35, 196, 225, .42) !important;

        border-radius: 50% !important;

        background:
            linear-gradient(
                145deg,
                #07546b 0%,
                #043a4c 100%
            ) !important;

        color: #dff9ff !important;

        box-shadow:
            inset 0 1px 0
                rgba(255,255,255,.07),
            0 4px 13px
                rgba(0,0,0,.28) !important;

        cursor: pointer !important;

        transition:
            background .16s ease,
            border-color .16s ease,
            box-shadow .16s ease,
            transform .16s ease !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play:hover {
        background:
            linear-gradient(
                145deg,
                #08718d 0%,
                #05536a 100%
            ) !important;

        border-color:
            rgba(62, 218, 242, .62) !important;

        box-shadow:
            inset 0 1px 0
                rgba(255,255,255,.10),
            0 0 14px
                rgba(0, 174, 209, .18),
            0 4px 13px
                rgba(0,0,0,.28) !important;

        transform:
            scale(1.035) !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play i {
        color: #e8fbff !important;

        font-size: 16px !important;
        line-height: 1 !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play
    .fa-play {
        transform:
            translateX(1px) !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play
    .fa-pause {
        transform: none !important;
    }

    /* Playing остаётся в той же синей стилистике */
    html body.music-track-detail-page
    .music-desktop-track-sticky.is-playing
    .music-desktop-track-sticky-play {
        background:
            linear-gradient(
                145deg,
                #086984 0%,
                #04475c 100%
            ) !important;
    }

    /* =====================================================
       TRACK / ARTIST — ДВЕ СТРОКИ
       ===================================================== */

    html body.music-track-detail-page
    .music-desktop-track-sticky-copy {
        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: center !important;

        gap: 3px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-title {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        color: #eef3f4 !important;

        font-size: 15px !important;
        line-height: 1.08 !important;
        font-weight: 650 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-artist {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        color: #8fa9b0 !important;

        font-size: 11px !important;
        line-height: 1.08 !important;
        font-weight: 500 !important;

        text-decoration: none !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        transition:
            color .15s ease !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-artist:hover {
        color: #c9f3fb !important;
    }
}

/* Mobile вообще не меняем */
@media (max-width: 760px) {
    .music-desktop-track-sticky {
        display: none !important;
    }
}

/* =========================================================
   DESKTOP STATIC TRACK PLAY BLUE v16
   ========================================================= */
@media (min-width: 761px) {

    body.music-track-detail-page
    .music-track-detail-play {
        background: #037d9c !important;
        color: #05090b !important;

        box-shadow:
            0 12px 28px
            rgba(3,125,156,.26) !important;
    }

    body.music-track-detail-page
    .music-track-detail-play i {
        color: #05090b !important;
    }

    body.music-track-detail-page
    .music-track-detail-play:hover {
        background: #0794b7 !important;

        color: #05090b !important;

        transform: scale(1.04) !important;

        box-shadow:
            0 14px 30px
            rgba(3,125,156,.38) !important;
    }

    body.music-track-detail-page
    .music-track-detail-play:hover i {
        color: #05090b !important;
    }

    body.music-track-detail-page
    .music-track-detail-play.playing {
        background: #037d9c !important;
    }
}

/* =========================================================
   PLAYLIST HEADER + FULL CENTER WIDTH v17
   ========================================================= */

@media (min-width: 761px) {

    /* =====================================================
       PLAYLIST ИСПОЛЬЗУЕТ ВСЮ ЦЕНТРАЛЬНУЮ КОЛОНКУ
       ===================================================== */

    .music-scroll-area:has(
        .music-playlist-track-section
    ) {
        padding-left: 6px !important;
        padding-right: 3px !important;
    }

    #music-detail-view:has(
        .music-playlist-track-section
    ) {
        width: 100% !important;
        max-width: none !important;
    }

    .music-playlist-hero,
    .music-playlist-track-section {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .music-playlist-track-section {
        margin-top: 20px !important;
    }


    /* =====================================================
       COMPACT HEADER
       PLAY + TITLE ........ SHUFFLE + MORE
       ===================================================== */

    .music-playlist-sticky.compact-visible
    .music-playlist-compactbar {
        overflow: visible !important;
    }

    .music-playlist-compactbar {
        grid-template-columns:
            50px
            minmax(0, 1fr)
            auto !important;

        align-items: center !important;

        column-gap: 13px !important;
    }

    .music-playlist-sticky.compact-visible
    .music-playlist-compactbar {
        display: grid !important;

        min-height: 72px !important;
        max-height: 72px !important;

        padding:
            10px 18px !important;

        background:
            linear-gradient(
                100deg,
                rgba(3,125,156,.58) 0%,
                rgba(4,65,79,.96) 18%,
                rgba(8,24,29,.985) 52%,
                rgba(4,69,82,.96) 82%,
                rgba(3,125,156,.54) 100%
            ) !important;

        border:
            1px solid
            rgba(32,217,255,.26) !important;

        border-radius:
            8px 8px 0 0 !important;

        box-shadow:
            inset 0 1px 0
            rgba(255,255,255,.035),
            0 10px 24px
            rgba(0,0,0,.25) !important;
    }

    .music-playlist-compactbar
    > strong {
        min-width: 0 !important;

        font-size: 24px !important;
        font-weight: 700 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /* =====================================================
       PLAY — ОДИН
       ===================================================== */

    .music-playlist-compactbar
    > .music-list-play-small {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;

        margin: 0 !important;

        border:
            1px solid
            rgba(32,217,255,.38) !important;

        border-radius: 50% !important;

        background:
            #037d9c !important;

        color: #061013 !important;

        box-shadow:
            0 7px 18px
            rgba(3,125,156,.28) !important;

        transition:
            background .15s ease,
            transform .15s ease,
            box-shadow .15s ease !important;
    }

    .music-playlist-compactbar
    > .music-list-play-small:hover {
        background:
            #0794b7 !important;

        transform:
            scale(1.035) !important;

        box-shadow:
            0 8px 20px
            rgba(3,125,156,.38) !important;
    }


    /* =====================================================
       SHUFFLE + ⋯ СПРАВА В ВЕРХНЕЙ ШАПКЕ
       ===================================================== */

    .music-playlist-compact-actions {
        position: relative !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;

        gap: 8px !important;

        margin-left: auto !important;
    }

    .music-playlist-compact-actions
    .music-playlist-action-btn,

    .music-playlist-compact-actions
    .music-playlist-more {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        place-items: center !important;

        border: 0 !important;
        border-radius: 50% !important;

        background:
            transparent !important;

        color:
            #879298 !important;

        box-shadow:
            none !important;

        font-size: 20px !important;

        cursor: pointer !important;

        transition:
            color .15s ease,
            background .15s ease !important;
    }

    .music-playlist-compact-actions
    .music-playlist-action-btn:hover,

    .music-playlist-compact-actions
    .music-playlist-more:hover {
        color:
            #dce4e7 !important;

        background:
            rgba(255,255,255,.055) !important;
    }

    .music-playlist-compact-actions
    .music-playlist-action-btn.active {
        color:
            var(--music-cyan) !important;
    }


    /* =====================================================
       MORE MENU ТЕПЕРЬ ПРИВЯЗАН К ВЕРХНЕЙ ШАПКЕ
       ===================================================== */

    .music-playlist-compact-actions
    .music-playlist-menu {
        position: absolute !important;

        top: calc(100% + 8px) !important;

        right: 0 !important;
        left: auto !important;
        bottom: auto !important;

        z-index: 500 !important;
    }


    /* =====================================================
       НИЖНЯЯ ПАНЕЛЬ:
       БОЛЬШЕ НЕТ PLAY / SHUFFLE / MORE
       ОСТАЁТСЯ ТОЛЬКО VIEW
       ===================================================== */

    .music-playlist-controlbar {
        min-height: 58px !important;

        padding:
            8px 18px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;

        background:
            linear-gradient(
                180deg,
                rgba(15,19,21,.97),
                rgba(11,13,14,.99)
            ) !important;
    }

    .music-playlist-controlbar
    .music-playlist-view-toggle {
        margin-left: auto !important;
    }
}

/* =========================================================
   PLAYLIST COMPACT + NORMAL CONTROLS v18
   ========================================================= */

@media (min-width: 761px) {

    /* =====================================================
       COMPACT HEADER:
       PLAY | TITLE | MORE | SHUFFLE
       ===================================================== */

    .music-playlist-sticky.compact-visible
    .music-playlist-compactbar {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 12px !important;

        min-height: 72px !important;
        max-height: 72px !important;

        padding: 10px 18px !important;

        /* скругление теперь со всех четырёх сторон */
        border-radius: 10px !important;

        overflow: visible !important;
    }

    /* Play */
    .music-playlist-compactbar
    > .music-list-play-small {
        flex: 0 0 48px !important;

        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;

        margin: 0 !important;
    }

    /*
       Название занимает только необходимую ширину.
       Если оно длинное — сжимается с троеточием.
       Благодаря этому MORE следует сразу за названием.
    */
    .music-playlist-compactbar
    > strong {
        flex: 0 1 auto !important;

        width: auto !important;

        max-width:
            calc(100% - 170px) !important;

        min-width: 40px !important;

        margin: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* =====================================================
       MORE + SHUFFLE СРАЗУ ЗА НАЗВАНИЕМ
       ===================================================== */

    .music-playlist-compact-actions {
        flex: 0 0 auto !important;

        width: auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 5px !important;

        position: relative !important;
    }

    /*
       Порядок в DOM теперь:
       MORE затем SHUFFLE
    */
    .music-playlist-compact-actions
    .music-playlist-more,

    .music-playlist-compact-actions
    .music-playlist-action-btn {
        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
    }

    /* меню ⋯ открывается под самими точками */
    .music-playlist-compact-actions
    .music-playlist-menu {
        top: calc(100% + 8px) !important;

        left: 0 !important;
        right: auto !important;

        bottom: auto !important;
    }


    /* =====================================================
       КОГДА COMPACT ПОЯВИЛСЯ —
       НИЖНЯЯ CONTROL BAR БОЛЬШЕ НЕ НУЖНА
       ===================================================== */

    .music-playlist-sticky.compact-visible
    .music-playlist-controlbar {
        display: none !important;
    }


    /* =====================================================
       NON-COMPACT:
       PLAY | SHUFFLE | MORE ........ VIEW
       ===================================================== */

    .music-playlist-sticky:not(.compact-visible)
    .music-playlist-controlbar {
        display: flex !important;

        min-height: 68px !important;

        padding: 10px 18px !important;

        align-items: center !important;

        gap: 12px !important;
    }

    .music-playlist-normal-actions {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 10px !important;

        position: relative !important;
    }

    /* обычный Play снова присутствует */
    .music-playlist-normal-actions
    .music-playlist-main-play {
        display: grid !important;

        place-items: center !important;

        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;

        flex: 0 0 50px !important;

        border-radius: 50% !important;

        background: #037d9c !important;

        color: #061013 !important;
    }

    .music-playlist-normal-actions
    .music-playlist-main-play:hover {
        background: #0794b7 !important;
    }

    /* Shuffle */
    .music-playlist-normal-actions
    .music-playlist-action-btn {
        display: grid !important;

        place-items: center !important;

        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
    }

    /* More */
    .music-playlist-normal-actions
    .music-playlist-main-more {
        display: grid !important;

        place-items: center !important;

        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        margin: 0 !important;

        border: 0 !important;

        background: transparent !important;

        color: var(--music-muted) !important;
    }

    .music-playlist-normal-actions
    .music-playlist-main-more:hover {
        color: #e1e6e8 !important;

        background:
            rgba(255,255,255,.055) !important;
    }

    /* More-menu в обычном режиме */
    .music-playlist-normal-actions
    .music-playlist-menu {
        position: absolute !important;

        top: calc(100% + 7px) !important;

        left: 88px !important;
        right: auto !important;

        bottom: auto !important;

        z-index: 500 !important;
    }

    /* List toggle остаётся справа */
    .music-playlist-controlbar
    .music-playlist-view-toggle {
        margin-left: auto !important;

        flex: 0 0 42px !important;
    }
}


/* =========================================================
   FULL SEARCH + COMPACT RIGHT ACTIONS v19
   ========================================================= */

@media (min-width: 761px) {

    /* =====================================================
       SEARCH — НА ВСЮ ШИРИНУ ЦЕНТРАЛЬНОЙ КОЛОНКИ
       ===================================================== */

    .music-main
    .music-topbar {
        width: 100% !important;
        max-width: none !important;

        padding-left: 6px !important;
        padding-right: 3px !important;

        box-sizing: border-box !important;
    }

    .music-main
    .music-topbar
    .music-search-shell {
        width: 100% !important;
        max-width: none !important;

        flex: 1 1 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .music-main
    .music-topbar
    .music-search {
        width: 100% !important;
        max-width: none !important;

        flex: 1 1 100% !important;
    }


    /* =====================================================
       COMPACT:
       PLAY  TITLE  ⋯             SHUFFLE  LIST
       ===================================================== */

    .music-playlist-sticky.compact-visible
    .music-playlist-compactbar {
        width: 100% !important;

        display: flex !important;

        align-items: center !important;

        gap: 12px !important;
    }

    /* Название не растягиваем на всё свободное место */
    .music-playlist-compactbar
    > strong {
        flex: 0 1 auto !important;

        width: auto !important;

        max-width:
            min(
                55vw,
                620px
            ) !important;

        min-width: 40px !important;

        margin: 0 !important;
    }

    /*
       Этот контейнер начинается сразу после названия.
       Поэтому первая кнопка ⋯ остаётся возле текста,
       но сам контейнер занимает всё оставшееся место.
    */
    .music-playlist-compact-actions {
        flex: 1 1 auto !important;

        min-width: 0 !important;
        width: auto !important;

        margin-left: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 6px !important;
    }

    /* ⋯ сразу после названия */
    .music-playlist-compact-actions
    .music-playlist-more {
        flex: 0 0 40px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /*
       Shuffle создаёт распорку:
       он и List уходят к самому правому краю.
    */
    .music-playlist-compact-actions
    .music-playlist-shuffle-local {
        margin-left: auto !important;

        flex: 0 0 40px !important;
    }

    /* List справа после Shuffle */
    .music-playlist-compact-actions
    .music-playlist-compact-view-toggle {
        display: grid !important;
        place-items: center !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        background: transparent !important;

        color: #879298 !important;

        font-size: 18px !important;

        transition:
            color .15s ease,
            background .15s ease !important;
    }

    .music-playlist-compact-actions
    .music-playlist-compact-view-toggle:hover {
        color: #dce4e7 !important;

        background:
            rgba(255,255,255,.055) !important;
    }

    /* More menu остаётся под ⋯ возле названия */
    .music-playlist-compact-actions
    .music-playlist-menu {
        left: 0 !important;
        right: auto !important;

        top: calc(100% + 8px) !important;
    }
}

/* =========================================================
   PLAYLIST COMPACT ORDER + FLUSH SEARCH v20
   ========================================================= */

@media (min-width: 761px) {

    /* =====================================================
       COMPACT:
       PLAY | TITLE | SHUFFLE | MORE ........ LIST
       ===================================================== */

    .music-playlist-sticky.compact-visible
    .music-playlist-compactbar {
        gap: 10px !important;
        border-radius: 10px !important;
    }

    /*
       После названия первым идёт Shuffle.
       Больше не отправляем его вправо.
    */
    .music-playlist-compact-actions
    .music-playlist-shuffle-local {
        margin-left: 0 !important;
        margin-right: 0 !important;

        flex: 0 0 40px !important;
    }

    /*
       Три точки сразу после Shuffle.
    */
    .music-playlist-compact-actions
    .music-playlist-more {
        margin-left: 0 !important;
        margin-right: 0 !important;

        flex: 0 0 40px !important;
    }

    /*
       А List создаёт распорку и остаётся
       у самого правого края.
    */
    .music-playlist-compact-actions
    .music-playlist-compact-view-toggle {
        margin-left: auto !important;
        margin-right: 0 !important;

        flex: 0 0 40px !important;
    }

    .music-playlist-compact-actions {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 5px !important;
    }


    /* =====================================================
       COMPACT ПЛАНКА ВПЛОТНУЮ К SEARCH
       ===================================================== */

    body:has(.music-playlist-track-section)
    .music-topbar {
        padding-bottom: 0 !important;
    }

    body:has(.music-playlist-track-section)
    .music-scroll-area {
        padding-top: 0 !important;
    }

    body:has(.music-playlist-track-section)
    .music-playlist-sticky {
        top: 0 !important;
    }

    /*
       Когда compact уже зафиксирован,
       никаких дополнительных отступов сверху.
    */
    body:has(.music-playlist-sticky.compact-visible)
    .music-playlist-sticky {
        margin-top: 0 !important;
    }

    body:has(.music-playlist-sticky.compact-visible)
    .music-playlist-compactbar {
        margin-top: 0 !important;
    }
}

/* =========================================================
   PLAYLIST HERO LARGE COVER + LINK DESCRIPTION v22
   ========================================================= */

@media (min-width: 761px) {

    /* Шапка выше, обложка почти на всю её внутреннюю высоту */
    .music-playlist-hero {
        min-height: 272px !important;

        padding:
            24px !important;

        grid-template-columns:
            224px
            minmax(0, 1fr) !important;

        gap: 24px !important;

        align-items: stretch !important;
    }

    .music-playlist-hero
    .music-playlist-cover-editor {
        width: 224px !important;
        height: 224px !important;

        min-width: 224px !important;
        min-height: 224px !important;

        align-self: stretch !important;

        margin: 0 !important;
    }

    .music-playlist-hero
    .music-playlist-cover-preview {
        width: 224px !important;
        height: 224px !important;

        min-width: 224px !important;
        min-height: 224px !important;

        aspect-ratio: 1 / 1 !important;

        border-radius: 8px !important;

        background-size: cover !important;
        background-position: center !important;
    }

    .music-playlist-hero
    .music-playlist-cover-overlay {
        width: 100% !important;
        height: 100% !important;

        border-radius: 8px !important;
    }


    /* =====================================================
       ТЕКСТОВАЯ ЧАСТЬ
       ===================================================== */

    .music-playlist-hero-copy {
        min-width: 0 !important;

        align-self: stretch !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: flex-end !important;

        padding-bottom: 1px !important;
    }


    /* =====================================================
       ОПИСАНИЕ — МЕНЬШЕ, НО БОЛЬШЕ СТРОК
       ===================================================== */

    .music-playlist-description {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            0 0 8px !important;

        color:
            #b8c5c9 !important;

        font-size:
            12.5px !important;

        line-height:
            1.34 !important;

        font-weight:
            500 !important;

        /*
           Вместо прежних двух строк
           разрешаем до четырёх.
        */
        display: -webkit-box !important;

        -webkit-line-clamp:
            4 !important;

        -webkit-box-orient:
            vertical !important;

        overflow: hidden !important;

        overflow-wrap:
            anywhere !important;

        word-break:
            normal !important;
    }


    /* =====================================================
       URL В ОПИСАНИИ
       ===================================================== */

    .music-playlist-description-link {
        color:
            #20d9ff !important;

        text-decoration:
            none !important;

        font-weight:
            650 !important;

        cursor:
            pointer !important;

        transition:
            color .15s ease,
            text-decoration-color .15s ease !important;
    }

    .music-playlist-description-link:hover {
        color:
            #70eaff !important;

        text-decoration:
            underline !important;

        text-underline-offset:
            2px !important;
    }
}

/* =========================================================
   PLAYLIST BIGGER COVER + DESCRIPTION LINKS v23
   ========================================================= */

@media (min-width: 761px) {

    /* Большая обложка — почти на всю высоту шапки */
    .music-playlist-hero {
        min-height: 292px !important;

        padding: 18px !important;

        grid-template-columns:
            256px
            minmax(0, 1fr) !important;

        gap: 24px !important;

        align-items: stretch !important;
    }

    .music-playlist-hero
    .music-playlist-cover-editor {
        width: 256px !important;
        height: 256px !important;

        min-width: 256px !important;
        min-height: 256px !important;

        margin: 0 !important;

        align-self: center !important;
    }

    .music-playlist-hero
    .music-playlist-cover-preview {
        width: 256px !important;
        height: 256px !important;

        min-width: 256px !important;
        min-height: 256px !important;

        aspect-ratio: 1 / 1 !important;

        border-radius: 8px !important;

        background-size: cover !important;
        background-position: center !important;
    }

    .music-playlist-hero
    .music-playlist-cover-overlay {
        width: 100% !important;
        height: 100% !important;
    }


    /* Описание оставляем компактным */
    .music-playlist-description {
        font-size: 12px !important;
        line-height: 1.3 !important;

        color: #aeb8bc !important;

        /*
           block лучше работает,
           когда внутри несколько отдельных ссылок
        */
        display: block !important;

        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;

        max-height: 92px !important;

        overflow: hidden !important;

        margin-bottom: 8px !important;
    }


    /* Каждая ссылка начинается с новой строки */
    .music-playlist-description-link {
        display: block !important;

        width: fit-content !important;
        max-width: 100% !important;

        margin: 1px 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;

        color: #899397 !important;

        font-size: 12px !important;
        font-weight: 500 !important;

        line-height: 1.3 !important;

        text-decoration: none !important;

        transition:
            color .15s ease !important;
    }

    .music-playlist-description-link:hover {
        color: #c5cdd0 !important;

        text-decoration: none !important;
    }
}


/* =========================================================
   MARKETPLACE FULL CENTER WIDTH v24
   ========================================================= */

@media (min-width: 761px) {

    /*
       Та же ширина центральной области,
       которую используем на странице плейлиста.
    */
    .music-scroll-area:has(
        #music-library-view:not([hidden])
    ) {
        padding-left: 6px !important;
        padding-right: 3px !important;
    }

    #music-library-view:not([hidden]) {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /*
       Верхний большой блок Marketplace.
    */
    #music-library-view:not([hidden])
    .music-feature-track-hero {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /*
       LISTED ON-CHAIN / Music NFT marketplace
    */
    #music-library-view:not([hidden])
    .music-marketplace-sticky-heading {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /*
       Карточки Marketplace.
    */
    #music-library-view:not([hidden])
    .music-marketplace-section {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    #music-library-view:not([hidden])
    .music-marketplace-section
    .music-track-grid {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /*
       Нижний список треков тоже на всю ширину.
    */
    #music-library-view:not([hidden])
    .music-queue-section {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    #music-library-view:not([hidden])
    .music-queue-sticky-heading,
    #music-library-view:not([hidden])
    #music-queue {
        width: 100% !important;
        max-width: none !important;
    }
}


/* =========================================================
   MARKETPLACE STICKY FLUSH TO SEARCH v25
   ========================================================= */

@media (min-width: 761px) {

    /*
       Убираем верхний зазор между Search
       и центральным содержимым Marketplace.
    */
    .music-scroll-area:has(
        #music-library-view:not([hidden])
    ) {
        padding-top: 0 !important;
    }

    /*
       Когда Marketplace heading становится sticky,
       он прилегает прямо к нижней границе Search.
    */
    #music-library-view:not([hidden])
    .music-marketplace-sticky-heading {
        top: 0 !important;

        margin-top: 0 !important;
    }
}


/* =========================================================
   MUSIC PROFILE FULL CENTER WIDTH v26
   ========================================================= */

@media (min-width: 761px) {

    /*
       Центральная область профиля —
       как Marketplace и Playlist.
    */
    .music-scroll-area.music-profile-scroll {
        padding-left: 6px !important;
        padding-right: 3px !important;
    }

    /*
       Основная шапка профиля.
    */
    .music-profile-scroll
    .music-user-hero {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /*
       Закрепляемая шапка при прокрутке.
    */
    .music-profile-scroll
    .music-user-sticky {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /*
       All / Favorites / Reposts / Playlists / NFTs
       и всё содержимое под вкладками.
    */
    .music-profile-scroll
    .music-user-tabs-section {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .music-profile-scroll
    .music-user-tab-panel {
        width: 100% !important;
        max-width: none !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   TRACK DETAIL FULL CENTER WIDTH v27
   ========================================================= */

@media (min-width: 761px) {

    body.music-track-detail-page
    .music-scroll-area {
        padding-left: 6px !important;
        padding-right: 3px !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero,
    body.music-track-detail-page
    .music-track-detail-controls,
    body.music-track-detail-page
    .music-track-detail-comments,
    body.music-track-detail-page
    .music-sales-history,
    body.music-track-detail-page
    .music-track-metadata-row {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.music-track-detail-page
    .music-track-detail-hero {
        grid-template-columns:
            210px
            minmax(0, 1fr) !important;
    }

    body.music-track-detail-page
    .music-track-detail-waveform {
        width: 100% !important;
        max-width: none !important;
    }
}


/* =========================================================
   DESKTOP TRACK STICKY COVER v28
   COVER → PLAY → TITLE / ARTIST
   ========================================================= */

@media (min-width: 761px) {

    html body.music-track-detail-page
    .music-desktop-track-sticky {
        display: grid !important;

        grid-template-columns:
            52px
            46px
            minmax(0, 1fr) !important;

        align-items: center !important;

        column-gap: 11px !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-cover {
        width: 52px !important;
        height: 52px !important;

        min-width: 52px !important;
        min-height: 52px !important;

        align-self: center !important;

        display: grid !important;
        place-items: center !important;

        overflow: hidden !important;

        border-radius: 6px !important;

        background-color: #102127 !important;
        background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;

        color: #789097 !important;

        font-size: 17px !important;

        box-shadow:
            0 3px 12px
            rgba(0,0,0,.32) !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-cover.has-artwork
    > i {
        display: none !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play {
        margin: 0 !important;
        justify-self: center !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-copy {
        width: 100% !important;
        min-width: 0 !important;
    }


    /* Дополнительно гарантируем полную ширину страницы трека */
    body.music-track-detail-page
    #music-detail-view:has(
        .music-track-detail-hero
    ) {
        width: 100% !important;
        max-width: none !important;
    }
}


/* =========================================================
   DESKTOP TRACK STICKY COVER FIX v29
   restore working flex layout + real artwork
   ========================================================= */

@media (min-width: 761px) {

    /*
       Возвращаем рабочую flex-компоновку sticky.
       DOM уже имеет правильный порядок:
       COVER → PLAY → TITLE / ARTIST
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 11px !important;
    }

    /*
       Обложка.
       ВАЖНО: background-image здесь не задаём,
       чтобы inline background-image от coverStyle()
       не перекрывался.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky-cover {
        width: 52px !important;
        height: 52px !important;

        min-width: 52px !important;
        min-height: 52px !important;

        flex: 0 0 52px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;

        overflow: hidden !important;

        border: 0 !important;
        border-radius: 6px !important;

        background-color: #102127 !important;
        background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;

        color: #789097 !important;

        font-size: 17px !important;

        box-shadow:
            0 3px 12px
            rgba(0,0,0,.32) !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-cover.has-artwork
    > i {
        display: none !important;
    }

    /*
       Play остаётся прежнего размера.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky-play {
        flex: 0 0 46px !important;
        margin: 0 !important;
    }

    /*
       Название + артист снова занимают
       всё оставшееся пространство.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky-copy {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-title,
    html body.music-track-detail-page
    .music-desktop-track-sticky-artist {
        min-width: 0 !important;
    }
}


/* =========================================================
   DESKTOP TRACK STICKY COVER + CLICK FIX v30
   ========================================================= */

@media (min-width: 761px) {

    /*
       Обложку назначает JS через inline background-image.
       Никакого background-image с !important здесь быть не должно.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky-cover {
        position: relative !important;
        z-index: 2 !important;

        pointer-events: none !important;
    }

    /*
       Play всегда находится выше остальных слоёв
       компактной панели и принимает клик.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky-play {
        position: relative !important;
        z-index: 20 !important;

        pointer-events: auto !important;

        cursor: pointer !important;
    }

    html body.music-track-detail-page
    .music-desktop-track-sticky-play i {
        pointer-events: none !important;
    }

    /*
       Текст не должен перекрывать кнопку Play.
    */
    html body.music-track-detail-page
    .music-desktop-track-sticky-copy {
        position: relative !important;
        z-index: 2 !important;
        min-width: 0 !important;
    }
}


/* =========================================================
   GLOBAL PLAYER TRACK INFO SIZE v31
   ========================================================= */

@media (min-width: 761px) {

    /* Обложка трека */
    .music-player
    .music-player-cover {
        width: 70px !important;
        height: 70px !important;

        min-width: 70px !important;
        min-height: 70px !important;

        flex: 0 0 70px !important;

        border-radius: 6px !important;

        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    /* Немного увеличиваем расстояние от картинки до текста */
    .music-player
    .music-player-track {
        gap: 14px !important;
    }

    /* Название трека */
    .music-player
    #music-player-title {
        font-size: 16px !important;
        line-height: 1.18 !important;
        font-weight: 800 !important;
    }

    /* Исполнитель */
    .music-player
    #music-player-artist {
        font-size: 13px !important;
        line-height: 1.18 !important;
        font-weight: 500 !important;
    }

    /* Чуть больше расстояние между названием и артистом */
    .music-player
    .music-player-copy {
        gap: 5px !important;
    }
}





/* =========================================================
   MUSIC USER PROFILE IMAGE EDITORS v32
   ========================================================= */

.music-user-hero {
    position: relative;
}

.music-user-profile-file-input {
    display: none !important;
}


/* Change cover */

.music-user-cover-edit {
    position: absolute;

    top: 14px;
    right: 14px;

    z-index: 30;

    height: 38px;

    padding: 0 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius: 9px;

    background:
        rgba(5,10,12,.72);

    backdrop-filter:
        blur(12px);

    color: #eef3f4;

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 6px 20px
        rgba(0,0,0,.24);
}

.music-user-cover-edit:hover {
    background:
        rgba(13,28,34,.94);

    border-color:
        rgba(255,255,255,.34);
}

.music-user-cover-edit i {
    font-size: 14px;
}


/* Avatar camera */

.music-user-avatar {
    position: relative !important;
    overflow: visible !important;
}

.music-user-avatar-edit {
    position: absolute;

    right: -7px;
    bottom: -7px;

    z-index: 35;

    width: 38px;
    height: 38px;

    padding: 0;

    display: grid;
    place-items: center;

    border:
        3px solid
        #0b1114;

    border-radius: 50%;

    background: #037d9c;
    color: #061014;

    font-size: 14px;

    cursor: pointer;

    box-shadow:
        0 5px 18px
        rgba(0,0,0,.38);

    transition:
        background .16s ease,
        transform .16s ease;
}

.music-user-avatar-edit:hover {
    background: #0794b7;

    transform:
        scale(1.06);
}

.music-user-avatar-edit:disabled,
.music-user-cover-edit:disabled {
    opacity: .55;
    cursor: wait;
}


@media (max-width: 760px) {

    .music-user-cover-edit {
        top: 10px;
        right: 10px;

        height: 34px;

        padding: 0 10px;

        font-size: 11px;
    }

    .music-user-avatar-edit {
        width: 34px;
        height: 34px;

        right: -5px;
        bottom: -5px;
    }
}



/* =========================================================
   MUSIC PROFILE IMAGE EDITOR v33
   ========================================================= */

.music-profile-image-editor {
    width: min(760px, calc(100vw - 30px));
    max-width: 760px;

    padding: 0;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 16px;

    background: #0b1114;
    color: #eef3f4;

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.68);
}

.music-profile-image-editor.is-banner {
    width: min(920px, calc(100vw - 30px));
    max-width: 920px;
}

.music-profile-image-editor::backdrop {
    background:
        rgba(0,0,0,.74);

    backdrop-filter:
        blur(5px);
}

.music-profile-image-editor-card {
    display: grid;
    gap: 16px;

    padding: 18px;
}

.music-profile-image-editor-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 18px;
}

.music-profile-image-editor-head > div {
    display: grid;
    gap: 4px;
}

.music-profile-image-editor-head strong {
    font-size: 18px;
    font-weight: 800;
}

.music-profile-image-editor-head span {
    color:
        rgba(238,243,244,.62);

    font-size: 12px;
}

.music-profile-image-editor-close {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 9px;

    background:
        rgba(255,255,255,.04);

    color: #eef3f4;

    cursor: pointer;
}

.music-profile-image-editor-stage {
    position: relative;

    width: 100%;

    display: grid;
    place-items: center;

    overflow: hidden;

    border-radius: 12px;

    background: #05090b;

    cursor: grab;

    touch-action: none;

    user-select: none;
}

.music-profile-image-editor-stage.dragging {
    cursor: grabbing;
}

.music-profile-image-editor-canvas {
    display: block;

    width: 100%;
    height: auto;

    max-height: 62vh;

    object-fit: contain;
}

.music-profile-image-editor:not(.is-banner)
.music-profile-image-editor-stage {
    max-width: 560px;

    justify-self: center;

    border-radius: 14px;
}

.music-profile-image-editor:not(.is-banner)
.music-profile-image-editor-canvas {
    aspect-ratio: 1 / 1;
}

.music-profile-image-editor.is-banner
.music-profile-image-editor-canvas {
    aspect-ratio: 3 / 1;
}

.music-profile-image-editor-controls {
    display: grid;

    grid-template-columns:
        42px
        minmax(0,1fr)
        42px
        58px;

    align-items: center;

    gap: 10px;
}

.music-profile-image-editor-zoom-btn {
    width: 42px;
    height: 38px;

    display: grid;
    place-items: center;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 9px;

    background:
        rgba(255,255,255,.05);

    color: #eef3f4;

    font-size: 22px;
    line-height: 1;

    cursor: pointer;
}

.music-profile-image-editor-zoom-btn:hover {
    background:
        rgba(255,255,255,.10);
}

.music-profile-image-editor-range {
    width: 100%;

    accent-color: #037d9c;

    cursor: pointer;
}

.music-profile-image-editor-zoom-value {
    text-align: right;

    font-size: 12px;
    font-weight: 700;

    color:
        rgba(238,243,244,.75);
}

.music-profile-image-editor-footer {
    display: flex;

    justify-content: flex-end;

    gap: 10px;
}

.music-profile-image-editor-cancel,
.music-profile-image-editor-save {
    min-width: 100px;
    height: 40px;

    padding: 0 16px;

    border-radius: 9px;

    font-size: 13px;
    font-weight: 750;

    cursor: pointer;
}

.music-profile-image-editor-cancel {
    border:
        1px solid
        rgba(255,255,255,.14);

    background:
        rgba(255,255,255,.04);

    color: #eef3f4;
}

.music-profile-image-editor-save {
    border:
        1px solid
        rgba(3,125,156,.70);

    background: #037d9c;
    color: #05090b;
}

.music-profile-image-editor-save:hover {
    background: #0794b7;
}

.music-profile-image-editor-save:disabled {
    opacity: .55;
    cursor: wait;
}

@media (max-width: 760px) {

    .music-profile-image-editor {
        width:
            calc(100vw - 18px);

        max-height:
            calc(100vh - 18px);
    }

    .music-profile-image-editor-card {
        padding: 12px;

        gap: 12px;
    }

    .music-profile-image-editor-controls {
        grid-template-columns:
            38px
            minmax(0,1fr)
            38px
            50px;

        gap: 7px;
    }

    .music-profile-image-editor-zoom-btn {
        width: 38px;
        height: 36px;
    }

    .music-profile-image-editor-footer {
        display: grid;

        grid-template-columns:
            1fr
            1fr;
    }

    .music-profile-image-editor-cancel,
    .music-profile-image-editor-save {
        width: 100%;
    }
}



/* =========================================================
   MUSIC PROFILE EDITOR COMPACT v34
   ========================================================= */


/* ---------------------------------------------------------
   Music Profile avatar must win over account/avatar styles
   --------------------------------------------------------- */

[data-nav="profile"]
.music-nav-avatar-current-user.has-music-profile-artwork {
    background-image:
        var(--music-profile-sidebar-avatar)
        !important;

    background-size:
        cover !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;
}

[data-nav="profile"]
.music-nav-avatar-current-user.has-music-profile-artwork
> i {
    opacity: 0 !important;
    visibility: hidden !important;
}


/* ---------------------------------------------------------
   Smaller editor, always centered
   --------------------------------------------------------- */

.music-profile-image-editor {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;

    right: auto !important;
    bottom: auto !important;

    transform:
        translate(-50%, -50%)
        !important;

    margin: 0 !important;

    width:
        min(
            430px,
            calc(100vw - 32px)
        )
        !important;

    max-width:
        430px
        !important;

    max-height:
        calc(100vh - 32px)
        !important;

    overflow: auto;

    border-radius:
        14px !important;
}


/* Banner editor slightly wider */

.music-profile-image-editor.is-banner {
    width:
        min(
            640px,
            calc(100vw - 32px)
        )
        !important;

    max-width:
        640px
        !important;
}


/* More compact internal spacing */

.music-profile-image-editor-card {
    padding:
        14px !important;

    gap:
        12px !important;
}

.music-profile-image-editor-head {
    gap:
        12px !important;
}

.music-profile-image-editor-head strong {
    font-size:
        16px !important;
}

.music-profile-image-editor-head span {
    font-size:
        11px !important;
}


/* ---------------------------------------------------------
   Only ONE visible black image area
   --------------------------------------------------------- */

.music-profile-image-editor-stage {
    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


/* Avatar square */

.music-profile-image-editor:not(.is-banner)
.music-profile-image-editor-stage {
    width:
        min(
            330px,
            100%
        )
        !important;

    max-width:
        330px
        !important;

    justify-self:
        center !important;
}


/* Banner */

.music-profile-image-editor.is-banner
.music-profile-image-editor-stage {
    width:
        100% !important;

    max-width:
        590px !important;

    justify-self:
        center !important;
}


/* Canvas itself is now the only visible frame */

.music-profile-image-editor-canvas {
    display:
        block !important;

    width:
        100% !important;

    max-height:
        52vh !important;

    background:
        #05090b !important;

    border:
        1px solid
        rgba(255,255,255,.24)
        !important;

    border-radius:
        10px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(0,0,0,.35)
        !important;
}


/* Controls */

.music-profile-image-editor-controls {
    grid-template-columns:
        36px
        minmax(0,1fr)
        36px
        50px
        !important;

    gap:
        8px !important;
}

.music-profile-image-editor-zoom-btn {
    width:
        36px !important;

    height:
        34px !important;

    font-size:
        19px !important;
}

.music-profile-image-editor-footer {
    gap:
        8px !important;
}

.music-profile-image-editor-cancel,
.music-profile-image-editor-save {
    min-width:
        88px !important;

    height:
        36px !important;

    padding:
        0 13px !important;

    font-size:
        12px !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 760px) {

    .music-profile-image-editor,
    .music-profile-image-editor.is-banner {
        width:
            calc(100vw - 18px)
            !important;

        max-width:
            calc(100vw - 18px)
            !important;

        max-height:
            calc(100vh - 18px)
            !important;
    }

    .music-profile-image-editor-card {
        padding:
            11px !important;

        gap:
            10px !important;
    }

    .music-profile-image-editor:not(.is-banner)
    .music-profile-image-editor-stage {
        width:
            min(
                300px,
                100%
            )
            !important;
    }
}



/* =========================================================
   MUSIC USER PROFILE BANNER FULL HEIGHT v36
   ========================================================= */

/*
 * Public Music Profile banner.
 * The image fills the complete header area.
 */
.music-scroll-area.music-profile-scroll
.music-user-hero {
    min-height: 240px !important;

    padding-top: 26px !important;
    padding-bottom: 26px !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-origin:
        border-box !important;

    background-clip:
        border-box !important;

    align-items:
        end !important;
}


/* Real sidebar IMG must completely fill Profile avatar */

[data-nav="profile"]
.music-nav-avatar {
    position: relative;

    overflow: hidden;
}

[data-nav="profile"]
.music-nav-avatar
.music-nav-avatar-image {
    position: absolute;

    inset: 0;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: inherit;

    z-index: 2;
}

[data-nav="profile"]
.music-nav-avatar.has-music-profile-artwork
> i {
    display: none !important;
}


/* Mobile profile header */

@media (max-width: 760px) {

    .music-scroll-area.music-profile-scroll
    .music-user-hero {
        min-height: 205px !important;

        padding-top: 20px !important;
        padding-bottom: 20px !important;

        background-size:
            cover !important;

        background-position:
            center center !important;
    }
}



/* =========================================================
   MUSIC USER PROFILE AVATAR FULL HEIGHT v37
   ========================================================= */

@media (min-width: 761px) {

    .music-scroll-area.music-profile-scroll
    .music-user-hero {
        grid-template-columns:
            188px
            minmax(0, 1fr)
            !important;

        gap:
            26px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-hero
    .music-user-avatar {
        width:
            188px !important;

        height:
            188px !important;

        min-width:
            188px !important;

        min-height:
            188px !important;

        align-self:
            center !important;

        font-size:
            48px !important;
    }

}


/* Mobile */

@media (max-width: 760px) {

    .music-scroll-area.music-profile-scroll
    .music-user-hero
    .music-user-avatar {
        width:
            165px !important;

        height:
            165px !important;

        min-width:
            165px !important;

        min-height:
            165px !important;

        font-size:
            42px !important;
    }

}



/* =========================================================
   MUSIC PROFILE STICKY STACK v40
   Profile header stays above Queue while scrolling
   ========================================================= */

@media (min-width: 761px) {

    .music-scroll-area.music-profile-scroll
    .music-user-sticky {
        position: sticky !important;
        top: 0 !important;
        z-index: 90 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-sticky.compact-visible {
        position: sticky !important;
        top: 0 !important;
        z-index: 90 !important;
    }

    /*
       Queue becomes sticky BELOW the compact profile header,
       instead of covering/replacing it.
    */
    .music-scroll-area.music-profile-scroll
    .music-profile-queue-heading {
        position: sticky !important;
        top: 72px !important;
        z-index: 70 !important;
    }

}


/* Mobile compact profile header = 58px */

@media (max-width: 760px) {

    .music-scroll-area.music-profile-scroll
    .music-user-sticky {
        position: sticky !important;
        top: 0 !important;
        z-index: 90 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-queue-heading {
        position: sticky !important;
        top: 58px !important;
        z-index: 70 !important;
    }

}


/* =========================================================
   PAXOR MUSIC — SHARE MODAL
   ========================================================= */

.music-share-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10050;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;

    background: rgba(3, 8, 18, .72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.music-share-modal {
    width: min(460px, 100%);
    max-height: calc(100vh - 40px);

    padding: 18px;

    overflow-y: auto;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            rgba(20, 31, 48, .98),
            rgba(9, 17, 31, .98)
        );

    box-shadow:
        0 26px 70px rgba(0, 0, 0, .46),
        inset 0 1px 0 rgba(255, 255, 255, .05);
}

.music-share-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;
    margin-bottom: 16px;
}

.music-share-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.music-share-close {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border: 0;
    border-radius: 50%;

    color: rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .07);

    cursor: pointer;
}

.music-share-close:hover {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

.music-share-track-info {
    margin-bottom: 16px;
    padding: 14px 15px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 15px;

    background: rgba(0, 0, 0, .16);
}

.music-share-track-title {
    overflow: hidden;

    color: #fff;
    font-size: 14px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.music-share-track-url {
    margin-top: 5px;

    overflow: hidden;

    color: rgba(185, 201, 220, .65);
    font-size: 11px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.music-share-options {
    display: grid;
    gap: 9px;
}

.music-share-option {
    position: relative;

    width: 100%;
    min-height: 64px;

    display: flex;
    align-items: center;

    gap: 14px;
    padding: 10px 14px;

    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 15px;

    color: #fff;
    text-align: left;

    background: rgba(255, 255, 255, .045);

    cursor: pointer;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.music-share-option:hover {
    transform: translateY(-1px);

    border-color: rgba(78, 208, 255, .35);
    background: rgba(78, 208, 255, .08);
}

.music-share-option > i {
    width: 28px;

    color: #51d4ff;
    font-size: 22px;
    text-align: center;
}

.music-share-option > span:not(.music-share-story-badge) {
    min-width: 0;

    display: grid;
    gap: 3px;
}

.music-share-option strong {
    color: #fff;
    font-size: 14px;
    font-weight: 650;
}

.music-share-option small {
    color: rgba(190, 206, 225, .64);
    font-size: 11px;
}

.music-share-story-option {
    border-color: rgba(29, 202, 139, .22);

    background:
        linear-gradient(
            90deg,
            rgba(29, 202, 139, .10),
            rgba(31, 137, 215, .055)
        );
}

.music-share-story-option > i {
    color: #1dca8b;
}

.music-share-story-badge {
    margin-left: auto;
    padding: 4px 7px;

    border: 1px solid rgba(29, 202, 139, .30);
    border-radius: 7px;

    color: #59e9b4;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;

    background: rgba(29, 202, 139, .09);
}

.music-share-option.copied {
    border-color: rgba(29, 202, 139, .48);
}

.music-share-status {
    min-height: 18px;

    margin-top: 12px;

    color: rgba(190, 206, 225, .78);
    font-size: 11px;
    text-align: center;
}

@media (max-width: 560px) {
    .music-share-backdrop {
        align-items: flex-end;
        padding: 10px;
    }

    .music-share-modal {
        width: 100%;

        border-radius: 22px 22px 16px 16px;
    }
}


/* =========================================================
   PAXOR MUSIC STORY — GENERATION STATES
   ========================================================= */

.music-share-story-option.loading {
    opacity: .68;
    cursor: wait;
    pointer-events: none;
}

.music-share-story-option.loading > i {
    animation: paxor-story-spin .9s linear infinite;
}

.music-share-story-option.ready {
    border-color: rgba(29, 202, 139, .52);

    background:
        linear-gradient(
            90deg,
            rgba(29, 202, 139, .17),
            rgba(31, 137, 215, .08)
        );
}

.music-share-story-option.ready > i {
    color: #4ee0a9;
}

.music-share-story-option.ready
.music-share-story-badge {
    color: #75f4c2;
    border-color: rgba(29, 202, 139, .52);
    background: rgba(29, 202, 139, .16);
}

@keyframes paxor-story-spin {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   MOBILE TRACK ACTIONS
   ========================================================= */

/* Desktop: QR остаётся основной кнопкой */
.music-track-menu-qr-mobile {
    display: none !important;
}

/* Mobile: основной QR убираем и переносим в ⋯ */
@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-qr-action {
        display: none !important;
    }

    .music-track-menu-qr-mobile {
        display: flex !important;
    }
}


/* =========================================================
   TRACK QR — MOBILE THREE-DOT MENU
   ========================================================= */

/* Desktop: QR в основном ряду, в ⋯ скрыт */
.music-track-menu-qr-mobile {
    display: none !important;
}

@media (max-width: 760px) {

    /* Mobile: скрываем QR возле основных кнопок */
    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    .music-track-qr-action {
        display: none !important;
    }

    /* Mobile: показываем QR внутри ⋯ */
    .music-track-menu-qr-mobile {
        display: flex !important;
    }
}


/* =========================================================
   FINAL MOBILE QR FIX
   QR only inside ⋯ on mobile
   ========================================================= */

@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    button.music-secondary-btn.music-track-icon-action.music-track-qr-action {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-qr-mobile {
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}



/* =========================================================
   PAXOR MUSIC — MOBILE HOME FINAL LAYOUT v1
   Desktop untouched
   ========================================================= */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       1. Никакого горизонтального выезда всей страницы
       ----------------------------------------------------- */

    html,
    body {
        max-width: 100%;
        overflow-x: hidden !important;
    }

    .music-shell,
    .music-main,
    .music-main > *,
    .music-section,
    .music-feature,
    .music-feature-copy,
    .music-marketplace-section,
    .music-queue-section {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       2. Главный layout — одна колонка
       ----------------------------------------------------- */

    .music-shell {
        width: 100% !important;
        height: auto !important;

        display: block !important;

        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;

        overflow: visible !important;
    }

    .music-main {
        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        overflow: visible !important;
    }


    /* -----------------------------------------------------
       3. LEFT SIDEBAR
       На mobile это больше НЕ узкая desktop-рейка
       ----------------------------------------------------- */

    .music-sidebar {
        position: relative !important;

        inset: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;

        border-right: 0 !important;
        border-bottom:
            1px solid rgba(255,255,255,.08) !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* Верхняя строка Paxor Music */

    .music-sidebar-brand-row {
        width: 100% !important;
        min-width: 0 !important;

        min-height: 54px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 10px !important;

        padding:
            7px 12px !important;

        box-sizing: border-box !important;
    }

    .music-brand {
        min-width: 0 !important;

        display: flex !important;
        align-items: center !important;

        overflow: hidden !important;
    }

    .music-left-toggle {
        flex: 0 0 40px !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
    }


    /* -----------------------------------------------------
       4. Если sidebar СВЕРНУТ:
       оставляем аккуратную верхнюю строку,
       а не узкую вертикальную рейку.
       ----------------------------------------------------- */

    .music-sidebar:has(
        #music-left-toggle[aria-expanded="false"]
    ) {
        width: 100% !important;
        max-width: 100% !important;

        height: 54px !important;
        min-height: 54px !important;
    }

    .music-sidebar:has(
        #music-left-toggle[aria-expanded="false"]
    ) > :not(.music-sidebar-brand-row) {
        display: none !important;
    }


    /* -----------------------------------------------------
       5. Если sidebar открыт:
       он становится нормальной mobile-панелью.
       ----------------------------------------------------- */

    .music-sidebar:has(
        #music-left-toggle[aria-expanded="true"]
    ) {
        width: 100% !important;

        max-height: min(62vh, 520px) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .music-sidebar-section {
        width: 100% !important;
        min-width: 0 !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        box-sizing: border-box !important;
    }

    .music-playlist-list {
        width: 100% !important;
        min-width: 0 !important;
    }


    /* -----------------------------------------------------
       6. MAIN CONTENT
       ----------------------------------------------------- */

    .music-main {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 110px !important;
    }


    /* -----------------------------------------------------
       7. ONBOARDING
       На телефоне только одна колонка
       ----------------------------------------------------- */

    .music-onboarding {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 14px !important;
    }

    .music-onboarding ol {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 8px !important;
    }

    .music-onboarding li {
        min-width: 0 !important;
    }


    /* -----------------------------------------------------
       8. HERO
       Убираем desktop 104px + content grid
       ----------------------------------------------------- */

    .music-feature,
    .music-feature-track-hero {
        width: 100% !important;

        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        grid-template-rows: auto !important;

        gap: 12px !important;

        padding: 14px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        border-radius: 14px !important;
    }

    .music-feature > *,
    .music-feature-track-hero > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .music-feature-copy,
    .music-public-hero-copy {
        width: 100% !important;

        padding: 0 !important;

        overflow: hidden !important;
    }

    .music-feature-copy h1,
    .music-feature-copy h2,
    .music-feature-copy h3,
    .music-public-hero-copy h1,
    .music-public-hero-copy h2 {
        max-width: 100% !important;

        overflow-wrap: anywhere !important;
    }

    .music-feature-copy p,
    .music-public-hero-copy p {
        max-width: 100% !important;

        margin-top: 7px !important;
        margin-bottom: 9px !important;

        line-height: 1.42 !important;
    }


    /* Hero actions тоже должны переноситься */

    .music-feature
    .music-track-hero-actions {
        width: 100% !important;

        display: flex !important;
        flex-wrap: wrap !important;

        gap: 7px !important;

        min-width: 0 !important;
    }

    .music-feature
    .music-track-hero-actions > * {
        flex: 0 0 auto !important;
    }


    /* -----------------------------------------------------
       9. SECTION HEADINGS
       ----------------------------------------------------- */

    .music-section-heading {
        width: 100% !important;
        min-width: 0 !important;

        gap: 8px !important;

        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .music-section-heading > * {
        min-width: 0 !important;
    }

    .music-marketplace-sticky-heading {
        max-width: 100% !important;
    }


    /* -----------------------------------------------------
       10. TRACK / PLAYLIST CARDS
       На mobile одна колонка
       ----------------------------------------------------- */

    .music-track-grid {
        width: 100% !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 10px !important;
    }

    .music-track-grid > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }


    /* -----------------------------------------------------
       11. Широкие таблицы треков
       Они больше НЕ растягивают всю страницу.

       Пока сохраняем существующую структуру строки,
       но скролл находится ТОЛЬКО внутри секции.
       ----------------------------------------------------- */

    .music-marketplace-section,
    .music-queue-section {
        width: 100% !important;

        overflow-x: auto !important;
        overflow-y: visible !important;

        overscroll-behavior-x: contain;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: thin;
    }

    .music-public-track-head,
    .music-public-track-row,
    .music-queue-head,
    .music-queue-row {
        box-sizing: border-box !important;
    }


    /*
     * Не разрешаем старому grid ужиматься
     * до нечитаемой каши.
     *
     * Если строка широкая — скроллится только
     * список, а не вся страница.
     */

    .music-public-track-head,
    .music-public-track-row,
    .music-queue-head,
    .music-queue-row {
        min-width: 620px !important;
        max-width: none !important;
    }


    /* -----------------------------------------------------
       12. Все картинки не могут вылезать за экран
       ----------------------------------------------------- */

    .music-main img,
    .music-sidebar img {
        max-width: 100% !important;
    }


    /* -----------------------------------------------------
       13. Inputs / buttons
       ----------------------------------------------------- */

    .music-main input,
    .music-main textarea,
    .music-main select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .music-main button {
        max-width: 100%;
    }


    /* -----------------------------------------------------
       14. Нижний player
       ----------------------------------------------------- */

    .music-player {
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}


/* Очень узкие телефоны */
@media (max-width: 390px) {

    .music-main {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .music-feature,
    .music-feature-track-hero {
        padding: 11px !important;
        border-radius: 12px !important;
    }

    .music-sidebar-brand-row {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}



/* =========================================================
   PAXOR MUSIC — HOME MOBILE PLAYER v2
   Compact 72px bar
   ========================================================= */

@media (max-width: 760px) {

    /*
     * Не трогаем специальный player страницы отдельного трека.
     * Здесь приводим в порядок обычный глобальный player.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player {
        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;

        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) 54px !important;

        grid-template-rows:
            72px !important;

        align-items: center !important;

        gap: 8px !important;

        padding:
            8px 10px !important;

        margin: 0 !important;

        overflow: hidden !important;

        border-top:
            1px solid rgba(255,255,255,.10) !important;

        background:
            rgba(5, 17, 24, .97) !important;

        backdrop-filter:
            none !important;

        -webkit-backdrop-filter:
            none !important;

        box-sizing: border-box !important;

        z-index: 9990 !important;
    }


    /* -----------------------------------------
       TRACK / COVER / TITLE
       ----------------------------------------- */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-track {
        min-width: 0 !important;

        height: 56px !important;

        display: grid !important;

        grid-template-columns:
            48px minmax(0, 1fr) !important;

        align-items: center !important;

        gap: 10px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-cover {
        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;

        display: grid !important;

        border-radius: 7px !important;

        background-size: cover !important;
        background-position: center !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-copy {
        min-width: 0 !important;

        display: grid !important;

        gap: 3px !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    #music-player-title {
        min-width: 0 !important;

        display: block !important;

        overflow: hidden !important;

        color: #f3f6f7 !important;

        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    #music-player-artist {
        min-width: 0 !important;

        display: block !important;

        overflow: hidden !important;

        color:
            rgba(205,218,225,.62) !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /*
     * Like возле названия на mobile убираем —
     * он уже доступен в интерфейсе трека.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-track
    .music-player-icon {
        display: none !important;
    }


    /* -----------------------------------------
       CENTER
       ----------------------------------------- */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-center {
        width: 54px !important;
        height: 54px !important;

        min-width: 54px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
    }


    /*
     * Progress/waveform обычного desktop-player
     * здесь не нужен.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-center
    > :not(.music-player-controls) {
        display: none !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-controls {
        width: 54px !important;
        height: 54px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-controls
    > :not(.music-play-toggle) {
        display: none !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    #music-play-toggle {
        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;
        min-height: 48px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        font-size: 17px !important;

        box-shadow: none !important;
    }


    /* Desktop-only куски */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-volume,

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-chain {
        display: none !important;
    }


    /*
     * Контент страницы должен заканчиваться
     * выше player.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-main {
        padding-bottom:
            88px !important;
    }
}


/* Маленькие телефоны */

@media (max-width: 390px) {

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player {
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;

        grid-template-columns:
            minmax(0, 1fr) 50px !important;

        grid-template-rows:
            68px !important;

        padding:
            7px 8px !important;
    }

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-cover {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-track {
        grid-template-columns:
            44px minmax(0, 1fr) !important;

        gap: 8px !important;
    }

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    #music-play-toggle {
        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;
    }
}



/* =========================================================
   PAXOR MUSIC — HOME MOBILE PLAYER v2
   Compact 72px bar
   ========================================================= */

@media (max-width: 760px) {

    /*
     * Не трогаем специальный player страницы отдельного трека.
     * Здесь приводим в порядок обычный глобальный player.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player {
        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;

        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) 54px !important;

        grid-template-rows:
            72px !important;

        align-items: center !important;

        gap: 8px !important;

        padding:
            8px 10px !important;

        margin: 0 !important;

        overflow: hidden !important;

        border-top:
            1px solid rgba(255,255,255,.10) !important;

        background:
            rgba(5, 17, 24, .97) !important;

        backdrop-filter:
            none !important;

        -webkit-backdrop-filter:
            none !important;

        box-sizing: border-box !important;

        z-index: 9990 !important;
    }


    /* -----------------------------------------
       TRACK / COVER / TITLE
       ----------------------------------------- */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-track {
        min-width: 0 !important;

        height: 56px !important;

        display: grid !important;

        grid-template-columns:
            48px minmax(0, 1fr) !important;

        align-items: center !important;

        gap: 10px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-cover {
        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;

        display: grid !important;

        border-radius: 7px !important;

        background-size: cover !important;
        background-position: center !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-copy {
        min-width: 0 !important;

        display: grid !important;

        gap: 3px !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    #music-player-title {
        min-width: 0 !important;

        display: block !important;

        overflow: hidden !important;

        color: #f3f6f7 !important;

        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    #music-player-artist {
        min-width: 0 !important;

        display: block !important;

        overflow: hidden !important;

        color:
            rgba(205,218,225,.62) !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /*
     * Like возле названия на mobile убираем —
     * он уже доступен в интерфейсе трека.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-track
    .music-player-icon {
        display: none !important;
    }


    /* -----------------------------------------
       CENTER
       ----------------------------------------- */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-center {
        width: 54px !important;
        height: 54px !important;

        min-width: 54px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
    }


    /*
     * Progress/waveform обычного desktop-player
     * здесь не нужен.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-center
    > :not(.music-player-controls) {
        display: none !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-controls {
        width: 54px !important;
        height: 54px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-controls
    > :not(.music-play-toggle) {
        display: none !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    #music-play-toggle {
        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;
        min-height: 48px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        font-size: 17px !important;

        box-shadow: none !important;
    }


    /* Desktop-only куски */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-volume,

    body:has(.music-shell):not(.music-track-detail-page)
    .music-player
    .music-player-chain {
        display: none !important;
    }


    /*
     * Контент страницы должен заканчиваться
     * выше player.
     */

    body:has(.music-shell):not(.music-track-detail-page)
    .music-main {
        padding-bottom:
            88px !important;
    }
}


/* Маленькие телефоны */

@media (max-width: 390px) {

    body:not(.music-track-detail-page)
    .music-player {
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;

        grid-template-columns:
            minmax(0, 1fr) 50px !important;

        grid-template-rows:
            68px !important;

        padding:
            7px 8px !important;
    }

    body:not(.music-track-detail-page)
    .music-player
    .music-player-cover {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    body:not(.music-track-detail-page)
    .music-player
    .music-player-track {
        grid-template-columns:
            44px minmax(0, 1fr) !important;

        gap: 8px !important;
    }

    body:not(.music-track-detail-page)
    .music-player
    #music-play-toggle {
        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;
    }
}



/* =========================================================
   PAXOR MUSIC — MOBILE MARKETPLACE CARDS v2
   ========================================================= */

@media (max-width: 760px) {

    /* Одна карточка на всю доступную ширину */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-track-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Основная NFT-карточка */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-track-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 10px 10px 12px !important;

        box-sizing: border-box !important;

        border-radius: 14px !important;

        overflow: hidden !important;
    }


    /* ------------------------------
       COVER
       ------------------------------ */

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-cover {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        aspect-ratio: 1 / 1 !important;

        margin: 0 !important;

        border-radius: 11px !important;

        overflow: hidden !important;

        background-size: cover !important;
        background-position: center !important;
    }


    /* NFT #1 */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-nft {
        top: 10px !important;
        left: 10px !important;

        padding: 7px 10px !important;

        font-size: 11px !important;
    }


    /* For sale */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-market-badge {
        top: 10px !important;
        right: 10px !important;

        max-width: calc(100% - 110px) !important;

        padding: 7px 9px !important;

        font-size: 10px !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /* Play поверх cover */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-play {
        width: 52px !important;
        height: 52px !important;

        right: 12px !important;
        bottom: 12px !important;

        font-size: 18px !important;
    }


    /* ------------------------------
       TITLE / ARTIST
       ------------------------------ */

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-track-card > h3 {
        min-width: 0 !important;

        margin:
            13px 3px 0 !important;

        font-size: 20px !important;
        line-height: 1.2 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-track-card > h3 a {
        min-width: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-track-card > p {
        min-width: 0 !important;

        margin:
            5px 3px 12px !important;

        font-size: 13px !important;
        line-height: 1.3 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /* ------------------------------
       SALE AREA
       ------------------------------ */

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-sale {
        width: 100% !important;
        min-width: 0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) auto !important;

        grid-template-rows:
            auto auto !important;

        column-gap: 12px !important;
        row-gap: 3px !important;

        align-items: center !important;

        margin: 0 !important;
        padding:
            12px 2px 1px !important;

        border-top:
            1px solid rgba(255,255,255,.09) !important;

        box-sizing: border-box !important;
    }


    /* Цена */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-price {
        grid-column: 1 !important;
        grid-row: 1 !important;

        min-width: 0 !important;

        display: grid !important;

        gap: 3px !important;
    }


    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-price > span {
        font-size: 9px !important;
        font-weight: 800 !important;

        letter-spacing: .04em !important;

        opacity: .7 !important;
    }


    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-price > strong {
        font-size: 20px !important;
        line-height: 1.1 !important;

        white-space: nowrap !important;
    }


    /* 1/1 available */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-availability {
        grid-column: 1 !important;
        grid-row: 2 !important;

        margin: 2px 0 0 !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        opacity: .65 !important;
    }


    /* ------------------------------
       BUY BUTTON
       ------------------------------ */

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-market-btn {
        grid-column: 2 !important;
        grid-row: 1 / 3 !important;

        align-self: center !important;

        width: auto !important;
        min-width: 108px !important;
        max-width: 130px !important;

        height: 44px !important;
        min-height: 44px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        padding: 0 13px !important;

        border-radius: 10px !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }


    /*
     * Ключевой фикс пустой кнопки:
     * возвращаем текст Buy/Купить.
     */
    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-market-btn > span {
        display: inline !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;

        font-size: 12px !important;
        line-height: 1 !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-market-btn > i {
        display: inline-block !important;

        width: auto !important;

        margin: 0 !important;

        font-size: 13px !important;
    }
}


/* Очень узкие телефоны */
@media (max-width: 390px) {

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-track-card {
        padding:
            8px 8px 10px !important;
    }

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-track-card > h3 {
        font-size: 18px !important;
    }

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-market-btn {
        min-width: 94px !important;

        padding:
            0 10px !important;

        font-size: 11px !important;
    }

    body:not(.music-track-detail-page)
    .music-marketplace-section
    .music-card-market-btn > span {
        font-size: 11px !important;
    }
}



/* =========================================================
   PAXOR MUSIC — MOBILE TRACK LIST v1
   Compact only / Spotify-like
   ========================================================= */


/* Header для ⋯ нужен только mobile */
.music-track-menu-mobile-head {
    display: none;
}


@media (max-width: 760px) {

    /* -----------------------------------------
       Expanded / Compact toggle больше не нужен
       ----------------------------------------- */

    .music-queue-view-toggle,
    .music-playlist-view-toggle,
    .music-playlist-compact-view-toggle {
        display: none !important;
    }


    /* Заголовок таблицы тоже не нужен */
    .music-queue-head,
    .music-public-track-head {
        display: none !important;
    }


    /* -----------------------------------------
       LIST CONTAINER
       ----------------------------------------- */

    .music-queue,
    .music-public-track-list {
        width: 100% !important;
        min-width: 0 !important;

        overflow: visible !important;
    }


    /* -----------------------------------------
       ROW
       cover | title/artist | ...
       ----------------------------------------- */

    .music-shell
    .music-queue-row,

    .music-shell
    .music-public-track-row {
        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        min-height: 70px !important;
        height: auto !important;

        display: grid !important;

        grid-template-columns:
            56px minmax(0, 1fr) 42px !important;

        grid-template-rows:
            minmax(56px, auto) !important;

        align-items: center !important;

        column-gap: 11px !important;

        padding:
            7px 5px !important;

        margin: 0 !important;

        border: 0 !important;
        border-radius: 9px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    .music-shell
    .music-queue-row:hover,

    .music-shell
    .music-public-track-row:hover {
        background:
            rgba(255,255,255,.035) !important;
    }


    .music-shell
    .music-queue-row.active,

    .music-shell
    .music-public-track-row.active {
        background:
            rgba(29,202,139,.055) !important;
    }


    /* -----------------------------------------
       COVER
       ----------------------------------------- */

    .music-shell
    .music-queue-row
    .music-queue-cover,

    .music-shell
    .music-public-track-row
    .music-public-track-cover {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 56px !important;
        height: 56px !important;

        min-width: 56px !important;

        margin: 0 !important;

        border-radius: 7px !important;

        overflow: hidden !important;
    }


    /*
     * Старый отдельный index/play column убираем.
     * На mobile вся строка теперь запускает трек.
     */

    .music-shell
    .music-queue-row
    .music-queue-index-btn,

    .music-shell
    .music-public-track-row
    .music-public-index-btn {
        display: none !important;
    }


    /* -----------------------------------------
       TITLE + ARTIST
       ----------------------------------------- */

    .music-shell
    .music-queue-row
    .music-queue-title,

    .music-shell
    .music-public-track-row
    .music-public-row-copy {
        grid-column: 2 !important;
        grid-row: 1 !important;

        min-width: 0 !important;

        display: grid !important;

        align-content: center !important;

        gap: 4px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
    }


    .music-shell
    .music-queue-title > a,

    .music-shell
    .music-public-row-copy > a {
        min-width: 0 !important;

        display: block !important;

        overflow: hidden !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    .music-shell
    .music-queue-title > a:first-child,

    .music-shell
    .music-public-row-copy > a:first-child {
        color: #f4f6f7 !important;

        font-size: 15px !important;
        font-weight: 700 !important;

        line-height: 1.2 !important;
    }


    .music-shell
    .music-queue-title > a:last-child,

    .music-shell
    .music-public-row-copy > a:last-child {
        color:
            rgba(198,208,214,.62) !important;

        font-size: 12px !important;
        font-weight: 500 !important;

        line-height: 1.2 !important;
    }


    /*
     * Клик по тексту тоже должен Play.
     * Artist / Track navigation теперь есть в ⋯.
     */

    .music-shell
    .music-queue-title a,

    .music-shell
    .music-public-row-copy a {
        pointer-events: none !important;
    }


    /* Playing */
    .music-shell
    .music-queue-row.active
    .music-queue-title > a:first-child,

    .music-shell
    .music-public-track-row.active
    .music-public-row-copy > a:first-child {
        color: #1dca8b !important;
    }


    /* -----------------------------------------
       HIDE EVERYTHING SECONDARY
       ----------------------------------------- */

    .music-shell
    .music-queue-row
    .music-queue-album,

    .music-shell
    .music-queue-row
    .music-queue-added,

    .music-shell
    .music-queue-row
    .music-row-buy,

    .music-shell
    .music-queue-row
    .music-track-playlist-check,

    .music-shell
    .music-queue-row
    .music-queue-duration,

    .music-shell
    .music-queue-row
    .music-track-waveform,

    .music-shell
    .music-queue-row
    .music-track-social-row,

    .music-shell
    .music-queue-row
    .music-queue-market,

    .music-shell
    .music-public-track-row
    > :not(
        .music-public-track-cover,
        .music-public-row-copy,
        .music-track-actions
    ) {
        display: none !important;
    }


    /* -----------------------------------------
       THREE DOTS
       ----------------------------------------- */

    .music-shell
    .music-queue-row
    .music-track-actions,

    .music-shell
    .music-public-track-row
    .music-track-actions {
        grid-column: 3 !important;
        grid-row: 1 !important;

        position: static !important;

        width: 42px !important;
        height: 48px !important;

        display: grid !important;
        place-items: center !important;

        justify-self: end !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


    .music-shell
    .music-queue-row
    .music-track-more,

    .music-shell
    .music-public-track-row
    .music-track-more {
        width: 42px !important;
        height: 48px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;

        border: 0 !important;

        color:
            rgba(226,233,237,.65) !important;

        background:
            transparent !important;

        font-size: 19px !important;
    }


    /* -----------------------------------------
       MOBILE ⋯ BOTTOM SHEET
       ----------------------------------------- */

    .music-shell
    .music-queue-row
    .music-track-menu,

    .music-shell
    .music-public-track-row
    .music-track-menu {
        position: fixed !important;

        left: 10px !important;
        right: 10px !important;

        top: auto !important;

        bottom:
            calc(
                80px +
                env(safe-area-inset-bottom)
            ) !important;

        z-index: 11050 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        max-height:
            min(72vh, 620px) !important;

        padding:
            8px !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        border:
            1px solid rgba(255,255,255,.10) !important;

        border-radius:
            20px !important;

        background:
            rgba(25,28,30,.985) !important;

        box-shadow:
            0 24px 70px
            rgba(0,0,0,.58) !important;

        backdrop-filter:
            blur(24px) !important;

        -webkit-backdrop-filter:
            blur(24px) !important;

        transform: none !important;
    }


    .music-track-menu[hidden] {
        display: none !important;
    }


    /* Track header */

    .music-track-menu-mobile-head {
        display: grid !important;

        grid-template-columns:
            54px minmax(0,1fr) !important;

        align-items: center !important;

        gap: 12px !important;

        padding:
            9px 8px 13px !important;

        margin-bottom: 4px !important;

        border-bottom:
            1px solid rgba(255,255,255,.09) !important;
    }


    .music-track-menu-mobile-cover {
        width: 54px !important;
        height: 54px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 8px !important;

        overflow: hidden !important;

        background-position:
            center !important;

        background-size:
            cover !important;
    }


    .music-track-menu-mobile-meta {
        min-width: 0 !important;

        display: grid !important;

        gap: 5px !important;
    }


    .music-track-menu-mobile-meta strong,
    .music-track-menu-mobile-meta span {
        overflow: hidden !important;

        text-overflow:
            ellipsis !important;

        white-space:
            nowrap !important;
    }


    .music-track-menu-mobile-meta strong {
        color: #fff !important;

        font-size: 15px !important;
        font-weight: 700 !important;
    }


    .music-track-menu-mobile-meta span {
        color:
            rgba(215,222,227,.58) !important;

        font-size: 12px !important;
    }


    /* Menu rows */

    .music-shell
    .music-track-menu
    .music-track-menu-item {
        width: 100% !important;

        min-height: 52px !important;

        display: grid !important;

        grid-template-columns:
            34px minmax(0,1fr) !important;

        align-items: center !important;

        gap: 8px !important;

        padding:
            8px 11px !important;

        border: 0 !important;
        border-radius: 11px !important;

        color:
            rgba(245,247,248,.94) !important;

        background:
            transparent !important;

        text-align:
            left !important;
    }


    .music-shell
    .music-track-menu
    .music-track-menu-item:hover,

    .music-shell
    .music-track-menu
    .music-track-menu-item:active {
        background:
            rgba(255,255,255,.07) !important;
    }


    .music-shell
    .music-track-menu
    .music-track-menu-item > i {
        width: 30px !important;

        color:
            rgba(213,221,226,.70) !important;

        font-size: 18px !important;

        text-align:
            center !important;
    }


    .music-shell
    .music-track-menu
    .music-track-menu-copy {
        min-width: 0 !important;
    }


    .music-shell
    .music-track-menu
    .music-track-menu-copy > span {
        font-size: 14px !important;
    }
}


/* narrow phones */
@media (max-width: 390px) {

    .music-shell
    .music-queue-row,

    .music-shell
    .music-public-track-row {
        grid-template-columns:
            52px minmax(0,1fr) 38px !important;

        min-height: 66px !important;

        column-gap: 9px !important;
    }


    .music-shell
    .music-queue-row
    .music-queue-cover,

    .music-shell
    .music-public-track-row
    .music-public-track-cover {
        width: 52px !important;
        height: 52px !important;

        min-width: 52px !important;
    }
}


/* =========================================================
   PAXOR MUSIC — PLAYING EQUALIZERS v1
   Global player + mobile Queue
   ========================================================= */

/* Mobile Queue copy не должен появляться на desktop */
.music-mobile-row-equalizer {
    display: none !important;
}


/* =========================
   GLOBAL PLAYER
   ========================= */

#music-player .music-player-copy {
    position: relative;
    box-sizing: border-box;
}

#music-player .music-global-equalizer {
    position: absolute;

    left: 0;
    top: 1px;

    width: 14px;
    height: 16px;

    display: none !important;
    align-items: flex-end;
    justify-content: center;

    gap: 2px;

    color: var(--music-green);

    pointer-events: none;
}

#music-player .music-global-equalizer.playing {
    display: flex !important;
}

#music-player .music-player-copy.has-playing-equalizer {
    padding-left: 20px;
}


/* =========================
   MOBILE QUEUE
   ========================= */

@media (max-width: 760px) {

    .music-shell
    .music-queue-row
    .music-mobile-row-equalizer {
        position: absolute !important;

        left: 0 !important;
        top: 2px !important;

        width: 14px !important;
        height: 16px !important;

        display: none !important;

        align-items: flex-end !important;
        justify-content: center !important;

        gap: 2px !important;

        color: var(--music-green) !important;

        pointer-events: none !important;
        z-index: 2 !important;
    }

    .music-shell
    .music-queue-row.playing
    .music-mobile-row-equalizer {
        display: flex !important;
    }

    .music-shell
    .music-queue-row.playing
    .music-queue-title {
        position: relative !important;
        padding-left: 20px !important;
    }

    #music-player
    .music-player-copy.has-playing-equalizer {
        padding-left: 18px !important;
    }

    #music-player
    .music-global-equalizer {
        width: 13px !important;
        height: 15px !important;
        gap: 2px !important;
    }
}



/* =========================================================
   PAXOR MUSIC — FINAL MOBILE COMPACT UI v1
   Topbar + Marketplace header + Global Player
   ========================================================= */

.music-mobile-topbar-title {
    display: none;
}


@media (max-width: 760px) {

    /* =====================================================
       1. PAXOR MUSIC TOPBAR
       ===================================================== */

    body:not(.music-track-detail-page)
    .music-main
    .music-topbar {
        width: 100% !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        padding: 0 12px !important;
        margin: 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* На mobile вместо пустого/search-header показываем Paxor Music */
    body:not(.music-track-detail-page)
    .music-topbar
    .music-search-shell {
        display: none !important;
    }


    body:not(.music-track-detail-page)
    .music-mobile-topbar-title {
        min-width: 0 !important;

        display: inline-flex !important;
        align-items: center !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #eef5f6 !important;

        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 500 !important;

        text-decoration: none !important;

        white-space: nowrap !important;
    }


    body:not(.music-track-detail-page)
    .music-mobile-topbar-title strong {
        font-weight: 800 !important;
    }


    body:not(.music-track-detail-page)
    .music-mobile-topbar-title > i {
        display: inline-block !important;

        color: var(--music-green) !important;

        font-size: 14px !important;
        line-height: 1 !important;
    }



    /* =====================================================
       2. MUSIC NFT MARKETPLACE HEADER
       ===================================================== */

    #music-library-view:not([hidden])
    .music-marketplace-sticky-heading {
        width: 100% !important;

        min-height: 44px !important;
        height: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 8px !important;

        padding: 5px 8px !important;
        margin: 0 !important;

        box-sizing: border-box !important;
    }


    #music-library-view:not([hidden])
    .music-marketplace-sticky-heading > div {
        min-width: 0 !important;

        display: grid !important;

        gap: 1px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #music-library-view:not([hidden])
    .music-marketplace-sticky-heading
    .music-kicker {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 8px !important;
        line-height: 1.05 !important;
        letter-spacing: .07em !important;

        white-space: nowrap !important;
    }


    #music-library-view:not([hidden])
    .music-marketplace-sticky-heading
    #music-library-title {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 15px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    #music-library-view:not([hidden])
    .music-marketplace-sticky-heading
    .music-result-count {
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 9px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }



    /* =====================================================
       3. GLOBAL PLAYER — MOBILE
       cover | title + artist | play
       ===================================================== */

    body:has(.music-shell):not(.music-track-detail-page)
    #music-player.paxor-global-player,
    body:has(.music-shell):not(.music-track-detail-page)
    footer#music-player.paxor-global-player {
        width: 100vw !important;
        max-width: 100vw !important;

        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            42px !important;

        grid-template-rows:
            60px !important;

        align-items: center !important;

        gap: 6px !important;

        padding: 5px 8px !important;
        margin: 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /*
       Всё второстепенное скрываем.
       На mobile оставляем track-info + Play/Pause.
    */
    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-volume,

    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-chain,

    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-leya {
        display: none !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-track {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 50px !important;

        display: grid !important;

        grid-template-columns:
            40px
            minmax(0, 1fr) !important;

        align-items: center !important;

        gap: 8px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-cover {
        grid-column: 1 !important;

        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
        min-height: 40px !important;

        display: grid !important;

        border-radius: 6px !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-copy {
        grid-column: 2 !important;

        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;

        display: grid !important;

        gap: 2px !important;

        overflow: hidden !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    #music-player-title {
        min-width: 0 !important;
        max-width: 100% !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #f3f6f7 !important;

        font-size: 12px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    #music-player-artist {
        min-width: 0 !important;
        max-width: 100% !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: rgba(205,218,225,.68) !important;

        font-size: 10px !important;
        line-height: 1.1 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /* Like внутри track-info на mobile не нужен */
    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-track
    .music-player-icon {
        display: none !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-center {
        grid-column: 2 !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 50px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: visible !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-controls {
        width: 42px !important;
        height: 42px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        gap: 0 !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-controls
    > :not(#music-play-toggle) {
        display: none !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    #music-play-toggle {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        border-radius: 50% !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-progress-row {
        display: none !important;
    }


    /* Наш новый equalizer остаётся возле title */
    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-player-copy.has-playing-equalizer {
        padding-left: 17px !important;
    }


    body:has(.music-shell):not(.music-track-detail-page)
    #music-player
    .music-global-equalizer {
        left: 0 !important;
        top: 0 !important;

        width: 12px !important;
        height: 14px !important;
    }


    :root {
        --paxor-player-height: 60px !important;
    }
}



/* Очень узкий экран */
@media (max-width: 360px) {

    body:not(.music-track-detail-page)
    #music-player.paxor-global-player,
    body:not(.music-track-detail-page)
    footer#music-player.paxor-global-player {
        grid-template-columns:
            minmax(0, 1fr)
            38px !important;

        gap: 4px !important;

        padding-left: 6px !important;
        padding-right: 6px !important;
    }


    body:not(.music-track-detail-page)
    #music-player
    .music-player-track {
        grid-template-columns:
            36px
            minmax(0, 1fr) !important;

        gap: 6px !important;
    }


    body:not(.music-track-detail-page)
    #music-player
    .music-player-cover {
        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
        min-height: 36px !important;
    }


    body:not(.music-track-detail-page)
    #music-player
    #music-play-toggle {
        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
        min-height: 36px !important;
    }
}

/* === PAXOR MOBILE HEADER PLAYER FIX V20 START === */

@media (max-width: 640px) {

    /* =====================================================
       1. PAXOR MUSIC MOBILE HEADER
       Текст и иконка находятся внутри одной шапки.
       ===================================================== */

    body:has(.music-shell) .music-topbar {
        position: relative !important;

        width: 100% !important;

        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        padding: 0 14px !important;
        margin: 0 0 16px 0 !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }


    body:has(.music-shell) .music-mobile-topbar-title {
        position: static !important;

        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: auto !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;

        text-decoration: none !important;
        overflow: hidden !important;
    }


    body:has(.music-shell)
    .music-mobile-topbar-title > i {
        position: static !important;

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        flex: 0 0 38px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        border-radius: 50% !important;

        font-size: 19px !important;
        line-height: 1 !important;
    }


    body:has(.music-shell)
    .music-mobile-topbar-title > span {
        position: static !important;

        inset: auto !important;
        transform: none !important;

        display: block !important;

        width: auto !important;
        max-width: calc(100vw - 90px) !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 22px !important;
        line-height: 1.1 !important;
        font-weight: 500 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    body:has(.music-shell)
    .music-mobile-topbar-title > span strong {
        font-weight: 800 !important;
    }



    /* =====================================================
       2. MARKETPLACE HEADER -> FIRST NFT CARD
       ===================================================== */

    body:has(.music-shell)
    .music-marketplace-sticky-heading {
        margin-bottom: 14px !important;
    }


    body:has(.music-shell)
    .music-marketplace-section {
        margin-top: 0 !important;
    }



    /* =====================================================
       3. COMPACT GLOBAL PLAYER
       72px -> 56px
       Работает даже если старые track-detail правила
       пытались сделать player большим.
       ===================================================== */

    body:has(.music-shell)
    #music-player.paxor-global-player,

    body:has(.music-shell)
    footer#music-player.paxor-global-player {

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

        grid-template-columns:
            minmax(0, 1fr)
            44px !important;

        align-items: center !important;

        gap: 6px !important;

        padding: 5px 8px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-track {

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 46px !important;
        min-height: 0 !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-cover {

        display: grid !important;
        place-items: center !important;

        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
        min-height: 36px !important;

        flex: 0 0 36px !important;

        margin: 0 !important;

        border-radius: 6px !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-copy {

        display: grid !important;

        min-width: 0 !important;

        gap: 1px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    body:has(.music-shell)
    #music-player
    #music-player-title {

        display: block !important;

        max-width: 100% !important;

        font-size: 12px !important;
        line-height: 1.15 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    body:has(.music-shell)
    #music-player
    #music-player-artist {

        display: block !important;

        max-width: 100% !important;

        font-size: 10px !important;
        line-height: 1.1 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-track
    .music-player-icon {

        display: none !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-center {

        display: flex !important;
        flex-direction: row !important;

        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 46px !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;

        order: initial !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-controls {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;

        height: 44px !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;

        order: initial !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-controls
    > :not(.music-play-toggle) {

        display: none !important;
    }


    body:has(.music-shell)
    #music-player
    .music-play-toggle {

        display: grid !important;
        place-items: center !important;

        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
        min-height: 40px !important;

        max-width: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        transform: none !important;
    }


    body:has(.music-shell)
    #music-player
    .music-progress-row,

    body:has(.music-shell)
    #music-player
    .music-progress-wrap {

        display: none !important;
    }


    body:has(.music-shell)
    #music-player
    .music-player-volume {

        display: none !important;

        width: 0 !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    :root {
        --paxor-player-height: 56px !important;
    }

}


/* VERY SMALL PHONES */

@media (max-width: 360px) {

    body:has(.music-shell)
    #music-player.paxor-global-player,

    body:has(.music-shell)
    footer#music-player.paxor-global-player {

        grid-template-columns:
            minmax(0, 1fr)
            40px !important;

        padding-left: 6px !important;
        padding-right: 6px !important;
    }


    body:has(.music-shell)
    #music-player
    .music-play-toggle {

        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
        min-height: 36px !important;

        max-width: 36px !important;
        max-height: 36px !important;
    }
}

/* === PAXOR MOBILE HEADER PLAYER FIX V20 END === */


/* === PAXOR MOBILE WIDTH V21 START === */

@media (max-width: 760px) {

    body:has(.music-shell) .music-main {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 6px !important;
        padding-right: 6px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body:has(.music-shell) .music-topbar,
    body:has(.music-shell) .music-section-heading,
    body:has(.music-shell) .music-marketplace-section,
    body:has(.music-shell) .music-queue-section {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body:has(.music-shell) .music-track-grid {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* === PAXOR MOBILE WIDTH V21 END === */

/* === PAXOR MOBILE FORCE V22 START === */


/* ---------------------------------------------------------
   WHOLE PAXOR MUSIC PAGE
   --------------------------------------------------------- */

html.paxor-mobile-ui body .music-shell {

    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 4px !important;
    padding-right: 4px !important;

    box-sizing: border-box !important;

    grid-template-columns:
        minmax(0, 1fr) !important;
}


/*
   On phone keep only main music column.
   Sidebar / right desktop column cannot steal width.
*/
html.paxor-mobile-ui body
.music-shell > :not(.music-main) {

    display: none !important;
}


html.paxor-mobile-ui body .music-main {

    grid-column: 1 !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   TOP PAXOR MUSIC HEADER
   --------------------------------------------------------- */

html.paxor-mobile-ui body .music-topbar {

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 0 10px 0 !important;

    padding: 0 10px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


html.paxor-mobile-ui body
.music-mobile-topbar-title {

    position: static !important;

    inset: auto !important;
    transform: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 9px !important;

    white-space: nowrap !important;

    text-decoration: none !important;
}


html.paxor-mobile-ui body
.music-mobile-topbar-title > i {

    position: static !important;

    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;

    font-size: 18px !important;
    line-height: 1 !important;

    transform: none !important;
}


html.paxor-mobile-ui body
.music-mobile-topbar-title > span {

    position: static !important;

    display: block !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 20px !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    transform: none !important;
}


/*
   На телефоне поле поиска не помещаем в эту короткую шапку.
*/
html.paxor-mobile-ui body
.music-topbar .music-search-shell {

    display: none !important;
}


/* ---------------------------------------------------------
   MAIN CONTENT WIDTH
   --------------------------------------------------------- */

html.paxor-mobile-ui body
.music-section-heading,

html.paxor-mobile-ui body
.music-section,

html.paxor-mobile-ui body
.music-marketplace-section,

html.paxor-mobile-ui body
.music-queue-section,

html.paxor-mobile-ui body
.music-track-grid {

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* Space between marketplace heading and first card */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {

    margin-bottom: 14px !important;
}


html.paxor-mobile-ui body
.music-marketplace-section {

    margin-top: 0 !important;
}


/* === PAXOR MOBILE FORCE V22 END === */


/* === PAXOR MOBILE BRAND WIDTH V23 START === */

html.paxor-mobile-ui body .music-shell {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;

    margin: 0 !important;

    padding-left: 2px !important;
    padding-right: 2px !important;

    box-sizing: border-box !important;

    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}

html.paxor-mobile-ui body .music-main {
    width: calc(100vw - 4px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 4px) !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

html.paxor-mobile-ui body .music-main > * {
    max-width: none !important;
}

html.paxor-mobile-ui body .music-topbar {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 6px 0 14px 0 !important;
    padding: 0 16px !important;

    border-radius: 24px !important;
    border: 1px solid rgba(34, 201, 255, .50) !important;

    background:
        radial-gradient(circle at 18% 50%, rgba(58, 196, 255, .22), transparent 36%),
        linear-gradient(135deg, rgba(8, 29, 42, .96), rgba(2, 12, 20, .98)) !important;

    box-shadow:
        0 0 0 1px rgba(52, 188, 255, .12) inset,
        0 0 24px rgba(8, 146, 219, .20) !important;

    overflow: hidden !important;
}

html.paxor-mobile-ui body .music-mobile-topbar-title {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-decoration: none !important;
}

html.paxor-mobile-ui body .music-mobile-topbar-title > i {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    line-height: 1 !important;
}

html.paxor-mobile-ui body .music-mobile-topbar-title > span {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 86px) !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #edf7ff !important;
    font-size: 19px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html.paxor-mobile-ui body .music-topbar .music-search-shell {
    display: none !important;
}

html.paxor-mobile-ui body .music-section-heading,
html.paxor-mobile-ui body .music-section,
html.paxor-mobile-ui body .music-marketplace-section,
html.paxor-mobile-ui body .music-queue-section,
html.paxor-mobile-ui body .music-track-grid {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

html.paxor-mobile-ui body .music-marketplace-sticky-heading {
    margin-top: 0 !important;
    margin-bottom: 14px !important;

    padding: 14px 16px !important;

    border-radius: 22px !important;
    border: 1px solid rgba(34, 201, 255, .44) !important;

    background:
        radial-gradient(circle at 20% 45%, rgba(55, 196, 255, .16), transparent 38%),
        linear-gradient(135deg, rgba(8, 29, 42, .92), rgba(2, 12, 20, .96)) !important;

    box-shadow:
        0 0 0 1px rgba(52, 188, 255, .10) inset,
        0 0 18px rgba(8, 146, 219, .16) !important;
}

html.paxor-mobile-ui body .music-marketplace-section {
    margin-top: 0 !important;
}

/* === PAXOR MOBILE BRAND WIDTH V23 END === */


/* === PAXOR MOBILE LAYOUT V24 START === */


/* ---------------------------------------------------------
   1. FULL PAXOR MUSIC TITLE — NO ...
   --------------------------------------------------------- */

html.paxor-mobile-ui body
.music-mobile-topbar-title {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

html.paxor-mobile-ui body
.music-mobile-topbar-title > span {
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    overflow: visible !important;
    text-overflow: clip !important;

    white-space: nowrap !important;

    flex: 0 0 auto !important;
}


/* ---------------------------------------------------------
   2. WHOLE PAGE = SAME WIDTH AS TOP HEADER
   --------------------------------------------------------- */

html.paxor-mobile-ui body .music-shell {
    width: 100vw !important;
    max-width: 100vw !important;

    margin: 0 !important;

    padding-left: 2px !important;
    padding-right: 2px !important;

    box-sizing: border-box !important;
}

html.paxor-mobile-ui body .music-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/*
   Все основные блоки Paxor Music
   растягиваем ровно как верхнюю шапку.
*/

html.paxor-mobile-ui body .music-main > section,

html.paxor-mobile-ui body
.music-main > .music-section-heading,

html.paxor-mobile-ui body
.music-track-detail-hero,

html.paxor-mobile-ui body
.music-public-hero,

html.paxor-mobile-ui body
.music-feature,

html.paxor-mobile-ui body
.music-marketplace-section,

html.paxor-mobile-ui body
.music-queue-section,

html.paxor-mobile-ui body
.music-track-grid {

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* Убираем дополнительные боковые поля внутри секций */

html.paxor-mobile-ui body
.music-marketplace-section,

html.paxor-mobile-ui body
.music-queue-section {

    padding-left: 0 !important;
    padding-right: 0 !important;
}


html.paxor-mobile-ui body
.music-track-grid {

    grid-template-columns:
        minmax(0, 1fr) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    gap-left: 0 !important;
    gap-right: 0 !important;
}


/*
   Карточки тоже занимают всю доступную ширину.
*/

html.paxor-mobile-ui body
.music-track-grid > * {

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   3. SECOND BLUE HEADER MUST NOT OVERLAP CARD
   --------------------------------------------------------- */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {

    position: relative !important;

    top: auto !important;
    bottom: auto !important;

    z-index: 1 !important;

    width: 100% !important;

    margin-top: 12px !important;
    margin-bottom: 22px !important;

    transform: none !important;
}


html.paxor-mobile-ui body
.music-marketplace-section {

    position: relative !important;

    top: auto !important;

    margin-top: 0 !important;
}


/* Queue header — тоже не накладываем на список */

html.paxor-mobile-ui body
.music-queue-sticky-heading {

    position: relative !important;
    top: auto !important;

    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* === PAXOR MOBILE LAYOUT V24 END === */


/* === PAXOR MOBILE FINE TUNE V25 START === */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {
    margin-top: 4px !important;
    margin-bottom: 28px !important;
}

/* === PAXOR MOBILE FINE TUNE V25 END === */


/* === PAXOR MOBILE WIDTH STICKY V26 START === */


/* =========================================================
   1. ВСЯ МОБИЛЬНАЯ СТРАНИЦА ПОЧТИ НА ВСЮ ШИРИНУ
   ========================================================= */

html.paxor-mobile-ui body .music-shell {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;

    margin: 0 !important;
    padding: 0 1px !important;

    box-sizing: border-box !important;
}


html.paxor-mobile-ui body .music-main {
    width: calc(100vw - 2px) !important;
    min-width: calc(100vw - 2px) !important;
    max-width: calc(100vw - 2px) !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/*
   Снимаем старые ограничения ширины у прямых блоков.
*/

html.paxor-mobile-ui body .music-main > * {
    width: calc(100vw - 2px) !important;
    max-width: calc(100vw - 2px) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


html.paxor-mobile-ui body .music-section,
html.paxor-mobile-ui body .music-section-heading,
html.paxor-mobile-ui body .music-marketplace-section,
html.paxor-mobile-ui body .music-queue-section,
html.paxor-mobile-ui body .music-track-grid,
html.paxor-mobile-ui body .music-track-detail-hero,
html.paxor-mobile-ui body .music-public-hero {

    width: calc(100vw - 2px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2px) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* Убираем лишние боковые поля */

html.paxor-mobile-ui body .music-marketplace-section,
html.paxor-mobile-ui body .music-queue-section,
html.paxor-mobile-ui body .music-track-grid {

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Карточки на всю доступную ширину */

html.paxor-mobile-ui body
.music-track-grid > * {

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   2. PAXOR MUSIC — ЗАКРЕПЛЯЕМ НАВЕРХУ
   ========================================================= */

html.paxor-mobile-ui body .music-topbar {

    position: sticky !important;

    /*
       Глобальное верхнее меню Paxor остаётся сверху,
       поэтому музыкальную шапку держим прямо под ним.
    */
    top: 72px !important;

    z-index: 1250 !important;

    width: calc(100vw - 2px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2px) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    overflow: hidden !important;

    isolation: isolate !important;

    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}


/*
   Полное название, никакого Paxor Mu...
*/

html.paxor-mobile-ui body
.music-mobile-topbar-title {

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    overflow: visible !important;
}


html.paxor-mobile-ui body
.music-mobile-topbar-title > span {

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    white-space: nowrap !important;

    overflow: visible !important;
    text-overflow: clip !important;
}


/* =========================================================
   3. MUSIC NFT MARKETPLACE
   Реально двигаем шапку вверх.
   ========================================================= */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {

    position: relative !important;

    /*
       Не просто margin — физически двигаем вверх.
    */
    top: -12px !important;

    bottom: auto !important;

    transform: none !important;

    z-index: 5 !important;

    width: calc(100vw - 2px) !important;
    max-width: calc(100vw - 2px) !important;

    margin-top: 0 !important;

    /*
       При этом карточку оставляем ниже,
       чтобы шапка больше не заходила на неё.
    */
    margin-bottom: 30px !important;
}


html.paxor-mobile-ui body
.music-marketplace-section {

    position: relative !important;

    top: auto !important;

    margin-top: 0 !important;

    clear: both !important;
}


/* === PAXOR MOBILE WIDTH STICKY V26 END === */


/* === PAXOR MOBILE HEADER CENTER V27 START === */


/* =========================================================
   1. PAXOR MUSIC HEADER — FIXED
   Верхнее глобальное меню занимает примерно 72px.
   ========================================================= */

html.paxor-mobile-ui body .music-topbar {
    position: fixed !important;

    top: 72px !important;
    left: 2px !important;
    right: 2px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    z-index: 1300 !important;

    transform: none !important;
}


/*
   Шапка теперь fixed и вышла из потока,
   поэтому оставляем под неё место.
*/

html.paxor-mobile-ui body .music-main {
    padding-top: 84px !important;
}


/* Полное название Paxor Music */

html.paxor-mobile-ui body
.music-mobile-topbar-title {
    overflow: visible !important;
    max-width: none !important;
}


html.paxor-mobile-ui body
.music-mobile-topbar-title > span {
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}


/* Наушники — тот же Font Awesome icon, что desktop menu */

html.paxor-mobile-ui body
.music-mobile-topbar-title > i {
    display: grid !important;
    place-items: center !important;

    width: 36px !important;
    height: 36px !important;

    min-width: 36px !important;

    font-size: 19px !important;

    transform: none !important;
}



/* =========================================================
   2. КАРТОЧКИ — ЦЕНТРИРУЕМ
   Сейчас они визуально немного вправо.
   ========================================================= */

html.paxor-mobile-ui body
.music-marketplace-section {
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
}


html.paxor-mobile-ui body
.music-track-grid {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;
}


html.paxor-mobile-ui body
.music-track-grid > * {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;

    box-sizing: border-box !important;
}



/* =========================================================
   3. СПИСОК ВОСПРОИЗВЕДЕНИЯ — ТАК ЖЕ ПО ЦЕНТРУ
   ========================================================= */

html.paxor-mobile-ui body
.music-queue-section {
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
}


html.paxor-mobile-ui body
.music-queue-section > * {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


html.paxor-mobile-ui body
.music-queue-section .music-queue-row {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
}


/* Заголовок списка тоже по центру */

html.paxor-mobile-ui body
.music-queue-sticky-heading {
    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
}


/* === PAXOR MOBILE HEADER CENTER V27 END === */


/* === PAXOR MOBILE POSITION V28 START === */


/* =========================================================
   1. PAXOR MUSIC ВПЛОТНУЮ К ВЕРХНЕМУ МЕНЮ
   ========================================================= */

html.paxor-mobile-ui body .music-topbar {
    top: 64px !important;

    left: 1px !important;
    right: 1px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/*
   Так как fixed-шапка поднялась выше,
   немного уменьшаем резерв под неё.
*/

html.paxor-mobile-ui body .music-main {
    padding-top: 76px !important;
}


/* =========================================================
   2. УВЕЛИЧИВАЕМ НАУШНИКИ
   ========================================================= */

html.paxor-mobile-ui body
.music-mobile-topbar-title > i {

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    font-size: 27px !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


html.paxor-mobile-ui body
.music-mobile-topbar-title {

    gap: 11px !important;
}



/* =========================================================
   3. NFT КАРТОЧКИ — СДВИГАЕМ ВЛЕВО
   ========================================================= */

html.paxor-mobile-ui body
.music-marketplace-section {

    width: calc(100vw - 4px) !important;
    max-width: calc(100vw - 4px) !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: translateX(-1px) !important;
}


html.paxor-mobile-ui body
.music-track-grid {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


html.paxor-mobile-ui body
.music-track-grid > * {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: none !important;
}



/* =========================================================
   4. PLAYLIST / QUEUE — ТОЖЕ ВЛЕВО
   ========================================================= */

html.paxor-mobile-ui body
.music-queue-section {

    width: calc(100vw - 4px) !important;
    max-width: calc(100vw - 4px) !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: translateX(-1px) !important;
}


html.paxor-mobile-ui body
.music-queue-section > * {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html.paxor-mobile-ui body
.music-queue-section .music-queue-row {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    left: 0 !important;
    right: auto !important;

    transform: none !important;
}


/* Заголовок списка тоже выравниваем по левому краю */

html.paxor-mobile-ui body
.music-queue-sticky-heading {

    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    left: 0 !important;
    right: auto !important;

    transform: none !important;
}


/* === PAXOR MOBILE POSITION V28 END === */


/* === PAXOR MOBILE ALIGN V29 START === */


/* =========================================================
   PAXOR MUSIC HEADER
   ========================================================= */

html.paxor-mobile-ui body
.music-topbar {

    /*
       JS ставит сюда реальный низ
       горизонтального меню.
    */
    top: var(--paxor-music-menu-bottom, 58px) !important;

    /*
       Чуть уменьшаем шапку по горизонтали.
    */
    left: 6px !important;
    right: 6px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;

    z-index: 1300 !important;
}


/*
   Место под fixed header.
*/

html.paxor-mobile-ui body
.music-main {

    padding-top: 74px !important;
}



/* =========================================================
   NFT CARDS — РЕАЛЬНО СДВИГАЕМ ВЛЕВО
   ========================================================= */

html.paxor-mobile-ui body
.music-marketplace-section {

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;
}


html.paxor-mobile-ui body
.music-track-grid {

    position: relative !important;

    left: -8px !important;

    width: calc(100% + 8px) !important;
    min-width: calc(100% + 8px) !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}


html.paxor-mobile-ui body
.music-track-grid > * {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    left: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}



/* =========================================================
   PLAYLIST / QUEUE — ТОЖЕ ВЛЕВО
   ========================================================= */

html.paxor-mobile-ui body
.music-queue-section {

    position: relative !important;

    left: -8px !important;

    width: calc(100% + 8px) !important;
    min-width: calc(100% + 8px) !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}


html.paxor-mobile-ui body
.music-queue-section > * {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}


html.paxor-mobile-ui body
.music-queue-sticky-heading {

    position: relative !important;

    left: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: none !important;
}


/* Чтобы расширенные блоки не создавали горизонтальный скролл */

html.paxor-mobile-ui,
html.paxor-mobile-ui body {

    overflow-x: hidden !important;
}


/* === PAXOR MOBILE ALIGN V29 END === */


/* === PAXOR MOBILE POSITION V30 START === */


/* Шапку Paxor Music чуть левее */

html.paxor-mobile-ui body
.music-topbar {
    left: 2px !important;
    right: 10px !important;
}


/* NFT карточки немного назад вправо */

html.paxor-mobile-ui body
.music-track-grid {
    left: -3px !important;

    width: calc(100% + 3px) !important;
    min-width: calc(100% + 3px) !important;
}


/* Список воспроизведения тоже вправо */

html.paxor-mobile-ui body
.music-queue-section {
    left: -3px !important;

    width: calc(100% + 3px) !important;
    min-width: calc(100% + 3px) !important;
}


/* === PAXOR MOBILE POSITION V30 END === */


/* === PAXOR MOBILE POSITION V31 START === */


/* Paxor Music — чуть уже и строго по центру */

html.paxor-mobile-ui body
.music-topbar {
    left: 7px !important;
    right: 7px !important;

    width: auto !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* NFT карточки немного вправо */

html.paxor-mobile-ui body
.music-track-grid {
    left: 4px !important;

    width: calc(100% - 4px) !important;
    min-width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
}


/* Список воспроизведения тоже вправо */

html.paxor-mobile-ui body
.music-queue-section {
    left: 4px !important;

    width: calc(100% - 4px) !important;
    min-width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
}


/* === PAXOR MOBILE POSITION V31 END === */


/* === PAXOR MOBILE HEADERS V32 START === */


/* ---------------------------------------------------------
   PAXOR MUSIC
   Сохраняем ширину V31, но целиком сдвигаем на 4px влево
   --------------------------------------------------------- */

html.paxor-mobile-ui body
.music-topbar {
    left: 3px !important;
    right: 11px !important;

    width: auto !important;
    max-width: none !important;
}


/* ---------------------------------------------------------
   MUSIC NFT LIBRARY / MARKETPLACE
   Такой же горизонтальный размер, как Paxor Music
   и такая же высота
   --------------------------------------------------------- */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {
    position: relative !important;

    left: 3px !important;
    right: auto !important;

    width: calc(100vw - 14px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 14px) !important;

    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding: 0 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;

    border-radius: 24px !important;
}


/* Текст внутри центрируем по вертикали */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0 !important;
}


/* счётчик справа */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading
.music-result-count {
    flex: 0 0 auto !important;

    margin-left: 10px !important;
}


/* === PAXOR MOBILE HEADERS V32 END === */


/* === PAXOR MOBILE HEADERS V33 START === */


/* ---------------------------------------------------------
   PAXOR MUSIC
   Ещё немного левее.
   Общая ширина остаётся прежней: viewport - 14px
   --------------------------------------------------------- */

html.paxor-mobile-ui body
.music-topbar {
    left: 0 !important;
    right: 14px !important;

    width: auto !important;

    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   MUSIC NFT LIBRARY / MARKETPLACE
   ТОЧНО такой же размер, как Paxor Music
   --------------------------------------------------------- */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {
    position: relative !important;

    left: 0 !important;
    right: auto !important;

    width: calc(100vw - 14px) !important;
    min-width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;

    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding: 0 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-radius: 24px !important;

    box-sizing: border-box !important;
}


/* Левая часть заголовка */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading > div {
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}


/* Счётчик справа */

html.paxor-mobile-ui body
.music-marketplace-sticky-heading
.music-result-count {
    flex: 0 0 auto !important;
    margin-left: 10px !important;
}


/* === PAXOR MOBILE HEADERS V33 END === */


/* === PAXOR MOBILE LIBRARY HEADER V34 START === */

/*
   Music NFT library / marketplace
   ставим по левому краю так же,
   как сейчас стоит Paxor Music.
*/

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {
    left: 0 !important;
    right: auto !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    transform: none !important;
}

/* === PAXOR MOBILE LIBRARY HEADER V34 END === */


/* === PAXOR MOBILE LIBRARY HEADER ONLY V36 START === */

/*
   Двигаем ТОЛЬКО шапку Music NFT library.
   Карточки и список воспроизведения не затрагиваем.
*/

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {
    left: 0 !important;
    right: auto !important;

    transform: translateX(-6px) !important;
}

/* === PAXOR MOBILE LIBRARY HEADER ONLY V36 END === */


/* === PAXOR MOBILE LIBRARY HEADER SIZE V37 START === */

/*
   ТОЛЬКО шапка Music NFT marketplace.
   Выводим её из внутренних отступов родителя
   и делаем размером как Paxor Music.
*/

html.paxor-mobile-ui body
.music-marketplace-sticky-heading {

    position: relative !important;

    /*
       Центр родителя -> левый край viewport.
       Поэтому внутренний отступ контейнера
       больше не влияет на положение шапки.
    */
    left: 50% !important;
    right: auto !important;

    transform: translateX(-50vw) !important;

    width: calc(100vw - 14px) !important;
    min-width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;

    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* === PAXOR MOBILE LIBRARY HEADER SIZE V37 END === */

/* =========================================================
   TRACK DETAILS — DESKTOP ONLY IN THREE-DOT MENU
   ========================================================= */

@media (min-width: 761px) {

    /* Убираем отдельную кнопку Track details со страницы трека */
    body.music-track-detail-page
    .music-track-details-button {
        display: none !important;
    }

    /* Пункт Track details внутри ⋯ оставляем */
    body.music-track-detail-page
    .music-track-menu
    .music-track-menu-details-action {
        display: flex !important;
        visibility: visible !important;
    }
}


/* =========================================================
   DESKTOP TRACK PAGE:
   Track details only in ⋯ menu
   ========================================================= */
@media (min-width: 761px) {

    /* скрыть отдельную кнопку Track details */
    .music-track-details-button,
    .music-track-detail-controls .music-track-details-button,
    .music-track-detail-controls [class*="track-details-button"],
    .music-track-detail-controls [class*="track-details-trigger"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* пункт Track details в меню ⋯ оставить */
    .music-track-menu .music-track-menu-details-action {
        display: flex !important;
        visibility: visible !important;
    }
}



/* =========================================================
   PAXOR MUSIC SIDEBAR BRAND — FINAL HEADPHONES
   ========================================================= */

@media (min-width: 761px) {

    /* Убираем старый белый круг/подложку самого бренда */
    .music-sidebar-brand-row
    .music-brand::before,
    .music-sidebar-brand-row
    .music-brand::after {
        display: none !important;
        content: none !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Контейнер значка тоже полностью прозрачный */
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;

        flex: 0 0 44px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-right: 8px !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        background-image: none !important;

        box-shadow: none !important;
        filter: none !important;
    }

    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark::before,
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark::after {
        display: none !important;
        content: none !important;
    }

    /* Сами наушники */
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark
    i.fa-headphones-simple {
        width: auto !important;
        height: auto !important;

        display: block !important;

        color: #20d9ff !important;

        font-size: 34px !important;
        line-height: 1 !important;

        background: transparent !important;
        border: 0 !important;

        box-shadow: none !important;
        filter: none !important;
        text-shadow: none !important;
    }

    /* Track details внутри ⋯ — принудительно показываем */
    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-details-action {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}


/* =========================================================
   HERO TRACK ⋯ — FULL MENU
   ========================================================= */

@media (min-width: 761px) {

    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-hero-details {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}



/* =========================================================
   HERO TRACK THREE-DOT MENU — FORCE ALL ITEMS V2
   ========================================================= */

@media (min-width: 761px) {

    /* Само меню не должно быть высотой всего на 2 пункта */
    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu {
        width: 270px !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: min(70vh, 620px) !important;

        padding: 6px !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        display: block !important;
    }

    /* Но когда JS ставит hidden — меню закрыто */
    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu[hidden] {
        display: none !important;
    }

    /* Показываем КАЖДЫЙ пункт, независимо от старых nth-child/class правил */
    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        min-height: 44px !important;

        grid-template-columns:
            24px minmax(0, 1fr) !important;

        align-items: center !important;

        gap: 10px !important;

        padding: 0 12px !important;
        margin: 0 !important;

        pointer-events: auto !important;
    }

    /* Track details тоже принудительно */
    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-hero-details {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Никакие старые mobile-классы не должны влиять на hero menu */
    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > button {
        max-height: none !important;
        overflow: visible !important;
    }
}


/* =========================================================
   FEATURED TRACK ⋯ — REMOVE DUPLICATE LIKE / REPOST
   ========================================================= */

#music-feature-more-menu
#music-feature-menu-favorite,

#music-feature-more-menu
#music-feature-menu-repost {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}



/* =========================================================
   TRACK PAGE ⋯ — DESKTOP NO DUPLICATE ACTIONS
   ========================================================= */

@media (min-width: 761px) {

    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-duplicate-share,

    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-duplicate-favorite,

    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-duplicate-repost,

    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-duplicate-market,

    .music-track-detail-controls
    .music-track-menu
    .music-track-menu-duplicate-qr {
        display: none !important;
    }
}


/* =========================================================
   TRACK PAGE ⋯ — FINAL REMOVE DUPLICATES
   stronger than previous FORCE ALL ITEMS rule
   ========================================================= */

@media (min-width: 761px) {

    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-share,

    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-favorite,

    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-repost,

    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-market,

    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-qr {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* =========================================================
   TRACK PAGE DESKTOP — QR ONLY AS LARGE BUTTON
   ========================================================= */

@media (min-width: 761px) {

    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-qr,

    .music-track-detail-controls
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-qr-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
}



/* =========================================================
   PAXOR MUSIC — COLLAPSED SIDEBAR SMALL ICONS FINAL
   ========================================================= */

@media (min-width: 761px) {

    /*
     * Верхняя строка свернутой панели.
     * Наушники центрируем относительно всей ширины панели.
     */
    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {
        width: 100% !important;
        min-width: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    /* Контейнер первых наушников */
    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 auto !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Сами наушники меньше */
    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark
    i {
        font-size: 22px !important;
        line-height: 1 !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /*
     * Все остальные иконки навигации
     * в свернутой левой панели.
     */
    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav
    i {
        width: 18px !important;
        min-width: 18px !important;

        font-size: 16px !important;
        line-height: 1 !important;

        text-align: center !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Сами кнопки/ссылки тоже центрируем */
    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav
    a,

    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav
    button {
        justify-content: center !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}



/* =========================================================
   PAXOR MUSIC — COLLAPSED SIDEBAR HEADER VERTICAL FINAL
   headphones above collapse button
   ========================================================= */

@media (min-width: 761px) {

    /* Верх свернутой панели снова вертикальный */
    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 7px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* -----------------------------------------------------
       1. Наушники — первый значок, строго по центру
       ----------------------------------------------------- */

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {
        width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;

        flex: 0 0 30px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark
    i {
        font-size: 22px !important;
        line-height: 1 !important;

        margin: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       2. Кнопка свернуть/развернуть — под наушниками
       ----------------------------------------------------- */

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;

        flex: 0 0 30px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle
    i {
        font-size: 14px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }


    /* -----------------------------------------------------
       3. Остальные иконки ниже остаются маленькими
       ----------------------------------------------------- */

    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav
    i {
        width: 18px !important;
        min-width: 18px !important;

        font-size: 16px !important;
        line-height: 1 !important;

        text-align: center !important;
    }
}


/* =========================================================
   COLLAPSED SIDEBAR — SMALLER TOGGLE HEIGHT
   ========================================================= */

@media (min-width: 761px) {

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle {
        width: 28px !important;
        min-width: 28px !important;

        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;

        flex: 0 0 22px !important;

        padding: 0 !important;
        margin: 0 auto !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle i {
        font-size: 12px !important;
        line-height: 1 !important;
    }
}


/* =========================================================
   COLLAPSED SIDEBAR — SMALL LAYOUT TOGGLE ICON FINAL
   ========================================================= */

@media (min-width: 761px) {

    /* сама кнопка */
    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle {
        width: 28px !important;
        min-width: 28px !important;

        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;

        flex: 0 0 22px !important;

        overflow: visible !important;
    }

    /* уменьшаем именно нарисованный значок */
    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle
    .music-sidebar-layout-icon {
        width: 24px !important;
        height: 18px !important;

        border-width: 1.5px !important;
        border-radius: 5px !important;

        transform: none !important;
    }

    .music-shell.left-collapsed
    .music-left-toggle
    .music-sidebar-layout-icon::after {
        inset: 2px !important;
        border-radius: 2px !important;
    }

    /* левая голубая полоска */
    .music-shell.left-collapsed
    .music-left-toggle
    .music-sidebar-layout-rail {
        top: 2px !important;
        bottom: 2px !important;

        left: 3px !important;
        width: 3px !important;

        border-radius: 2px !important;

        box-shadow: 0 0 5px rgba(32,217,255,.25) !important;
    }

    /* правая часть */
    .music-shell.left-collapsed
    .music-left-toggle
    .music-sidebar-layout-content {
        top: 2px !important;
        bottom: 2px !important;

        left: 9px !important;
        width: 10px !important;

        border-radius: 2px !important;
    }

    /* hover в свернутом состоянии */
    .music-shell.left-collapsed
    .music-left-toggle[data-state="collapsed"]:hover
    .music-sidebar-layout-rail,

    .music-shell.left-collapsed
    .music-left-toggle[data-state="collapsed"]:focus-visible
    .music-sidebar-layout-rail {
        left: 3px !important;
        width: 6px !important;
    }

    .music-shell.left-collapsed
    .music-left-toggle[data-state="collapsed"]:hover
    .music-sidebar-layout-content,

    .music-shell.left-collapsed
    .music-left-toggle[data-state="collapsed"]:focus-visible
    .music-sidebar-layout-content {
        left: 12px !important;
        width: 7px !important;
    }
}


/* COLLAPSED SIDEBAR — MOVE TOGGLE ICON SLIGHTLY UP */
@media (min-width: 761px) {

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle
    .music-sidebar-layout-icon {
        position: relative !important;
        top: -2px !important;
    }
}


/* COLLAPSED SIDEBAR — MOVE TOGGLE ICON HIGHER */
@media (min-width: 761px) {

    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle
    .music-sidebar-layout-icon {
        top: -4px !important;
    }
}


/* =========================================================
   PAXOR MUSIC — EXPANDED SIDEBAR ICONS CENTERED
   ========================================================= */

@media (min-width: 761px) {

    /* Только развернутая левая панель */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-item {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 10px !important;
    }

    /* Font Awesome значки */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-item > i {
        width: 32px !important;
        min-width: 32px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        text-align: center !important;
    }

    /* Аватар Profile — на той же оси */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-avatar {
        width: 32px !important;
        min-width: 32px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
    }

    /* Текст остается слева */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-item > span:last-child {
        min-width: 0 !important;
        text-align: left !important;
    }
}


/* =========================================================
   PAXOR MUSIC — EXPANDED SIDEBAR ICON ALIGNMENT FINAL
   ========================================================= */

@media (min-width: 761px) {

    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-item {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 9px !important;
    }

    /* Обычные Font Awesome значки */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-item > i {
        width: 34px !important;
        min-width: 34px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    /* Аватар Profile на той же вертикальной оси */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-item > .music-nav-avatar {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        justify-self: center !important;

        margin: 0 !important;
    }

    /* Иконка внутри аватара */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-avatar > i {
        margin: 0 !important;
        text-align: center !important;
    }

    /* Текст всех пунктов начинается одинаково */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-local-nav
    .music-nav-item > span:last-child {
        margin: 0 !important;
        text-align: left !important;
    }
}


/* =========================================================
   PAXOR MUSIC — EXPANDED SIDEBAR HEADER COMPACT
   ========================================================= */

@media (min-width: 761px) {

    /* Шапка Paxor Music ниже по высоте */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row {
        min-height: 48px !important;
        height: 48px !important;

        padding-top: 3px !important;
        padding-bottom: 3px !important;

        align-items: center !important;
    }

    /* Сам блок Paxor Music */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {
        min-height: 40px !important;
        height: 40px !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Кнопка свернуть тоже не должна растягивать шапку */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-left-toggle {
        width: 38px !important;
        min-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }
}


/* PAXOR MUSIC — EXPANDED SIDEBAR HEADER SLIGHTLY TALLER */
@media (min-width: 761px) {

    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row {
        min-height: 52px !important;
        height: 52px !important;
    }

    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {
        min-height: 44px !important;
        height: 44px !important;
    }
}


/* =========================================================
   PAXOR MUSIC — DESKTOP SEARCH COMPACT + CENTERED
   ========================================================= */

@media (min-width: 761px) {

    .music-topbar
    .music-search-shell {
        width: min(560px, 48vw) !important;
        max-width: 560px !important;
        min-width: 320px !important;

        flex: 0 1 560px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        justify-self: center !important;
    }

    .music-topbar
    .music-search-shell
    input {
        width: 100% !important;
    }
}


/* =========================================================
   PAXOR MUSIC — HEADER HEIGHT + CENTERED SEARCH FINAL
   ========================================================= */

@media (min-width: 761px) {

    /* Развернутая левая шапка Paxor Music — чуть выше */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row {
        height: 55px !important;
        min-height: 55px !important;
        max-height: 55px !important;
    }

    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }


    /* Верхняя полоса должна быть опорой для центрирования */
    body:has(.music-shell)
    .music-topbar {
        position: relative !important;
    }

    /* Поисковик — уже и строго по центру */
    body:has(.music-shell)
    .music-topbar
    .music-search-shell {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: 520px !important;
        min-width: 0 !important;
        max-width: min(520px, calc(100% - 420px)) !important;

        flex: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: 520px !important;

        margin: 0 !important;
    }

    body:has(.music-shell)
    .music-topbar
    .music-search-shell > * {
        width: 100% !important;
        max-width: 100% !important;
    }

    body:has(.music-shell)
    .music-topbar
    .music-search-shell input {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   PAXOR MUSIC — ACTIVE NAV LEFT CYAN STRIPE
   Marketplace / Profile
   ========================================================= */

@media (min-width: 761px) {

    .music-sidebar
    .music-local-nav
    .music-nav-item {
        position: relative !important;
    }

    .music-sidebar
    .music-local-nav
    .music-nav-item.active,

    .music-sidebar
    .music-local-nav
    .music-nav-item[aria-current="page"] {
        box-shadow:
            inset 3px 0 0 #1bd5f8 !important;
    }
}



/* =========================================================
   PAXOR MUSIC — FIXED SIDEBAR TOP
   Paxor Music / Marketplace / Profile / Artist Studio fixed
   Scroll starts below Artist Studio
   ========================================================= */

@media (min-width: 761px) {

    .music-shell
    .music-sidebar {
        display: flex !important;
        flex-direction: column !important;

        min-height: 0 !important;

        overflow: hidden !important;
    }


    /* ---------------------------------------------------------
       1. PAXOR MUSIC HEADER — NEVER SCROLLS
       --------------------------------------------------------- */

    .music-shell
    .music-sidebar
    > .music-sidebar-brand-row {
        flex: 0 0 auto !important;

        position: relative !important;

        z-index: 5 !important;
    }


    /* ---------------------------------------------------------
       2. MARKETPLACE / PROFILE / ARTIST STUDIO — NEVER SCROLL
       --------------------------------------------------------- */

    .music-shell
    .music-sidebar
    > .music-local-nav {
        flex: 0 0 auto !important;

        position: relative !important;

        min-height: max-content !important;

        overflow: visible !important;

        z-index: 4 !important;
    }


    /* ---------------------------------------------------------
       3. EVERYTHING BELOW ARTIST STUDIO — SCROLL AREA
       --------------------------------------------------------- */

    .music-shell
    .music-sidebar
    > .music-sidebar-scroll {
        position: relative !important;

        width: 100% !important;

        flex: 1 1 0 !important;

        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain !important;

        scrollbar-width: thin;
        scrollbar-gutter: stable;
    }


    /*
     * Не позволяем старым правилам делать внутреннюю
     * библиотеку отдельным scroll-контейнером.
     */
    .music-shell
    .music-sidebar
    > .music-sidebar-scroll
    > .music-sidebar-section {
        flex: none !important;

        min-height: 0 !important;

        overflow: visible !important;
    }


    /*
     * Нижний network блок тоже находится внутри
     * того же скролла.
     */
    .music-shell
    .music-sidebar
    > .music-sidebar-scroll
    > .music-chain-note {
        flex: none !important;
    }


    /* Chrome / Edge / Safari scrollbar */
    .music-shell
    .music-sidebar
    > .music-sidebar-scroll::-webkit-scrollbar {
        width: 6px;
    }

    .music-shell
    .music-sidebar
    > .music-sidebar-scroll::-webkit-scrollbar-track {
        background: transparent;
    }

    .music-shell
    .music-sidebar
    > .music-sidebar-scroll::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(32, 217, 255, .30);
    }

    .music-shell
    .music-sidebar
    > .music-sidebar-scroll::-webkit-scrollbar-thumb:hover {
        background: rgba(32, 217, 255, .50);
    }
}



/* =========================================================
   PAXOR MUSIC — HEADER POSITION + ICON AXIS FINAL
   Header moved right.
   Headphones aligned with Marketplace/Profile/Artist Studio.
   ========================================================= */

@media (min-width: 761px) {

    /* =====================================================
       EXPANDED SIDEBAR
       ===================================================== */

    /*
     * Старая шапка выходила за левую границу.
     * Теперь её левый край совпадает с левой колонкой.
     * Правый край при этом не уезжает.
     */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    > .music-sidebar-brand-row {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /*
     * Логотип строим по той же сетке, что пункты меню:
     *
     * 34px — колонка значка
     * 9px  — расстояние до текста
     */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {
        display: grid !important;

        grid-template-columns:
            34px minmax(0, 1fr) !important;

        column-gap: 9px !important;

        align-items: center !important;

        padding-left: 10px !important;
        padding-right: 8px !important;

        box-sizing: border-box !important;
    }


    /*
     * Наушники находятся точно в центре
     * той же 34px колонки, что остальные значки.
     */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        justify-self: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark
    > i {
        margin: 0 !important;

        padding: 0 !important;

        line-height: 1 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLLAPSED SIDEBAR
       ===================================================== */

    /*
     * В свернутой колонке рамка также не выступает влево.
     */
    .music-shell.left-collapsed
    .music-sidebar
    > .music-sidebar-brand-row {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;

        align-items: center !important;
    }


    /*
     * В свернутом состоянии центр шапки =
     * центр всей левой колонки.
     */
    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {
        width: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    .music-shell.left-collapsed
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark {
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;

        height: 30px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;
    }


    /*
     * Три значка ниже используют тот же физический
     * центр свернутой колонки.
     */
    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav {
        width: 100% !important;

        align-items: stretch !important;
    }


    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav
    .music-nav-item {
        width: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav
    .music-nav-item
    > i,

    .music-shell.left-collapsed
    .music-sidebar
    .music-local-nav
    .music-nav-item
    > .music-nav-avatar {
        margin-left: auto !important;
        margin-right: auto !important;

        justify-self: center !important;
    }
}



/* =========================================================
   PAXOR MUSIC — EXPANDED HEADER TINY ADJUSTMENT
   ONLY expanded header. Nothing else.
   ========================================================= */

@media (min-width: 761px) {

    /* Шапка чуть шире только вправо */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    > .music-sidebar-brand-row {
        width: calc(100% + 6px) !important;
        margin-right: -6px !important;
    }

    /* Только наушники немного левее */
    .music-shell:not(.left-collapsed)
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark {
        transform: translateX(-3px) !important;
    }
}

/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V1 START === */
@media (max-width: 760px) {
    body.paxor-music-active nav:not(.paxor-mobile-bottom-nav):not(.music-local-nav),
    body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav):not(.music-local-nav) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.paxor-music-active,
    body:has(.music-shell) {
        padding-top: 0 !important;
    }

    body.paxor-music-active .main-content,
    body:has(.music-shell) .main-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.paxor-music-active .music-shell,
    body:has(.music-shell) .music-shell,
    body.paxor-music-active .music-shell.left-collapsed,
    body:has(.music-shell) .music-shell.left-collapsed {
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100dvh - var(--paxor-mobile-chrome-clearance, 124px)) !important;
        min-height: calc(100dvh - var(--paxor-mobile-chrome-clearance, 124px)) !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active .music-main,
    body:has(.music-shell) .music-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active .music-topbar,
    body:has(.music-shell) .music-topbar {
        min-height: 54px !important;
        height: 54px !important;
        padding: 8px 10px 8px 56px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-mobile-topbar-title,
    body:has(.music-shell) .music-mobile-topbar-title {
        display: none !important;
    }

    body.paxor-music-active .music-search-shell,
    body.paxor-music-active .music-search,
    body:has(.music-shell) .music-search-shell,
    body:has(.music-shell) .music-search {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.paxor-music-active .music-scroll-area,
    body:has(.music-shell) .music-scroll-area {
        height: calc(100% - 54px) !important;
        min-height: 0 !important;
        padding: 14px 12px 20px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.paxor-music-active .music-sidebar,
    body:has(.music-shell) .music-sidebar,
    body.paxor-music-active .music-shell.left-collapsed .music-sidebar,
    body:has(.music-shell) .music-shell.left-collapsed .music-sidebar {
        position: fixed !important;
        top: 0 !important;
        right: auto !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: min(86vw, 320px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 12px 14px 18px !important;
        border-right: 1px solid rgba(32, 217, 255, 0.24) !important;
        border-bottom: 0 !important;
        border-radius: 0 14px 14px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: translateX(calc(-100% - 14px)) !important;
        transition: transform .22s cubic-bezier(.2, .8, .2, 1) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 1700 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar,
    body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar {
        transform: translateX(0) !important;
    }

    body.paxor-music-active .music-sidebar-brand-row,
    body:has(.music-shell) .music-sidebar-brand-row {
        position: relative !important;
        min-height: 46px !important;
        padding-right: 44px !important;
    }

    body.paxor-music-active #music-left-toggle.music-left-toggle,
    body:has(.music-shell) #music-left-toggle.music-left-toggle {
        position: absolute !important;
        top: 4px !important;
        right: 4px !important;
        left: auto !important;
        width: 38px !important;
        height: 38px !important;
        display: grid !important;
        place-items: center !important;
        z-index: 2 !important;
    }

    body.paxor-music-active .music-brand > span:last-child,
    body.paxor-music-active .music-nav-item span:not(.music-nav-avatar),
    body.paxor-music-active .music-library-title,
    body.paxor-music-active .music-library-tabs,
    body.paxor-music-active .music-playlist-sidebar-name,
    body.paxor-music-active .music-playlist-sidebar-copy,
    body:has(.music-shell) .music-brand > span:last-child,
    body:has(.music-shell) .music-nav-item span:not(.music-nav-avatar),
    body:has(.music-shell) .music-library-title,
    body:has(.music-shell) .music-library-tabs,
    body:has(.music-shell) .music-playlist-sidebar-name,
    body:has(.music-shell) .music-playlist-sidebar-copy {
        display: initial !important;
    }

    body.paxor-music-active .music-local-nav,
    body:has(.music-shell) .music-local-nav {
        display: grid !important;
        width: 100% !important;
        margin-top: 0 !important;
        gap: 8px !important;
    }

    body.paxor-music-active .music-nav-item,
    body:has(.music-shell) .music-nav-item,
    body.paxor-music-active .music-shell.left-collapsed .music-nav-item,
    body:has(.music-shell) .music-shell.left-collapsed .music-nav-item {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: flex-start !important;
        white-space: normal !important;
        margin: 0 !important;
    }

    body.paxor-music-active .music-sidebar-scroll,
    body:has(.music-shell) .music-sidebar-scroll {
        display: block !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.paxor-music-active .music-playlists-section,
    body.paxor-music-active .music-library-tabs,
    body.paxor-music-active .music-playlist-list,
    body:has(.music-shell) .music-playlists-section,
    body:has(.music-shell) .music-library-tabs,
    body:has(.music-shell) .music-playlist-list {
        display: grid !important;
    }

    body.paxor-music-active .music-chain-note,
    body:has(.music-shell) .music-chain-note {
        display: flex !important;
    }
}
/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V1 END === */

/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V2 START === */
@media (max-width: 760px) {
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 8px 10px 8px 56px !important;
        margin: 0 !important;
        gap: 8px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle),
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle[aria-expanded="true"]),
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle),
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle[aria-expanded="true"]) {
        position: fixed !important;
        top: 0 !important;
        right: auto !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: min(86vw, 320px) !important;
        min-width: 0 !important;
        max-width: min(86vw, 320px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 12px 14px 18px !important;
        border-right: 1px solid rgba(32, 217, 255, 0.24) !important;
        border-bottom: 0 !important;
        border-radius: 0 14px 14px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: translateX(calc(-100% - 14px)) !important;
        transition: transform .22s cubic-bezier(.2, .8, .2, 1) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 1700 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle),
    body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) {
        transform: translateX(0) !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-local-nav,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-local-nav {
        display: grid !important;
        width: 100% !important;
        margin-top: 0 !important;
        gap: 8px !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-playlists-section,
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-library-tabs,
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-playlist-list,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-playlists-section,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-library-tabs,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-playlist-list {
        display: grid !important;
    }
}
/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V2 END === */

/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V3 START === */
@media (max-width: 760px) {
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.paxor-music-active .music-shell .music-main .music-scroll-area,
    body:has(.music-shell) .music-shell .music-main .music-scroll-area {
        height: 100% !important;
        min-height: 0 !important;
        padding: 54px 12px 20px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle),
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle[aria-expanded="true"]),
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle),
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle[aria-expanded="true"]) {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        padding: 8px 12px 12px !important;
        overflow: hidden !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row {
        flex: 0 0 30px !important;
        width: 100% !important;
        min-height: 30px !important;
        height: 30px !important;
        max-height: 30px !important;
        margin: 0 0 4px !important;
        padding: 0 34px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        z-index: 5 !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand {
        min-height: 28px !important;
        height: 28px !important;
        max-height: 28px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 8px !important;
        gap: 7px !important;
        display: flex !important;
        align-items: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand-mark,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand-mark {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
        flex: 0 0 24px !important;
        font-size: 12px !important;
        margin: 0 !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle {
        top: 0 !important;
        right: 0 !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) #music-left-toggle .music-sidebar-layout-icon,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) #music-left-toggle .music-sidebar-layout-icon {
        width: 22px !important;
        height: 22px !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav {
        flex: 0 0 auto !important;
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 7px !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 4 !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item {
        width: 100% !important;
        min-height: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: center !important;
        justify-content: stretch !important;
        column-gap: 8px !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > i,
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > i,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        margin: 0 !important;
        justify-self: center !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll {
        position: relative !important;
        flex: 1 1 auto !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 8px 2px 0 0 !important;
        border-top: 1px solid rgba(32, 217, 255, 0.16) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
        z-index: 1 !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-playlists-section,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-playlists-section {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-library-heading,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-library-heading {
        min-height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-library-tabs,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-library-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-top: 7px !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-library-tabs button,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-library-tabs button {
        min-height: 30px !important;
        padding: 0 6px !important;
        font-size: 10px !important;
    }
}
/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V3 END === */

/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V4 START === */
@media (max-width: 760px) {
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav {
        flex: 0 0 118px !important;
        height: 118px !important;
        min-height: 118px !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 36px !important;
        align-content: start !important;
        gap: 5px !important;
        margin: 0 0 7px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding-top: 8px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}
/* === PAXOR MUSIC MOBILE OFFCANVAS SIDEBAR V4 END === */

/* === PAXOR MOBILE MUSIC MARKETPLACE SIMPLE FULLWIDTH V35 START === */
@media (max-width: 760px) {
    body.paxor-music-active .music-main,
    body.paxor-music-active .music-scroll-area,
    body.paxor-music-active #music-library-view,
    body.paxor-music-active .music-marketplace-section {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-scroll-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
        scrollbar-width: thin !important;
    }

    body.paxor-music-active .music-scroll-area::-webkit-scrollbar {
        width: 2px !important;
        height: 2px !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        margin: 8px 0 12px !important;
        padding: 8px 14px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }
}
/* === PAXOR MOBILE MUSIC MARKETPLACE SIMPLE FULLWIDTH V35 END === */

/* === PAXOR MOBILE MUSIC VIEW HIDDEN FIX V36 START === */
@media (max-width: 760px) {
    body.paxor-music-active #music-library-view[hidden],
    body.paxor-music-active #music-detail-view[hidden],
    body.paxor-music-active .music-shell #music-library-view[hidden],
    body.paxor-music-active .music-shell #music-detail-view[hidden],
    body.paxor-music-active .music-main #music-library-view[hidden],
    body.paxor-music-active .music-main #music-detail-view[hidden],
    html.paxor-mobile-ui body.paxor-music-active #music-library-view[hidden],
    html.paxor-mobile-ui body.paxor-music-active #music-detail-view[hidden] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]),
    body.paxor-music-active #music-detail-view:not([hidden]),
    body.paxor-music-active .music-shell #music-library-view:not([hidden]),
    body.paxor-music-active .music-shell #music-detail-view:not([hidden]),
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body.paxor-music-active #music-detail-view:not([hidden]) {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        height: auto !important;
        max-height: none !important;
    }
}
/* === PAXOR MOBILE MUSIC VIEW HIDDEN FIX V36 END === */

/* === PAXOR MOBILE MARKETPLACE INTRO ORDER V37 START === */
@media (max-width: 760px) {
    body.paxor-music-active:not(.music-track-detail-page) .music-topbar {
        width: 100% !important;
        min-height: 54px !important;
        padding: 7px 10px !important;
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active:not(.music-track-detail-page) .music-mobile-topbar-title {
        display: none !important;
    }

    body.paxor-music-active:not(.music-track-detail-page) .music-topbar .music-search-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 3px !important;
        display: block !important;
        flex: 1 1 auto !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active:not(.music-track-detail-page) .music-topbar .music-search {
        width: 100% !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 13px !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-scroll-area:has(#music-library-view:not([hidden])) {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 8px 10px calc(150px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 10px !important;
        padding: 13px 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker {
        display: block !important;
        font-size: 0 !important;
        line-height: 1 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker::after {
        content: "PAXOR MUSIC \00a0 \00b7 \00a0 POLYGON" !important;
        display: inline-block !important;
        color: var(--music-cyan) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        letter-spacing: .08em !important;
        white-space: nowrap !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding h2 {
        margin: 4px 0 6px !important;
        color: #f4fbff !important;
        font-size: 18px !important;
        line-height: 1.16 !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding p {
        margin: 0 !important;
        color: #c9d6dc !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding ol {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 7px !important;
        list-style: none !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 7px 9px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        text-align: left !important;
        border-radius: 7px !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-number {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-label {
        width: auto !important;
        min-height: 0 !important;
        display: block !important;
        color: #dce7eb !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) > #music-feature.music-feature-track-hero,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-feature-track-hero#music-feature {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 56px !important;
        max-height: none !important;
        margin: 0 0 10px !important;
        padding: 9px 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        z-index: 1 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: grid !important;
        gap: 2px !important;
        overflow: visible !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        font-size: 10px !important;
        line-height: 1.1 !important;
        letter-spacing: .08em !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        font-size: 19px !important;
        line-height: 1.14 !important;
        font-weight: 900 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INTRO ORDER V37 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CARDS V38 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 6px 10px 6px 58px !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title {
        display: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 2px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        margin: 0 !important;
        padding: 0 11px !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        color: var(--music-text) !important;
        font-size: 14px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: calc(100% - 52px) !important;
        min-height: 0 !important;
        padding: 8px 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]),
    body.paxor-music-active #music-library-view:not([hidden]),
    body:has(.music-shell) #music-library-view:not([hidden]) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 11px 10px !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--music-cyan) !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        letter-spacing: .06em !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker::after,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker::after,
    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker::after,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker::after {
        content: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding h2,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding h2,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding h2,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding h2 {
        margin: 2px 0 5px !important;
        font-size: 17px !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding p,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding p,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding p,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding p {
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding ol,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding ol,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding ol,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding ol {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li {
        min-height: 34px !important;
        padding: 6px 7px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-number,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-number,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-number,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-number {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        font-size: 10px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-label,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-label,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-label,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-label {
        min-width: 0 !important;
        min-height: 0 !important;
        display: block !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-feature,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-feature,
    body.paxor-music-active #music-library-view:not([hidden]) > #music-feature,
    body:has(.music-shell) #music-library-view:not([hidden]) > #music-feature {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: static !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 46px !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 8px 10px !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        font-size: 9px !important;
        line-height: 1.1 !important;
        letter-spacing: .06em !important;
        white-space: nowrap !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        font-size: 18px !important;
        line-height: 1.12 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-track-card,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card,
    body.paxor-music-active #music-library-view:not([hidden]) .music-track-card,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card {
        min-width: 0 !important;
        padding: 6px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-cover,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-cover,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-cover,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-cover {
        border-radius: 5px !important;
        font-size: 22px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-play,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-play,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-play,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-play {
        width: 30px !important;
        height: 30px !important;
        right: 6px !important;
        bottom: 6px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-nft,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-nft,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-nft,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-nft {
        top: 5px !important;
        left: 5px !important;
        padding: 2px 4px !important;
        font-size: 7px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-track-card h3,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card h3,
    body.paxor-music-active #music-library-view:not([hidden]) .music-track-card h3,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card h3 {
        margin: 7px 0 2px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-track-card p,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card p,
    body.paxor-music-active #music-library-view:not([hidden]) .music-track-card p,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card p {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-sale,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-sale,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-sale,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-sale {
        margin-top: 6px !important;
        padding-top: 6px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 4px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-price,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-price,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price {
        gap: 1px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-price span,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price span,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-price span,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price span {
        font-size: 7px !important;
        line-height: 1 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-price strong,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price strong,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-price strong,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price strong {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-availability,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-availability,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-availability,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-availability {
        display: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-market-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-market-btn,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-market-btn,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-market-btn {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 28px !important;
        padding: 0 6px !important;
        font-size: 10px !important;
        border-radius: 5px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CARDS V38 END === */

/* === PAXOR MOBILE MARKETPLACE SCROLLING SEARCH STICKY HEADER V39 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main,
    body.paxor-music-active .music-shell .music-main,
    body:has(.music-shell) .music-shell .music-main {
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: 1 !important;
        display: flex !important;
        width: 100% !important;
        height: auto !important;
        min-height: 50px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 6px 8px 5px 56px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell {
        display: block !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        filter: none !important;
        backdrop-filter: none !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-topbar .music-search-shell::before,
    html.paxor-mobile-ui body.paxor-music-active .music-topbar .music-search-shell::after,
    html.paxor-mobile-ui body:has(.music-shell) .music-topbar .music-search-shell::before,
    html.paxor-mobile-ui body:has(.music-shell) .music-topbar .music-search-shell::after,
    body.paxor-music-active .music-topbar .music-search-shell::before,
    body.paxor-music-active .music-topbar .music-search-shell::after,
    body:has(.music-shell) .music-topbar .music-search-shell::before,
    body:has(.music-shell) .music-topbar .music-search-shell::after {
        display: none !important;
        content: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(32, 217, 255, 0.34) !important;
        border-radius: 8px !important;
        background: rgba(5, 20, 24, 0.78) !important;
        box-shadow: none !important;
        outline: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        margin-top: 0 !important;
        overflow: visible !important;
        z-index: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 58px !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 8px 10px !important;
        transform: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.92)) !important;
        border: 1px solid rgba(32, 217, 255, 0.22) !important;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        display: grid !important;
        gap: 1px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        color: rgba(222, 244, 248, 0.72) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SCROLLING SEARCH STICKY HEADER V39 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE SEARCH SCROLL FIX V40 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main,
    body.paxor-music-active .music-shell .music-main,
    body:has(.music-shell) .music-shell .music-main {
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 8px 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]),
    body.paxor-music-active #music-library-view:not([hidden]),
    body:has(.music-shell) #music-library-view:not([hidden]) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: calc(100% - 48px) !important;
        min-width: 0 !important;
        max-width: calc(100% - 48px) !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 0 8px 48px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after {
        display: none !important;
        content: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(32, 217, 255, 0.34) !important;
        border-radius: 8px !important;
        background: rgba(5, 20, 24, 0.78) !important;
        box-shadow: none !important;
        outline: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        color: var(--music-text) !important;
        font-size: 14px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        overflow: visible !important;
        z-index: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 58px !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 8px 10px !important;
        transform: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.92)) !important;
        border: 1px solid rgba(32, 217, 255, 0.22) !important;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        color: rgba(222, 244, 248, 0.72) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE SEARCH SCROLL FIX V40 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH HEADER ALIGN V41 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 56px 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: calc(100% - 48px) !important;
        min-width: 0 !important;
        max-width: calc(100% - 48px) !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 0 8px 48px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(32, 217, 255, 0.36) !important;
        border-radius: 9px !important;
        background: rgba(5, 20, 24, 0.82) !important;
        box-shadow: none !important;
        outline: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        z-index: 60 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center !important;
        align-items: center !important;
        gap: 2px !important;
        width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 16px) !important;
        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
        margin: 0 auto 8px !important;
        padding: 8px 12px !important;
        transform: none !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        text-align: center !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.93)) !important;
        border: 1px solid rgba(32, 217, 255, 0.3) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div {
        display: grid !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 1px !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        color: var(--music-cyan) !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        letter-spacing: .08em !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #f4fbff !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: rgba(222, 244, 248, 0.74) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH HEADER ALIGN V41 END === */

/* === PAXOR MOBILE MARKETPLACE STICKY WIDTH V42 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 80 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        place-items: center !important;
        justify-self: stretch !important;
        align-self: start !important;
        inline-size: calc(100vw - 16px) !important;
        width: calc(100vw - 16px) !important;
        min-inline-size: calc(100vw - 16px) !important;
        min-width: calc(100vw - 16px) !important;
        max-inline-size: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
        margin: 0 0 8px 0 !important;
        padding: 8px 12px !important;
        transform: none !important;
        translate: none !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        text-align: center !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.93)) !important;
        border: 1px solid rgba(32, 217, 255, 0.3) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        display: grid !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE STICKY WIDTH V42 END === */

/* === PAXOR MOBILE MARKETPLACE STICKY CONTENT V43 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        place-items: stretch !important;
        justify-items: stretch !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 1px !important;
        min-height: 60px !important;
        padding: 8px 12px !important;
        text-align: left !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        display: grid !important;
        justify-items: start !important;
        align-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker {
        color: var(--music-green, #5dff9a) !important;
        text-align: left !important;
        justify-self: start !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        text-align: left !important;
        justify-self: start !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 86px !important;
        margin: 0 !important;
        color: var(--music-green, #5dff9a) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE STICKY CONTENT V43 END === */

/* === PAXOR MOBILE MARKETPLACE GREEN COUNT V44 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-marketplace-sticky-heading {
        display: contents !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker {
        color: #5dff9a !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 90px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #5dff9a !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        text-align: right !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE GREEN COUNT V44 END === */

/* === PAXOR MOBILE MARKETPLACE KICKER GREEN V45 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        color: #5dff9a !important;
        -webkit-text-fill-color: #5dff9a !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE KICKER GREEN V45 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER TUNE V46 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        grid-template-columns: minmax(0, 1fr) max-content !important;
        min-height: 68px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        align-items: stretch !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        color: #20d9ff !important;
        -webkit-text-fill-color: #20d9ff !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: 18px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: end !important;
        justify-self: end !important;
        margin: 0 0 2px 6px !important;
        max-width: 92px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER TUNE V46 END === */

/* === PAXOR MOBILE MARKETPLACE TITLE FIT V47 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        font-size: 16px !important;
        line-height: 1.15 !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE TITLE FIT V47 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER SPACING V47 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 70px !important;
        padding: 9px 12px 10px !important;
        grid-template-columns: minmax(0, 1fr) max-content !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-content: start !important;
        padding-top: 1px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        margin-top: 5px !important;
        font-size: 16px !important;
        line-height: 1.12 !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        margin: 1px 0 0 6px !important;
        max-width: 92px !important;
        font-size: 10px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER SPACING V47 END === */

/* === PAXOR MOBILE MARKETPLACE TITLE POLISH V48 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 74px !important;
        padding-bottom: 12px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        max-width: calc(100% - 50px) !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        width: max-content !important;
        max-width: calc(100vw - 92px) !important;
        margin-top: 8px !important;
        padding-right: 3px !important;
        font-size: 17px !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE TITLE POLISH V48 END === */

/* === PAXOR MOBILE MARKETPLACE TITLE FULL ROW V49 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 82px !important;
        padding: 10px 12px 12px !important;
        grid-template-columns: minmax(0, 1fr) max-content !important;
        grid-template-rows: auto auto !important;
        column-gap: 10px !important;
        row-gap: 8px !important;
        align-items: start !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        display: contents !important;
        max-width: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: start !important;
        width: auto !important;
        max-width: 100% !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        margin: 1px 0 0 6px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        align-self: end !important;
        justify-self: start !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 4px 0 0 !important;
        font-size: 18px !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE TITLE FULL ROW V49 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER COMPACT V50 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 76px !important;
        padding-top: 8px !important;
        padding-bottom: 9px !important;
        row-gap: 5px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        margin-top: 0 !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER COMPACT V50 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V51 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 76px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search {
        margin-top: 4px !important;
        margin-bottom: 10px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V51 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V52 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 112px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V52 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V53 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 94px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V53 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V54 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 84px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V54 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V55 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 68px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V55 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V56 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 56px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V56 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V57 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 50px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V57 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V58 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]),
    html body.paxor-music-active #music-library-view:not([hidden]),
    html body:has(.music-shell) #music-library-view:not([hidden]) {
        position: relative !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        transform: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 24 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell.music-mobile-sidebar-open) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn.is-open {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V58 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V59 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn {
        top: -4px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V59 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V60 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn {
        top: -1px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V60 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V62 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 56px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V62 END === */

/* === PAXOR MOBILE MUSIC AUTH POSITION LOCK V63 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]),
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell),
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]),
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) {
        --paxor-mobile-top-nav-height: 52px !important;
        padding-top: 52px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) > nav:not(.paxor-mobile-bottom-nav),
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) > nav:not(.paxor-mobile-bottom-nav),
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) > nav:not(.paxor-mobile-bottom-nav),
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) {
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        align-items: center !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) > .main-content,
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) > .main-content,
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) > .main-content,
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) > .main-content {
        position: fixed !important;
        top: 52px !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell,
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell {
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-top: 0 !important;
        transform: none !important;
    }
}
/* === PAXOR MOBILE MUSIC AUTH POSITION LOCK V63 END === */

/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V64 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui .music-shell,
    html .music-shell {
        position: fixed !important;
        top: 52px !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui .music-shell .music-main,
    html .music-shell .music-main {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui .music-shell .music-scroll-area,
    html .music-shell .music-scroll-area {
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V64 END === */

/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V65 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell,
    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell,
    html body.paxor-music-active .music-shell,
    html body:has(.music-shell) .music-shell,
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell {
        position: fixed !important;
        top: 52px !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main,
    html body.paxor-music-active .music-shell .music-main,
    html body:has(.music-shell) .music-shell .music-main {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 56px !important;
    }
}
/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V65 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V66 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 50px !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V66 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V67 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 24px !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V67 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V68 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 10px !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V68 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V69 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 0 !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V69 END === */


/* ============================================================
   PAXOR MUSIC — GLOBAL PLAYER PROGRESS SAME AS OTHER PAGES
   2026-08-25
   ============================================================ */

@media (max-width: 900px) {

    html.paxor-mobile-ui
    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-row {

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;

        z-index: 2147480000 !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        pointer-events: none !important;

        background: transparent !important;
    }


    html.paxor-mobile-ui
    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap {

        position: static !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        pointer-events: none !important;
    }


    html.paxor-mobile-ui
    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before {

        content: "" !important;

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;

        z-index: 2147480001 !important;

        width: 100vw !important;
        height: 4px !important;

        border-radius: 0 !important;

        background: linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,1) var(--range-progress, 0%),
            rgba(255,255,255,.34) var(--range-progress, 0%),
            rgba(255,255,255,.34) 100%
        ) !important;

        box-shadow:
            0 0 5px rgba(255,255,255,.18) !important;

        pointer-events: none !important;
    }


    html.paxor-mobile-ui
    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-progress {

        opacity: 0 !important;
        visibility: hidden !important;

        display: block !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;

        pointer-events: none !important;
    }
}


/* ============================================================
   PAXOR MUSIC — MOBILE GLOBAL PLAYER FINAL LOCAL SYNC V70
   Text + progress + logged-in account
   2026-08-25
   ============================================================ */

@media (max-width: 760px) {

    /* --------------------------------------------------------
       TEXT — exactly same structure as global mobile player
       -------------------------------------------------------- */

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-player-copy,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-player-copy {

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: center !important;

        gap: 3px !important;
        row-gap: 3px !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding-right: 0 !important;

        text-align: left !important;

        overflow: hidden !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-player-copy.has-playing-equalizer,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-player-copy.has-playing-equalizer {

        padding-left: 20px !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-player-title,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-player-title {

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.18 !important;
        font-weight: 800 !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-player-artist,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-player-artist {

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1.15 !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /* --------------------------------------------------------
       PROGRESS — restore real global progress line
       -------------------------------------------------------- */

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-row,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-row {

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        background: transparent !important;

        pointer-events: none !important;

        z-index: 2147480000 !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-row > span,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-row > span {

        display: none !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap {

        position: static !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        pointer-events: none !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before {

        content: "" !important;

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;

        display: block !important;

        width: 100vw !important;
        height: 3px !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,1) var(--range-progress, 0%),
            rgba(255,255,255,.34) var(--range-progress, 0%),
            rgba(255,255,255,.34) 100%
        ) !important;

        box-shadow: 0 0 5px rgba(255,255,255,.18) !important;

        pointer-events: none !important;

        z-index: 2147480001 !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-progress,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-progress {

        display: block !important;

        opacity: 0 !important;
        visibility: hidden !important;

        width: 100vw !important;
        height: 4px !important;

        pointer-events: none !important;
    }


    /* --------------------------------------------------------
       LOGGED-IN ACCOUNT — keep real avatar visible
       -------------------------------------------------------- */

    html.paxor-mobile-ui
    body.paxor-music-active[data-user-id]:not([data-user-id=""])
    nav:not(.paxor-mobile-bottom-nav)
    .menu-right
    .nav-account,

    html.paxor-mobile-ui
    body[data-user-id]:not([data-user-id=""]):has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    .menu-right
    .nav-account {

        display: flex !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        flex: 0 0 34px !important;
        flex-shrink: 0 !important;

        order: 50 !important;

        overflow: visible !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active[data-user-id]:not([data-user-id=""])
    #account-button,

    html.paxor-mobile-ui
    body[data-user-id]:not([data-user-id=""]):has(.music-shell)
    #account-button {

        display: grid !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 40px !important;

        place-items: center !important;

        overflow: visible !important;
        pointer-events: auto !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active[data-user-id]:not([data-user-id=""])
    #account-button > img.account-avatar,

    html.paxor-mobile-ui
    body[data-user-id]:not([data-user-id=""]):has(.music-shell)
    #account-button > img.account-avatar {

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 27px !important;
        min-width: 27px !important;

        height: 27px !important;
        min-height: 27px !important;

        object-fit: cover !important;
        border-radius: 50% !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    .menu-right
    .nav-more,

    html.paxor-mobile-ui
    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    .menu-right
    .nav-more {

        order: 60 !important;
        flex-shrink: 0 !important;
    }
}

/* === PAXOR MUSIC MOBILE GLOBAL PLAYER FINAL LOCAL SYNC V70 END === */


/* ============================================================
   PAXOR MOBILE MUSIC — DRAWER TRUE EDGE TO EDGE V115
   Remove original 16px sidebar gutter while mobile drawer open.
   Desktop untouched.
   ============================================================ */

@media (max-width: 760px) {

    /* Сам контейнер drawer: убираем старые 16px слева/справа */
    .music-shell.music-mobile-sidebar-open > .music-sidebar {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* Шапка Paxor Music */
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-brand-row {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-brand-row
    > .music-brand {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* Marketplace / Profile / Artist Studio */
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav
    > .music-nav-item {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* Library и остальные прямые секции */
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-section,

    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-playlist-list,

    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-chain-note {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* Карточки плейлистов / папок тоже используют всю ширину */
    .music-shell.music-mobile-sidebar-open
    .music-playlist-item,

    .music-shell.music-mobile-sidebar-open
    .music-playlist-open,

    .music-shell.music-mobile-sidebar-open
    .music-playlist-folder-heading,

    .music-shell.music-mobile-sidebar-open
    .music-playlist-folder-open {
        max-width: none !important;
        box-sizing: border-box !important;
    }
}

/* === PAXOR MOBILE MUSIC DRAWER TRUE EDGE TO EDGE V115 END === */

/* === PAXOR MOBILE MUSIC PROFILE COMPACT V116 START === */
@media (max-width: 760px) {

    /* ---------------------------------------------------------
       PROFILE: hamburger + search in one compact top row
       --------------------------------------------------------- */

    body.music-mobile-profile-active .music-topbar {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        padding: 6px 8px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 8px !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.music-mobile-profile-active
    .music-mobile-topbar-title {
        display: none !important;
    }

    /* Hide the old button while its profile proxy is used */
    body.music-mobile-profile-active
    #music-mobile-library {
        display: none !important;
    }

    body.music-mobile-profile-active
    #music-mobile-profile-library {
        position: static !important;

        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        flex: 0 0 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        transform: none !important;

        border-radius: 9px !important;

        z-index: 24 !important;
        box-sizing: border-box !important;
    }

    body.music-mobile-profile-active
    #music-mobile-profile-library[hidden] {
        display: none !important;
    }

    body.music-mobile-profile-active
    .music-topbar
    .music-search-shell {
        position: relative !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 2px !important;

        box-sizing: border-box !important;
    }

    body.music-mobile-profile-active
    .music-topbar
    .music-search {
        width: 100% !important;
        min-width: 0 !important;

        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;

        padding: 0 10px !important;

        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;
    }

    body.music-mobile-profile-active
    .music-topbar
    .music-search input {
        width: 100% !important;
        min-width: 0 !important;

        font-size: 13px !important;
    }


    /* ---------------------------------------------------------
       PROFILE HERO
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-hero {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 150px !important;
        height: auto !important;

        margin: 0 !important;

        padding: 13px 11px !important;

        display: grid !important;

        grid-template-columns:
            76px minmax(0, 1fr) !important;

        gap: 11px !important;

        align-items: end !important;

        overflow: hidden !important;

        box-sizing: border-box !important;

        background-size: cover !important;
        background-position: center center !important;
    }


    /* ---------------------------------------------------------
       AVATAR
       old mobile v37 = 165px; override it here
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-hero
    .music-user-avatar {
        width: 76px !important;
        height: 76px !important;

        min-width: 76px !important;
        min-height: 76px !important;

        max-width: 76px !important;
        max-height: 76px !important;

        align-self: end !important;

        font-size: 24px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-avatar-edit {
        width: 28px !important;
        height: 28px !important;

        right: -3px !important;
        bottom: -3px !important;

        border-width: 2px !important;

        font-size: 11px !important;
    }


    /* ---------------------------------------------------------
       CHANGE COVER
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-cover-edit {
        top: 8px !important;
        right: 8px !important;

        width: auto !important;

        height: 30px !important;
        min-height: 30px !important;

        padding: 0 9px !important;

        gap: 5px !important;

        border-radius: 8px !important;

        font-size: 10px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-cover-edit i {
        font-size: 12px !important;
    }


    /* ---------------------------------------------------------
       PROFILE TEXT
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-copy {
        min-width: 0 !important;

        padding-top: 27px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-copy
    .music-kicker {
        margin: 0 0 3px !important;

        font-size: 9px !important;
        line-height: 1.1 !important;

        letter-spacing: .05em !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-copy h1,

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy h1 {
        max-width: 100% !important;

        margin: 0 0 4px !important;

        overflow: hidden !important;

        font-size: 22px !important;
        line-height: 1.05 !important;

        letter-spacing: 0 !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy > p,

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy
    .music-public-summary {
        max-width: 100% !important;

        margin: 0 !important;

        overflow: hidden !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


    /* ---------------------------------------------------------
       PROFILE ACTIONS — ALWAYS ONE ROW
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-actions {
        width: 100% !important;
        min-width: 0 !important;

        margin-top: 8px !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 5px !important;

        overflow: hidden !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-actions > button,

    .music-scroll-area.music-profile-scroll
    .music-user-actions > a {
        min-width: 0 !important;

        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;

        flex: 1 1 0 !important;

        padding: 0 6px !important;

        gap: 4px !important;

        border-radius: 8px !important;

        overflow: hidden !important;

        font-size: 9.5px !important;
        line-height: 1 !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;

        box-sizing: border-box !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-actions > button i,

    .music-scroll-area.music-profile-scroll
    .music-user-actions > a i {
        flex: 0 0 auto !important;

        font-size: 10px !important;
    }


    /* ---------------------------------------------------------
       PROFILE TABS
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-tabs-section {
        width: 100% !important;

        margin: 12px auto 0 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-tabs {
        width: 100% !important;

        min-height: 40px !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        align-items: end !important;

        gap: 18px !important;

        overflow-x: hidden !important;

        box-sizing: border-box !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-tabs button {
        min-width: 0 !important;

        min-height: 40px !important;

        padding: 0 0 10px !important;

        flex: 0 1 auto !important;

        font-size: 12px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* Profile content must not create horizontal page scroll */
    .music-scroll-area.music-profile-scroll,
    .music-scroll-area.music-profile-scroll
    #music-detail-view {
        max-width: 100% !important;

        overflow-x: hidden !important;

        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MUSIC PROFILE COMPACT V116 END === */

/* === PAXOR MOBILE MUSIC PROFILE V117 START === */
@media (max-width: 760px) {

    /* PROFILE TOP ROW: MENU + SEARCH */

    body.music-profile-v117-active .music-topbar {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        margin: 0 !important;
        padding: 6px 8px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;

        position: relative !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.music-profile-v117-active
    .music-mobile-topbar-title {
        display: none !important;
    }


    /* Hide failed V116 proxy */

    body.music-profile-v117-active
    #music-mobile-profile-library {
        display: none !important;
    }


    /* REAL sidebar button */

    body.music-profile-v117-active
    .music-topbar
    #music-mobile-library {
        position: static !important;

        inset: auto !important;
        transform: none !important;

        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        flex: 0 0 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        border: 1px solid rgba(255,255,255,.42) !important;
        border-radius: 11px !important;

        background: rgba(8,15,18,.82) !important;

        z-index: 50 !important;
        box-sizing: border-box !important;
    }


    /* Existing real search */

    body.music-profile-v117-active
    .music-topbar
    .music-search-shell {
        position: relative !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 2px !important;

        box-sizing: border-box !important;
    }

    body.music-profile-v117-active
    .music-topbar
    .music-search {
        width: 100% !important;
        min-width: 0 !important;

        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;
    }

    body.music-profile-v117-active
    .music-topbar
    .music-search input {
        width: 100% !important;
        min-width: 0 !important;

        font-size: 13px !important;
    }


    /* PROFILE ACTIONS: don't stretch Edit profile */

    .music-scroll-area.music-profile-scroll
    .music-user-actions {
        width: 100% !important;

        margin-top: 7px !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        gap: 6px !important;

        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-actions::-webkit-scrollbar {
        display: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-actions > button,

    .music-scroll-area.music-profile-scroll
    .music-user-actions > a {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;

        height: 31px !important;
        min-height: 31px !important;
        max-height: 31px !important;

        padding: 0 12px !important;

        border-radius: 999px !important;

        font-size: 10.5px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* LOWER PROFILE BUTTONS */

    .music-scroll-area.music-profile-scroll
    .music-user-tabs-section {
        width: 100% !important;
        max-width: 100% !important;

        margin: 11px 0 0 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-tabs {
        width: 100% !important;

        min-height: 32px !important;

        padding: 0 2px 4px !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        gap: 6px !important;

        border-bottom: 0 !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;

        box-sizing: border-box !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-tabs button {
        flex: 0 0 auto !important;

        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;

        margin: 0 !important;
        padding: 0 9px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 1px solid rgba(255,255,255,.78) !important;
        border-radius: 999px !important;

        background: rgba(255,255,255,.025) !important;

        color: rgba(255,255,255,.82) !important;

        font-size: 10px !important;
        font-weight: 750 !important;
        line-height: 1 !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-tabs button::after {
        display: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-tabs button.active {
        border-color: #fff !important;
        background: rgba(255,255,255,.12) !important;
        color: #fff !important;
    }

}
/* === PAXOR MOBILE MUSIC PROFILE V117 END === */







/* === PAXOR MOBILE PROFILE TOPBAR SEARCH V124 START === */
@media (max-width: 760px) {

    /*
     * Только музыкальный профиль.
     * Marketplace этим блоком не затрагивается.
     */
    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-shell
    .music-main
    .music-topbar,

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-shell
    .music-main
    .music-topbar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        position: relative !important;
        z-index: 20 !important;

        width: 100% !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        margin: 0 !important;

        /* слева оставляем место под существующую кнопку */
        padding: 6px 9px 6px 58px !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 0 !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }


    /* Paxor Music title на этой мобильной строке не нужен */

    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-mobile-topbar-title,

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-mobile-topbar-title {
        display: none !important;
    }


    /*
     * Существующий штатный Search.
     * Ничего не клонируем и никуда его JS-ом не переносим.
     */

    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-topbar
    .music-search-shell,

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-topbar
    .music-search-shell {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        flex: 1 1 auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 2px !important;

        position: relative !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-topbar
    .music-search,

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-topbar
    .music-search {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;

        margin: 0 !important;
        padding: 0 11px !important;

        box-sizing: border-box !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-topbar
    .music-search input,

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-topbar
    .music-search input {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        font-size: 13px !important;
    }

}
/* === PAXOR MOBILE PROFILE TOPBAR SEARCH V124 END === */

/* === PAXOR MOBILE PROFILE SEARCH/SPACING V125 START === */
@media (max-width: 760px) {

    /*
     * Чуть расширяем Search:
     * уменьшаем свободное место слева и справа.
     */
    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-shell
    .music-main
    .music-topbar,

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-shell
    .music-main
    .music-topbar {
        padding-left: 48px !important;
        padding-right: 4px !important;
    }


    /*
     * Убираем большой пустой участок
     * между Search и шапкой Profile.
     */
    html.paxor-mobile-ui
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll,

    body.paxor-music-active
    .music-scroll-area.music-profile-scroll {
        padding-top: 6px !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    #music-detail-view,

    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    #music-detail-view {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-hero,

    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-hero {
        margin-top: 0 !important;
    }

}
/* === PAXOR MOBILE PROFILE SEARCH/SPACING V125 END === */

/* === PAXOR MOBILE PROFILE GAP FIX V126 START === */
@media (max-width: 760px) {

    /*
     * Убираем пространство между верхним Search
     * и шапкой музыкального профиля.
     */
    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-shell
    .music-main
    .music-scroll-area.music-profile-scroll,

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-shell
    .music-main
    .music-scroll-area.music-profile-scroll {
        padding-top: 0 !important;
        margin-top: 0 !important;
        scroll-padding-top: 0 !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-scroll-area.music-profile-scroll
    #music-detail-view:not([hidden]),

    body.paxor-music-active:has(
        .music-scroll-area.music-profile-scroll .music-user-hero
    )
    .music-scroll-area.music-profile-scroll
    #music-detail-view:not([hidden]) {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }


    /*
     * Невидимый sticky profile-header не должен
     * резервировать место до момента появления.
     */
    html.paxor-mobile-ui
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-sticky:not(.compact-visible),

    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-sticky:not(.compact-visible) {
        display: none !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    html.paxor-mobile-ui
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    #music-detail-view:not([hidden])
    > .music-user-hero,

    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    #music-detail-view:not([hidden])
    > .music-user-hero {
        margin-top: 0 !important;
    }

}
/* === PAXOR MOBILE PROFILE GAP FIX V126 END === */

/* === PAXOR MOBILE PROFILE HEADER V127 START === */
@media (max-width: 760px) {

    /* ---------------------------------------------------------
       HERO — оставляем текущую геометрию
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-hero {
        position: relative !important;
    }


    /* ---------------------------------------------------------
       USER PROFILE — в левый верхний угол + голубой
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-copy
    > .music-kicker {
        position: absolute !important;

        top: 10px !important;
        left: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: var(--music-cyan) !important;

        font-size: 9px !important;
        font-weight: 900 !important;
        line-height: 1 !important;

        letter-spacing: .08em !important;

        z-index: 20 !important;
    }


    /* ---------------------------------------------------------
       CHANGE COVER — то же место, только меньше
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-cover-edit {
        top: 8px !important;
        right: 8px !important;

        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;

        padding: 0 7px !important;

        gap: 4px !important;

        border-radius: 7px !important;

        font-size: 9px !important;
        font-weight: 750 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-cover-edit i {
        font-size: 10px !important;
    }


    /* ---------------------------------------------------------
       Основной текст теперь ниже.
       После выноса USER PROFILE из потока copy становится
       компактнее и примерно выравнивается по аватару.
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy {
        min-width: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        align-self: end !important;

        display: grid !important;
        align-content: end !important;

        gap: 2px !important;
    }


    /* Paxor Listener */

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy h1 {
        margin: 0 0 2px !important;

        font-size: 21px !important;
        line-height: 1.05 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* Collector, curator... */

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy > p {
        margin: 0 0 2px !important;

        font-size: 10px !important;
        line-height: 1.15 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* 0 Reposts · 0 playlists · ... */

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy
    .music-public-summary {
        margin: 0 !important;

        font-size: 10px !important;
        line-height: 1.15 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* ---------------------------------------------------------
       ACTIONS
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-actions {
        width: auto !important;

        margin-top: 4px !important;

        gap: 5px !important;

        justify-content: flex-start !important;
    }


    /* Edit profile — заметно меньше */

    .music-scroll-area.music-profile-scroll
    .music-user-actions
    .music-primary-btn {
        width: auto !important;
        min-width: 0 !important;

        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;

        flex: 0 0 auto !important;

        padding: 0 9px !important;

        gap: 4px !important;

        border-radius: 999px !important;

        font-size: 9.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-user-actions
    .music-primary-btn i {
        font-size: 9px !important;
    }

}
/* === PAXOR MOBILE PROFILE HEADER V127 END === */

/* === PAXOR MOBILE PROFILE COUNTERS/ACTION V128 START === */

/*
 * Desktop keeps the counters visually on one line.
 */
.music-public-summary .music-user-summary-row {
    display: inline;
}

.music-public-summary
.music-user-summary-row
+ .music-user-summary-row::before {
    content: " · ";
}


@media (max-width: 760px) {

    /* ---------------------------------------------------------
       COUNTERS — two clean rows
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-public-hero-copy.music-user-copy
    .music-public-summary {
        width: 100% !important;
        max-width: 100% !important;

        margin: 1px 0 0 !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        gap: 2px !important;

        overflow: visible !important;

        white-space: normal !important;
        text-overflow: clip !important;

        font-size: 10px !important;
        line-height: 1.12 !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-summary
    .music-user-summary-row {
        width: max-content !important;
        max-width: 100% !important;

        display: block !important;

        overflow: visible !important;

        white-space: nowrap !important;

        color: var(--music-muted) !important;

        font-size: 10px !important;
        line-height: 1.12 !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-summary
    .music-user-summary-row
    + .music-user-summary-row::before {
        content: none !important;
        display: none !important;
    }


    /* ---------------------------------------------------------
       ACTION CONTAINER
       Edit profile leaves the normal text flow.
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-actions {
        position: static !important;

        width: auto !important;
        min-width: 0 !important;

        min-height: 0 !important;

        margin-top: 2px !important;

        gap: 4px !important;
    }


    /* ---------------------------------------------------------
       EDIT PROFILE
       smaller + pinned to lower-right edge of hero
       --------------------------------------------------------- */

    .music-scroll-area.music-profile-scroll
    .music-user-hero
    .music-user-actions
    .music-primary-btn {
        position: absolute !important;

        right: 7px !important;
        bottom: 7px !important;

        z-index: 28 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 7px !important;

        gap: 3px !important;

        border-radius: 999px !important;

        font-size: 8.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;

        white-space: nowrap !important;

        box-shadow: none !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-user-hero
    .music-user-actions
    .music-primary-btn i {
        font-size: 8px !important;
    }

}

/* === PAXOR MOBILE PROFILE COUNTERS/ACTION V128 END === */


/* === PAXOR MOBILE PROFILE TABS SOFT V129 START === */
@media (max-width: 760px) {

    /* Неактивные кнопки */
    .music-scroll-area.music-profile-scroll
    .music-user-tabs
    button:not(.active) {
        border-color: rgba(170, 180, 190, .42) !important;

        color: rgba(205, 212, 218, .68) !important;

        background: rgba(255, 255, 255, .018) !important;
    }


    /* Активная — оставляем заметной */
    .music-scroll-area.music-profile-scroll
    .music-user-tabs
    button.active {
        border-color: rgba(255, 255, 255, .95) !important;

        color: #fff !important;

        background: rgba(255, 255, 255, .12) !important;
    }

}
/* === PAXOR MOBILE PROFILE TABS SOFT V129 END === */

/* === PAXOR MOBILE PROFILE PLAYLIST TRACK COVER/EQ V130 START === */

@media (max-width: 760px) {

    /*
     * Preview строки треков внутри карточки плейлиста
     */
    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-row {
        grid-template-columns:
            38px minmax(0, 1fr) !important;

        min-height: 42px !important;

        gap: 9px !important;

        position: relative !important;
    }


    /*
     * Обложка трека слева
     */
    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-cover {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        position: relative !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 5px !important;

        overflow: hidden !important;

        flex: 0 0 38px !important;
    }


    /*
     * Эквалайзер поверх обложки.
     * По умолчанию скрыт.
     */
    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-cover
    .music-user-playlist-preview-equalizer {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform:
            translate(-50%, -50%) !important;

        width: 18px !important;
        height: 17px !important;

        display: none !important;

        align-items: flex-end !important;
        justify-content: center !important;

        gap: 2px !important;

        z-index: 5 !important;

        color: var(--music-green) !important;

        pointer-events: none !important;
    }


    /*
     * Затемняем artwork только у реально играющего трека,
     * чтобы зелёный EQ хорошо читался.
     */
    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-row.playing
    .music-user-playlist-preview-cover::after {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        background:
            rgba(4, 8, 10, .58) !important;

        z-index: 3 !important;

        pointer-events: none !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-row.playing
    .music-user-playlist-preview-equalizer {
        display: flex !important;
    }


    /*
     * Полоски EQ
     */
    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-equalizer b {
        width: 3px !important;

        min-height: 4px !important;

        display: block !important;

        border-radius: 2px !important;

        background: currentColor !important;

        transform-origin:
            center bottom !important;

        animation:
            paxor-profile-playlist-eq-v130
            .72s ease-in-out infinite alternate !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-equalizer
    b:nth-child(2) {
        animation-delay:
            -.32s !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-equalizer
    b:nth-child(3) {
        animation-delay:
            -.53s !important;
    }


    /*
     * Играющая строка — чуть светлее текст,
     * без яркой заливки всей строки.
     */
    .music-scroll-area.music-profile-scroll
    .music-user-playlist-preview-row.active {
        color:
            var(--music-text) !important;
    }

}


@keyframes paxor-profile-playlist-eq-v130 {

    0% {
        height: 5px;
        transform: scaleY(.55);
    }

    45% {
        height: 15px;
        transform: scaleY(1);
    }

    100% {
        height: 9px;
        transform: scaleY(.72);
    }

}

/* === PAXOR MOBILE PROFILE PLAYLIST TRACK COVER/EQ V130 END === */



/* === PAXOR MOBILE PROFILE TRACK COVER V133 START === */

@media (max-width: 760px) {

    /*
     * Profile track row:
     * cover | title/artist | actions
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row {
        grid-template-columns:
            56px minmax(0,1fr) 42px !important;

        min-height: 70px !important;

        column-gap: 11px !important;
    }


    /*
     * Реальный класс обложки трека.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-row-cover {
        grid-column: 1 !important;
        grid-row: 1 !important;

        position: relative !important;

        display: grid !important;
        place-items: center !important;

        width: 56px !important;
        height: 56px !important;

        min-width: 56px !important;
        min-height: 56px !important;

        max-width: 56px !important;
        max-height: 56px !important;

        margin: 0 !important;

        align-self: center !important;

        border-radius: 7px !important;

        overflow: hidden !important;

        background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-row-cover.has-artwork
    > i:first-child {
        display: none !important;
    }


    /*
     * Текст справа от обложки.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-row-copy {
        grid-column: 2 !important;
        grid-row: 1 !important;

        min-width: 0 !important;
    }

}


@media (max-width: 390px) {

    .music-scroll-area.music-profile-scroll
    .music-public-track-row {
        grid-template-columns:
            52px minmax(0,1fr) 38px !important;

        column-gap: 9px !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-row-cover {
        width: 52px !important;
        height: 52px !important;

        min-width: 52px !important;
        min-height: 52px !important;

        max-width: 52px !important;
        max-height: 52px !important;
    }

}

/* === PAXOR MOBILE PROFILE TRACK COVER V133 END === */

/* === PAXOR GLOBAL PLAYER EQ OFF V133 START === */

/*
 * Глобальный плеер:
 * эквалайзер скрываем полностью.
 * Эквалайзер в списках треков профиля V132 остаётся.
 */

#music-player .music-global-equalizer,
#music-player .music-global-equalizer.playing {
    display: none !important;
}


/*
 * Убираем пустой отступ,
 * который раньше резервировался под EQ.
 */

#music-player
.music-player-copy.has-playing-equalizer {
    padding-left: 0 !important;
}


/* mobile override */

@media (max-width: 760px) {

    #music-player
    .music-player-copy.has-playing-equalizer {
        padding-left: 0 !important;
    }

}

/* === PAXOR GLOBAL PLAYER EQ OFF V133 END === */

/* === PAXOR GLOBAL PLAYER GAP FIX V134 START === */

@media (max-width: 760px) {

    /*
     * Override старого V70.
     * Убираем место, которое резервировалось под global EQ.
     */

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-player-copy.has-playing-equalizer,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-player-copy.has-playing-equalizer {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

}

/* === PAXOR GLOBAL PLAYER GAP FIX V134 END === */

/* === PAXOR MOBILE PROFILE TRACK ROW MARKETPLACE STYLE V137 START === */

@media (max-width: 760px) {

    /*
     * PROFILE:
     *
     * cover | EQ/number | title/artist | actions
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row {
        grid-template-columns:
            56px 28px minmax(0,1fr) 42px !important;

        min-height: 70px !important;

        column-gap: 6px !important;
    }


    /* ------------------------------------------------------
       COVER
       ------------------------------------------------------ */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-row-cover {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 56px !important;
        height: 56px !important;

        min-width: 56px !important;
        min-height: 56px !important;

        max-width: 56px !important;
        max-height: 56px !important;
    }


    /* ------------------------------------------------------
       Штатный INDEX / EQ возвращаем между cover и title.
       Раньше общий mobile CSS скрывал его.
       ------------------------------------------------------ */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-index-btn {
        grid-column: 2 !important;
        grid-row: 1 !important;

        position: relative !important;

        display: grid !important;
        place-items: center !important;

        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: rgba(195,205,211,.62) !important;

        font-size: 12px !important;

        cursor: pointer !important;
    }


    /*
     * Обычный трек — небольшой номер.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-index-btn
    .music-public-track-number {
        display: block !important;

        font-size: 11px !important;
        font-weight: 650 !important;
    }


    /*
     * EQ по умолчанию скрыт.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-index-btn
    .music-row-equalizer {
        display: none !important;
    }


    /*
     * Играющий трек:
     * номер исчезает, EQ появляется.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row.playing
    .music-public-index-btn
    .music-public-track-number {
        display: none !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row.playing
    .music-public-index-btn
    .music-row-equalizer {
        display: flex !important;

        align-items: flex-end !important;
        justify-content: center !important;

        color: var(--music-green) !important;
    }


    /*
     * Иконка play внутри indexButton на mobile не нужна:
     * сам indexButton и название запускают трек.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-index-btn
    > i {
        display: none !important;
    }


    /* ------------------------------------------------------
       TITLE / ARTIST
       ------------------------------------------------------ */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-row-copy {
        grid-column: 3 !important;
        grid-row: 1 !important;

        min-width: 0 !important;
    }


    /*
     * Название явно выглядит кликабельным,
     * но внешне остаётся таким же.
     */

    .music-scroll-area.music-profile-scroll
    .music-profile-track-title-play {
        cursor: pointer !important;
    }


    /*
     * Playing title как в обычных списках.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row.playing
    .music-profile-track-title-play {
        color: var(--music-cyan) !important;
    }

}


/* Узкие телефоны */

@media (max-width: 390px) {

    .music-scroll-area.music-profile-scroll
    .music-public-track-row {
        grid-template-columns:
            52px 24px minmax(0,1fr) 38px !important;

        column-gap: 5px !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-row-cover {
        width: 52px !important;
        height: 52px !important;

        min-width: 52px !important;
        min-height: 52px !important;

        max-width: 52px !important;
        max-height: 52px !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-public-index-btn {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
    }

}

/* === PAXOR MOBILE PROFILE TRACK ROW MARKETPLACE STYLE V137 END === */

/* === PAXOR MOBILE PROFILE TRACK PLAY V138 START === */

@media (max-width: 760px) {

    /*
     * Страховка:
     * старый EQ на обложке никогда не показываем.
     */
    .music-scroll-area.music-profile-scroll
    .music-profile-track-cover-equalizer {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }


    /*
     * Название трека теперь button,
     * но визуально выглядит как прежнее название.
     */
    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-profile-track-title-play {
        width: 100% !important;
        min-width: 0 !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;

        background: transparent !important;

        color: #f4f6f7 !important;

        font: inherit !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;

        text-align: left !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;

        cursor: pointer !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    .music-profile-track-title-play:hover {
        color: #ffffff !important;
    }


    /*
     * Играющий трек:
     * название голубое, EQ остаётся только
     * в штатной колонке номера.
     */
    .music-scroll-area.music-profile-scroll
    .music-public-track-row.playing
    .music-profile-track-title-play {
        color: var(--music-cyan) !important;
    }


    /*
     * Штатный EQ между cover и title.
     */
    .music-scroll-area.music-profile-scroll
    .music-public-track-row.playing
    .music-public-index-btn
    .music-row-equalizer {
        display: flex !important;
    }

}

/* === PAXOR MOBILE PROFILE TRACK PLAY V138 END === */

/* === PAXOR MOBILE PROFILE BOTTOM + MARKETPLACE EQ V139 START === */

@media (max-width: 760px) {

    /* ======================================================
       1. PROFILE
       Последний трек должен полностью прокручиваться
       выше глобального плеера.
       ====================================================== */

    .music-scroll-area.music-profile-scroll {
        padding-bottom:
            calc(
                var(--paxor-mobile-player-height, 58px)
                + 20px
            ) !important;

        scroll-padding-bottom:
            calc(
                var(--paxor-mobile-player-height, 58px)
                + 20px
            ) !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       2. MARKETPLACE
       cover | number/EQ | title/artist | actions
       ====================================================== */

    #music-library-view:not([hidden])
    .music-public-track-row {
        grid-template-columns:
            56px 28px minmax(0,1fr) 42px !important;

        column-gap: 6px !important;
    }


    /* COVER */

    #music-library-view:not([hidden])
    .music-public-track-row
    > .music-public-row-cover {
        grid-column: 1 !important;
        grid-row: 1 !important;

        display: grid !important;
        place-items: center !important;

        width: 56px !important;
        height: 56px !important;

        min-width: 56px !important;
        min-height: 56px !important;

        max-width: 56px !important;
        max-height: 56px !important;

        margin: 0 !important;
    }


    /* NUMBER / EQUALIZER COLUMN */

    #music-library-view:not([hidden])
    .music-public-track-row
    > .music-public-index-btn {
        grid-column: 2 !important;
        grid-row: 1 !important;

        position: relative !important;

        display: grid !important;
        place-items: center !important;

        width: 28px !important;
        height: 56px !important;

        min-width: 28px !important;
        min-height: 56px !important;

        max-width: 28px !important;
        max-height: 56px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: rgba(195,205,211,.62) !important;

        cursor: pointer !important;
    }


    /* Обычное состояние — номер */

    #music-library-view:not([hidden])
    .music-public-track-row
    .music-public-index-btn
    .music-public-track-number {
        display: block !important;

        font-size: 11px !important;
        font-weight: 650 !important;
    }


    /* EQ пока трек не играет скрыт */

    #music-library-view:not([hidden])
    .music-public-track-row
    .music-public-index-btn
    .music-row-equalizer {
        display: none !important;
    }


    /* ИГРАЕТ — номер исчезает */

    #music-library-view:not([hidden])
    .music-public-track-row.playing
    .music-public-index-btn
    .music-public-track-number {
        display: none !important;
    }


    /* ИГРАЕТ — вместо номера EQ */

    #music-library-view:not([hidden])
    .music-public-track-row.playing
    .music-public-index-btn
    .music-row-equalizer {
        display: flex !important;

        align-items: flex-end !important;
        justify-content: center !important;

        margin: 0 !important;
    }


    /* Отдельную play-иконку на mobile не показываем */

    #music-library-view:not([hidden])
    .music-public-track-row
    .music-public-index-btn
    > i {
        display: none !important;
    }


    /* TITLE / ARTIST */

    #music-library-view:not([hidden])
    .music-public-track-row
    > .music-public-row-copy {
        grid-column: 3 !important;
        grid-row: 1 !important;

        min-width: 0 !important;
    }


    /* THREE DOTS */

    #music-library-view:not([hidden])
    .music-public-track-row
    > .music-track-actions {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

}


/* Узкие телефоны */

@media (max-width: 390px) {

    #music-library-view:not([hidden])
    .music-public-track-row {
        grid-template-columns:
            52px 24px minmax(0,1fr) 38px !important;

        column-gap: 5px !important;
    }


    #music-library-view:not([hidden])
    .music-public-track-row
    > .music-public-row-cover {
        width: 52px !important;
        height: 52px !important;

        min-width: 52px !important;
        min-height: 52px !important;

        max-width: 52px !important;
        max-height: 52px !important;
    }


    #music-library-view:not([hidden])
    .music-public-track-row
    > .music-public-index-btn {
        width: 24px !important;
        height: 52px !important;

        min-width: 24px !important;
        min-height: 52px !important;

        max-width: 24px !important;
        max-height: 52px !important;
    }

}

/* === PAXOR MOBILE PROFILE BOTTOM + MARKETPLACE EQ V139 END === */

/* === PAXOR MOBILE PROFILE MENU + UP NEXT V140 START === */

@media (max-width: 760px) {

    /* ======================================================
       1. PROFILE TRACK ROW
       cover | number/EQ | title | vertical dots
       ====================================================== */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row {
        grid-template-columns:
            56px 28px minmax(0,1fr) 24px !important;

        column-gap: 6px !important;

        width: 100% !important;
        max-width: 100% !important;
    }


    /* THREE DOTS — строго крайняя правая колонка */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    > .music-track-actions {
        grid-column: 4 !important;
        grid-row: 1 !important;

        position: relative !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 56px !important;

        display: grid !important;
        place-items: center !important;

        justify-self: end !important;
        align-self: center !important;

        margin: 0 !important;
        margin-left: auto !important;

        padding: 0 !important;

        transform: none !important;
    }


    /* Сама кнопка компактнее */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    > .music-track-actions
    > .music-track-more {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 38px !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        place-items: center !important;

        font-size: 18px !important;
    }


    /*
     * fa-ellipsis сейчас горизонтальный.
     * Разворачиваем в вертикальный ⋮.
     */

    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    > .music-track-actions
    > .music-track-more
    > i {
        display: block !important;

        margin: 0 !important;

        transform: rotate(90deg) !important;
        transform-origin: center !important;
    }


    /* ======================================================
       2. УМЕНЬШАЕМ ПРОМЕЖУТОК:
       кнопки профиля -> UP NEXT
       ====================================================== */

    .music-scroll-area.music-profile-scroll
    .music-user-tabs-section {
        margin-bottom: 2px !important;
        padding-bottom: 0 !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-user-tabs {
        margin-bottom: 0 !important;
    }


    /*
     * Заголовок очереди поднимаем ближе к кнопкам.
     */

    .music-scroll-area.music-profile-scroll
    .music-profile-queue-heading {
        margin-top: 0 !important;
        padding-top: 2px !important;
    }


    /*
     * Если предыдущий профильный стиль оставляет
     * дополнительный зазор перед первым треком.
     */

    .music-scroll-area.music-profile-scroll
    .music-profile-track-list
    > .music-profile-queue-heading {
        margin-bottom: 2px !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-profile-track-list
    > .music-profile-queue-heading
    + .music-public-track-row {
        margin-top: 0 !important;
    }


    /* ======================================================
       3. ПОСЛЕДНИЙ ТРЕК
       Даём немного больше реального scroll-space снизу.
       ====================================================== */

    .music-scroll-area.music-profile-scroll {
        padding-bottom:
            calc(
                var(--paxor-mobile-player-height, 58px)
                + 36px
            ) !important;

        scroll-padding-bottom:
            calc(
                var(--paxor-mobile-player-height, 58px)
                + 36px
            ) !important;
    }

}


/* Узкие телефоны */

@media (max-width: 390px) {

    .music-scroll-area.music-profile-scroll
    .music-public-track-row {
        grid-template-columns:
            52px 24px minmax(0,1fr) 22px !important;

        column-gap: 5px !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    > .music-track-actions {
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;

        height: 52px !important;
    }


    .music-scroll-area.music-profile-scroll
    .music-public-track-row
    > .music-track-actions
    > .music-track-more {
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;

        height: 36px !important;
    }

}

/* === PAXOR MOBILE PROFILE MENU + UP NEXT V140 END === */

/* === PAXOR MOBILE PROFILE SPACING + LAST TRACK V141 START === */

@media (max-width: 760px) {

    /* ======================================================
       1. УБИРАЕМ ПУСТОТУ:
       кнопки профиля -> Play / UP NEXT
       ====================================================== */

    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-track-list {

        /*
         * Именно этот контейнер начинается сразу с
         * profile queue heading / UP NEXT.
         */
        margin-top: -8px !important;

        padding-top: 0 !important;
    }


    /*
     * Сам toolbar не должен добавлять верхнее пространство.
     */
    .music-scroll-area.music-profile-scroll
    .music-profile-track-list
    > .music-profile-queue-heading {

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    /*
     * Первый трек сразу после UP NEXT.
     */
    .music-scroll-area.music-profile-scroll
    .music-profile-track-list
    > .music-profile-queue-heading
    + .music-public-track-row {

        margin-top: 0 !important;
    }


    /* ======================================================
       2. ПОСЛЕДНИЙ ТРЕК
       Старый padding scroll-area оказался недостаточным,
       поэтому добавляем настоящий spacer ВНУТРИ списка.
       ====================================================== */

    .music-scroll-area.music-profile-scroll
    .music-profile-track-list::after {

        content: "" !important;

        display: block !important;

        width: 100% !important;

        height:
            calc(
                var(--paxor-mobile-player-height, 58px)
                + 30px
            ) !important;

        min-height:
            calc(
                var(--paxor-mobile-player-height, 58px)
                + 30px
            ) !important;

        flex: 0 0 auto !important;

        pointer-events: none !important;
    }


    /*
     * Убираем старую попытку V139/V140 через padding.
     * Теперь нижнее место обеспечивает ::after,
     * то есть оно реально прокручивается.
     */

    .music-scroll-area.music-profile-scroll {

        padding-bottom: 0 !important;

        scroll-padding-bottom:
            calc(
                var(--paxor-mobile-player-height, 58px)
                + 30px
            ) !important;
    }

}


/* Совсем узкий экран */

@media (max-width: 390px) {

    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-track-list {
        margin-top: -7px !important;
    }

}

/* === PAXOR MOBILE PROFILE SPACING + LAST TRACK V141 END === */

/* === PAXOR MOBILE PROFILE SPACING TUNE V142 START === */

@media (max-width: 760px) {

    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-track-list {
        margin-top: -3px !important;
    }

}

@media (max-width: 390px) {

    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-track-list {
        margin-top: -3px !important;
    }

}

/* === PAXOR MOBILE PROFILE SPACING TUNE V142 END === */

/* === PAXOR MOBILE PROFILE SPACING TUNE V143 START === */

@media (max-width: 760px) {

    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-track-list {
        margin-top: 1px !important;
    }

}

@media (max-width: 390px) {

    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-track-list {
        margin-top: 1px !important;
    }

}

/* === PAXOR MOBILE PROFILE SPACING TUNE V143 END === */

/* === PAXOR MOBILE PROFILE NFT GRID 3 COLS V144 START === */
@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    html.paxor-mobile-ui body:has(.music-shell)
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    body:has(.music-shell)
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid {
        display: grid !important;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 0 !important;
        margin-top: 8px !important;
        align-items: start !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card,
    html.paxor-mobile-ui body:has(.music-shell)
    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card,
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card,
    body:has(.music-shell)
    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card,
    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 4px !important;
        border-radius: 5px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-cover {
        border-radius: 4px !important;
        font-size: 18px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-nft {
        top: 3px !important;
        left: 3px !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        font-size: 6px !important;
        line-height: 1.1 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-market-badge {
        top: 3px !important;
        right: 3px !important;
        max-width: calc(100% - 42px) !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-market-badge > i {
        margin: 0 !important;
        font-size: 7px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-play {
        right: 4px !important;
        bottom: 4px !important;
        width: 24px !important;
        height: 24px !important;
        font-size: 10px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card > h3 {
        margin: 5px 0 1px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card > p {
        margin: 0 !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-sale {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        margin-top: 4px !important;
        padding-top: 4px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-price {
        gap: 0 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-price span {
        font-size: 6px !important;
        line-height: 1 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-price strong {
        font-size: 8px !important;
        line-height: 1.05 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-availability {
        display: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-market-btn {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 22px !important;
        padding: 0 3px !important;
        gap: 3px !important;
        border-radius: 4px !important;
        font-size: 0 !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-market-btn > i {
        margin: 0 !important;
        font-size: 9px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-card-market-btn > span {
        display: none !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid .music-library-empty {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 340px) {

    html.paxor-mobile-ui body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    html.paxor-mobile-ui body:has(.music-shell)
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    body.paxor-music-active
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    body:has(.music-shell)
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid,
    .music-scroll-area.music-profile-scroll
    .music-user-tab-panel.music-profile-nft-grid {
        gap: 5px !important;
    }

    .music-scroll-area.music-profile-scroll
    .music-profile-nft-grid > .music-track-card {
        padding: 3px !important;
    }
}
/* === PAXOR MOBILE PROFILE NFT GRID 3 COLS V144 END === */

/* === PAXOR MOBILE MARKETPLACE 3 COLS COMPACT V145 START === */
@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 80 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        align-content: center !important;
        column-gap: 8px !important;
        row-gap: 1px !important;
        inline-size: 100vw !important;
        width: 100vw !important;
        min-inline-size: 100vw !important;
        min-width: 100vw !important;
        max-inline-size: 100vw !important;
        max-width: 100vw !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 0 6px calc(50% - 50vw) !important;
        padding: 5px 10px !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        text-align: left !important;
        box-sizing: border-box !important;
        transform: none !important;
        translate: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        display: grid !important;
        align-content: center !important;
        justify-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: #20d9ff !important;
        -webkit-text-fill-color: #20d9ff !important;
        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: .06em !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: #f4fbff !important;
        font-size: 15px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        text-align: left !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        justify-self: end !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 70px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #5dff9a !important;
        font-size: 9px !important;
        line-height: 1.05 !important;
        font-weight: 800 !important;
        text-align: right !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section {
        position: relative !important;
        left: 0 !important;
        inline-size: 100vw !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 4px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid > .music-track-card,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid > .music-track-card,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid > .music-track-card,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid > .music-track-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 4px !important;
        border-radius: 5px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-cover {
        border-radius: 4px !important;
        font-size: 18px !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-nft {
        top: 3px !important;
        left: 3px !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        font-size: 6px !important;
        line-height: 1.1 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-market-badge {
        top: 3px !important;
        right: 3px !important;
        max-width: calc(100% - 42px) !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        font-size: 6px !important;
        line-height: 1.1 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-play {
        right: 4px !important;
        bottom: 4px !important;
        width: 24px !important;
        height: 24px !important;
        font-size: 10px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card > h3 {
        margin: 5px 0 1px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card > p {
        margin: 0 !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-sale {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        margin-top: 4px !important;
        padding: 4px 0 0 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-price {
        gap: 0 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-price > span {
        font-size: 6px !important;
        line-height: 1 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-price > strong {
        font-size: 8px !important;
        line-height: 1.05 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-availability {
        display: none !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-market-btn {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
        padding: 0 3px !important;
        gap: 3px !important;
        border-radius: 4px !important;
        font-size: 8px !important;
        line-height: 1 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-market-btn > span {
        display: inline-block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 8px !important;
        line-height: 1 !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card .music-card-market-btn > i {
        margin: 0 !important;
        font-size: 8px !important;
    }
}

@media (max-width: 340px) {

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid {
        gap: 4px !important;
    }

    #music-library-view:not([hidden])
    > section.music-section.music-marketplace-section
    > .music-track-grid#music-track-grid
    > .music-track-card {
        padding: 3px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE 3 COLS COMPACT V145 END === */

/* =========================================================
   PAXOR MOBILE PLAYLIST PAGE V146
   Full title + actions one row + track covers
   ========================================================= */

@media (max-width: 760px) {

    /* =====================================================
       1. НАЗВАНИЕ ПЛЕЙЛИСТА — БЕЗ ...
       ===================================================== */

    body:has(.music-playlist-track-section)
    .music-playlist-title {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 5px !important;
        margin-bottom: 8px !important;

        overflow: visible !important;
        text-overflow: clip !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;

        font-size: clamp(21px, 6.4vw, 28px) !important;
        line-height: 1.06 !important;
    }

    /* Текстовая колонка реально может использовать всю
       доступную ей ширину */
    body:has(.music-playlist-track-section)
    .music-playlist-hero-copy {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }


    /* =====================================================
       2. PLAY + SHUFFLE + ⋯ — СТРОГО В ОДНУ СТРОКУ
       ===================================================== */

    body:has(.music-playlist-track-section)
    .music-playlist-sticky:not(.compact-visible)
    .music-playlist-controlbar {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        min-height: 64px !important;

        padding: 7px 14px !important;

        gap: 8px !important;
    }

    body:has(.music-playlist-track-section)
    .music-playlist-normal-actions {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        min-width: 0 !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Play немного компактнее — не огромный отдельно */
    body:has(.music-playlist-track-section)
    .music-playlist-normal-actions
    .music-playlist-main-play {
        display: grid !important;
        place-items: center !important;

        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

        flex: 0 0 46px !important;

        margin: 0 !important;
    }

    /* Shuffle */
    body:has(.music-playlist-track-section)
    .music-playlist-normal-actions
    .music-playlist-shuffle-local {
        display: grid !important;
        place-items: center !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        flex: 0 0 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Три точки */
    body:has(.music-playlist-track-section)
    .music-playlist-normal-actions
    .music-playlist-main-more {
        display: grid !important;
        place-items: center !important;

        position: relative !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        flex: 0 0 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    /* List-view оставляем справа в ЭТОЙ ЖЕ строке */
    body:has(.music-playlist-track-section)
    .music-playlist-controlbar
    .music-playlist-view-toggle {
        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }


    /* =====================================================
       3. ОБЛОЖКИ У ТРЕКОВ
       JS их уже создаёт — здесь просто показываем.
       ===================================================== */

    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-track-row {
        position: relative !important;

        min-height: 74px !important;

        /*
           Освобождаем слева место под обложку.
           Остальную существующую мобильную сетку не ломаем.
        */
        padding-left: 76px !important;

        box-sizing: border-box !important;
    }

    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-row-cover {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: absolute !important;

        left: 12px !important;
        top: 11px !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 5px !important;

        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;

        overflow: hidden !important;

        z-index: 2 !important;

        transform: none !important;
    }

    /* Если у трека есть реальная обложка,
       музыкальная иконка внутри не нужна */
    body:has(.music-playlist-track-section)
    .music-public-row-cover.has-artwork > i {
        display: none !important;
    }

    /* Если обложки нет — остаётся аккуратная иконка */
    body:has(.music-playlist-track-section)
    .music-public-row-cover > i {
        width: 100% !important;
        height: 100% !important;

        display: grid !important;
        place-items: center !important;

        font-size: 17px !important;
    }

    /* Название/исполнитель не должны залезать на обложку */
    body:has(.music-playlist-track-section)
    .music-public-row-copy {
        min-width: 0 !important;
    }

    body:has(.music-playlist-track-section)
    .music-public-row-copy > a {
        max-width: 100% !important;
    }
}

/* === PAXOR MOBILE PLAYLIST PAGE V146 END === */


/* =========================================================
   PAXOR MOBILE PLAYLIST PAGE V147
   Fix cover overlap + one-line playlist title
   ========================================================= */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       1. Заголовок плейлиста — компактнее и в 1 строку
       ----------------------------------------------------- */
    body:has(.music-playlist-track-section)
    .music-playlist-title {
        width: 100% !important;
        max-width: 100% !important;

        font-size: clamp(16px, 4.8vw, 18px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.02em !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        margin-top: 4px !important;
        margin-bottom: 6px !important;
    }

    body:has(.music-playlist-track-section)
    .music-playlist-hero-copy {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* -----------------------------------------------------
       2. Треки плейлиста — нормальная сетка:
          [обложка] [текст] [три точки]
       ----------------------------------------------------- */
    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-track-row {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 12px !important;

        min-height: 72px !important;

        padding-top: 10px !important;
        padding-right: 12px !important;
        padding-bottom: 10px !important;
        padding-left: 12px !important;

        box-sizing: border-box !important;
    }

    /* Убираем absolute, из-за которого обложка легла на текст */
    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-row-cover {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;

        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 5px !important;
        overflow: hidden !important;

        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;

        transform: none !important;
        z-index: auto !important;
    }

    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-row-copy {
        grid-column: 2 !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Текст не должен залезать под обложку */
    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-row-copy > a,
    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-row-copy > strong,
    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-row-copy > span {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Три точки справа */
    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-track-row .music-track-more,
    body:has(.music-playlist-track-section)
    .music-playlist-track-section
    .music-public-track-row .music-public-row-more {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;

        margin: 0 !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
    }
}

/* === PAXOR MOBILE PLAYLIST PAGE V147 END === */



/* === PAXOR MOBILE MARKETPLACE GRAY SCROLL V173 START === */

@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area,

    html.paxor-mobile-ui body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area,

    html body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area {

        scrollbar-width: thin !important;
        scrollbar-color: #7f878e transparent !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar,

    html.paxor-mobile-ui body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar,

    html body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar {

        display: block !important;

        width: 5px !important;
        height: 5px !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track {

        background: transparent !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb {

        background: #7f878e !important;
        background-color: #7f878e !important;

        border: 0 !important;
        border-radius: 999px !important;

        box-shadow: none !important;
    }

}

/* === PAXOR MOBILE MARKETPLACE GRAY SCROLL V173 END === */


/* ============================================================
   ARTIST STUDIO — NEW TRACK LAYOUT v2
   Desktop:
   left  = release metadata
   right = Lyrics
   ============================================================ */

@media (min-width: 981px) {

    .artist-track-fields {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: stretch;
        gap: 14px 16px;
    }


    /* --------------------------------------------------------
       LEFT SIDE — RELEASE DATA
       -------------------------------------------------------- */

    .artist-track-fields
    .artist-primary-artist-field {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .artist-track-fields
    > label:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .artist-track-fields
    > label:nth-of-type(3) {
        grid-column: 2;
        grid-row: 2;
    }

    .artist-track-fields
    > label:nth-of-type(4) {
        grid-column: 1;
        grid-row: 3;
    }

    .artist-track-fields
    > label:nth-of-type(5) {
        grid-column: 2;
        grid-row: 3;
    }

    .artist-track-fields
    .artist-track-description {
        grid-column: 1 / 3;
        grid-row: 4;

        min-width: 0;
    }

    .artist-track-fields
    .artist-track-description textarea {
        min-height: 150px;
    }


    /* --------------------------------------------------------
       RIGHT SIDE — LYRICS
       -------------------------------------------------------- */

    .artist-track-lyrics-panel {
        grid-column: 3 / 5;
        grid-row: 1 / 5;

        min-width: 0;
        min-height: 100%;

        padding: 18px;

        align-self: stretch;

        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .artist-track-lyrics-field {
        flex: 1 1 auto;

        display: flex;
        flex-direction: column;

        min-height: 0;
    }

    .artist-track-lyrics-field textarea {
        flex: 1 1 auto;

        min-height: 320px;
        height: auto;
        max-height: none;

        overflow-y: auto;

        box-sizing: border-box;
    }


    /* --------------------------------------------------------
       RIGHTS NOTE BELOW BOTH SIDES
       -------------------------------------------------------- */

    .artist-track-fields
    .artist-rights-upload-note {
        grid-column: 1 / 5;
        grid-row: 5;
    }
}


/* ============================================================
   INSTRUMENTAL — KEEP NORMAL APPEARANCE
   ============================================================ */

.artist-track-lyrics-field.is-instrumental,
.artist-track-lyrics-field.is-instrumental textarea {
    opacity: 1;
}

.artist-track-lyrics-field textarea[readonly] {
    cursor: default;

    color: var(--music-muted);

    background: rgba(255, 255, 255, 0.025);

    border-color:
        color-mix(
            in srgb,
            var(--artist-accent) 22%,
            var(--music-border)
        );
}


/* ============================================================
   NEW TRACK — COMPACT STICKY HEADER
   Большая шапка остаётся обычной.
   Этот стиль включается только при классе .is-compact.
   ============================================================ */

#artist-active-panel-heading.is-compact {
    min-height: 56px !important;
    height: 56px;

    margin-top: 4px !important;
    margin-bottom: 12px !important;

    padding: 7px 16px !important;

    box-sizing: border-box;

    align-items: center !important;

    border-radius: 10px !important;
}


/* В компактном режиме скрываем UPLOAD MUSIC и описание. */
#artist-active-panel-heading.is-compact
#artist-active-kicker,

#artist-active-panel-heading.is-compact
#artist-active-description {
    display: none !important;
}


/* Левая часть компактной планки. */
#artist-active-panel-heading.is-compact
.artist-active-panel-copy {
    min-width: 0;

    display: flex;
    align-items: center;
}


/* New track */
#artist-active-panel-heading.is-compact
#artist-active-title {
    margin: 0 !important;

    font-size: 21px !important;
    line-height: 1.1 !important;

    white-space: nowrap;
}


/* Правая часть — 3 releases. */
#artist-active-panel-heading.is-compact
.artist-active-panel-side {
    margin-left: auto;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    min-height: 100%;
}


#artist-active-panel-heading.is-compact
#artist-active-meta {
    margin: 0;

    font-size: 12px;
    line-height: 1;

    white-space: nowrap;
}


/* ============================================================
   LYRICS — SAFE HEIGHT
   ============================================================ */

.artist-track-lyrics-panel {
    overflow: visible;
}

.artist-track-lyrics-field {
    min-height: 0;
}

#artist-track-lyrics-help {
    display: block;

    margin-top: 8px;

    flex: 0 0 auto;
}


/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media (max-width: 980px) {

    .artist-track-fields {
        grid-template-columns: 1fr;
    }

    .artist-track-fields
    .artist-primary-artist-field,
    .artist-track-fields
    > label:nth-of-type(2),
    .artist-track-fields
    > label:nth-of-type(3),
    .artist-track-fields
    > label:nth-of-type(4),
    .artist-track-fields
    > label:nth-of-type(5),
    .artist-track-fields
    .artist-track-description,
    .artist-track-lyrics-panel,
    .artist-track-fields
    .artist-rights-upload-note {
        grid-column: 1;
        grid-row: auto;
    }

    .artist-track-lyrics-panel {
        min-height: 0;
    }
}


/* ============================================================
   ARTIST STUDIO — NEW TRACK PLACEHOLDERS
   ============================================================ */

#artist-track-upload-form input::placeholder,
#artist-track-upload-form textarea::placeholder {
    color: rgba(185, 195, 200, 0.58);

    font-style: italic;
    font-weight: 400;

    opacity: 1;
}


/* ============================================================
   ARTIST STUDIO — NEW TRACK VISUAL FIX v3
   ============================================================ */


/* ============================================================
   REQUIRED STAR
   Крупная яркая оранжево-красная звёздочка
   ============================================================ */

.artist-required-mark {
    margin-left: 5px !important;

    /* Яркий чистый оранжевый. */
    color: #ff8a00 !important;

    /* Звёздочка ещё заметнее. */
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 900 !important;

    display: inline-block;

    transform: translateY(2px);

    text-shadow:
        0 0 8px rgba(255, 138, 0, 0.38) !important;
}


/* ============================================================
   LYRICS — НЕ РАСТЯГИВАЕМ ПОД НИЖНИЙ PLAYER
   ============================================================ */

@media (min-width: 981px) {

    .artist-track-lyrics-panel {
        min-height: 0 !important;
        height: auto !important;

        align-self: start !important;

        overflow: visible !important;
    }

    .artist-track-lyrics-field {
        flex: 0 0 auto !important;

        min-height: 0 !important;
    }

    .artist-track-lyrics-field textarea {
        flex: 0 0 auto !important;

        width: 100% !important;

        min-height: 240px !important;

        height:
            clamp(
                240px,
                34vh,
                300px
            ) !important;

        max-height: 300px !important;

        overflow-y: auto !important;

        box-sizing: border-box;
    }

    #artist-track-lyrics-help {
        margin-top: 8px !important;

        flex: 0 0 auto !important;
    }
}


/* ============================================================
   INSTRUMENTAL
   Никакого затемнения после переключения
   ============================================================ */

.artist-track-lyrics-field.is-instrumental,
.artist-track-lyrics-field.is-instrumental textarea,
.artist-track-lyrics-field textarea[readonly] {
    opacity: 1 !important;
}


/* ============================================================
   COMPACT NEW TRACK HEADER
   Показываем ВСЮ рамку, включая верхний бордер
   ============================================================ */

#artist-active-panel-heading.is-compact {
    top: 6px !important;

    margin-left: 4px !important;
    margin-right: 4px !important;

    width: auto !important;

    z-index: 90 !important;

    overflow: visible !important;

    box-shadow:
        0 0 14px rgba(3, 125, 156, 0.30),
        0 8px 20px rgba(0, 0, 0, 0.28) !important;
}



/* ============================================================
   ARTIST STUDIO — LYRICS BOTTOM CLIP FIX
   Не даём нижнему player перекрывать Lyrics после Instrumental.
   ============================================================ */

@media (min-width: 981px) {

    /*
     * Дополнительное пространство после блока New track.
     * Благодаря этому страницу можно прокрутить чуть ниже
     * фиксированного музыкального player.
     */
    .artist-track-upload {
        margin-bottom: 120px !important;
    }


    /*
     * Сам Lyrics-блок никогда не обрезает дочерние элементы.
     */
    .artist-track-lyrics-panel,
    .artist-track-lyrics-field {
        overflow: visible !important;
    }


    /*
     * Высота поля остаётся одинаковой как для обычного трека,
     * так и после включения Instrumental.
     */
    #artist-track-lyrics {
        display: block !important;

        flex: none !important;

        width: 100% !important;

        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;

        margin: 0 !important;

        overflow-y: auto !important;

        box-sizing: border-box !important;
    }


    /*
     * При Instrumental меняется только возможность ввода.
     * Геометрия поля остаётся полностью прежней.
     */
    #artist-track-lyrics[readonly] {
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
    }


    /*
     * Оставляем место под пояснение под textarea.
     */
    #artist-track-lyrics-help {
        display: block !important;

        min-height: 18px;

        margin-top: 8px !important;
        margin-bottom: 4px !important;
    }
}


/* === PAXOR TRACK LYRICS PREVIEW START === */


/* ============================================================
   TRACK LYRICS / KARAOKE
   ============================================================ */

.music-track-lyrics-preview {
    width: 100%;
    min-width: 0;

    margin-top: 12px;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 10px;

    color: var(--music-muted);
}


/* ============================================================
   LABEL
   ============================================================ */

.music-track-lyrics-label {
    padding-top: 8px;

    color:
        var(
            --track-dominant,
            var(--artist-accent)
        );

    font-size: 10px;
    line-height: 1;
    font-weight: 900;

    letter-spacing: .12em;

    white-space: nowrap;
}


/* ============================================================
   VIEWPORT
   ============================================================ */

.music-track-lyrics-viewport {
    position: relative;

    min-width: 0;
    max-height: 116px;

    padding: 5px 10px;

    overflow-x: hidden;
    overflow-y: auto;

    scroll-behavior: smooth;

    border-radius: 6px;

    background:
        rgba(255, 255, 255, 0.025);

    scrollbar-width: thin;
}


/* ============================================================
   BODY
   ============================================================ */

.music-track-lyrics-body {
    min-width: 0;

    display: grid;
    gap: 5px;
}


/* ============================================================
   LINE
   ============================================================ */

.music-track-lyrics-line {
    min-width: 0;

    padding: 2px 0;

    color: #86969c;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 550;

    opacity: .58;

    transition:
        color 220ms ease,
        opacity 220ms ease,
        transform 220ms ease,
        text-shadow 220ms ease;
}


/* Активная строка karaoke. */

.music-track-lyrics-line.is-active {
    color: #f1f7f9;

    opacity: 1;

    font-weight: 750;

    transform:
        translateX(4px);

    text-shadow:
        0 0 12px
        color-mix(
            in srgb,
            var(
                --track-dominant,
                var(--artist-accent)
            ) 36%,
            transparent
        );
}


/* ============================================================
   STATIC FALLBACK
   Если timestamps отсутствуют — Lyrics просто читается.
   ============================================================ */

.music-track-lyrics-line-static {
    color: #c3ced2;

    opacity: 1;

    font-weight: 500;
}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .music-track-lyrics-viewport {
        scroll-behavior: auto;
    }

    .music-track-lyrics-line {
        transition: none;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 760px) {

    .music-track-lyrics-preview {
        margin-top: 9px;

        grid-template-columns: 1fr;

        gap: 6px;
    }

    .music-track-lyrics-label {
        padding-top: 0;

        font-size: 9px;
    }

    .music-track-lyrics-viewport {
        max-height: 104px;

        padding:
            5px
            8px;
    }

    .music-track-lyrics-line {
        font-size: 11px;
    }
}


/* === PAXOR TRACK LYRICS PREVIEW END === */


/* === ARTIST STUDIO NEW TRACK LEFT COLUMN START === */


/* ============================================================
   NEW TRACK — ГЛАВНЫЙ ФОН
   Тот же градиент, что используется в горизонтальном меню.
   ============================================================ */

#artist-new-track.artist-track-upload {
    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.46),
            rgba(0, 0, 0, 0.14) 48%,
            rgba(0, 0, 0, 0.04)
        ),
        radial-gradient(
            circle at 78% 48%,
            rgba(3, 125, 156, 0.42),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            rgba(3, 125, 156, 0.38),
            rgba(4, 22, 32, 0.84)
        );

    box-shadow:
        0 0 14px rgba(3, 125, 156, 0.24),
        0 8px 22px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}


/* ============================================================
   ДВЕ ОСНОВНЫЕ ПАНЕЛИ
   Левая Track details и правая Lyrics.
   ============================================================ */

.artist-track-release-panel,
.artist-track-lyrics-panel {
    min-width: 0;

    padding: 18px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--artist-accent) 30%,
            var(--music-border)
        );

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--artist-accent) 8%,
                transparent
            ),
            transparent
        ),
        rgba(8, 11, 13, 0.34);

    box-sizing: border-box;
}


/* ============================================================
   ЛЕВАЯ ПАНЕЛЬ — TRACK DETAILS
   ============================================================ */

.artist-track-release-panel {
    display: flex;
    flex-direction: column;

    gap: 14px;
}


/* Заголовок левой панели. */
.artist-track-release-header {
    display: grid;

    gap: 5px;

    margin-bottom: 2px;
}


.artist-track-release-header strong {
    color: var(--music-text);

    font-size: 14px;
    line-height: 1.2;
    font-weight: 900;
}


.artist-track-release-header span {
    color: var(--music-muted);

    font-size: 11px;
    line-height: 1.45;
}


/* ============================================================
   ПОЛЯ ЛЕВОЙ ПАНЕЛИ
   ============================================================ */

.artist-track-release-panel
.artist-field {
    width: 100%;
    min-width: 0;

    grid-column: auto !important;
    grid-row: auto !important;
}


/*
 * Подсказка под Основным исполнителем
 * и Release name всегда выровнена влево.
 */
.artist-track-release-panel
.artist-field > small {
    display: block;

    width: 100%;

    margin-top: 6px;

    text-align: left;

    align-self: flex-start;
}


/*
 * Description остаётся обычным последним
 * элементом внутри левой рамки.
 */
.artist-track-release-panel
.artist-track-description {
    width: 100%;

    grid-column: auto !important;
    grid-row: auto !important;
}


/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width: 981px) {

    /*
     * Две колонки:
     *
     * 1 — Track details
     * 2 — Lyrics
     *
     * Они находятся в одной grid-row,
     * поэтому их внешние рамки имеют
     * одинаковую высоту.
     */
    .artist-track-fields {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        grid-template-rows:
            auto
            auto;

        gap: 18px;

        align-items: stretch;
    }


    /* ========================================================
       ЛЕВАЯ РАМКА
       ======================================================== */

    .artist-track-release-panel {
        grid-column: 1 !important;
        grid-row: 1 !important;

        height: auto;

        align-self: stretch;
    }


    /* ========================================================
       ПРАВАЯ РАМКА LYRICS
       ======================================================== */

    .artist-track-lyrics-panel {
        grid-column: 2 !important;
        grid-row: 1 !important;

        height: auto !important;
        min-height: 0 !important;

        align-self: stretch !important;

        display: flex;
        flex-direction: column;

        gap: 16px;
    }


    /*
     * Lyrics field занимает всё оставшееся
     * пространство внутри правой рамки.
     */
    .artist-track-lyrics-field {
        flex: 1 1 auto !important;

        min-height: 0 !important;

        display: flex;
        flex-direction: column;
    }


    /*
     * Textarea растягивается вместе
     * с правой рамкой.
     */
    #artist-track-lyrics {
        flex: 1 1 auto !important;

        width: 100% !important;

        height: auto !important;

        min-height: 280px !important;
        max-height: none !important;

        box-sizing: border-box !important;

        resize: vertical;
    }


    /* ========================================================
       RIGHTS NOTE
       Идёт отдельно НИЖЕ обеих рамок.
       На высоту Lyrics больше не влияет.
       ======================================================== */

    .artist-track-fields
    .artist-rights-upload-note {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        width: 100%;
    }
}


/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media (max-width: 980px) {

    .artist-track-fields {
        grid-template-columns: 1fr !important;
    }


    .artist-track-release-panel,
    .artist-track-lyrics-panel,
    .artist-track-fields
    .artist-rights-upload-note {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    .artist-track-lyrics-panel {
        height: auto !important;
        min-height: 0 !important;
    }


    #artist-track-lyrics {
        height: auto !important;
        min-height: 240px !important;
        max-height: none !important;
    }
}


/* === ARTIST STUDIO NEW TRACK LEFT COLUMN END === */


/* === ARTIST STUDIO DARK UPLOAD BOXES START === */

/*
 * Audio и Cover остаются внутри общего градиентного
 * фона New Track, но сами карточки делаем тёмными.
 */
#artist-new-track .artist-track-file {
    border-color: rgba(255, 255, 255, 0.14);

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.025),
            rgba(255, 255, 255, 0.008)
        ),
        rgba(5, 10, 14, 0.90);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 20px rgba(0, 0, 0, 0.16);
}


/* Hover оставляем в цвете Paxor. */
#artist-new-track .artist-track-file:hover {
    border-color: rgba(3, 125, 156, 0.72);

    background:
        linear-gradient(
            180deg,
            rgba(3, 125, 156, 0.12),
            rgba(3, 125, 156, 0.035)
        ),
        rgba(5, 10, 14, 0.94);

    color: var(--music-text);
}

/* === ARTIST STUDIO DARK UPLOAD BOXES END === */


/* === ARTIST STUDIO TRACK DETAILS ORDER FIX START === */

/*
 * Левая рамка всегда является вертикальной колонкой.
 */
.artist-track-release-panel {
    display: flex !important;
    flex-direction: column !important;
}


/*
 * Заголовок Track details всегда первый
 * внутри левой рамки.
 */
.artist-track-release-panel
.artist-track-release-header {
    order: -10 !important;
}


/*
 * Все поля идут после заголовка,
 * начиная с "Основной исполнитель".
 */
.artist-track-release-panel
> .artist-field {
    order: 0 !important;
}

/* === ARTIST STUDIO TRACK DETAILS ORDER FIX END === */

/* === REAL MUSIC NFT COVER INDICATORS START === */

/*
 * Обложки должны быть точкой позиционирования
 * для маленького NFT-индикатора.
 */
.music-now-cover,
.music-player-cover {
    position: relative;
}

/*
 * Общий NFT-индикатор.
 * JS создаёт его только для реально minted NFT.
 */
.music-cover-nft-indicator {
    position: absolute;
    z-index: 4;

    display: grid;
    place-items: center;

    padding: 0;
    margin: 0;

    pointer-events: none;
    line-height: 0;
}

/*
 * Само изображение NFT.png.
 */
.music-cover-nft-indicator img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

/*
 * Правая колонка Now Playing.
 * Значок немного крупнее.
 */
.music-cover-nft-indicator-now {
    left: 8px;
    right: auto;
    bottom: 2px;

    width: 72px;
    height: 72px;

    padding: 0;
    border: 0;
    background: transparent;

    pointer-events: auto;
    cursor: pointer;
}

/*
 * Глобальный нижний плеер.
 * Маленький NFT-индикатор.
 */
.music-cover-nft-indicator-player {
    left: 3px;
    right: auto;
    bottom: -2px;

    width: 16px;
    height: 16px;

    pointer-events: none;
}

/* === REAL MUSIC NFT COVER INDICATORS END === */


/* ==========================================================
   NOW PLAYING COVER INTERACTION
   ========================================================== */

/*
 * Большая обложка в правой колонке.
 */
.music-now-cover {
    cursor: pointer;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}

/*
 * При наведении обложка слегка увеличивается.
 */
.music-now-cover:hover {
    transform: scale(1.025);

    box-shadow:
        0 22px 48px rgba(0, 0, 0, .50);
}

/*
 * NFT-кнопку опускаем значительно ниже края обложки.
 */
.music-cover-nft-indicator-now {
    bottom: -12px;

    width: 64px;
    height: 64px;

    transition:
        transform 160ms ease,
        filter 160ms ease;
}

/*
 * При наведении на NFT-кнопку
 * она немного увеличивается.
 */
.music-cover-nft-indicator-now:hover {
    transform: scale(1.12);
    filter: brightness(1.08);
}

/* ==========================================================
   LARGE TRACK COVER PREVIEW
   ========================================================== */

/*
 * Центральное окно увеличенной обложки.
 */
.music-cover-preview-dialog {
    position: fixed;
    inset: 0;

    width: fit-content;
    height: fit-content;

    margin: auto;
    padding: 0;
    border: 0;

    background: transparent;

    overflow: visible;
}

/*
 * Затемнённый фон вокруг большой обложки.
 */
.music-cover-preview-dialog::backdrop {
    background: rgba(0, 0, 0, .84);
    backdrop-filter: blur(6px);
}

/*
 * Контейнер изображения.
 */
.music-cover-preview-content {
    position: relative;

    display: grid;
    place-items: center;
}

/*
 * Большая обложка по центру экрана.
 */
.music-cover-preview-image {
    display: block;

    width: min(78vw, 820px);
    height: min(78vw, 820px);

    max-width: 82vw;
    max-height: 82vh;

    object-fit: contain;

    border-radius: 8px;

    box-shadow:
        0 28px 90px rgba(0, 0, 0, .72);
}

/*
 * Кнопка закрытия большой обложки.
 */
.music-cover-preview-close {
    position: absolute;

    top: -2px;
    right: -2px;

    z-index: 2;

    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 50%;

    background: rgba(10, 15, 18, .92);
    color: #fff;

    font-size: 17px;

    cursor: pointer;

    transition: transform 160ms ease;
}

.music-cover-preview-close:hover {
    transform: scale(1.08);
}

/* === NOW PLAYING COVER INTERACTION END === */


/* ==========================================================
   MARKETPLACE FEATURED TRACK COVER INTERACTION
   ========================================================== */

/*
 * Обложка Featured Track на главной Marketplace.
 */
#music-feature-cover {
    cursor: pointer;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}

/*
 * При наведении обложка немного увеличивается.
 */
#music-feature-cover:hover {
    transform: scale(1.025);

    box-shadow:
        0 22px 48px rgba(0, 0, 0, .50);
}

/*
 * NFT badge только для Featured Track.
 * Немного меньше общего значка и заметно ниже.
 */
#music-feature-nft-passport {
    width: 56px;
    height: 28px;

    left: 8px;
    bottom: 0px;

    z-index: 4;

    transition:
        transform 160ms ease,
        filter 160ms ease;
}

/*
 * Лёгкое увеличение NFT badge при наведении.
 */
#music-feature-nft-passport.is-active:hover {
    transform: scale(1.10);

    filter:
        drop-shadow(0 8px 14px rgba(0, 0, 0, .46))
        drop-shadow(0 0 12px rgba(93, 255, 154, .42));
}

/* === MARKETPLACE FEATURED TRACK COVER INTERACTION END === */


/* ==========================================================
   RIGHT SIDEBAR TOGGLE — TRANSPARENT / NFT GREEN
   ========================================================== */

/*
 * Кнопка открытия / закрытия правой колонки.
 * Делаем её заметно выше.
 */
#music-right-toggle {
    height: 192px !important;
    min-height: 192px !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 1px solid rgba(93, 255, 154, .55) !important;

    color: rgba(93, 255, 154, .82) !important;

    box-shadow: none !important;

    transition:
        border-color 160ms ease,
        color 160ms ease,
        filter 160ms ease !important;
}

/*
 * Фон абсолютно всегда остаётся прозрачным.
 */
#music-right-toggle:hover,
#music-right-toggle:focus,
#music-right-toggle:focus-visible,
#music-right-toggle:active,
.music-shell.right-collapsed #music-right-toggle,
.music-shell.right-collapsed #music-right-toggle:hover,
.music-shell.right-collapsed #music-right-toggle:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
}

/*
 * Стрелка имеет тот же NFT-зелёный цвет.
 */
#music-right-toggle > i {
    color: rgba(93, 255, 154, .82) !important;

    transition:
        color 160ms ease,
        filter 160ms ease !important;
}

/*
 * При наведении обводка и стрелка становятся ярче.
 * Сам фон при этом остаётся полностью прозрачным.
 */
#music-right-toggle:hover,
#music-right-toggle:focus-visible {
    border-color: #5dff9a !important;

    color: #8affb5 !important;

    background: transparent !important;
    background-color: transparent !important;

    filter:
        drop-shadow(0 0 5px rgba(93, 255, 154, .24));
}

#music-right-toggle:hover > i,
#music-right-toggle:focus-visible > i {
    color: #8affb5 !important;

    filter:
        drop-shadow(0 0 5px rgba(93, 255, 154, .58));
}

/* === RIGHT SIDEBAR TOGGLE END === */



/* ==========================================================
   STANDALONE TRACK PAGE — COVER / NFT BADGE
   ========================================================== */

/*
 * NFT badge только на отдельной странице трека.
 * Marketplace и Featured Track этот блок не затрагивает.
 */
@media (min-width: 769px) {
    .music-public-page
    .music-track-detail-hero
    .music-track-cover-frame
    > .music-track-nft-badge {
        width: 60px !important;
        height: 30px !important;

        left: 2px !important;
        bottom: 2px !important;
    }
}

/*
 * Обложка становится интерактивной только тогда,
 * когда JS нашёл настоящее изображение.
 */
.music-public-page
.music-track-detail-hero
.music-track-cover-preview-trigger {
    cursor: pointer;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}

/*
 * Небольшое увеличение при наведении.
 */
@media (hover: hover) {
    .music-public-page
    .music-track-detail-hero
    .music-track-cover-preview-trigger:hover {
        transform: scale(1.025);

        box-shadow:
            0 22px 48px rgba(0, 0, 0, .50);
    }
}

/* === STANDALONE TRACK PAGE — COVER / NFT BADGE END === */


/* ==========================================================
   EMBEDDED TRACK DETAIL — COVER / NFT BADGE
   ========================================================== */

/*
 * NFT badge только во встроенной странице трека.
 */
@media (min-width: 769px) {
    #music-detail-view
    .music-embedded-track-nft-badge {
        width: 60px !important;
        height: 30px !important;

        left: 2px !important;
        bottom: 2px !important;
    }
}

/*
 * Интерактивная обложка встроенной страницы трека.
 */
#music-detail-view
.music-embedded-track-cover-preview-trigger {
    cursor: pointer;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}

/*
 * Лёгкое увеличение при наведении.
 */
@media (hover: hover) {
    #music-detail-view
    .music-embedded-track-cover-preview-trigger:hover {
        transform: scale(1.025);

        box-shadow:
            0 22px 48px rgba(0, 0, 0, .50);
    }
}

/* === EMBEDDED TRACK DETAIL — COVER / NFT BADGE END === */


/* ==========================================================
   GLOBAL PLAYER COVER — HOVER SCALE
   ========================================================== */

/*
 * Обложка глобального плеера.
 * Обычный размер не меняем.
 */
#music-player
.music-player-cover {
    cursor: pointer;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}

/*
 * На устройствах с мышью
 * слегка увеличиваем обложку при наведении.
 */
@media (hover: hover) {
    #music-player
    .music-player-cover:hover {
        transform: scale(1.06);

        box-shadow:
            0 8px 22px rgba(0, 0, 0, .46);
    }
}

/* === GLOBAL PLAYER COVER — HOVER SCALE END === */


/* =========================================================
   PAXOR MUSIC — COMPACT PROFILE LAYOUT V1
   ========================================================= */

/* 1. Название трека — обычная текстовая ссылка. */

.music-scroll-area.music-profile-scroll
.music-public-row-copy
.music-profile-track-title-link {

    display: block;

    width: fit-content;
    max-width: 100%;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 0;

    background: transparent;
    box-shadow: none;

    color: inherit;
    font: inherit;
    font-weight: 600;

    text-align: left;
    text-decoration: none;

    cursor: pointer;

}

/* Подсветка названия при наведении. */

.music-scroll-area.music-profile-scroll
.music-profile-track-title-link:hover {

    color: #20c5e8;
    text-decoration: none;

}

/* Убираем рамку фокуса мыши, сохраняя
   доступную подсветку для клавиатуры. */

.music-scroll-area.music-profile-scroll
.music-profile-track-title-link:focus:not(:focus-visible) {

    outline: none;

}

/* 2. Вкладки непосредственно под шапкой профиля. */

.music-scroll-area.music-profile-scroll
.music-user-tabs-section {

    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;

}

/* 3. Уменьшаем промежуток перед списком треков. */

.music-scroll-area.music-profile-scroll
.music-user-tab-panel.music-profile-track-list {

    margin-top: 0 !important;
    padding-top: 0 !important;

}

/* 4. Компактная шапка Queue. */

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading {

    min-height: 56px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    align-items: center;

}

/* 5. Уменьшаем кнопку воспроизведения
   только внутри профиля. */

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-list-play {

    width: 44px;
    height: 44px;

    min-width: 44px;
    min-height: 44px;

}

/* 6. Уменьшаем расстояние между вкладками
   и заголовком очереди. */

.music-scroll-area.music-profile-scroll
.music-profile-track-list
> .music-profile-queue-heading {

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

}

/* 7. Первый трек сразу после заголовка. */

.music-scroll-area.music-profile-scroll
.music-profile-track-list
> .music-profile-queue-heading
+ .music-public-track-row {

    margin-top: 0 !important;

}

/* === COMPACT PROFILE LAYOUT V1 END === */


/* =========================================================
   PAXOR MUSIC — PROFILE TAB INDICATOR V1
   ========================================================= */

/* 1. Убираем лишний отступ под кнопками. */

.music-scroll-area.music-profile-scroll
.music-user-tabs {

    min-height: 32px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    align-items: center !important;

}

/* 2. Подготавливаем место для белой полоски. */

.music-scroll-area.music-profile-scroll
.music-user-tabs button {

    position: relative !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    padding: 0 9px 4px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

}

/* 3. Белая полоска непосредственно под текстом. */

.music-scroll-area.music-profile-scroll
.music-user-tabs button::after {

    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 9px !important;
    right: 9px !important;

    bottom: 0 !important;

    height: 2px !important;

    border-radius: 0 !important;

    background: transparent !important;

}

/* 4. Показываем полоску активной вкладки. */

.music-scroll-area.music-profile-scroll
.music-user-tabs button.active::after {

    background: #ffffff !important;

}

/* 5. Активная вкладка — белый текст. */

.music-scroll-area.music-profile-scroll
.music-user-tabs button.active {

    color: #ffffff !important;

    background: transparent !important;

}

/* 6. Неактивные вкладки — без полоски. */

.music-scroll-area.music-profile-scroll
.music-user-tabs button:not(.active)::after {

    background: transparent !important;

}

/* === PROFILE TAB INDICATOR V1 END === */


/* =========================================================
   PAXOR MUSIC — PROFILE QUEUE SPACING V1
   ========================================================= */

/* Небольшой отступ между вкладками и блоком Queue. */

.music-scroll-area.music-profile-scroll
.music-user-tabs-section {

    margin-bottom: 8px !important;

}

/* === PROFILE QUEUE SPACING V1 END === */


/* =========================================================
   PAXOR MUSIC — QUEUE CONTENT POSITION V1
   ========================================================= */

/* Опускаем кнопку воспроизведения и текст Queue
   внутри существующего блока на 8 пикселей.

   Размеры блока и расположение остальных
   элементов не изменяются.
*/

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-list-play {

    transform: translateY(8px) !important;

}

/* Опускаем текст UP NEXT / Queue. */

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-list-play + * {

    transform: translateY(8px) !important;

}

/* === QUEUE CONTENT POSITION V1 END === */


/* =========================================================
   PAXOR MUSIC — UP NEXT TEXT POSITION V1
   ========================================================= */

/* Опускаем только надпись UP NEXT на 5 пикселей.
   Queue и кнопка воспроизведения не изменяются. */

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-list-play + *
small:first-child {

    position: relative !important;

    top: 10px !important;

}

/* === UP NEXT TEXT POSITION V1 END === */


/* =========================================================
   PAXOR MUSIC — UP NEXT EXACT POSITION V3
   ========================================================= */

/* Опускаем только UP NEXT на 10 пикселей. */

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-section-heading
.music-kicker {

    position: relative !important;

    top: 10px !important;

}

/* === UP NEXT EXACT POSITION V3 END === */


/* =========================================================
   PAXOR MUSIC — QUEUE TEXT POSITION V1
   ========================================================= */

/* Опускаем только текст Queue на 5 пикселей.
   UP NEXT и кнопка воспроизведения не меняются. */

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-section-heading
h2 {

    position: relative !important;

    top: 5px !important;

}

/* === QUEUE TEXT POSITION V1 END === */


/* =========================================================
   PAXOR MUSIC — QUEUE PLAY ICON SIZE V1
   ========================================================= */

/* Увеличиваем значок внутри кнопки воспроизведения.
   Размер и положение самой кнопки не изменяются. */

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-list-play
i {

    font-size: 1.15em !important;

}

/* === QUEUE PLAY ICON SIZE V1 END === */


/* =========================================================
   PAXOR MUSIC — QUEUE VIEW TOGGLE POSITION V1
   ========================================================= */

/* Опускаем только переключатель вида списка
   внутри профиля на 5 пикселей.

   Размеры кнопки и блока Queue не изменяются.
*/

.music-scroll-area.music-profile-scroll
.music-profile-queue-heading
.music-queue-view-toggle {

    position: relative !important;

    top: 5px !important;

}

/* === QUEUE VIEW TOGGLE POSITION V1 END === */


/* =========================================================
   PAXOR MUSIC — TRACK ACCORDION STYLE V1
   ========================================================= */

/* Главный контейнер над шкалой трека. */

.music-track-accordion {
    width: 100%;
    min-width: 0;
    margin: 16px 0 12px;
}

/* Горизонтальное меню из трёх кнопок. */

.music-track-accordion-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

/* Обычное состояние кнопок. */

.music-track-accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    min-width: 0;
    min-height: 42px;
    padding: 10px 14px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 9px;

    background: rgba(255,255,255,.045);
    color: var(--music-text, #fff);

    font: inherit;
    font-size: 12px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}

/* Подсветка при наведении. */

.music-track-accordion-button:hover {
    background: rgba(255,255,255,.09);
    border-color: rgba(255,255,255,.25);
}

/* Активная кнопка. */

.music-track-accordion-button[aria-expanded="true"] {
    background: var(--track-dominant, #037d9c);
    border-color: var(--track-dominant, #037d9c);
    color: #fff;
}

/* Стрелка справа. */

.music-track-accordion-button > i {
    flex-shrink: 0;
    font-size: 11px;
    transition: transform .2s ease;
}

/* При открытии стрелка направлена вверх. */

.music-track-accordion-button[aria-expanded="true"] > i {
    transform: rotate(180deg);
}

/* Область открытого содержимого. */

.music-track-accordion-content {
    width: 100%;
    min-width: 0;
    margin-top: 10px;
}

/* Скрытые панели. */

.music-track-accordion-panel[hidden] {
    display: none !important;
}

/* Открытая панель. */

.music-track-accordion-panel:not([hidden]) {
    width: 100%;
    min-width: 0;
}

/* Убираем старые отступы у вложенных блоков. */

.music-track-accordion-panel
.music-track-info-disclosure,

.music-track-accordion-panel
.music-market-disclosure,

.music-track-accordion-panel
.music-track-lyrics-preview {
    margin-top: 0;
}

/* Скрываем старые заголовки раскрывающихся блоков:
   управление теперь находится в верхнем меню. */

.music-track-accordion-panel
.music-track-info-disclosure > summary,

.music-track-accordion-panel
.music-market-disclosure > summary {
    display: none;
}

/* Показываем содержимое вложенных details. */

.music-track-accordion-panel
.music-track-info-disclosure,

.music-track-accordion-panel
.music-market-disclosure {
    width: 100%;
    min-width: 0;
}

/* Блок Lyrics. */

.music-track-accordion-panel
.music-track-lyrics-preview {
    position: relative;
    width: 100%;
    min-width: 0;
}

/* Кнопка копирования полного текста. */

.music-track-lyrics-copy {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    padding: 0;

    border: 1px solid rgba(255,255,255,.16);
    border-radius: 7px;

    background: rgba(255,255,255,.08);
    color: var(--music-text, #fff);

    font-size: 13px;
    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease;
}

.music-track-lyrics-copy:hover {
    background: rgba(255,255,255,.16);
}

/* Оставляем место для кнопки копирования. */

.music-track-accordion-panel
.music-track-lyrics-viewport {
    padding-right: 44px;
}

/* Мобильная версия. */

@media (max-width: 760px) {

    .music-track-accordion {
        margin: 12px 0 10px;
    }

    .music-track-accordion-menu {
        gap: 5px;
    }

    .music-track-accordion-button {
        min-height: 38px;
        padding: 8px 7px;
        gap: 4px;

        font-size: 10px;
        border-radius: 7px;
    }

    .music-track-accordion-button > i {
        font-size: 9px;
    }

}

/* === TRACK ACCORDION STYLE V1 END === */


/* =========================================================
   PAXOR MUSIC — TRACK ACCORDION DROPDOWN V2
   ========================================================= */

/* Контейнер меню под шкалой трека. */

.music-track-accordion {

    position: relative !important;

    width: 100%;

    min-width: 0;

    margin: 12px 0 0 !important;

    overflow: visible !important;

    z-index: 20;

}

/* Три кнопки на одной горизонтальной линии. */

.music-track-accordion-menu {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    align-items: center;

    gap: 8px;

    width: 100%;

}

/* Кнопки не меняют высоту при открытии панели. */

.music-track-accordion-button {

    width: 100%;

    min-width: 0;

    box-sizing: border-box;

}

/* Активная кнопка подсвечивается. */

.music-track-accordion-button[aria-expanded="true"] {

    background: var(--track-dominant, #037d9c);

    border-color: var(--track-dominant, #037d9c);

    color: #fff;

}

/* Выпадающая панель.
   Абсолютное позиционирование исключает
   увеличение высоты основного блока трека. */

.music-track-accordion-content {

    position: absolute !important;

    top: 100%;

    left: 0;

    right: 0;

    width: 100%;

    min-width: 0;

    margin-top: 6px !important;

    z-index: 30;

    box-sizing: border-box;

}

/* Скрытые панели не занимают пространство. */

.music-track-accordion-panel[hidden] {

    display: none !important;

}

/* Открытая панель на всю ширину меню. */

.music-track-accordion-panel:not([hidden]) {

    display: block;

    position: relative;

    width: 100%;

    min-width: 0;

    max-height: min(60vh, 480px);

    overflow-x: hidden;

    overflow-y: auto;

    box-sizing: border-box;

    border: 1px solid rgba(255,255,255,.16);

    border-radius: 10px;

    background: var(--music-panel, #15191f);

    box-shadow: 0 12px 32px rgba(0,0,0,.35);

}

/* Вложенные информационные блоки. */

.music-track-accordion-panel
.music-track-info-disclosure,

.music-track-accordion-panel
.music-market-disclosure {

    display: block !important;

    width: 100%;

    min-width: 0;

    margin: 0 !important;

}

/* Скрываем старые кнопки раскрытия.
   Управление осуществляется верхним меню. */

.music-track-accordion-panel
.music-track-info-disclosure > summary,

.music-track-accordion-panel
.music-market-disclosure > summary {

    display: none !important;

}

/* Lyrics занимает всю ширину панели. */

.music-track-accordion-panel
.music-track-lyrics-preview {

    width: 100%;

    min-width: 0;

    margin: 0 !important;

    box-sizing: border-box;

}

/* Кнопка копирования остаётся
   в правом верхнем углу Lyrics. */

.music-track-accordion-panel
.music-track-lyrics-header {

    position: relative;

}

/* Мобильная версия. */

@media (max-width: 760px) {

    .music-track-accordion {

        margin-top: 10px !important;

    }

    .music-track-accordion-menu {

        gap: 5px;

    }

    .music-track-accordion-content {

        margin-top: 5px !important;

    }

    .music-track-accordion-panel:not([hidden]) {

        max-height: 50vh;

    }

}

/* === TRACK ACCORDION DROPDOWN V2 END === */


/* =========================================================
   PAXOR MUSIC — TRACK DROPDOWN STYLE V3
   ========================================================= */

/* Контейнер меню под шкалой трека. */

.music-track-accordion {
    position: relative !important;
    overflow: visible !important;
    z-index: 100;
}

/* Три кнопки в одной горизонтальной строке. */

.music-track-accordion-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100%;
    gap: 8px;
}

/* Выпадающая область на всю ширину. */

.music-track-accordion-content {
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 101;
}

/* Высота открытой панели.
   Значение будет рассчитываться JavaScript
   относительно верхней границы плеера. */

.music-track-accordion-panel:not([hidden]) {
    display: block;

    width: 100%;

    height: var(
        --music-dropdown-height,
        min(60vh, 480px)
    ) !important;

    max-height: none !important;

    min-height: 0;

    overflow-x: hidden;
    overflow-y: auto;

    box-sizing: border-box;

    background: var(--music-panel, #15191f);

    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;

    box-shadow: 0 12px 32px rgba(0,0,0,.45);
}

/* Скрытые панели. */

.music-track-accordion-panel[hidden] {
    display: none !important;
}

/* =========================================
   LYRICS
   ========================================= */

/* Текст и заголовок располагаются вертикально. */

.music-track-accordion-panel
.music-track-lyrics-preview {
    display: flex !important;
    flex-direction: column;

    width: 100%;
    height: 100%;

    min-height: 0;

    gap: 0;

    margin: 0 !important;
    padding: 12px 16px;

    box-sizing: border-box;
}

/* Заголовок текущего трека. */

.music-track-accordion-panel
.music-track-lyrics-header {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    min-height: 40px;

    padding: 0 0 12px;

    gap: 12px;

    box-sizing: border-box;
}

/* Исполнитель — название трека. */

.music-track-accordion-panel
.music-track-lyrics-label {
    display: block;

    min-width: 0;

    padding: 0;

    color: #ffffff;

    font-size: 17px;
    font-weight: 750;
    line-height: 1.4;

    letter-spacing: normal;
    white-space: normal;

    overflow-wrap: anywhere;
}

/* Кнопка копирования справа вверху. */

.music-track-accordion-panel
.music-track-lyrics-copy {
    position: relative !important;

    top: auto !important;
    right: auto !important;

    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    padding: 0;

    border: none !important;
    border-radius: 6px;

    background: transparent !important;

    color: #dce7eb;

    font-size: 16px;

    cursor: pointer;
}

/* Подсветка значка при наведении. */

.music-track-accordion-panel
.music-track-lyrics-copy:hover {
    color: #ffffff;

    background: rgba(
        255,255,255,.08
    ) !important;
}

/* Галочка после копирования. */

.music-track-accordion-panel
.music-track-lyrics-copy.is-copied {
    color: #37d89b;
}

/* Область прокрутки Lyrics. */

.music-track-accordion-panel
.music-track-lyrics-viewport {
    flex: 1 1 auto;

    width: 100%;

    min-width: 0;
    min-height: 0;

    height: auto !important;
    max-height: none !important;

    padding: 10px 8px 12px 0;

    overflow-x: hidden;
    overflow-y: auto;

    box-sizing: border-box;

    background: transparent;
}

/* Увеличиваем расстояние между строками. */

.music-track-accordion-panel
.music-track-lyrics-body {
    display: grid;
    gap: 8px;
}

/* Основной текст трека. */

.music-track-accordion-panel
.music-track-lyrics-line {
    font-size: 17px;
    line-height: 1.6;

    padding: 3px 0;

    overflow-wrap: anywhere;
}

/* Активная строка синхронизированного текста. */

.music-track-accordion-panel
.music-track-lyrics-line.is-active {
    color: #ffffff;

    opacity: 1;

    font-weight: 800;
}

/* Статический текст без синхронизации. */

.music-track-accordion-panel
.music-track-lyrics-line-static {
    color: #dce7eb;
    opacity: 1;
}

/* =========================================
   ARTIST INFO / NFT INFO
   ========================================= */

/* Внутренние информационные блоки. */

.music-track-accordion-panel
.music-track-info-disclosure,

.music-track-accordion-panel
.music-market-disclosure {
    display: block !important;

    width: 100%;

    min-width: 0;

    margin: 0 !important;
}

/* Информационные панели занимают доступную ширину. */

.music-track-accordion-panel
.music-track-info-disclosure > :not(summary),

.music-track-accordion-panel
.music-market-disclosure > :not(summary) {
    box-sizing: border-box;
    max-width: 100%;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 760px) {

    .music-track-accordion-menu {
        gap: 5px;
    }

    .music-track-accordion-panel
    .music-track-lyrics-preview {
        padding: 10px 12px;
    }

    .music-track-accordion-panel
    .music-track-lyrics-label {
        font-size: 15px;
    }

    .music-track-accordion-panel
    .music-track-lyrics-line {
        font-size: 16px;
        line-height: 1.55;
    }

    .music-track-accordion-panel:not([hidden]) {
        max-height: none !important;
    }

}

/* === TRACK DROPDOWN STYLE V3 END === */


/* =========================================================
   PAXOR MUSIC — DROPDOWN GRAY BUTTONS V5
   ========================================================= */

/* Обычное состояние кнопки. */

.music-track-accordion-button {

    background: rgba(255,255,255,.045);

    border: 1px solid rgba(255,255,255,.14);

    color: var(--music-text, #fff);

}

/* Подсветка при наведении. */

.music-track-accordion-button:hover {

    background: rgba(255,255,255,.10);

    border-color: rgba(255,255,255,.32);

}

/* Активная кнопка — светло-серая. */

.music-track-accordion-button[aria-expanded="true"] {

    background: rgba(255,255,255,.18) !important;

    border-color: rgba(255,255,255,.48) !important;

    color: #ffffff !important;

}

/* Активная кнопка при наведении. */

.music-track-accordion-button[aria-expanded="true"]:hover {

    background: rgba(255,255,255,.22) !important;

    border-color: rgba(255,255,255,.60) !important;

}

/* Фиксированная высота выпадающих панелей. */

.music-track-accordion-panel:not([hidden]) {

    height: var(
        --music-dropdown-height,
        min(60vh, 480px)
    ) !important;

    max-height: none !important;

    min-height: 0;

    overflow-x: hidden;

    overflow-y: auto;

    overscroll-behavior: contain;

}

/* === DROPDOWN GRAY BUTTONS V5 END === */


/* =========================================================
   PAXOR MUSIC — ACTIVE BUTTON HOVER STYLE V6
   ========================================================= */

/* Активная кнопка выглядит как при наведении. */

.music-track-accordion-button[aria-expanded="true"],
.music-track-accordion-button[aria-expanded="true"]:hover {

    background: rgba(255,255,255,.10) !important;

    border-color: rgba(255,255,255,.32) !important;

    color: #ffffff !important;

}

/* === ACTIVE BUTTON HOVER STYLE V6 END === */


/* =========================================================
   PAXOR MUSIC — TRACK SOCIAL CSS V8
   ========================================================= */

/* -----------------------------------------
   1. СЧЁТЧИКИ — ВНУТРИ ГРАНИЦ ТРЕКА
   ----------------------------------------- */

body.music-track-detail-page
.music-track-detail-controls
.music-track-detail-stats {

    box-sizing: border-box !important;

    min-width: 0 !important;

    max-width: 100% !important;

    padding-left: 0 !important;

    padding-right: 12px !important;

    overflow: hidden;

}

/* Четыре счётчика равномерно распределены. */

body.music-track-detail-page
.music-track-detail-stats {

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    column-gap: 4px !important;

}

/* Каждый счётчик остаётся внутри своей колонки. */

body.music-track-detail-page
.music-track-detail-stats
.music-track-detail-stat {

    box-sizing: border-box;

    min-width: 0 !important;

    max-width: 100% !important;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

/* Значение счётчика. */

body.music-track-detail-page
.music-track-detail-stat-value {

    flex: 0 0 auto;

    color: #c5cbce;

    font-variant-numeric: tabular-nums;

}

/* Подпись счётчика. */

body.music-track-detail-page
.music-track-detail-stat-label {

    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;

}

/* -----------------------------------------
   2. LIKE / REPOST — НЕАКТИВНОЕ СОСТОЯНИЕ
   ----------------------------------------- */

html body.music-track-detail-page
.music-track-detail-controls
.music-track-hero-actions
.music-track-icon-action:not(.active):not([aria-pressed="true"]),

html body.music-track-detail-page
.music-track-detail-controls
.music-track-hero-actions
.music-track-icon-action:not(.active):not([aria-pressed="true"]) i {

    color: #858d91 !important;

}

/* -----------------------------------------
   3. LIKE / REPOST — АКТИВНОЕ СОСТОЯНИЕ
   ----------------------------------------- */

html body.music-track-detail-page
.music-track-detail-controls
.music-track-hero-actions
.music-track-icon-action.active,

html body.music-track-detail-page
.music-track-detail-controls
.music-track-hero-actions
.music-track-icon-action.active i,

html body.music-track-detail-page
.music-track-detail-controls
.music-track-hero-actions
.music-track-icon-action[aria-pressed="true"],

html body.music-track-detail-page
.music-track-detail-controls
.music-track-hero-actions
.music-track-icon-action[aria-pressed="true"] i {

    color: #e3e7e9 !important;

}

/* -----------------------------------------
   4. МОБИЛЬНАЯ ВЕРСИЯ
   ----------------------------------------- */

@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-detail-stats {

        padding-left: 0 !important;

        padding-right: 16px !important;

        column-gap: 2px !important;

    }

    body.music-track-detail-page
    .music-track-detail-stats
    .music-track-detail-stat {

        gap: 3px;

        font-size: 10px !important;

    }

    body.music-track-detail-page
    .music-track-detail-stat-value,

    body.music-track-detail-page
    .music-track-detail-stat-label {

        font-size: 10px;

    }

}

/* === TRACK SOCIAL CSS V8 END === */


/* =========================================================
   PAXOR MUSIC — COMPACT TRACK COUNTERS V9
   ========================================================= */

/* Компактное расположение четырёх счётчиков. */

body.music-track-detail-page
.music-track-detail-controls
.music-track-detail-stats {

    display: flex !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: 100% !important;

    min-width: 0 !important;

    max-width: 100% !important;

    box-sizing: border-box !important;

    gap: 8px 14px !important;

    padding: 0 8px 0 0 !important;

    margin: 0 !important;

    overflow: visible !important;

}

/* Каждый счётчик занимает только необходимую ширину. */

body.music-track-detail-page
.music-track-detail-stats
.music-track-detail-stat {

    display: inline-flex !important;

    flex: 0 1 auto !important;

    align-items: baseline !important;

    justify-content: flex-start !important;

    min-width: 0 !important;

    max-width: 100% !important;

    gap: 4px !important;

    padding: 0 !important;

    margin: 0 !important;

    white-space: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;

}

/* Цифры — почти белые для лучшей читаемости. */

body.music-track-detail-page
.music-track-detail-stat-value {

    flex: 0 0 auto !important;

    color: #f5f7f8 !important;

    font-weight: 700 !important;

    font-variant-numeric: tabular-nums;

    opacity: 1 !important;

    white-space: nowrap !important;

}

/* Подписи счётчиков. */

body.music-track-detail-page
.music-track-detail-stat-label {

    min-width: 0 !important;

    color: #b8c0c4 !important;

    white-space: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;

    overflow-wrap: normal;

    line-height: 1.3;

}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-detail-stats {

        gap: 6px 10px !important;

        padding: 0 4px 0 0 !important;

    }

    body.music-track-detail-page
    .music-track-detail-stats
    .music-track-detail-stat {

        gap: 3px !important;

        font-size: 11px !important;

    }

    body.music-track-detail-page
    .music-track-detail-stat-value {

        font-size: 11px !important;

        font-weight: 700 !important;

    }

    body.music-track-detail-page
    .music-track-detail-stat-label {

        font-size: 11px !important;

        line-height: 1.25;

    }

}

/* === COMPACT TRACK COUNTERS V9 END === */


/* =========================================================
   PAXOR MUSIC — SINGLE ROW COUNTERS V10
   ========================================================= */

/* Все четыре счётчика в одной строке. */

body.music-track-detail-page
.music-track-detail-controls
.music-track-detail-stats {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: 100% !important;

    min-width: 0 !important;

    max-width: 100% !important;

    gap: 8px !important;

    padding: 0 4px 0 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

}

/* Каждый счётчик занимает только нужную ширину. */

body.music-track-detail-page
.music-track-detail-stats
.music-track-detail-stat {

    display: inline-flex !important;

    flex: 0 1 auto !important;

    align-items: center !important;

    justify-content: flex-start !important;

    min-width: 0 !important;

    max-width: 100% !important;

    gap: 3px !important;

    margin: 0 !important;

    padding: 0 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    font-size: 11px !important;

}

/* Цифры светлые и хорошо читаются. */

body.music-track-detail-page
.music-track-detail-stat-value {

    flex: 0 0 auto !important;

    color: #f5f7f8 !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

}

/* Подписи компактные, без переноса. */

body.music-track-detail-page
.music-track-detail-stat-label {

    min-width: 0 !important;

    color: #b8c0c4 !important;

    font-size: 11px !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-detail-stats {

        gap: 4px !important;

        padding-right: 0 !important;

    }

    body.music-track-detail-page
    .music-track-detail-stats
    .music-track-detail-stat {

        gap: 2px !important;

        font-size: 9px !important;

    }

    body.music-track-detail-page
    .music-track-detail-stat-value,

    body.music-track-detail-page
    .music-track-detail-stat-label {

        font-size: 9px !important;

    }

}

/* === SINGLE ROW COUNTERS V10 END === */


/* =========================================================
   PAXOR MUSIC — TRACK CONTROLS ROW CSS V11
   ========================================================= */

/* Основной контейнер управления треком. */

body.music-track-detail-page
.music-track-detail-controls {

    width: 100%;

    min-width: 0;

    box-sizing: border-box;

}

/* Кнопки и счётчики на одной горизонтальной линии. */

body.music-track-detail-page
.music-track-controls-row {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: 100% !important;

    min-width: 0 !important;

    max-width: 100% !important;

    gap: 6px !important;

    box-sizing: border-box !important;

}

/* Основные кнопки слева. */

body.music-track-detail-page
.music-track-controls-row
.music-track-hero-actions {

    display: flex !important;

    flex: 0 0 auto !important;

    align-items: center !important;

    gap: 5px !important;

    min-width: 0;

}

/* Кнопка покупки не растягивается. */

body.music-track-detail-page
.music-track-controls-row
.music-track-detail-buy {

    flex: 0 0 auto !important;

}

/* Меню «три точки» остаётся слева от счётчиков. */

body.music-track-detail-page
.music-track-controls-row
.music-track-more-wrap {

    flex: 0 0 auto !important;

}

/* Счётчики располагаются справа от меню. */

body.music-track-detail-page
.music-track-controls-row
.music-track-detail-stats {

    display: flex !important;

    flex: 0 1 auto !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: center !important;

    justify-content: flex-end !important;

    width: auto !important;

    min-width: 0 !important;

    max-width: 100% !important;

    margin: 0 0 0 auto !important;

    padding: 0 !important;

    gap: 6px !important;

    overflow: hidden !important;

}

/* Отдельные счётчики. */

body.music-track-detail-page
.music-track-controls-row
.music-track-detail-stat {

    display: inline-flex !important;

    flex: 0 1 auto !important;

    align-items: center !important;

    gap: 3px !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    white-space: nowrap !important;

}

/* Светлые цифры. */

body.music-track-detail-page
.music-track-controls-row
.music-track-detail-stat-value {

    color: #f5f7f8 !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

}

/* Компактные подписи. */

body.music-track-detail-page
.music-track-controls-row
.music-track-detail-stat-label {

    font-size: 11px !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-controls-row {

        gap: 3px !important;

    }

    body.music-track-detail-page
    .music-track-controls-row
    .music-track-hero-actions {

        gap: 2px !important;

    }

    body.music-track-detail-page
    .music-track-controls-row
    .music-track-detail-stats {

        gap: 3px !important;

    }

    body.music-track-detail-page
    .music-track-controls-row
    .music-track-detail-stat {

        gap: 2px !important;

    }

    body.music-track-detail-page
    .music-track-controls-row
    .music-track-detail-stat-value,

    body.music-track-detail-page
    .music-track-controls-row
    .music-track-detail-stat-label {

        font-size: 9px !important;

    }

}

/* === TRACK CONTROLS ROW CSS V11 END === */


/* =========================================================
   PAXOR MUSIC — COUNTERS SCROLL GAP V12
   ========================================================= */

/* Отступ справа от счётчиков до полосы прокрутки. */

body.music-track-detail-page
.music-track-controls-row {

    padding-right: 20px !important;

    box-sizing: border-box !important;

}

/* Счётчики остаются справа от меню «три точки». */

body.music-track-detail-page
.music-track-controls-row
.music-track-detail-stats {

    margin-left: auto !important;

    margin-right: 0 !important;

    padding-right: 0 !important;

}

/* Мобильная версия. */

@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-controls-row {

        padding-right: 12px !important;

    }

}

/* === COUNTERS SCROLL GAP V12 END === */


/* =========================================================
   PAXOR MUSIC — FEATURE ACCORDION CSS V14
   ========================================================= */

/* Контейнер меню под шкалой рекламного трека. */

.music-feature-track-hero
.music-feature-accordion-slot {

    width: 100%;

    min-width: 0;

    margin-top: 0;

    box-sizing: border-box;

}

/* Используем оформление меню страницы трека. */

.music-feature-accordion-slot
.music-track-accordion {

    width: 100%;

    min-width: 0;

    margin: 16px 0 0;

}

/* Три кнопки на одной горизонтальной линии. */

.music-feature-accordion-slot
.music-track-accordion-menu {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 8px;

    width: 100%;

}

/* Кнопки не выходят за границы блока. */

.music-feature-accordion-slot
.music-track-accordion-button {

    min-width: 0;

    width: 100%;

    box-sizing: border-box;

}

/* Область раскрывающихся панелей. */

.music-feature-accordion-slot
.music-track-accordion-content {

    width: 100%;

    min-width: 0;

    margin-top: 10px;

}

/* Высота открытой панели рассчитывается
   существующим JavaScript. */

.music-feature-accordion-slot
.music-track-accordion-panel:not([hidden]) {

    width: 100%;

    min-width: 0;

    box-sizing: border-box;

    overflow-x: hidden;

    overflow-y: auto;

    overscroll-behavior: contain;

}

/* Старое описание рекламного трека скрыто. */

#music-feature-description[hidden] {

    display: none !important;

}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 760px) {

    .music-feature-accordion-slot
    .music-track-accordion {

        margin-top: 12px;

    }

    .music-feature-accordion-slot
    .music-track-accordion-menu {

        gap: 5px;

    }

    .music-feature-accordion-slot
    .music-track-accordion-button {

        min-height: 38px;

        padding: 8px 7px;

        font-size: 10px;

    }

}

/* === FEATURE ACCORDION CSS V14 END === */


/* =========================================================
   PAXOR MUSIC — FEATURE COLORS V15
   ========================================================= */

/* Голубой значок воспроизведения на главной странице. */

#music-feature-play,
#music-feature-play:hover,
#music-feature-play:focus-visible {

    color: #00c8ff !important;

}

/* Значок остаётся голубым независимо от наведения. */

#music-feature-play i,
#music-feature-play:hover i,
#music-feature-play:focus-visible i {

    color: #00c8ff !important;

    opacity: 1 !important;

}

/* Светлые цифры счётчиков рекламного трека. */

#music-feature
.music-track-detail-stat-value {

    color: #ffffff !important;

    opacity: 1 !important;

    font-weight: 700 !important;

}

/* Подписи счётчиков остаются серыми. */

#music-feature
.music-track-detail-stat-label {

    color: #b8c0c4 !important;

}

/* === FEATURE COLORS V15 END === */


/* =========================================================
   PAXOR MUSIC — FEATURE COLORS FIX V16
   ========================================================= */

/* =========================================
   1. КНОПКА ВОСПРОИЗВЕДЕНИЯ
   ========================================= */

/* Голубой круг постоянно, включая наведение. */

#music-feature-play,
#music-feature-play:hover,
#music-feature-play:focus-visible,
#music-feature-play.playing {

    background: #037d9c !important;

    color: #05090b !important;

}

/* Чёрный треугольник внутри голубого круга. */

#music-feature-play i,
#music-feature-play:hover i,
#music-feature-play:focus-visible i,
#music-feature-play.playing i {

    color: #05090b !important;

    opacity: 1 !important;

}

/* =========================================
   2. СЧЁТЧИКИ ГЛАВНОЙ СТРАНИЦЫ
   ========================================= */

/* Цифры — белые. */

.music-feature-controls
.music-track-detail-stat-value {

    color: #ffffff !important;

    opacity: 1 !important;

    font-weight: 700 !important;

}

/* Подписи — серые. */

.music-feature-controls
.music-track-detail-stat-label {

    color: #b8c0c4 !important;

    opacity: 1 !important;

}

/* Если счётчики представлены отдельными
   элементами без вложенных span,
   цвет задаётся непосредственно им. */

.music-feature-controls
.music-track-detail-stats
.music-track-detail-stat {

    color: #ffffff !important;

}

/* =========================================
   3. СОХРАНЯЕМ РАСПОЛОЖЕНИЕ
   ========================================= */

/* Размеры кнопок и положение счётчиков
   не изменяются. */

/* === FEATURE COLORS FIX V16 END === */


/* =========================================================
   PAXOR MUSIC — ACCORDION STYLE V19
   ========================================================= */

/* =========================================
   1. ГОРИЗОНТАЛЬНОЕ МЕНЮ
   ========================================= */

/* Кнопки одинаковой ширины.
   Вся группа расположена по центру. */

.music-track-accordion-menu {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    justify-content: center !important;

    grid-template-columns: none !important;

    width: 100% !important;

    gap: 16px !important;

    margin: 0 auto !important;

}

/* =========================================
   2. ОВАЛЬНЫЕ КНОПКИ
   ========================================= */

.music-track-accordion-button {

    display: inline-flex !important;

    flex: 0 0 90px !important;

    align-items: center !important;

    justify-content: center !important;

    width: 90px !important;

    min-width: 90px !important;

    max-width: 90px !important;

    height: 34px !important;

    min-height: 34px !important;

    max-height: 34px !important;

    padding: 0 5px !important;

    box-sizing: border-box !important;

    border: 1px solid #555b60 !important;

    border-radius: 999px !important;

    background: #050505 !important;

    color: #ffffff !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-align: center !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease !important;

}

/* =========================================
   3. УБИРАЕМ СТРЕЛКИ
   ========================================= */

.music-track-accordion-button > i,
.music-track-accordion-button > svg {

    display: none !important;

}

/* =========================================
   4. ПОДСВЕТКА ПРИ НАВЕДЕНИИ
   ========================================= */

.music-track-accordion-button:hover:not(
    [aria-expanded="true"]
) {

    background: #30363b !important;

    border-color: #808a90 !important;

    color: #ffffff !important;

}

/* =========================================
   5. АКТИВНАЯ КНОПКА
   ========================================= */

.music-track-accordion-button[
    aria-expanded="true"
] {

    background: #ffffff !important;

    border-color: #ffffff !important;

    color: #000000 !important;

}

/* При наведении активная кнопка
   становится слегка сероватой. */

.music-track-accordion-button[
    aria-expanded="true"
]:hover {

    background: #e6e6e6 !important;

    border-color: #e6e6e6 !important;

    color: #000000 !important;

}

/* Подсветка при управлении клавиатурой. */

.music-track-accordion-button:focus-visible {

    outline: 2px solid #00c8ff !important;

    outline-offset: 3px !important;

}

/* =========================================
   6. СЧЁТЧИКИ
   ========================================= */

/* Небольшой отступ между цифрой
   и подписью: 162 plays. */

.music-track-detail-stat {

    column-gap: 5px !important;

}

/* Отдельные цифры и подписи. */

.music-track-detail-stat-value {

    margin-right: 0 !important;

}

.music-track-detail-stat-label {

    margin-left: 0 !important;

}

/* Счётчики маркетплейса. */

.music-marketplace
.music-track-detail-stat,

.music-marketplace-page
.music-track-detail-stat {

    column-gap: 5px !important;

}

/* =========================================
   7. МОБИЛЬНАЯ ВЕРСИЯ
   ========================================= */

@media (max-width: 760px) {

    .music-track-accordion-menu {

        gap: 8px !important;

        justify-content: center !important;

    }

    .music-track-accordion-button {

        flex: 0 0 90px !important;

        width: 90px !important;

        min-width: 90px !important;

        max-width: 90px !important;

        height: 34px !important;

        min-height: 34px !important;

        font-size: 11px !important;

    }

    .music-track-detail-stat {

        column-gap: 4px !important;

    }

}

/* === ACCORDION STYLE V19 END === */


/* =========================================================
   PAXOR MUSIC — ACCORDION STYLE V20
   ========================================================= */

/* =========================================
   1. КНОПКИ СПРАВА
   ========================================= */

.music-track-accordion-menu,
.music-feature-accordion-slot
.music-track-accordion-menu {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    justify-content: flex-end !important;

    align-items: center !important;

    gap: 8px !important;

    width: 100% !important;

    margin: 0 !important;

}

/* =========================================
   2. РАЗМЕР И ПЕРЕНОС ТЕКСТА
   ========================================= */

.music-track-accordion-button,
.music-feature-accordion-slot
.music-track-accordion-button {

    flex: 0 0 90px !important;

    width: 90px !important;

    min-width: 90px !important;

    max-width: 90px !important;

    height: auto !important;

    min-height: 34px !important;

    max-height: none !important;

    padding: 7px 6px !important;

    box-sizing: border-box !important;

    border-radius: 999px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;

    word-break: normal !important;

    line-height: 1.15 !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    background: #050505 !important;

    color: #ffffff !important;

    border: 1px solid #555b60 !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease !important;

}

/* =========================================
   3. УБИРАЕМ СТРЕЛКИ
   ========================================= */

.music-track-accordion-button > i,
.music-track-accordion-button > svg {

    display: none !important;

}

/* =========================================
   4. НАВЕДЕНИЕ — БЕЛАЯ КНОПКА
   ========================================= */

.music-track-accordion-button:hover,
.music-feature-accordion-slot
.music-track-accordion-button:hover {

    background: #ffffff !important;

    border-color: #ffffff !important;

    color: #000000 !important;

}

/* =========================================
   5. АКТИВНАЯ КНОПКА
   ========================================= */

.music-track-accordion-button[aria-expanded="true"],
.music-feature-accordion-slot
.music-track-accordion-button[aria-expanded="true"] {

    background: #ffffff !important;

    border-color: #ffffff !important;

    color: #000000 !important;

}

/* =========================================
   6. МОБИЛЬНАЯ ВЕРСИЯ
   ========================================= */

@media (max-width: 760px) {

    .music-track-accordion-menu,
    .music-feature-accordion-slot
    .music-track-accordion-menu {

        justify-content: flex-end !important;

        gap: 6px !important;

    }

    .music-track-accordion-button,
    .music-feature-accordion-slot
    .music-track-accordion-button {

        flex: 0 0 90px !important;

        width: 90px !important;

        min-width: 90px !important;

        max-width: 90px !important;

        height: auto !important;

        min-height: 34px !important;

        max-height: none !important;

        padding: 7px 5px !important;

        white-space: normal !important;

        font-size: 11px !important;

    }

}

/* === ACCORDION STYLE V20 END === */


/* =========================================================
   PAXOR MUSIC — FEATURE SPACING V21
   ========================================================= */

/* =========================================
   1. ИНФОРМАЦИОННЫЙ БЛОК И ТРЕК
   ========================================= */

/* Убираем нижний отступ информационного блока. */

#music-library-view > #music-onboarding {

    margin-bottom: 0 !important;

}

/* Убираем верхний отступ рекламного трека. */

#music-library-view > #music-feature {

    margin-top: 0 !important;

}

/* Убираем возможный отступ между двумя блоками. */

#music-library-view {

    row-gap: 0 !important;

}

/* =========================================
   2. НИЖНЯЯ ПАНЕЛЬ КНОПОК
   ========================================= */

/* Убираем вертикальный отступ перед
   кнопками Like, Repost, Buy и другими. */

#music-feature > .music-feature-controls {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

}

/* Убираем вертикальный промежуток
   между строками сетки рекламного трека. */

#music-feature.music-feature-track-hero {

    row-gap: 0 !important;

}

/* =========================================
   3. ВНУТРЕННИЕ ОТСТУПЫ КНОПОК
   ========================================= */

/* Убираем дополнительный верхний отступ
   группы кнопок Like и Repost. */

#music-feature
.music-track-hero-actions {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

}

/* =========================================
   4. МОБИЛЬНАЯ ВЕРСИЯ
   ========================================= */

@media (max-width: 760px) {

    #music-library-view > #music-onboarding {

        margin-bottom: 0 !important;

    }

    #music-library-view > #music-feature {

        margin-top: 0 !important;

    }

    #music-feature > .music-feature-controls {

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }

    #music-feature.music-feature-track-hero {

        row-gap: 0 !important;

    }

}

/* === FEATURE SPACING V21 END === */


/* PAXOR MUSIC — FEATURE CONTROLS SPACING V22 */

#music-feature > .music-feature-controls {
    margin-top: 12px !important;
}


/* =========================================================
   PAXOR MUSIC — COUNTER TEXT GAP V23
   ========================================================= */

/* Отступ между цифрой и подписью счётчика.
   Например: 162 plays, 24 likes, 8 reposts. */

.music-track-detail-stat > .music-track-detail-stat-value
+ .music-track-detail-stat-label {

    margin-left: 5px !important;

}

/* Мобильная версия. */

@media (max-width: 760px) {

    .music-track-detail-stat > .music-track-detail-stat-value
    + .music-track-detail-stat-label {

        margin-left: 4px !important;

    }

}

/* === COUNTER TEXT GAP V23 END === */


/* PAXOR MUSIC — TRACK ACCORDION HOVER V24 */

/* Наведение на кнопки отдельной страницы трека. */

.music-track-accordion-button:hover,
.music-track-accordion-button:hover:not([aria-expanded="true"]),
.music-track-accordion-button[aria-expanded="true"]:hover {

    background: #ffffff !important;
    background-color: #ffffff !important;

    border-color: #ffffff !important;

    color: #000000 !important;

}

/* Сохраняем белый фон активной кнопки. */

.music-track-accordion-button[aria-expanded="true"] {

    background: #ffffff !important;
    background-color: #ffffff !important;

    border-color: #ffffff !important;

    color: #000000 !important;

}

/* Плавное изменение цвета. */

.music-track-accordion-button {

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease !important;

}

/* === TRACK ACCORDION HOVER V24 END === */


/* =========================================================
   PAXOR MUSIC — LYRICS SPACING V25
   ========================================================= */

/* Уменьшаем расстояние между кнопками
   аккордеона и открытой панелью Lyrics. */

.music-track-accordion-content:has(
    .music-track-lyrics-preview
    ) {

    margin-top: 5px !important;

}

/* Уменьшаем внутренний верхний отступ
   контейнера Lyrics. */

.music-track-accordion-panel
.music-track-lyrics-preview {

    padding-top: 0 !important;

}

/* Приближаем текст песни к заголовку
   с именем исполнителя и названием трека. */

.music-track-accordion-panel
.music-track-lyrics-viewport {

    margin-top: 3px !important;

    padding-top: 0 !important;

}

/* Убираем дополнительный верхний отступ
   непосредственно у текста песни. */

.music-track-accordion-panel
.music-track-lyrics-body {

    margin-top: 0 !important;

    padding-top: 0 !important;

    row-gap: 3px !important;

}

/* Уменьшаем расстояние между строками.
   Сохраняем размер шрифта и подсветку. */

.music-track-accordion-panel
.music-track-lyrics-line {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    line-height: 1.3 !important;

}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 760px) {

    .music-track-accordion-panel
    .music-track-lyrics-viewport {

        margin-top: 3px !important;

    }

    .music-track-accordion-panel
    .music-track-lyrics-body {

        row-gap: 3px !important;

    }

    .music-track-accordion-panel
    .music-track-lyrics-line {

        line-height: 1.3 !important;

    }

}

/* === LYRICS SPACING V25 END === */


/* =========================================================
   PAXOR MUSIC — LYRICS SPACING V26
   ========================================================= */

/* Уменьшаем расстояние между меню
   и открытой панелью Lyrics. */

.music-track-accordion-content:has(
    .music-track-lyrics-preview:not([hidden])
) {
    margin-top: 0 !important;
}

/* Поднимаем весь блок текста песни. */

.music-track-accordion-panel
.music-track-lyrics-preview {

    margin-top: 0 !important;
    padding-top: 0 !important;

}

/* Приближаем заголовок Lyrics к тексту. */

.music-track-accordion-panel
.music-track-lyrics-header {

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

}

/* Убираем верхний отступ перед первой строкой. */

.music-track-accordion-panel
.music-track-lyrics-viewport {

    margin-top: 0 !important;
    padding-top: 0 !important;

}

/* Делаем строки песни компактнее. */

.music-track-accordion-panel
.music-track-lyrics-body {

    margin-top: 0 !important;
    padding-top: 0 !important;

    row-gap: 0 !important;
    gap: 0 !important;

}

/* Уменьшаем высоту каждой строки,
   не меняя размер шрифта. */

.music-track-accordion-panel
.music-track-lyrics-line {

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    line-height: 1.15 !important;

}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 760px) {

    .music-track-accordion-panel
    .music-track-lyrics-body {

        row-gap: 0 !important;
        gap: 0 !important;

    }

    .music-track-accordion-panel
    .music-track-lyrics-line {

        line-height: 1.15 !important;

    }

}

/* === LYRICS SPACING V26 END === */


/* =========================================================
   PAXOR MUSIC — LYRICS SPACING V28
   ========================================================= */

/* Немного увеличиваем отступ перед текстом. */

.music-track-accordion-panel
.music-track-lyrics-viewport {

    margin-top: 8px !important;

}

/* Увеличиваем расстояние между строками. */

.music-track-accordion-panel
.music-track-lyrics-body {

    row-gap: 4px !important;
    gap: 4px !important;

}

/* Немного увеличиваем высоту строк. */

.music-track-accordion-panel
.music-track-lyrics-line {

    line-height: 1.3 !important;

}

/* === LYRICS SPACING V28 END === */


/* ==========================================
   PAXOR ARTIST STUDIO — UNIFIED COMPACT HEADERS V1

   Compact header is shared by:
   Artist profile
   New track
   Create Music NFT
   NFT music releases
   ========================================== */