/* A-MIXER 6.0 design system — persistent shell and shared components */
@font-face{font-family:"Inter";src:url("../fonts/inter/Inter-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter/Inter-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter/Inter-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter/Inter-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter/Inter-ExtraBold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter/Inter-Black.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{
  color-scheme:dark;
  --ds-bg:#020b17;
  --ds-bg-deep:#010711;
  --ds-surface:#061426;
  --ds-surface-raised:#091c32;
  --ds-surface-soft:rgba(6,24,42,.84);
  --ds-line:rgba(65,125,169,.3);
  --ds-line-strong:rgba(96,165,250,.55);
  --ds-text:#f4f8fb;
  --ds-muted:#91a9bd;
  --ds-accent:#3b82f6;
  --ds-accent-blue:#60a5fa;
  --ds-accent-audio:#3b82f6;
  --ds-coin:#f2b84b;
  --ds-favorite:#ff7182;
  --ds-rating:#a986ff;
  --ds-warning:#f2b84b;
  --ds-success:#57d39b;
  --ds-danger:#ff7182;
  --ds-shadow-sm:0 12px 32px rgba(0,0,0,.2);
  --ds-shadow-lg:0 26px 80px rgba(0,0,0,.36);
  --ds-radius-sm:10px;
  --ds-radius-md:14px;
  --ds-radius-lg:18px;
  --ds-radius-xl:22px;
  --ds-shell-max:1600px;
  --ds-content-max:1500px;
  --ds-header-h:72px;
  --ds-player-h:74px;
  --ds-font-family:Inter,"Segoe UI",Arial,sans-serif;
  --bg:var(--ds-bg);
  --bg-soft:#071a34;
  --panel:rgba(7,26,52,.94);
  --panel-strong:var(--ds-surface-raised);
  --panel-soft:var(--ds-surface-soft);
  --line:var(--ds-line);
  --line-strong:var(--ds-line-strong);
  --text:var(--ds-text);
  --muted:var(--ds-muted);
  --accent:var(--ds-accent);
  --accent-blue:var(--ds-accent-blue);
  --accent-audio:var(--ds-accent-audio);
  --coin:var(--ds-coin);
  --danger:var(--ds-danger);
  --shadow:var(--ds-shadow-lg);
  --radius-xl:var(--ds-radius-xl);
  --radius-lg:var(--ds-radius-lg);
  --radius-md:var(--ds-radius-md);
  --topbar-h:var(--ds-header-h)
}

html{scroll-padding-top:calc(var(--ds-header-h) + 16px);font-family:var(--ds-font-family);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--ds-font-family);background:radial-gradient(circle at 72% -15%,rgba(37,99,235,.16),transparent 38%),linear-gradient(180deg,#010711,#020b17 42%,#031225);color:var(--ds-text);letter-spacing:-.008em}
button,input,select,textarea,summary{font-family:inherit;font-synthesis:none}
body::before{opacity:.26;background:radial-gradient(circle at 8% 28%,rgba(59,130,246,.07),transparent 25%),radial-gradient(circle at 92% 72%,rgba(96,165,250,.075),transparent 30%)}
body:has(.language-onboarding){overflow:hidden}
a,button,input,select,textarea,summary{outline-color:var(--ds-accent)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}
::selection{background:rgba(59,130,246,.32);color:#fff}
.ui-icon{display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.app-shell{width:100%;max-width:var(--ds-shell-max);margin:0 auto;padding:0 20px}
.topbar.ds-shell-header{position:sticky;top:0;z-index:120;height:var(--ds-header-h);display:flex;align-items:center;gap:22px;padding:0 8px;border:0;border-bottom:1px solid var(--ds-line);border-radius:0;background:color-mix(in srgb,var(--ds-bg-deep) 84%,transparent);backdrop-filter:blur(24px) saturate(130%);box-shadow:none}
.topbar.ds-shell-header::after{content:"";position:absolute;right:8%;bottom:-1px;width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--ds-accent),transparent);opacity:.45;pointer-events:none}
.brand.ds-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ds-text);font-size:19px;font-weight:800;letter-spacing:.015em}
.ds-brand__mark{display:grid;place-items:center;width:30px;height:30px;color:var(--ds-accent)}
.ds-brand__mark .ui-icon{width:30px;height:30px;filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}
.ds-brand__name{white-space:nowrap}
.shell-search{position:relative;display:flex;align-items:center;flex:0 1 285px;min-width:180px;height:40px;margin:0}
.shell-search>.ui-icon{position:absolute;right:13px;color:#7899a8;pointer-events:none}
.shell-search input{width:100%;height:100%;padding:0 42px 0 14px;border:1px solid rgba(72,148,170,.2);border-radius:10px;outline:0;background:rgba(5,27,40,.68);color:var(--ds-text);font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}
.shell-search input::placeholder{color:#607e8d}
.shell-search input:focus{border-color:rgba(96,165,250,.52);background:rgba(6,25,48,.94);box-shadow:0 0 0 3px rgba(59,130,246,.09)}

/* 7.1: one azure accent across the public shell */
.shell-search>.ui-icon{color:#93c5fd}
.shell-search input{border-color:rgba(71,132,194,.32);background:#071a34}

.topbar .desktop-nav{display:flex;align-items:stretch;align-self:stretch;gap:26px;margin:auto}
.topbar .desktop-nav a,.topbar .desktop-nav button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--ds-muted);font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer}
.topbar .desktop-nav a .ui-icon,.topbar .desktop-nav button .ui-icon{width:16px;height:16px}
.topbar .desktop-nav a:hover,.topbar .desktop-nav button:hover,.topbar .desktop-nav .is-active{color:var(--ds-text)}
.topbar .desktop-nav .is-active{color:var(--ds-accent)}
.topbar .desktop-nav .is-active::after{bottom:0;height:2px;background:var(--ds-accent);box-shadow:0 0 16px rgba(59,130,246,.5)}

.topbar__actions{display:flex;align-items:center;gap:9px;margin-left:0}
.ds-user-chip{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:4px 10px 4px 5px;border:1px solid var(--ds-line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--ds-text);text-decoration:none}
.ds-user-chip:hover{border-color:var(--ds-line-strong);background:rgba(59,130,246,.08)}
.ds-user-chip__avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,var(--ds-accent),var(--ds-accent-blue));color:#03202a;font-size:12px;font-weight:900}
.ds-user-chip__copy{display:flex;flex-direction:column;max-width:120px;line-height:1.1}
.ds-user-chip__copy strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}
.ds-user-chip__copy small{margin-top:3px;color:var(--ds-muted);font-size:12px}
.profile-menu{position:relative;z-index:110}.profile-menu>summary{list-style:none;cursor:pointer}.profile-menu>summary::-webkit-details-marker{display:none}.profile-menu__chevron{margin-left:1px;color:#7894b1;transition:transform .18s}.profile-menu[open] .profile-menu__chevron{transform:rotate(90deg)}
.profile-menu__panel{position:absolute;top:calc(100% + 10px);right:0;width:286px;padding:8px;border:1px solid rgba(71,132,194,.44);border-radius:16px;background:linear-gradient(145deg,#091c32,#041022);box-shadow:0 24px 70px rgba(0,0,0,.56);color:var(--ds-text)}
.profile-menu__identity{display:grid;gap:3px;padding:10px 11px 12px;border-bottom:1px solid rgba(71,132,194,.2)}.profile-menu__identity strong,.profile-menu__identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__identity strong{font-size:13px}.profile-menu__identity span{color:#91a9bd;font-size:13px}.profile-menu__identity small{margin-top:4px;color:#93c5fd;font-size:15px;font-weight:700}
.profile-menu__panel nav{display:grid;gap:3px;padding:7px 0}.profile-menu__panel nav a,.profile-menu__referral,.profile-menu__admin,.profile-menu__panel form button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:#b8c9de;font-size:14px;font-weight:700;text-decoration:none;text-align:left}.profile-menu__panel nav a:hover,.profile-menu__panel nav a.is-active,.profile-menu__referral:hover,.profile-menu__admin:hover{background:rgba(59,130,246,.13);color:#fff}.profile-menu__panel nav a.is-active{box-shadow:inset 0 0 0 1px rgba(96,165,250,.28)}.profile-menu__panel nav .ui-icon,.profile-menu__referral .ui-icon,.profile-menu__admin .ui-icon{color:#79adff}.profile-menu__referral{border-top:1px solid rgba(71,132,194,.2);border-radius:0;cursor:pointer}
.profile-menu__admin{border-top:1px solid rgba(71,132,194,.2);border-radius:0;padding-top:4px}.profile-menu__panel form{margin:4px 0 0;padding-top:4px;border-top:1px solid rgba(71,132,194,.2)}.profile-menu__panel form button{color:#ffabb7;cursor:pointer}.profile-menu__panel form button:hover{background:rgba(255,113,130,.1);color:#fff}
.profile-menu__language{display:grid;gap:8px;padding:10px 11px;border-top:1px solid rgba(71,132,194,.2)}.profile-menu__language-title{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:10px;color:#b8c9de;font-size:14px;font-weight:700}.profile-menu__language-title .ui-icon{color:#79adff}.profile-menu__language-title small{color:#7894b1;font-size:15px;font-weight:650}.profile-menu__language-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.profile-menu__language-options a{display:flex;align-items:center;justify-content:center;gap:4px;min-height:32px;border:1px solid rgba(71,132,194,.25);border-radius:9px;background:#061426;color:#91a9bd;font-size:12px;font-weight:800;text-decoration:none}.profile-menu__language-options a:hover,.profile-menu__language-options a.is-active{border-color:rgba(96,165,250,.65);background:rgba(59,130,246,.15);color:#fff}.profile-menu__language-options a.is-active{box-shadow:inset 0 0 0 1px rgba(96,165,250,.18)}
.notification-menu{position:relative;z-index:112}.notification-menu>summary{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ds-line);border-radius:50%;background:rgba(255,255,255,.025);color:#a9bdd0;cursor:pointer;list-style:none}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu>summary:hover,.notification-menu[open]>summary{border-color:var(--ds-line-strong);background:rgba(59,130,246,.1);color:#dbeafe}.notification-menu__badge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--ds-bg-deep);border-radius:999px;background:#3b82f6;color:#fff;font-size:14px;font-weight:800}.notification-menu__panel{position:absolute;top:calc(100% + 10px);right:0;width:min(380px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(71,132,194,.46);border-radius:16px;background:linear-gradient(145deg,#091c32,#041022);box-shadow:0 24px 70px rgba(0,0,0,.6)}.notification-menu__panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid rgba(71,132,194,.22)}.notification-menu__panel>header>div{display:grid;gap:3px}.notification-menu__panel>header strong{font-size:13px}.notification-menu__panel>header small{color:var(--ds-muted);font-size:15px}.notification-menu__panel>header button{border:0;background:none;color:#93c5fd;font-size:13px;font-weight:700;cursor:pointer}.notification-menu__list{display:grid;max-height:390px;overflow:auto}.notification-item{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:start;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(71,132,194,.14);color:#c8d8ea;text-decoration:none}.notification-item:hover{background:rgba(59,130,246,.08)}.notification-item.is-unread{background:rgba(59,130,246,.07)}.notification-item.is-unread::after{content:"";position:absolute;top:17px;right:10px;width:6px;height:6px;border-radius:50%;background:#60a5fa;box-shadow:0 0 10px rgba(96,165,250,.7)}.notification-item__avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border:1px solid rgba(96,165,250,.36);border-radius:50%;background:#123968;color:#fff;font-size:14px;font-weight:800}.notification-item__avatar img{width:100%;height:100%;object-fit:cover}.notification-item>span:last-child{display:grid;gap:5px;padding-right:7px}.notification-item strong{font-size:14px;line-height:1.45}.notification-item small{color:#7894b1;font-size:15px}.notification-menu__empty{display:grid;justify-items:center;gap:7px;padding:28px 20px;color:#7894b1;text-align:center}.notification-menu__empty strong{color:#c8d8ea;font-size:12px}.notification-menu__empty span{max-width:270px;font-size:13px;line-height:1.5}
.topbar-auth-form{margin:0}
.topbar .topbar-auth{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--ds-line);border-radius:12px;background:rgba(255,255,255,.025);box-shadow:none;color:var(--ds-text);font-size:12px;font-weight:700}
.topbar .topbar-auth:hover{transform:none;border-color:var(--ds-line-strong);background:rgba(59,130,246,.09);box-shadow:none}
.topbar .topbar-auth--login{border-color:rgba(96,165,250,.36);background:rgba(59,130,246,.1);color:#dbeafe}
.topbar .topbar-auth--logout{width:42px;padding:0}
.topbar .topbar-auth__icon{width:auto;height:auto;border:0;border-radius:0;background:transparent;color:currentColor}
.topbar .topbar-auth__icon .ui-icon{width:18px;height:18px}

.shell-mobile-menu{display:none;position:relative}
.shell-mobile-menu summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ds-line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--ds-text);cursor:pointer;list-style:none}
.shell-mobile-menu summary::-webkit-details-marker{display:none}
.shell-mobile-menu summary .ui-icon{width:20px;height:20px}
.shell-mobile-menu__panel{position:fixed;z-index:150;top:calc(var(--ds-header-h) - 2px);right:12px;left:12px;display:grid;gap:5px;padding:10px;border:1px solid rgba(65,125,169,.34);border-radius:0 0 var(--ds-radius-lg) var(--ds-radius-lg);background:rgba(3,16,31,.985);box-shadow:var(--ds-shadow-lg);backdrop-filter:blur(22px)}
.shell-mobile-menu__panel a,.shell-mobile-menu__panel button{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:var(--ds-muted);text-align:left;text-decoration:none;cursor:pointer}
.shell-mobile-menu__panel a:hover,.shell-mobile-menu__panel button:hover,.shell-mobile-menu__panel .is-active{background:#0d2b53;color:#93c5fd}
.shell-mobile-menu__panel .ui-icon{width:18px;height:18px}

[data-spa-flash]:not(:empty){position:relative;z-index:2}
.flash-message,.error-message{max-width:1180px;margin:12px auto;padding:12px 15px;border-radius:var(--ds-radius-md);font-size:13px}
.flash-message{border-color:rgba(87,211,155,.3);background:rgba(87,211,155,.1)}
.error-message{border-color:rgba(255,113,130,.32);background:rgba(255,113,130,.1)}

/* Shared component contracts. Page-specific implementations may compose these classes. */
.ds-page{width:100%;max-width:1480px;margin:0 auto;padding:34px 0 120px}
.ds-panel{border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);background:linear-gradient(145deg,rgba(8,28,56,.96),rgba(4,16,34,.94));box-shadow:var(--ds-shadow-sm)}
.ds-card{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface-soft);transition:border-color .18s,background .18s,transform .18s}
.ds-card:hover{border-color:rgba(96,165,250,.4);background:rgba(10,31,58,.9)}
.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid var(--ds-line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--ds-text);font-weight:700;text-decoration:none;cursor:pointer}
.ds-button:hover{border-color:var(--ds-line-strong);background:rgba(59,130,246,.09)}
.ds-button--primary{border-color:transparent;background:linear-gradient(135deg,#2563eb,var(--ds-accent));color:#fff;box-shadow:0 10px 26px rgba(37,99,235,.22)}
.ds-button--danger{border-color:rgba(255,113,130,.3);color:#ff9eaa}
.ds-icon-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--ds-line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--ds-muted);cursor:pointer}
.ds-icon-button:hover{border-color:var(--ds-line-strong);color:var(--ds-accent)}
.ds-badge{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 9px;border:1px solid var(--ds-line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--ds-muted);font-size:13px;font-weight:800}
.ds-badge--success{border-color:rgba(87,211,155,.3);color:var(--ds-success)}
.ds-badge--warning{border-color:rgba(242,184,75,.32);color:var(--ds-warning)}
.ds-badge--public{border-color:rgba(96,165,250,.36);color:#93c5fd}
.ds-field{display:grid;gap:7px}
.ds-field>span{color:var(--ds-muted);font-size:14px;font-weight:700}
.ds-field input,.ds-field select,.ds-field textarea{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--ds-line);border-radius:11px;background:rgba(2,15,24,.62);color:var(--ds-text)}
.ds-field textarea{min-height:110px;padding-block:11px;resize:vertical}
.ds-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--ds-line);border-radius:13px;background:rgba(2,15,24,.46)}
.ds-tabs button,.ds-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--ds-muted);text-decoration:none;cursor:pointer}
.ds-tabs .is-active{background:rgba(59,130,246,.12);color:#93c5fd}
.ds-skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.045)}
.ds-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);transform:translateX(-100%);animation:ds-shimmer 1.4s infinite}
@keyframes ds-shimmer{to{transform:translateX(100%)}}

.site-footer.ds-site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;max-width:1480px;margin:28px auto 0;padding:22px 0 30px;border-top:1px solid var(--ds-line);color:var(--ds-muted);font-size:14px}
.site-footer a{color:#a9dce3;text-decoration:none}
.ds-footer-brand{display:inline-flex;align-items:center;gap:8px;color:#eff9fa!important}
.ds-footer-brand .ui-icon{color:var(--ds-accent)}
.ds-site-footer nav{display:flex;align-items:center;justify-content:center;gap:22px}
.ds-site-footer nav a:hover{color:var(--ds-accent)}

.amixer-global-toast{border-color:var(--ds-line-strong);border-radius:var(--ds-radius-md);background:rgba(5,31,43,.98);color:var(--ds-text)}
.amixer-global-player{left:50%;bottom:12px;width:min(1500px,calc(100vw - 32px));grid-template-columns:minmax(180px,250px) auto minmax(110px,1fr) minmax(130px,180px) minmax(190px,250px);gap:14px;padding:10px 14px;border:1px solid rgba(71,132,194,.46);border-radius:16px;background:linear-gradient(180deg,rgba(8,28,56,.98),rgba(4,16,34,.98));box-shadow:0 24px 80px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(26px) saturate(125%)}
.amixer-global-player::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(59,130,246,.05),transparent 28%,rgba(96,165,250,.035));pointer-events:none}
.amixer-global-player__identity{position:relative;z-index:1;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.amixer-global-player img{width:54px;height:54px;border:1px solid rgba(65,125,169,.36);border-radius:10px;object-fit:cover;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.amixer-global-player__copy strong{font-size:15px;color:var(--ds-text)}
.amixer-global-player__copy small{color:var(--ds-muted);font-size:15px}
.amixer-global-player__transport{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}
.amixer-global-player button{display:grid;place-items:center;height:40px;min-width:40px;padding:0;border:1px solid var(--ds-line);border-radius:11px;background:rgba(255,255,255,.02);color:var(--ds-text)}
.amixer-global-player button[hidden]{display:none!important}
.amixer-global-player button:hover{border-color:var(--ds-line-strong);background:rgba(59,130,246,.1);color:var(--ds-accent-blue)}.amixer-global-player button:disabled{opacity:.38;cursor:not-allowed}.amixer-global-player button:disabled:hover{border-color:var(--ds-line);background:rgba(255,255,255,.02);color:var(--ds-text)}
.amixer-global-player .amixer-global-player__toggle{width:50px;height:50px;border-color:rgba(96,165,250,.65);border-radius:50%;background:linear-gradient(145deg,var(--ds-accent),var(--ds-accent-blue));color:#fff;font-size:18px;font-weight:900;box-shadow:0 0 30px rgba(59,130,246,.25)}
.amixer-global-player .amixer-global-player__like{width:34px;min-width:34px;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:#ff789c;box-shadow:none}.amixer-global-player .amixer-global-player__like:hover{border:0;background:transparent;color:#ff9bb5;transform:scale(1.08)}.amixer-global-player .amixer-global-player__like .ui-icon{fill:transparent;stroke:currentColor;stroke-width:1.8;transition:fill .16s,transform .16s}.amixer-global-player .amixer-global-player__like.is-active .ui-icon{fill:currentColor}.amixer-global-player .amixer-global-player__like:disabled{background:transparent}
.amixer-global-player__previous[hidden]{display:grid;visibility:hidden;pointer-events:none}
.amixer-global-player__wave{position:relative;z-index:1;height:48px;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;overflow:hidden;color:var(--ds-accent)}
.amixer-global-player__wave::after{content:"";position:absolute;right:0;left:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(65,125,169,.55),transparent)}
.amixer-global-player__wave i{position:relative;z-index:1;display:block;width:3px;height:var(--wave-height);max-height:44px;border-radius:999px;background:currentColor;box-shadow:0 0 8px rgba(59,130,246,.3);opacity:.72;transform:scaleY(.72);transform-origin:center;animation:amixer-wave-idle 2.6s ease-in-out infinite alternate}
.amixer-global-player__wave i:nth-child(3n+1){color:var(--ds-accent-blue);animation-delay:-.7s}.amixer-global-player__wave i:nth-child(4n){opacity:.38;animation-delay:-1.4s}
@keyframes amixer-wave-idle{to{transform:scaleY(1)}}
.amixer-global-player__volume{position:relative;z-index:1;display:grid;grid-template-columns:18px minmax(90px,1fr);align-items:center;gap:10px;color:var(--ds-muted)}
.amixer-global-player__volume .ui-icon{width:17px;height:17px;color:#c5d7e4}
.amixer-global-player__playlist{position:relative;z-index:4;display:block;min-width:0}.amixer-global-player .amixer-playlist-trigger{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border:1px solid rgba(71,132,194,.58);border-radius:11px;background:linear-gradient(180deg,#0a2342,#071a34);color:var(--ds-text);font-size:12px;font-weight:700}.amixer-playlist-trigger .ui-icon{transition:transform .18s}.amixer-playlist-trigger[aria-expanded=true] .ui-icon{transform:rotate(180deg)}.amixer-playlist-menu{position:absolute;right:0;bottom:calc(100% + 9px);left:0;max-height:280px;overflow:auto;padding:7px;border:1px solid rgba(71,132,194,.52);border-radius:13px;background:#071a34;box-shadow:0 -18px 48px rgba(0,0,0,.5)}.amixer-playlist-menu [data-global-playlist-options]{display:grid;gap:4px}.amixer-global-player .amixer-playlist-option,.amixer-global-player .amixer-playlist-create-action{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#c8d8ea;text-align:left;font-size:14px}.amixer-global-player .amixer-playlist-option:hover,.amixer-global-player .amixer-playlist-option.is-active{background:rgba(59,130,246,.14);color:#fff}.amixer-playlist-option small{color:#7894b1}.amixer-global-player .amixer-playlist-create-action{justify-content:flex-start;gap:8px;margin-top:6px;border-top:1px solid rgba(71,132,194,.2);border-radius:0;color:#93c5fd}.amixer-playlist-empty{padding:12px 10px;color:#819bb5;font-size:14px;line-height:1.5}.amixer-global-player__queue-button[hidden]{display:none}
.amixer-playlist-modal[hidden]{display:none}.amixer-playlist-modal{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:16px}.amixer-playlist-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,5,14,.82);backdrop-filter:blur(10px)}.amixer-playlist-modal__panel{position:relative;width:min(460px,100%);padding:24px;border:1px solid rgba(71,132,194,.46);border-radius:20px;background:linear-gradient(145deg,#081c38,#041022);box-shadow:0 30px 90px rgba(0,0,0,.6)}.amixer-playlist-modal__panel h2{margin:5px 0 8px}.amixer-playlist-modal__panel>p{margin:0 0 18px;color:var(--ds-muted);font-size:15px;line-height:1.55}.amixer-playlist-modal__panel .ds-field{margin-top:13px}.amixer-playlist-modal__panel select{min-height:44px}.amixer-playlist-modal__close{position:absolute;top:13px;right:13px;width:38px;height:38px;border:1px solid var(--ds-line);border-radius:11px;background:rgba(255,255,255,.03);color:var(--ds-muted);font-size:21px}.amixer-playlist-modal__error{min-height:18px!important;margin:10px 0 0!important;color:#ff9faa!important}.amixer-playlist-modal__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.amixer-playlist-modal__actions button{min-height:42px;padding:0 15px;border:1px solid var(--ds-line);border-radius:11px;background:rgba(255,255,255,.03);color:var(--ds-text);font-weight:700}.amixer-playlist-modal__actions button[type=submit]{border-color:#3b82f6;background:#2563eb;color:#fff}
body:has(.amixer-global-player:not([hidden])) .site-footer{padding-bottom:110px}

/* Global player: queue selection and adding the current mix are separate actions. */
.amixer-global-player{padding-right:42px;grid-template-columns:minmax(190px,250px) minmax(150px,1fr) auto minmax(120px,170px) minmax(280px,360px);grid-template-areas:"identity progress transport volume tools"}
.amixer-global-player__identity{grid-area:identity}.amixer-global-player__progress{grid-area:progress}.amixer-global-player__transport{grid-area:transport}.amixer-global-player__volume{grid-area:volume}.amixer-global-player__playlist-tools{grid-area:tools}
.amixer-global-player .amixer-global-player__close{position:absolute;z-index:7;top:5px;right:6px;width:27px;height:27px;min-width:27px;border:0;border-radius:8px;background:transparent;color:#6f89a4;font-size:18px;font-weight:400}.amixer-global-player .amixer-global-player__close:hover{background:rgba(255,255,255,.045);color:#c8d8ea}
.amixer-global-player__playlist-tools{position:relative;z-index:4;display:grid;grid-template-columns:minmax(145px,1fr) 40px 40px 40px;align-items:center;gap:7px;min-width:0;width:min(100%,350px)}.amixer-global-player__playlist-tools--guest{grid-template-columns:40px;width:40px;justify-self:end}.amixer-global-player__add{position:relative}.amixer-global-player__remix,.amixer-global-player .amixer-global-player__add-trigger{display:grid;place-items:center;width:40px;min-width:40px;height:40px;padding:0;border:1px solid rgba(71,132,194,.58);border-radius:11px;background:linear-gradient(180deg,#0a2342,#071a34);color:#93c5fd}.amixer-global-player__remix:hover{border-color:rgba(96,165,250,.78);background:#0a2b55;color:#fff}.amixer-global-player .amixer-global-player__add-trigger{font-size:14px;font-weight:700}.amixer-global-player .amixer-global-player__add-trigger:disabled{opacity:.42;cursor:not-allowed}.amixer-global-player .amixer-global-player__sleep{display:flex;align-items:center;gap:5px;width:auto;padding:0 10px;border-color:rgba(71,132,194,.45);color:#a9bdd0;font-size:13px}.amixer-global-player__sleep small{color:#60a5fa;font-weight:800}.amixer-playlist-menu--add{right:0;left:auto;width:260px}.amixer-playlist-menu--add>strong{display:block;padding:6px 10px 9px;color:#dbeafe;font-size:16px}.amixer-playlist-menu [data-global-playlist-options],.amixer-playlist-menu [data-global-add-options]{display:grid;gap:4px}.amixer-global-player .amixer-playlist-create-action{margin:0 0 6px;border-top:0;border-bottom:1px solid rgba(71,132,194,.2)}.amixer-global-player .amixer-playlist-option.is-added{color:#7894b1;cursor:default}.amixer-global-player .amixer-playlist-option.is-added small{color:#57d39b}.amixer-global-player__add-error{margin:5px 8px 2px;color:#ff9faa;font-size:15px;line-height:1.4}
.amixer-playlist-check{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:9px;min-height:44px;padding:5px 9px;border-radius:9px;color:#c8d8ea;cursor:pointer}.amixer-playlist-check:hover{background:rgba(59,130,246,.1)}.amixer-playlist-check input{width:16px;height:16px;accent-color:#3b82f6}.amixer-playlist-check>span{display:grid;gap:2px}.amixer-playlist-check strong{font-size:14px}.amixer-playlist-check small{color:#7894b1;font-size:15px}.amixer-global-player .amixer-global-player__add-apply{width:100%;min-height:38px;margin-top:7px;border-color:#2563eb;background:#2563eb;color:#fff;font-size:16px;font-weight:800}

@media(max-width:1380px){
  .topbar.ds-shell-header{gap:18px}
  .shell-search{display:none}
  .topbar .desktop-nav{gap:14px}
  .topbar .desktop-nav a,.topbar .desktop-nav button{font-size:14px}
  .ds-user-chip__copy{display:none}
  .ds-user-chip{padding-right:5px}
}

@media(max-width:900px){
  :root{--ds-header-h:64px}
  .app-shell{padding:0}
  .topbar.ds-shell-header{height:var(--ds-header-h);padding:0 14px;border-width:0 0 1px}
  .topbar .desktop-nav{display:none}
  .shell-search{display:none}
  .topbar__actions{margin-left:auto}
  .shell-mobile-menu{display:block}
  .site-footer{padding-inline:16px}
  .ds-page{padding:24px 12px 108px}
}

@media(max-width:700px){
  .site-footer.ds-site-footer{grid-template-columns:1fr;justify-items:start;gap:15px;padding:22px 16px 28px}
  .ds-site-footer nav{justify-content:flex-start;flex-wrap:wrap;gap:12px 18px}
}

@media(max-width:700px){
  .amixer-global-player{bottom:8px;width:calc(100vw - 16px);grid-template-columns:minmax(0,1fr) auto;padding:7px 36px 7px 8px;gap:8px;border-radius:14px}
  .amixer-global-player__identity{grid-template-columns:42px minmax(0,1fr);gap:9px}
  .amixer-global-player img{width:42px;height:42px;border-radius:9px}
  .amixer-global-player__wave,.amixer-global-player__volume{display:none}
  .amixer-global-player__transport{gap:5px}
  .amixer-global-player__previous[hidden]{display:none}
  .amixer-global-player button{height:36px;min-width:36px}
  .amixer-global-player .amixer-global-player__toggle{width:42px;height:42px}
  .amixer-global-player__playlist-tools{grid-column:1/-1;grid-row:2}.amixer-global-player .amixer-playlist-trigger,.amixer-global-player .amixer-global-player__add-trigger{height:36px}.amixer-global-player__queue-button{display:none!important}
  .amixer-global-player .amixer-global-player__sleep{height:36px}.amixer-global-player__sleep>span{display:none}
}

@media(max-width:520px){
  .ds-brand__name{font-size:16px}
  .topbar .topbar-auth{min-height:40px;padding-inline:11px}
  .topbar .topbar-auth--logout{width:40px;padding:0}
  .ds-user-chip{min-height:40px}
  .ds-user-chip__avatar{width:30px;height:30px}
  .shell-mobile-menu summary{width:40px;height:40px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 7.8 playlist player — real queue controls, compact progress and designed checks */
.amixer-global-player__progress{position:relative;z-index:1;display:grid;align-content:center;gap:7px;min-width:90px}
.amixer-global-player__progress>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#819bb5;font-size:13px;font-variant-numeric:tabular-nums}
.amixer-global-player__progress-track{height:4px;overflow:hidden;border-radius:999px;background:#17324f}
.amixer-global-player__progress-track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 0 12px rgba(96,165,250,.55);transition:width .25s linear}
.amixer-global-player .amixer-global-player__toggle .ui-icon{fill:currentColor;stroke:none}
.amixer-global-player .amixer-global-player__queue-button .ui-icon{fill:currentColor;stroke:none}
.amixer-global-player__playlist-tools{grid-template-columns:minmax(145px,1fr) 40px 40px 40px}
.amixer-global-player__tracks{position:relative}
.amixer-global-player .amixer-global-player__track-trigger{width:40px;border-color:rgba(71,132,194,.45);color:#a9bdd0}
.amixer-global-player .amixer-global-player__track-trigger:disabled{opacity:.38;cursor:not-allowed}
.amixer-playlist-menu--tracks{right:0;left:auto;width:290px;padding:8px}
.amixer-playlist-menu--tracks>strong{display:block;padding:6px 9px 10px;color:#dbeafe;font-size:16px}
.amixer-playlist-menu--tracks [data-global-track-options]{display:grid;gap:4px}
.amixer-track-option-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:3px}
.amixer-global-player .amixer-track-option{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:46px;padding:6px 9px;border:0;border-radius:9px;background:transparent;color:#c8d8ea;text-align:left}
.amixer-global-player .amixer-track-option:hover,.amixer-global-player .amixer-track-option.is-active{background:rgba(59,130,246,.14);color:#fff}
.amixer-track-option>span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#0d2b50;color:#7fb2f5;font-size:12px;font-weight:900}
.amixer-track-option>span:last-child{display:grid;gap:2px;min-width:0}.amixer-track-option strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.amixer-track-option small{color:#7894b1;font-size:15px}
.amixer-global-player .amixer-track-remove{width:32px;min-width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#ff8aa5;font-size:20px;line-height:1}.amixer-global-player .amixer-track-remove:hover{border:0;background:rgba(244,63,94,.12);color:#ffb1c2}
.amixer-playlist-check{position:relative;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:7px 9px;border:1px solid transparent;transition:background .16s,border-color .16s}
.amixer-playlist-check:hover{border-color:rgba(96,165,250,.18);background:rgba(59,130,246,.08)}
.amixer-playlist-check:has(input:checked){border-color:rgba(96,165,250,.26);background:rgba(37,99,235,.13)}
.amixer-playlist-check input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.amixer-playlist-check__mark{display:grid;place-items:center;width:19px;height:19px;border:1px solid #456581;border-radius:6px;background:#07172b;box-shadow:inset 0 1px 2px rgba(0,0,0,.35);transition:.16s}
.amixer-playlist-check__mark::after{content:"";width:8px;height:4px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .14s}
.amixer-playlist-check input:checked+.amixer-playlist-check__mark{border-color:#60a5fa;background:linear-gradient(145deg,#2563eb,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.12),0 0 12px rgba(59,130,246,.24)}
.amixer-playlist-check input:checked+.amixer-playlist-check__mark::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.amixer-playlist-check input:focus-visible+.amixer-playlist-check__mark{outline:2px solid #93c5fd;outline-offset:2px}
.amixer-playlist-trigger [data-global-playlist-label]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amixer-playlist-menu--select{right:auto;left:0;width:270px;max-height:340px;padding:8px}
.amixer-playlist-menu--select>strong{display:block;padding:6px 9px 10px;color:#dbeafe;font-size:16px}
.amixer-global-player .amixer-playlist-menu--select .amixer-playlist-option{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;justify-content:stretch;justify-items:stretch;gap:10px;min-height:48px;padding:7px 10px;border:1px solid transparent;text-align:left}
.amixer-global-player .amixer-playlist-menu--select .amixer-playlist-option:hover{border-color:rgba(96,165,250,.18);background:rgba(59,130,246,.08)}
.amixer-global-player .amixer-playlist-menu--select .amixer-playlist-option.is-active{border-color:rgba(96,165,250,.32);background:rgba(37,99,235,.16)}
.amixer-playlist-menu--select .amixer-playlist-option>span{display:grid;justify-items:start;gap:3px;min-width:0;width:100%}.amixer-playlist-menu--select .amixer-playlist-option strong{display:-webkit-box;overflow:hidden;width:100%;color:#dbeafe;font-size:16px;line-height:1.3;text-align:left;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.amixer-playlist-menu--select .amixer-playlist-option small{font-size:15px;text-align:left}
.amixer-playlist-option__action{position:relative;justify-self:end;width:18px;height:18px;border-radius:50%;background:rgba(96,165,250,.08)}
.amixer-playlist-option__action::after{content:"";position:absolute;top:5px;left:7px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #7fa8d6}
.amixer-playlist-option:hover .amixer-playlist-option__action,.amixer-playlist-option.is-active .amixer-playlist-option__action{background:rgba(96,165,250,.18)}
.amixer-playlist-option:hover .amixer-playlist-option__action::after,.amixer-playlist-option.is-active .amixer-playlist-option__action::after{border-left-color:#dbeafe}

@media(max-width:520px){.amixer-playlist-menu--select{width:min(270px,calc(100vw - 32px))}}

.notification-settings{display:grid;gap:18px}.notification-settings__list{display:grid;gap:8px}.notification-settings__list>label{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px;border:1px solid rgba(73,130,187,.22);border-radius:13px;background:#06172d}.notification-settings__icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(96,165,250,.24);border-radius:11px;background:#0a2445;color:#7fb2f5}.notification-settings__list b,.notification-settings__list small{display:block}.notification-settings__list small{margin-top:4px;color:#819bb5;font-size:15px;line-height:1.45}.notification-settings__note{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:11px;background:rgba(59,130,246,.08);color:#9cb4ca!important}.notification-settings__note .ui-icon{color:#60a5fa}@media(max-width:600px){.notification-settings__list>label{grid-template-columns:38px minmax(0,1fr)}.notification-settings__list .account-switch{grid-column:2;justify-self:start}}

@media(max-width:700px){
  .amixer-global-player{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:none}
  .amixer-global-player__identity,.amixer-global-player__progress,.amixer-global-player__transport,.amixer-global-player__volume,.amixer-global-player__playlist-tools{grid-area:auto}
  .amixer-global-player__progress{display:grid;grid-column:1/-1;grid-row:2}
  .amixer-global-player__playlist-tools{grid-row:3}
  .amixer-global-player__queue-button:not([hidden]){display:grid!important}
  .amixer-global-player__queue-button[hidden]{display:none!important}
}
/* Subscription catalog 2.1 */
.plans-page{width:min(var(--content-max,1500px),calc(100% - 48px));margin:0 auto;padding:42px 0 140px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{position:relative;display:flex;flex-direction:column;min-height:570px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(12,33,62,.98),rgba(4,18,36,.98));overflow:hidden}.plan-card--plus{border-color:rgba(59,130,246,.65);box-shadow:0 18px 50px rgba(30,93,190,.14)}.plan-card--premium{border-color:rgba(139,92,246,.55);background:radial-gradient(circle at 85% 0,rgba(109,74,255,.14),transparent 35%),linear-gradient(155deg,rgba(12,33,62,.98),rgba(4,18,36,.98))}.plan-card.is-current{outline:2px solid rgba(96,165,250,.7);outline-offset:3px}.plan-card__recommended{position:absolute;right:20px;top:20px;padding:6px 10px;border-radius:99px;background:#2563eb;color:#fff;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.plan-card__icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border:1px solid rgba(96,165,250,.55);border-radius:18px;background:#0c274a;color:#69a8ff;font-size:30px}.plan-card--premium .plan-card__icon{border-radius:50%;border-color:#8b7cf6;color:#b8adff;box-shadow:0 0 0 6px rgba(112,91,235,.08)}.plan-card h2{margin:0;font-size:34px}.plan-card>p{min-height:52px;color:var(--muted)}.plan-card ul{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none}.plan-card li{display:flex;gap:9px;align-items:center;color:#d9e8f7}.plan-periods{display:grid;gap:9px;margin-top:auto}.plan-periods button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;border:1px solid rgba(74,139,201,.4);border-radius:12px;background:#071a30;color:var(--text);cursor:pointer}.plan-periods button:hover{border-color:#60a5fa;background:#0c274a}.plan-card__free{margin-top:auto;padding:15px;text-align:center;border-radius:12px;background:rgba(255,255,255,.04);font-weight:800}.plan-confirm{width:min(480px,calc(100% - 28px));border:1px solid rgba(74,139,201,.55);border-radius:20px;background:#071a30;color:var(--text);padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.55)}.plan-confirm::backdrop{background:rgba(0,7,17,.78);backdrop-filter:blur(7px)}.plan-confirm form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.plan-confirm button{min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:11px;background:#0b213d;color:var(--text)}.plan-confirm__close{position:absolute;right:18px;top:16px}.plan-confirm [data-plan-error]{color:#fb7185}@media(max-width:900px){.plans-page{width:min(100% - 28px,1500px)}.plans-grid{grid-template-columns:1fr}.plan-card{min-height:auto}}
.ds-user-chip__avatar.is-plus,.profile-avatar-wrap.is-plus .profile-avatar{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(59,130,246,.16)}.ds-user-chip__avatar.is-premium,.profile-avatar-wrap.is-premium .profile-avatar{border-color:#8b7cf6;box-shadow:0 0 0 2px #08172d,0 0 0 4px rgba(139,124,246,.75),0 0 24px rgba(97,80,220,.2)}.export-list{display:grid;gap:12px}.export-row{display:grid;grid-template-columns:58px minmax(180px,1fr) auto auto auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(7,26,48,.75)}.export-row img{width:58px;height:58px;object-fit:cover;border-radius:12px}.export-row div{display:grid;gap:5px}.export-row small{color:var(--muted)}@media(max-width:760px){.export-row{grid-template-columns:48px 1fr}.export-row>span,.export-row>a{grid-column:2}.export-row img{width:48px;height:48px}}

/* Distinct tariff identities: blue for PLUS, violet crystal for PREMIUM. */
.plan-card--plus .plan-card__icon{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);border-radius:0;background:linear-gradient(145deg,#0d3974,#2563eb);color:#fff;box-shadow:0 0 26px rgba(59,130,246,.24)}
.plan-card--premium::before{content:"";position:absolute;inset:-45% -20% auto 25%;height:72%;background:conic-gradient(from 180deg,transparent,rgba(112,91,235,.2),rgba(96,165,250,.12),transparent);filter:blur(32px);animation:plan-aurora 10s ease-in-out infinite alternate;pointer-events:none}
.plan-card--premium>*{position:relative;z-index:1}.plan-card--premium .plan-card__icon{clip-path:polygon(50% 0,92% 30%,78% 86%,50% 100%,22% 86%,8% 30%);border-radius:0;background:linear-gradient(145deg,#251d67,#7258db 55%,#60a5fa);color:#fff;box-shadow:0 0 0 5px rgba(112,91,235,.08),0 0 28px rgba(112,91,235,.25)}
.plan-periods button{flex-wrap:wrap;gap:5px 12px}.plan-periods button small{flex-basis:100%;color:#93c5fd;font-size:15px;font-weight:800;text-align:right}
@keyframes plan-aurora{from{transform:translate3d(-8%,0,0) rotate(-3deg);opacity:.55}to{transform:translate3d(9%,8%,0) rotate(5deg);opacity:.9}}
@media(prefers-reduced-motion:reduce){.plan-card--premium::before{animation:none;opacity:.62}}
.plan-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;min-height:20px;padding:2px 7px;border:1px solid rgba(129,155,181,.28);border-radius:999px;background:#0a192b;color:#a9bdd0;font-size:12px;font-weight:900;line-height:1;letter-spacing:.07em;vertical-align:middle}.plan-badge i{display:grid;place-items:center;width:12px;height:12px;font-style:normal}.plan-badge--plus{border-color:rgba(59,130,246,.55);background:rgba(37,99,235,.15);color:#8bc0ff}.plan-badge--plus i{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);background:#2563eb;color:#fff}.plan-badge--premium{border-color:rgba(139,124,246,.55);background:linear-gradient(120deg,rgba(72,55,172,.18),rgba(37,99,235,.12));color:#c4baff;box-shadow:0 0 14px rgba(112,91,235,.12)}.plan-badge--premium i{color:#a99cff}.rewards-trigger .plan-badge{margin-left:2px}.ds-user-chip__copy small .plan-badge,.profile-menu__identity small .plan-badge{transform:translateY(-1px)}
.plan-confirm [data-plan-balance].is-error{color:#fb7185}.plan-confirm [data-plan-confirm]:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.35)}

/* 7.8.5 — compact header actions and unmistakable player transport. */
.ds-user-chip{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:5px;border:0;border-radius:50%;background:transparent}.ds-user-chip:hover{border:0;background:rgba(255,255,255,.045)}
.notification-menu>summary{border:0;background:transparent}.notification-menu>summary:hover,.notification-menu[open]>summary{border:0;background:rgba(255,255,255,.045)}.notification-menu__badge[hidden]{display:none!important}
.amixer-global-player .amixer-global-player__toggle{position:relative}.amixer-global-player.is-playing .amixer-global-player__toggle::before{content:"";position:absolute;inset:-7px;border:2px solid rgba(96,165,250,.5);border-radius:50%;animation:player-pulse 1.8s ease-out infinite;pointer-events:none}@keyframes player-pulse{0%{transform:scale(.82);opacity:.78}75%,100%{transform:scale(1.3);opacity:0}}
.amixer-global-player .amixer-global-player__add-trigger,.amixer-global-player .amixer-global-player__sleep{position:relative;display:grid;place-items:center;width:40px;min-width:40px;padding:0}.amixer-global-player__sleep small{position:absolute;top:-7px;right:-7px;min-width:18px;padding:2px 4px;border:2px solid #061426;border-radius:999px;background:#2563eb;color:#fff;font-size:15px}.amixer-global-player__sleep small:empty{display:none}
@media(hover:hover){.amixer-global-player [data-tooltip]{position:relative}.amixer-global-player [data-tooltip]::after{content:attr(data-tooltip);position:absolute;z-index:90;bottom:calc(100% + 9px);left:50%;width:max-content;max-width:230px;padding:7px 9px;border:1px solid rgba(96,165,250,.3);border-radius:8px;background:#041225;color:#dbeafe;font-size:15px;font-weight:650;line-height:1.35;white-space:normal;box-shadow:0 10px 28px rgba(0,0,0,.4);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:.15s}.amixer-global-player [data-tooltip]:hover::after,.amixer-global-player [data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.amixer-global-player.is-playing .amixer-global-player__toggle::before{animation:none;opacity:.35}}

/* 7.8.6 — stable responsive layout for the persistent player. */
.amixer-playlist-modal__panel{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

@media (min-width:701px) and (max-width:1180px){
  .amixer-global-player{
    bottom:max(8px,env(safe-area-inset-bottom));
    width:calc(100vw - 20px);
    grid-template-columns:minmax(180px,240px) minmax(120px,1fr) auto;
    grid-template-areas:"identity progress transport" "volume tools tools";
    gap:9px 14px;
    padding:10px 42px 10px 12px;
  }
  .amixer-global-player__identity{grid-area:identity;grid-template-columns:48px minmax(0,1fr)}
  .amixer-global-player img{width:48px;height:48px}
  .amixer-global-player__transport{grid-area:transport;justify-content:flex-end;min-width:0}
  .amixer-global-player__progress{grid-area:progress}
  .amixer-global-player__volume{grid-area:volume;max-width:230px}
  .amixer-global-player__playlist-tools{grid-area:tools;grid-template-columns:minmax(150px,1fr) 40px 40px 40px;justify-self:end;width:min(100%,350px)}
  .amixer-global-player__playlist-tools--guest{grid-template-columns:40px;width:40px}
  body:has(.amixer-global-player:not([hidden])) .site-footer{padding-bottom:140px}
}

@media (max-width:700px){
  .amixer-playlist-modal{place-items:end center;padding:8px}
  .amixer-playlist-modal__panel{width:100%;max-height:calc(100dvh - 16px);padding:20px 16px;border-radius:18px}
  .amixer-playlist-modal__actions{position:sticky;z-index:2;bottom:-20px;margin-inline:-16px;margin-bottom:-20px;padding:12px 16px 16px;background:linear-gradient(0deg,#041022 72%,rgba(4,16,34,0))}
  .amixer-global-player{
    bottom:max(6px,env(safe-area-inset-bottom));
    width:calc(100vw - 12px);
    max-height:calc(100dvh - 12px);
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"identity" "transport" "tools";
    align-items:center;
    gap:7px;
    padding:8px 34px 8px 8px;
    border-radius:14px;
  }
  .amixer-global-player__identity{grid-area:identity;grid-template-columns:42px minmax(0,1fr);gap:9px;padding-right:54px}
  .amixer-global-player img{width:42px;height:42px;border-radius:9px}
  .amixer-global-player__copy{min-width:0}
  .amixer-global-player__copy strong,.amixer-global-player__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .amixer-global-player__transport{grid-area:transport;justify-content:center;width:100%;gap:6px;min-width:0}
  .amixer-global-player__progress{position:absolute;z-index:8;grid-area:auto;top:8px;right:42px;display:block;width:auto;min-width:0}
  .amixer-global-player__progress>div:first-child{display:flex;justify-content:flex-start;gap:0;color:#8ca5bf;font-size:12px;line-height:27px;white-space:nowrap}
  .amixer-global-player__progress>div:first-child span+span::before{content:" / ";color:#58738f}
  .amixer-global-player__progress-track{display:none}
  .amixer-global-player__volume{display:none}
  .amixer-global-player__playlist-tools{grid-area:tools;display:grid;grid-template-columns:minmax(0,1fr) 38px 38px 38px;width:100%;gap:6px;min-width:0}
  .amixer-global-player__playlist-tools--guest{grid-template-columns:38px;width:38px;justify-self:end}
  .amixer-global-player__playlist,.amixer-global-player__add{min-width:0}
  .amixer-global-player .amixer-playlist-trigger{min-width:0;width:100%;height:38px;padding-inline:10px}
  .amixer-playlist-trigger [data-global-playlist-label]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .amixer-global-player button{height:38px;min-width:38px}
  .amixer-global-player .amixer-global-player__toggle{width:44px;height:44px}
  .amixer-global-player__remix,.amixer-global-player .amixer-global-player__add-trigger,.amixer-global-player .amixer-global-player__sleep{width:38px;min-width:38px;height:38px}
  .amixer-global-player__previous[hidden],.amixer-global-player__queue-button[hidden]{display:none!important}
  .amixer-global-player__queue-button:not([hidden]){display:grid!important}
  .amixer-playlist-menu--select,.amixer-playlist-menu--add,.amixer-playlist-menu--tracks{width:min(290px,calc(100vw - 24px));max-height:min(48dvh,340px)}
  .amixer-playlist-menu--select{right:auto;left:0}
  .amixer-playlist-menu--add,.amixer-playlist-menu--tracks{right:0;left:auto}
  body:has(.amixer-global-player:not([hidden])) .site-footer{padding-bottom:220px}
}

@media (max-width:390px){
  .amixer-global-player{gap:6px;padding:7px 32px 7px 7px}
  .amixer-global-player__identity{grid-template-columns:38px minmax(0,1fr);gap:8px}
  .amixer-global-player img{width:38px;height:38px}
  .amixer-global-player__copy strong{font-size:15px}
  .amixer-global-player__transport{gap:4px}
  .amixer-global-player button{height:34px;min-width:34px}
  .amixer-global-player .amixer-global-player__toggle{width:42px;height:42px}
  .amixer-global-player .amixer-global-player__track-trigger{width:34px}
  .amixer-global-player__playlist-tools{grid-template-columns:minmax(0,1fr) 34px 34px 34px;gap:5px}
  .amixer-global-player__playlist-tools--guest{grid-template-columns:34px;width:34px}
  .amixer-global-player .amixer-playlist-trigger,.amixer-global-player__remix,.amixer-global-player .amixer-global-player__add-trigger,.amixer-global-player .amixer-global-player__sleep{height:34px;min-width:34px}
}

@media (min-width:520px) and (max-width:700px) and (max-height:500px){
  .amixer-global-player{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"identity transport" "tools tools";
    gap:5px 10px;
    padding-block:6px;
  }
  .amixer-global-player__identity{grid-template-columns:38px minmax(0,1fr)}
  .amixer-global-player img{width:38px;height:38px}
  .amixer-global-player__transport{justify-content:flex-end;width:auto}
  .amixer-global-player__playlist-tools{height:34px}
  .amixer-global-player .amixer-playlist-trigger,.amixer-global-player .amixer-global-player__add-trigger,.amixer-global-player .amixer-global-player__sleep{height:34px}
}

/* Guest mobile player: two compact rows, without an empty tools row. */
@media (max-width:700px){
  .amixer-global-player--guest{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"identity identity" "transport tools";
    gap:7px 8px;
    padding:8px 34px 8px 8px;
  }
  .amixer-global-player--guest .amixer-global-player__identity{padding-right:88px}
  .amixer-global-player--guest .amixer-global-player__transport{justify-content:center;justify-self:center;width:auto}
  .amixer-global-player--guest .amixer-global-player__playlist-tools{grid-area:tools;align-self:center;justify-self:end;width:auto}
  .amixer-global-player--guest .amixer-global-player__playlist-tools--guest{display:grid;grid-template-columns:38px}
  body:has(.amixer-global-player--guest:not([hidden])) .site-footer{padding-bottom:150px}
}

@media (max-width:390px){
  .amixer-global-player--guest{gap:6px;padding:7px 32px 7px 7px}
  .amixer-global-player--guest .amixer-global-player__identity{padding-right:82px}
  .amixer-global-player--guest .amixer-global-player__playlist-tools--guest{grid-template-columns:34px}
}
/* Readability floor for secondary UI copy across A-MIXER. */
small{font-size:15px!important}
.ranking-guide__note{font-size:15px!important}
.amixer-playlist-reference{display:grid;gap:10px;margin-top:13px;padding:13px;border:1px solid rgba(72,135,198,.36);border-radius:12px;background:rgba(3,19,36,.58)}.amixer-playlist-reference[hidden]{display:none}.amixer-playlist-reference>div:first-child{display:grid;gap:3px}.amixer-playlist-reference strong{font-size:14px}.amixer-playlist-reference small{color:var(--ds-muted);font-size:13px;line-height:1.45}.amixer-playlist-reference__control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.amixer-playlist-reference__control input{min-width:0;min-height:42px;padding:0 11px;border:1px solid var(--ds-line);border-radius:10px;background:#031426;color:#c7dcf1;font:700 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.amixer-playlist-reference__control button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid #3170b0;border-radius:10px;background:#0b3158;color:#b9d9f9;font:inherit;font-size:13px;font-weight:800}.amixer-playlist-modal__close .ui-icon{display:block;margin:auto}@media(max-width:560px){.amixer-playlist-reference__control{grid-template-columns:1fr}.amixer-playlist-reference__control button{width:100%}}