: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: #037d9c; }
.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-ui-green); }

.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 { 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; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.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-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;
    gap: 8px;
}
.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 {
    min-width: 0;
    overflow: hidden;
    color: var(--music-text);
    font-size: 20px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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 - 230px);
    display: grid;
    grid-template-columns: minmax(260px, .44fr) minmax(0, 1fr);
    gap: 38px;
}
.music-messages-sidebar {
    min-width: 0;
    padding-right: 20px;
    border-right: 1px solid rgba(255,255,255,.08);
}
.music-messages-sidebar h1 { margin: 0 0 24px; font-size: 34px; letter-spacing: 0; }
.music-messages-page-list {
    max-height: calc(100vh - 300px);
    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-radius: 4px; grid-template-columns: 58px minmax(0,1fr) auto; }
.music-chat-panel {
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(320px, 1fr) auto;
    gap: 22px;
}
.music-chat-toolbar {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.music-chat-toolbar strong { color: var(--music-text); font-size: 16px; }
.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-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: 28px;
    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;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
}
.music-chat-message.mine { grid-template-columns: 58px minmax(0, 1fr) auto; }
.music-chat-bubble { min-width: 0; display: grid; gap: 7px; }
.music-chat-bubble strong { color: var(--music-text); font-size: 15px; }
.music-chat-bubble p { max-width: 680px; margin: 0; color: #c8d0d3; line-height: 1.55; }
.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 { 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-right: 0; border-right: 0; }
    .music-messages-page-list { max-height: 300px; }
    .music-chat-toolbar { flex-wrap: wrap; gap: 10px; }
    .music-chat-message { grid-template-columns: 46px minmax(0,1fr); }
    .music-chat-message time { grid-column: 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;
    }
}

/* 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;
    }
}