/* Shared mixer-led layout for secondary pages. */
:root{
  --secondary-rail:268px;
  --secondary-gap:0;
  --secondary-bg:#03101f;
  --secondary-panel:#06172b;
  --secondary-panel-deep:#041224;
  --secondary-line:rgba(65,125,169,.34);
  --secondary-line-soft:rgba(65,125,169,.2);
  --secondary-text:#f4f8fb;
  --secondary-muted:#8fa6bf;
  --secondary-blue:#60a5fa;
}

.secondary-page{
  color:var(--secondary-text);
}

.secondary-page :is(.secondary-header-panel,.media-library__head,.profile-page__header,.account-head,.v44-page-head){
  box-sizing:border-box;
  margin:0 0 18px;
  padding:22px 24px;
  border:1px solid var(--secondary-line);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(7,25,47,.98),rgba(4,17,33,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.018);
}

.secondary-two-column,
.media-library__content-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--secondary-rail);
  gap:var(--secondary-gap);
  align-items:stretch;
  overflow:hidden;
  border:1px solid var(--secondary-line);
  border-radius:16px;
  background:var(--secondary-panel-deep);
  box-shadow:0 18px 48px rgba(0,0,0,.16);
}

.secondary-main,
.media-library__main{
  min-width:0;
  padding:18px;
  background:linear-gradient(145deg,rgba(6,23,43,.98),rgba(4,17,33,.98));
}
.secondary-main--stack{display:grid;align-content:start;gap:14px}
.secondary-main--stack>.account-panel{margin:0}
.secondary-main>.account-panel{box-sizing:border-box}

.secondary-rail,
.media-summary{
  box-sizing:border-box;
  min-width:0;
  padding:18px 12px;
  border:0;
  border-left:1px solid var(--secondary-line);
  border-radius:0;
  background:#041222;
  box-shadow:none;
}

.secondary-rail{
  display:grid;
  align-content:start;
  gap:10px;
}

.secondary-rail__section{
  padding:4px 8px 14px;
  border-bottom:1px solid var(--secondary-line-soft);
}

.secondary-rail__section:last-child{border-bottom:0}
.secondary-rail__section>strong{display:block;margin:0 0 9px;color:#dce9f8;font-size:15px}
.secondary-rail__section>p{margin:0;color:var(--secondary-muted);font-size:15px;line-height:1.6}
.secondary-rail__nav{display:grid;gap:2px}
.secondary-rail__nav a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 10px;
  border-radius:10px;
  color:#b9cce0;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.secondary-rail__nav a:hover,.secondary-rail__nav a.is-active{background:rgba(59,130,246,.1);color:#fff}
.secondary-rail__nav a.is-active{box-shadow:inset 2px 0 #60a5fa}
.secondary-rail__nav svg{color:#60a5fa}
.secondary-rail__action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  margin-top:10px;
  padding:0 12px;
  border:1px solid rgba(96,165,250,.38);
  border-radius:11px;
  background:rgba(37,99,235,.12);
  color:#dbeafe;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}

/* Media library: same proportions and connected rail as the mixer. */
.media-library{padding-top:18px}
.secondary-page .media-library__head{align-items:center;min-height:96px;margin-bottom:18px!important;padding:17px 20px!important;background:linear-gradient(135deg,rgba(6,20,38,.99),rgba(8,29,50,.96))}
.secondary-page .media-library__head h1{margin:0 0 7px;font-size:clamp(24px,3vw,32px);letter-spacing:-.025em}
.secondary-page .media-library__head .eyebrow{margin-bottom:6px}
.secondary-page .media-library__head p{font-size:15px;line-height:1.5}
.secondary-page .media-library__actions{gap:10px}
.secondary-page .media-library__search{height:44px;border-radius:11px}
.secondary-page .media-library__create summary{height:44px;border-radius:11px;box-shadow:0 10px 28px rgba(37,99,235,.2)}
.media-library__tabs{min-height:58px;margin-bottom:16px;padding:7px;border-color:rgba(65,125,169,.34);border-radius:14px;background:linear-gradient(145deg,rgba(6,20,38,.98),rgba(5,18,34,.96));box-shadow:none}
.media-library__tabs a{min-height:40px;padding:0 13px;border-radius:9px;font-size:12px}
.media-library__content-layout{gap:0}
.media-library__main{padding:16px;border-radius:0!important}
.media-summary{position:relative;top:auto;align-content:start;padding:12px;border-radius:0!important;background:linear-gradient(180deg,rgba(4,15,29,.72),rgba(5,20,35,.5))}
.media-summary__heading{display:flex;align-items:center;gap:10px;min-height:43px;padding:8px 9px;color:#cbdced;font-size:12px}
.media-summary__heading .ui-icon{color:#60a5fa}
.media-summary__heading strong{font-size:12px}
.media-summary nav{display:grid;gap:2px}
.media-summary nav>a{display:grid;grid-template-columns:14px 20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:43px;padding:8px 9px;border-bottom:1px solid rgba(65,125,169,.2);border-radius:0;color:#d9e8f6;font-size:14px;font-weight:720}
.media-summary nav>a:hover,.media-summary nav>a.is-active{border-radius:9px;background:rgba(59,130,246,.09);color:#93c5fd;box-shadow:none}
.media-summary nav>a>.ui-icon:first-child{width:13px;color:#8098b1}
.media-summary nav>a>.ui-icon:nth-child(2){color:#60a5fa}
.media-summary nav>a>span{display:block;width:auto;height:auto;border:0;background:transparent;color:inherit;text-align:left}
.media-summary nav>a>strong{font-size:14px}
.media-summary__quick{gap:2px;margin-top:8px;padding-top:11px}
.media-summary__quick>strong{padding:0 9px}
.media-summary__quick a,.media-summary__quick button{min-height:38px;border-radius:9px;font-size:14px}
.media-continue{grid-template-columns:76px minmax(220px,1fr) auto auto auto;min-height:76px;margin-bottom:16px;padding:8px 10px;border-radius:14px;background:linear-gradient(145deg,rgba(6,20,38,.98),rgba(5,18,34,.96));box-shadow:none}
.media-continue>img{width:76px;height:58px;border-radius:10px}
.media-continue h2{font-size:18px}
.media-continue>a{min-height:40px;border-radius:10px}
.media-section{margin-bottom:20px}
.media-section>header{margin:0 2px 9px}
.media-section>header h2{font-size:22px}
.media-section:last-child{margin-bottom:0}

/* About: content in the working area, section navigation in the rail. */
.about-page{padding-top:18px}
.about-page>.about-hero{margin:0 0 18px;min-height:0;padding:28px 30px;border-radius:16px}
.about-page>.about-hero h1{font-size:clamp(38px,4.8vw,58px)}
.about-page .secondary-main{display:grid;gap:14px}
.about-page .secondary-main>:first-child{margin-top:0}
.about-page .secondary-main>:last-child{margin-bottom:0}
.about-page :is(.about-section,.about-flow,.about-faq,.about-note){margin:0;padding:24px;border-radius:14px;box-shadow:none}
.about-page .about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-page .about-flow,.about-page .about-faq{grid-template-columns:1fr}
.about-page .about-note{grid-template-columns:1fr;gap:10px}

/* Explore: results stay in the main working area and purpose/actions in the rail. */
.explore-page{padding-top:18px}
.explore-page>.explore-hero{margin-bottom:18px;min-height:clamp(176px,18vw,210px);padding:0;overflow:hidden;border-radius:16px;background-clip:padding-box}
.explore-page .explore-hero--catalog{grid-template-columns:1fr}
.explore-page .explore-hero__copy{position:relative;z-index:1;justify-content:center;min-height:clamp(176px,18vw,210px);width:min(720px,68%);padding:24px 28px}
.explore-page .explore-hero__shade{background:linear-gradient(90deg,rgba(3,15,29,.98) 0%,rgba(3,15,29,.91) 38%,rgba(3,15,29,.48) 65%,rgba(3,15,29,.18) 100%),linear-gradient(0deg,rgba(3,15,29,.5),transparent 70%)}
.explore-page .explore-hero h1{margin:6px 0 9px;font-size:clamp(34px,4vw,52px);line-height:1}
.explore-page .explore-hero__copy>p{font-size:15px;line-height:1.5}
.explore-page .explore-hero__facts{gap:8px;margin-top:14px}
.explore-page .explore-hero__facts span{padding:7px 10px}
.explore-page .explore-hero__facts strong{font-size:14px}
.explore-page .explore-hero__copy>p{max-width:760px}
.explore-page .secondary-main{padding:18px}
.explore-page .explore-catalog{padding-top:0}
.explore-page .explore-purpose{width:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.explore-page .discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.explore-workspace{position:relative;min-height:0;margin-top:0}
.explore-results{position:relative;align-content:start}
.explore-results__head{display:flex;align-items:center;min-height:24px;margin:0 0 12px}
.explore-results__head>p{margin:0;color:var(--secondary-muted);font-size:15px;font-weight:700}
.explore-results__loading{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#bfdbfe;font-size:13px;font-weight:700}
.explore-results__loading[hidden]{display:none}
.explore-results__loading i{width:13px;height:13px;border:2px solid rgba(96,165,250,.22);border-top-color:#60a5fa;border-radius:50%;animation:explore-spin .7s linear infinite}
.explore-workspace.is-loading .discovery-grid,.explore-workspace.is-loading .explore-pagination{opacity:.38;pointer-events:none;transition:opacity .16s}
.explore-rail{gap:0;padding:14px 10px}
.explore-rail .secondary-rail__section{padding:8px 8px 14px}
.explore-rail .secondary-rail__section+section{padding-top:14px}
.explore-rail .secondary-rail__section>strong{margin-bottom:10px;color:#dce9f8;font-size:14px}
.explore-rail .explore-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;padding:4px;border-radius:11px;background:#06172b}
.explore-rail .explore-modes a{display:flex;align-items:center;justify-content:center;min-width:0;padding:8px 4px;border:1px solid transparent;border-radius:8px;font-size:13px;text-align:center}
.explore-rail .explore-filters{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.explore-rail .explore-filters label{gap:6px;color:#8fa6bf;font-size:13px}
.explore-rail .explore-filters select,.explore-rail .explore-search__field{width:100%;max-width:100%;height:40px;box-sizing:border-box;border-color:var(--secondary-line);border-radius:9px;background:#071a34}
.explore-rail .explore-search,.explore-rail .explore-search__field input{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.explore-rail .explore-search__field input{font-size:14px}
.explore-filters__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.explore-rail .explore-filters__actions>button,.explore-rail .explore-filters__actions>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 11px;border-radius:9px;font-size:13px;font-weight:800;text-decoration:none}
.explore-rail .explore-filters__actions>button{border:0;background:#2563eb;color:#fff;cursor:pointer}
.explore-rail .explore-filters__actions>a{border:1px solid var(--secondary-line);color:#bfdbfe}
.explore-rail .explore-tags{display:flex;flex-wrap:wrap;gap:6px;max-height:none;overflow:visible;margin:0;padding:0 2px 2px}
.explore-rail .explore-tags a{display:inline-flex;align-items:center;max-width:100%;padding:7px 9px;border-color:var(--secondary-line);background:#06172b;color:#9fb3c9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.explore-rail .explore-tags a.is-active{border-color:rgba(96,165,250,.58);background:rgba(59,130,246,.14);color:#dbeafe}
.explore-rail .explore-tags small{color:#7189a3}
@keyframes explore-spin{to{transform:rotate(360deg)}}

/* Existing account screens already have two columns; normalize their proportions. */
.profile-layout,.account-grid{grid-template-columns:minmax(0,1fr) var(--secondary-rail)!important;gap:18px!important}
.profile-insights{min-width:0}
.account-grid:has(.account-panel--playlists)>.account-panel--playlists{grid-column:1;grid-row:1}
.account-grid:has(.account-panel--playlists)>.account-panel:not(.account-panel--playlists){grid-column:2;grid-row:1}

/* Favorites use the same connected catalog/rail composition. */
.v44-favorites-page{padding-top:18px}
.v44-favorites-page .v44-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v44-favorites-page .v44-library-sound{border-color:var(--secondary-line);background:#071a34}
.v44-favorites-page .v44-library-sound:hover{border-color:rgba(96,165,250,.5)}
.v44-favorites-page .v44-add-button{border-color:rgba(96,165,250,.35);color:#bfdbfe}
.v44-favorites-page .v44-add-button:hover{background:rgba(59,130,246,.1)}

@media(max-width:1120px){
  .explore-workspace{grid-template-columns:1fr;overflow:visible}
  .explore-workspace>.explore-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px;border-top:1px solid var(--secondary-line);border-left:0}
  .explore-workspace>.explore-rail .secondary-rail__section{border-right:1px solid var(--secondary-line-soft);border-bottom:0}
  .explore-workspace>.explore-rail .secondary-rail__section:nth-child(2){border-right:0}
  .explore-workspace>.explore-rail .secondary-rail__section:last-child{grid-column:1/-1;border-top:1px solid var(--secondary-line-soft);border-right:0}
  .explore-page .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1000px){
  .secondary-two-column,.media-library__content-layout{grid-template-columns:1fr;overflow:visible}
  .secondary-rail,.media-summary{border-top:1px solid var(--secondary-line);border-left:0}
  .media-summary nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-layout,.account-grid{grid-template-columns:1fr!important}
  .account-grid:has(.account-panel--playlists)>:is(.account-panel,.account-panel--playlists){grid-column:1;grid-row:auto}
  .explore-page .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .explore-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px}
  .explore-rail .secondary-rail__section{border-right:1px solid var(--secondary-line-soft);border-bottom:0}
  .explore-rail .secondary-rail__section:nth-child(2){border-right:0}
  .explore-rail .secondary-rail__section:last-child{grid-column:1/-1;border-top:1px solid var(--secondary-line-soft);border-right:0}
  .explore-rail .explore-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .explore-rail .explore-search,.explore-filters__actions{grid-column:1/-1}
}

@media(max-width:760px){
  .secondary-page :is(.secondary-header-panel,.media-library__head,.profile-page__header,.account-head,.v44-page-head){padding:19px 16px}
  .secondary-main,.media-library__main{padding:13px}
  .secondary-rail,.media-summary{padding:14px 10px}
  .about-page>.about-hero{padding:22px 19px}
  .about-page .about-grid{grid-template-columns:1fr}
  .explore-page>.explore-hero{min-height:240px}
  .explore-page .explore-hero__copy{justify-content:flex-end;min-height:240px;width:100%;padding:20px 18px}
  .explore-page .explore-hero__shade{background:linear-gradient(0deg,rgba(3,15,29,.98) 0%,rgba(3,15,29,.8) 64%,rgba(3,15,29,.22) 100%)}
  .explore-page .explore-hero h1{font-size:36px}
  .explore-page .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .explore-workspace>.explore-rail{display:grid;grid-template-columns:1fr;padding:10px}
  .explore-workspace>.explore-rail .secondary-rail__section,.explore-workspace>.explore-rail .secondary-rail__section:nth-child(2){grid-column:auto;border-top:0;border-right:0;border-bottom:1px solid var(--secondary-line-soft)}
  .explore-workspace>.explore-rail .secondary-rail__section:last-child{grid-column:auto;border-bottom:0}
  .explore-rail .explore-filters{grid-template-columns:1fr}
  .explore-rail .explore-search,.explore-filters__actions{grid-column:auto}
  .v44-favorites-page .v44-favorites-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
  .explore-page .discovery-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.explore-results__loading i{animation:none}}

/* 1.2 — unified account center, based on the mixer workspace */
:where(.profile-page,.plans-page).secondary-page{
  box-sizing:border-box;
  width:min(var(--ds-content-max,1500px),100%)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:18px 0 120px!important;
}
.secondary-page :is(.account-head,.profile-page__header){
  display:block;
  min-height:96px;
  padding:17px 20px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(6,20,38,.99),rgba(8,29,50,.96))!important;
}
.secondary-page :is(.account-head,.profile-page__header)>div{min-width:0}
.secondary-page :is(.account-head,.profile-page__header) h1{margin:5px 0 7px!important;font-size:clamp(24px,3vw,32px)!important;letter-spacing:-.025em!important}
.secondary-page :is(.account-head,.profile-page__header) p{max-width:820px;margin:0;font-size:12px!important;line-height:1.5!important}
.account-center-layout{--secondary-rail:294px;min-height:540px;border-radius:16px}
.account-center-layout>.secondary-main{display:grid;align-content:start;gap:14px;padding:16px}
.account-center-layout>.secondary-rail{padding:14px 11px;background:linear-gradient(180deg,rgba(4,15,29,.92),rgba(5,20,35,.74))}
.secondary-account-identity{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:10px 9px 15px;border-bottom:1px solid var(--secondary-line-soft)}
.secondary-account-identity__avatar{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(96,165,250,.46);border-radius:50%;background:#12365e;color:#dbeafe;font-size:16px;font-weight:900;overflow:hidden}
.secondary-account-identity__avatar img{width:100%;height:100%;object-fit:cover}
.secondary-account-identity>span:last-child{display:grid;min-width:0;justify-items:start;gap:3px}
.secondary-account-identity strong,.secondary-account-identity small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.secondary-account-identity strong{font-size:12px}.secondary-account-identity small{color:var(--secondary-muted);font-size:12px}
.account-section-rail .secondary-rail__section{padding:13px 3px 4px;border:0}.account-section-rail .secondary-rail__section>strong{padding:0 9px;color:#7894b0;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.account-section-rail .secondary-rail__nav a{min-height:43px;border-radius:9px}.account-section-rail .secondary-rail__nav a.is-active{background:linear-gradient(90deg,rgba(37,99,235,.19),rgba(59,130,246,.08));box-shadow:inset 2px 0 #60a5fa;color:#fff}
.profile-account-tools{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);gap:14px;align-items:center;padding:15px 16px;border:1px solid var(--secondary-line-soft);border-radius:14px;background:linear-gradient(145deg,#071a34,#051428)}
.profile-account-tools>header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;min-width:0}.profile-account-tools__icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(96,165,250,.34);border-radius:11px;background:#0d2b53;color:#93c5fd}.profile-account-tools>header>span:last-child{display:grid;gap:3px}.profile-account-tools>header strong{font-size:15px}.profile-account-tools>header small{color:var(--secondary-muted);font-size:12px;line-height:1.35}
.profile-account-tools__actions{display:flex;align-items:stretch;justify-content:flex-end;gap:8px;min-width:0}.profile-account-tools__language{display:grid;gap:7px;min-width:220px;padding:8px 10px;border:1px solid var(--secondary-line-soft);border-radius:11px;background:#061426}.profile-account-tools__language>span{display:flex;align-items:center;gap:7px;color:#b9cce0;font-size:12px;font-weight:800}.profile-account-tools__language>span .ui-icon{color:#79adff}.profile-account-tools__language>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.profile-account-tools__language a{display:flex;align-items:center;justify-content:center;gap:4px;min-height:31px;border:1px solid rgba(65,125,169,.3);border-radius:8px;background:#041224;color:#91a9bd;font-size:12px;font-weight:850;text-decoration:none}.profile-account-tools__language a:hover,.profile-account-tools__language a.is-active{border-color:rgba(96,165,250,.65);background:#0d2b53;color:#fff}.profile-account-tools__language img{width:18px;height:12px;border-radius:2px;object-fit:cover}
.profile-account-tools__admin,.profile-account-tools__logout button{display:flex;align-items:center;gap:9px;min-width:154px;min-height:100%;padding:9px 11px;border:1px solid rgba(96,165,250,.32);border-radius:11px;background:#071a34;color:#dbeafe;text-align:left;text-decoration:none;cursor:pointer}.profile-account-tools__admin>span,.profile-account-tools__logout button>span{display:grid;gap:2px;min-width:0}.profile-account-tools__admin strong,.profile-account-tools__logout strong{font-size:12px}.profile-account-tools__admin small,.profile-account-tools__logout small{color:var(--secondary-muted);font-size:11px;line-height:1.25}.profile-account-tools__admin>.ui-icon:first-child{color:#79adff}.profile-account-tools__admin>.ui-icon:last-child{margin-left:auto;color:#7894b1}.profile-account-tools__admin:hover{border-color:#60a5fa;background:#0d2b53;color:#fff}.profile-account-tools__logout{margin:0}.profile-account-tools__logout button{border-color:rgba(251,113,133,.3);color:#ffb1bc}.profile-account-tools__logout button>.ui-icon{color:#fb7185}.profile-account-tools__logout button:hover{border-color:rgba(251,113,133,.58);background:rgba(104,31,51,.26);color:#fff}
.secondary-page :is(.account-panel,.profile-card,.profile-insight-card){padding:20px;border-radius:14px!important;box-shadow:none!important}
.secondary-page :is(.account-panel,.profile-card)>header,.profile-card__head{padding-bottom:15px;border-bottom:1px solid var(--secondary-line-soft)}
.secondary-page .account-panel>header>span{border:1px solid rgba(96,165,250,.24);background:#0c2948;color:#8abaff}
.account-center-layout :is(.profile-field input:not([type=file]),.profile-field select,.profile-field textarea,.account-create input,.account-create select,.account-list input,.account-list select){
  box-sizing:border-box;width:100%;border:1px solid rgba(65,125,169,.36);border-radius:10px;background:#071a34;color:#eef5ff;box-shadow:none;outline:none
}
.account-center-layout :is(.profile-field input:not([type=file]),.profile-field select,.account-create input,.account-create select,.account-list input,.account-list select){min-height:42px;padding:0 12px}
.account-center-layout .profile-field textarea{padding:11px 12px;line-height:1.55;resize:vertical}
.account-center-layout :is(.profile-field input:not([type=file]),.profile-field select,.profile-field textarea,.account-create input,.account-create select,.account-list input,.account-list select):focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.secondary-main :is(.account-panel,.profile-card) button:not(.plan-periods button):not(.playlist-duration-presets button),.account-primary-action{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid rgba(96,165,250,.38);border-radius:9px;background:#0d2b53;color:#dbeafe;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer
}
.secondary-main :is(.account-panel,.profile-card) button:hover,.account-primary-action:hover{border-color:#60a5fa;background:#12396d;color:#fff}
.secondary-main :is(.account-panel,.profile-card) :is(.profile-save,.account-primary-action){border-color:#347df1;background:linear-gradient(135deg,#2869df,#3b82f6);box-shadow:0 10px 26px rgba(37,99,235,.18);color:#fff}
.secondary-main :is(.account-panel,.profile-card) button.is-danger{border-color:rgba(251,113,133,.36);background:rgba(104,31,51,.2);color:#ff9caf}
.secondary-main :is(.account-panel,.profile-card) button.is-danger:hover{border-color:#fb7185;background:rgba(120,35,57,.34);color:#ffd7df}
.account-center-layout .account-create button{border-color:#347df1!important;background:linear-gradient(135deg,#2869df,#3b82f6)!important;color:#fff!important}
.account-center-layout .referral-banner-grid a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid rgba(96,165,250,.34);border-radius:8px;background:#0d2b53;color:#dbeafe}
.profile-insights--inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-insights--inline .profile-insight-card--attention{grid-column:1/-1}.profile-insights--inline .profile-insight-card{padding:17px}
.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid var(--secondary-line-soft)}.profile-actions p{margin:0;color:var(--secondary-muted);font-size:15px;line-height:1.5}.profile-actions .profile-save{min-width:180px;margin:0}
.account-security-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-security-form>header,.account-security-form>.account-actions{grid-column:1/-1}.account-security-form>.profile-field:first-of-type{grid-column:1/-1}.account-session-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px;border:1px solid var(--secondary-line-soft);border-radius:11px;background:#071a34}.account-session-row>span:first-child{display:grid;min-width:0;gap:4px}.account-session-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-session-row small{color:var(--secondary-muted);font-size:12px}
.account-export-panel{min-height:360px}.account-export-panel>.pagination{margin-top:14px}.export-row{border-color:var(--secondary-line);border-radius:12px;background:#071a34}.export-row>strong{font-size:13px;white-space:nowrap}.export-row .button{min-height:38px;padding:0 12px}
.account-empty-state{display:grid;min-height:250px;place-items:center;align-content:center;text-align:center}.account-empty-state>span{display:grid;place-items:center;width:54px;height:54px;margin-bottom:12px;border:1px solid rgba(96,165,250,.3);border-radius:15px;background:#0b294a;color:#68aaff}.account-empty-state>span .ui-icon,.account-empty-state>a .ui-icon{fill:none;stroke:currentColor}.account-empty-state strong{font-size:14px}.account-empty-state>a{display:flex;align-items:center;gap:7px;margin-top:12px;color:#8abaff;font-size:14px;font-weight:800;text-decoration:none}
.plans-account-layout .plans-main{padding:14px}.plans-account-layout .plans-grid{gap:12px}.plans-account-layout .plan-card{min-width:0;min-height:660px;padding:18px;border-radius:14px}.plans-account-layout .plan-card__visual{height:100px;margin:0 0 15px;border-radius:12px}.plans-account-layout .plan-card h2{font-size:28px}.plans-account-layout .plan-card>p{min-height:44px;font-size:14px}.plans-account-layout .plan-card ul{gap:8px;margin:16px 0 20px}.plans-account-layout .plan-card li{font-size:14px}.plans-account-layout .plan-periods button{min-height:48px;padding:10px 12px;border-radius:10px}.plans-account-layout .plan-card__recommended{top:26px;right:26px;font-size:11px}
@media(max-width:1300px){.plans-account-layout .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-account-layout .plan-card{min-height:auto}}
@media(max-width:1000px){.account-center-layout{min-height:0}.account-center-layout>.secondary-rail{border-top:1px solid var(--secondary-line)}.plans-account-layout .plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.profile-account-tools{grid-template-columns:1fr}.profile-account-tools__actions{justify-content:stretch}.profile-account-tools__language{flex:1}.profile-account-tools__admin,.profile-account-tools__logout{flex:1}.profile-account-tools__logout button{width:100%}}
@media(max-width:820px){.plans-account-layout .plans-grid{grid-template-columns:1fr}.profile-insights--inline{grid-template-columns:1fr}.profile-insights--inline .profile-insight-card--attention{grid-column:auto}}
@media(max-width:620px){:where(.profile-page,.plans-page).secondary-page{padding-top:10px!important}.account-security-form{grid-template-columns:1fr}.account-security-form>.profile-field:first-of-type,.account-security-form>header,.account-security-form>.account-actions{grid-column:auto}.profile-actions,.account-session-row{align-items:stretch;flex-direction:column}.profile-actions .profile-save{width:100%}.profile-account-tools{padding:13px}.profile-account-tools__actions{display:grid;grid-template-columns:1fr 1fr}.profile-account-tools__language{grid-column:1/-1;min-width:0}.profile-account-tools__admin,.profile-account-tools__logout button{min-width:0;min-height:62px}.profile-account-tools__admin small,.profile-account-tools__logout small{display:none}}

/* 1.3 — referral promotion center */
.referral-center .secondary-main{gap:12px}
.referral-command-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:18px;align-items:stretch;background:radial-gradient(circle at 92% 8%,rgba(47,121,255,.14),transparent 34%),linear-gradient(145deg,rgba(8,29,55,.98),rgba(5,19,37,.98))!important}
.referral-command-card__copy{display:grid;align-content:center;min-width:0}.referral-command-card__copy h2{margin:5px 0 13px;font-size:20px}.referral-copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.referral-copy-field code{display:flex;align-items:center;min-width:0;min-height:44px;padding:0 12px;border:1px solid rgba(65,125,169,.38);border-radius:10px;background:#041326;color:#c7dcf4;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-copy-field button{white-space:nowrap}
.referral-command-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.referral-command-card__metrics>div{display:grid;align-content:center;min-height:76px;padding:12px;border:1px solid rgba(65,125,169,.22);border-radius:11px;background:rgba(5,20,39,.72)}.referral-command-card__metrics dt{font-size:24px;font-weight:900;line-height:1}.referral-command-card__metrics dd{margin:5px 0 0;color:var(--secondary-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.referral-performance__head,.referral-performance__list article{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,110px);gap:12px;align-items:center}.referral-performance__head{padding:0 13px 8px;color:#708ba8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.referral-performance__list{border:1px solid var(--secondary-line-soft);border-radius:12px;overflow:hidden}.referral-performance__list article{min-height:48px;padding:8px 13px;border-bottom:1px solid var(--secondary-line-soft);background:#071a34}.referral-performance__list article:last-child{border-bottom:0}.referral-performance__list article>strong{font-size:14px}.referral-performance__list article>span{font-size:12px;font-weight:800}.referral-performance__list small{display:none;color:var(--secondary-muted);font-size:15px;font-weight:700}
.referral-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.referral-link-grid>article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px;border:1px solid var(--secondary-line-soft);border-radius:12px;background:#071a34}.referral-channel-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(96,165,250,.32);border-radius:10px;background:#0d2d55;color:#8dbdff;font-size:15px;font-weight:900}.referral-channel-mark.is-social-facebook{background:#153b75;color:#c5ddff}.referral-channel-mark.is-social-telegram{background:#0d3c5d;color:#9edcff}.referral-channel-mark.is-social-instagram{background:linear-gradient(145deg,#4d2b79,#7b304e);color:#ffd7ef}.referral-link-grid article>div:nth-child(2){display:grid;min-width:0;gap:3px}.referral-link-grid strong{font-size:14px}.referral-link-grid small{color:var(--secondary-muted);font-size:15px}.referral-link-actions{display:flex!important;grid-column:1/-1;gap:7px}.referral-link-actions>*{flex:1}.referral-link-actions a,.referral-banner-card__body a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid rgba(96,165,250,.34);border-radius:9px;background:#0d2b53;color:#dbeafe;font-size:15px;font-weight:800;text-decoration:none}.referral-social-note{display:flex;align-items:center;gap:8px;margin:12px 2px 0;color:var(--secondary-muted);font-size:13px}.referral-social-note .ui-icon{color:#60a5fa}
.referral-toolbox{padding:0!important;overflow:hidden}.referral-toolbox>summary{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:11px;align-items:center;min-height:72px;padding:13px 16px;cursor:pointer;list-style:none}.referral-toolbox>summary::-webkit-details-marker{display:none}.referral-toolbox>summary>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(96,165,250,.25);border-radius:10px;background:#0c2948;color:#8abaff}.referral-toolbox>summary>div{display:grid;gap:4px}.referral-toolbox>summary strong{font-size:15px}.referral-toolbox>summary small{color:var(--secondary-muted);font-size:15px;line-height:1.45}.referral-toolbox>summary>.ui-icon{color:#7793b1;transition:transform .18s}.referral-toolbox[open]>summary>.ui-icon{transform:rotate(90deg)}.referral-toolbox[open]>summary{border-bottom:1px solid var(--secondary-line-soft);background:rgba(59,130,246,.035)}.referral-toolbox__body{padding:16px}
.referral-banner-format{display:grid;gap:10px}.referral-banner-format+.referral-banner-format{margin-top:18px;padding-top:18px;border-top:1px solid var(--secondary-line-soft)}.referral-banner-format>header{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:0!important;border:0!important}.referral-banner-format>header>div{display:grid;gap:3px}.referral-banner-format>header strong{font-size:13px}.referral-banner-format>header small,.referral-banner-format>header>span{color:var(--secondary-muted);font-size:15px}.referral-banner-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.referral-banner-card{min-width:0;overflow:hidden;border:1px solid var(--secondary-line-soft);border-radius:13px;background:#06172d}.referral-banner-card__preview{display:grid;place-items:center;padding:12px;background:radial-gradient(circle at 50% 30%,rgba(37,99,235,.12),transparent 55%),#020817;overflow:hidden}.referral-banner-card__preview img{display:block;width:100%;height:100%;object-fit:contain}.referral-banner-card.is-square .referral-banner-card__preview{aspect-ratio:1/1}.referral-banner-card.is-vertical .referral-banner-card__preview{aspect-ratio:4/5}.referral-banner-card.is-wide .referral-banner-card__preview{aspect-ratio:4/1}.referral-banner-card.is-forum .referral-banner-card__preview{aspect-ratio:7.8/1}.referral-banner-card__body{display:grid;gap:11px;padding:13px;border-top:1px solid var(--secondary-line-soft)}.referral-banner-card__body>span{display:grid;gap:3px}.referral-banner-card__body strong{font-size:12px}.referral-banner-card__body small{color:var(--secondary-muted);font-size:15px}.referral-banner-card__body>div{display:flex;gap:7px}.referral-banner-card__body>div>*{flex:1;white-space:nowrap}
.referral-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.referral-code-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px;border:1px solid var(--secondary-line-soft);border-radius:12px;background:#071a34}.referral-code-grid strong,.referral-code-preview{grid-column:1/-1}.referral-code-grid strong{font-size:14px}.referral-code-preview{display:block;width:100%;max-height:92px;border:1px solid var(--secondary-line-soft);border-radius:8px;background:#020817;object-fit:contain}.referral-code-grid textarea{min-width:0;width:100%;min-height:76px;padding:10px;border:1px solid rgba(96,165,250,.18);border-radius:8px;outline:0;resize:vertical;background:#041326;color:#a9c6e5;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.referral-code-grid textarea:focus{border-color:#4f8fff;box-shadow:0 0 0 2px rgba(79,143,255,.12)}.referral-code-grid article>small{grid-column:1/-1;color:var(--secondary-muted);font-size:15px}.referral-code-grid button{align-self:stretch}
.referral-users .referral-list>article{background:#071a34}.referral-empty{margin:0;padding:24px;color:var(--secondary-muted);text-align:center}
@media(max-width:1320px){.referral-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-command-card{grid-template-columns:1fr}.referral-command-card__metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.referral-command-card__metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.referral-command-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-performance__head{display:none}.referral-performance__list{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;overflow:visible}.referral-performance__list article{grid-template-columns:1fr 1fr;gap:10px;min-height:0;border:1px solid var(--secondary-line-soft)!important;border-radius:11px}.referral-performance__list article>strong{grid-column:1/-1}.referral-performance__list article>span{display:grid;gap:2px}.referral-performance__list small{display:block}.referral-link-grid,.referral-banner-grid-v2,.referral-code-grid{grid-template-columns:1fr}}
@media(max-width:480px){.referral-copy-field{grid-template-columns:1fr}.referral-copy-field button{width:100%}.referral-performance__list{grid-template-columns:1fr}.referral-banner-card__body>div{align-items:stretch;flex-direction:column}.referral-code-grid article{grid-template-columns:1fr}.referral-code-grid button{width:100%}.referral-list article{grid-template-columns:40px minmax(0,1fr)}.referral-list article>.plan-badge,.referral-list article>.account-status{grid-column:2}}