/* JoyJoy account experience v364
   Theme variants override colours only; layout and dimensions stay unchanged. */

/* Aurora Lite palette. Existing Classic palette remains untouched. */
html[data-joyjoy-theme="aurora-lite"]{
  --theme-bg:#f5f7ff;
  --theme-surface:#ffffff;
  --theme-surface-2:#f1f0ff;
  --theme-text:#17203c;
  --theme-muted:#6f7591;
  --theme-border:#dcdcf2;
  --theme-accent:#7167ee;
  --theme-shadow:0 18px 45px rgba(76,65,167,.10);
  --gh-border:#dddff1;
  --gh-subtle:#f5f4ff;
  --gh-muted:#6f7591;
  --gh-card:#ffffff;
  --gh-hover:#efeffc;
  --gh-blue:#7167ee;
  --account-border:#dddff1;
  --account-surface:#ffffff;
  --account-surface-soft:#f5f4ff;
  --account-text:#17203c;
  --account-muted:#6f7591;
}
html[data-theme="dark"][data-joyjoy-theme="aurora-lite"]{
  --theme-bg:#0b0d18;
  --theme-surface:#131628;
  --theme-surface-2:#191c33;
  --theme-text:#f4f2ff;
  --theme-muted:#aaa8c6;
  --theme-border:#30334d;
  --theme-accent:#8b84ff;
  --theme-shadow:0 18px 45px rgba(0,0,0,.28);
  --gh-border:#30334d;
  --gh-subtle:#191c33;
  --gh-muted:#aaa8c6;
  --gh-card:#131628;
  --gh-hover:#20243e;
  --gh-blue:#9d98ff;
  --account-border:#30334d;
  --account-surface:#131628;
  --account-surface-soft:#191c33;
  --account-text:#f4f2ff;
  --account-muted:#aaa8c6;
}
html[data-joyjoy-theme="aurora-lite"] body{
  background:
    radial-gradient(circle at 12% 8%,rgba(72,212,255,.10),transparent 28%),
    radial-gradient(circle at 89% 14%,rgba(151,105,255,.10),transparent 25%),
    var(--theme-bg)!important;
}
html[data-theme="dark"][data-joyjoy-theme="aurora-lite"] body{
  background:
    radial-gradient(circle at 12% 8%,rgba(72,212,255,.10),transparent 28%),
    radial-gradient(circle at 89% 14%,rgba(151,105,255,.12),transparent 25%),
    var(--theme-bg)!important;
}
html[data-joyjoy-theme="aurora-lite"] .account-topbar{
  background:linear-gradient(110deg,#26294a,#302c5b 52%,#253d58)!important;
  border-color:#4a4c76!important;
}
html[data-joyjoy-theme="aurora-lite"] .topbar-icon{
  background:#35365f!important;
  border-color:#55578a!important;
  color:#f7f5ff!important;
}
html[data-joyjoy-theme="aurora-lite"] .topbar-icon:hover{
  border-color:#74dff3!important;
  color:#bff6ff!important;
}
html[data-joyjoy-theme="aurora-lite"] .sidebar-link.is-active::before{
  background:linear-gradient(180deg,#5de1f3,#8b7cff 52%,#c372f3)!important;
}
html[data-joyjoy-theme="aurora-lite"] .primary,
html[data-joyjoy-theme="aurora-lite"] .primary-link,
html[data-joyjoy-theme="aurora-lite"] .bot-action{
  background:#7167ee!important;
  border-color:#655be4!important;
}
html[data-joyjoy-theme="aurora-lite"] .primary:hover,
html[data-joyjoy-theme="aurora-lite"] .primary-link:hover,
html[data-joyjoy-theme="aurora-lite"] .bot-action:hover{
  background:#6258dc!important;
}
html[data-joyjoy-theme="aurora-lite"] .status-pill,
html[data-joyjoy-theme="aurora-lite"] .premium-badge{
  background:#eeecff!important;
  color:#5649c6!important;
}
html[data-theme="dark"][data-joyjoy-theme="aurora-lite"] .status-pill,
html[data-theme="dark"][data-joyjoy-theme="aurora-lite"] .premium-badge{
  background:rgba(139,132,255,.15)!important;
  color:#c4c0ff!important;
}
html[data-joyjoy-theme="aurora-lite"] .normalized-switch input:checked + i{
  background:linear-gradient(90deg,#5edff1,#887eff 58%,#bd71ed)!important;
  border-color:#8178ed!important;
}


/* Premium colour palettes.
   data-joyjoy-theme selects the colour family; data-theme selects light/dark appearance.
   No geometry, spacing, sizes or layout rules are changed. */

/* ---------- JoyJoy Midnight ---------- */
html[data-joyjoy-theme="midnight"]{
  --theme-bg:#f4f6fb;--theme-surface:#ffffff;--theme-surface-2:#edf1fa;--theme-text:#15203a;--theme-muted:#69758e;--theme-border:#d7deec;--theme-accent:#5f75e8;--theme-shadow:0 18px 45px rgba(37,53,101,.10);
  --gh-border:#d7deec;--gh-subtle:#f0f3fa;--gh-muted:#69758e;--gh-card:#ffffff;--gh-hover:#e9eef9;--gh-blue:#526de4;
  --account-bg:#f4f6fb;--account-surface:#ffffff;--account-surface-soft:#f0f3fa;--account-surface-strong:#e9eef9;--account-border:#d7deec;--account-border-strong:#bbc7dc;--account-text:#15203a;--account-muted:#69758e;--account-accent:#5f75e8;--account-accent-strong:#318fbd;--account-accent-soft:rgba(95,117,232,.12);--account-success:#248a4b;
}
html[data-theme="dark"][data-joyjoy-theme="midnight"]{
  --theme-bg:#080b16;--theme-surface:#11172a;--theme-surface-2:#151d34;--theme-text:#f7f8ff;--theme-muted:#9ea8bd;--theme-border:#293149;--theme-accent:#6d86ff;--theme-shadow:0 18px 45px rgba(0,0,0,.28);
  --gh-border:#293149;--gh-subtle:#151d34;--gh-muted:#9ea8bd;--gh-card:#11172a;--gh-hover:#1a2340;--gh-blue:#66e7ff;
  --account-bg:#080b16;--account-surface:#11172a;--account-surface-soft:#151d34;--account-surface-strong:#1a2340;--account-border:#293149;--account-border-strong:#3a4667;--account-text:#f7f8ff;--account-muted:#9ea8bd;--account-accent:#6d86ff;--account-accent-strong:#66e7ff;--account-accent-soft:rgba(109,134,255,.14);--account-success:#32c96b;
}
html[data-joyjoy-theme="midnight"] body{background:radial-gradient(circle at 18% 18%,rgba(61,91,255,.08),transparent 30%),radial-gradient(circle at 85% 10%,rgba(160,108,255,.07),transparent 28%),var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme="dark"][data-joyjoy-theme="midnight"] body{background:radial-gradient(circle at 18% 18%,rgba(61,91,255,.12),transparent 30%),radial-gradient(circle at 85% 10%,rgba(160,108,255,.10),transparent 28%),linear-gradient(145deg,#070914,#0b1020 60%,#070912)!important}
html[data-joyjoy-theme="midnight"] .account-topbar{background:linear-gradient(115deg,#202b4e,#28345d 56%,#32355f)!important;border-color:#46547b!important}
html[data-theme="dark"][data-joyjoy-theme="midnight"] .account-topbar{background:linear-gradient(115deg,#090d1a,#10172c 56%,#15172d)!important;border-color:#293149!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important}

/* ---------- Dark Green ---------- */
html[data-joyjoy-theme="dark-green"]{
  --theme-bg:#f2f8f4;--theme-surface:#ffffff;--theme-surface-2:#eaf5ee;--theme-text:#173326;--theme-muted:#647a6d;--theme-border:#cfe2d5;--theme-accent:#23865a;--theme-shadow:0 18px 45px rgba(28,97,66,.10);
  --gh-border:#cfe2d5;--gh-subtle:#edf7f0;--gh-muted:#647a6d;--gh-card:#ffffff;--gh-hover:#e2f1e7;--gh-blue:#23865a;
  --account-bg:#f2f8f4;--account-surface:#ffffff;--account-surface-soft:#edf7f0;--account-surface-strong:#e2f1e7;--account-border:#cfe2d5;--account-border-strong:#a9cbb4;--account-text:#173326;--account-muted:#647a6d;--account-accent:#23865a;--account-accent-strong:#18a86b;--account-accent-soft:rgba(35,134,90,.12);--account-success:#17864f;
}
html[data-theme="dark"][data-joyjoy-theme="dark-green"]{
  --theme-bg:#07130e;--theme-surface:#0e2118;--theme-surface-2:#132c20;--theme-text:#effbf4;--theme-muted:#9db9a8;--theme-border:#254b37;--theme-accent:#37d487;--theme-shadow:0 18px 45px rgba(0,0,0,.30);
  --gh-border:#254b37;--gh-subtle:#132c20;--gh-muted:#9db9a8;--gh-card:#0e2118;--gh-hover:#193827;--gh-blue:#4ce6a0;
  --account-bg:#07130e;--account-surface:#0e2118;--account-surface-soft:#132c20;--account-surface-strong:#193827;--account-border:#254b37;--account-border-strong:#347052;--account-text:#effbf4;--account-muted:#9db9a8;--account-accent:#37d487;--account-accent-strong:#4ce6a0;--account-accent-soft:rgba(55,212,135,.14);--account-success:#4ce6a0;
}
html[data-joyjoy-theme="dark-green"] body{background:radial-gradient(circle at 12% 10%,rgba(37,166,105,.09),transparent 28%),radial-gradient(circle at 88% 12%,rgba(83,201,143,.07),transparent 26%),var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme="dark"][data-joyjoy-theme="dark-green"] body{background:radial-gradient(circle at 12% 10%,rgba(28,183,107,.11),transparent 28%),radial-gradient(circle at 88% 12%,rgba(62,223,148,.07),transparent 26%),linear-gradient(145deg,#06110c,#0b1b13 60%,#07130e)!important}
html[data-joyjoy-theme="dark-green"] .account-topbar{background:linear-gradient(115deg,#163e2c,#1d5038 56%,#1c5b3c)!important;border-color:#39765a!important}
html[data-theme="dark"][data-joyjoy-theme="dark-green"] .account-topbar{background:linear-gradient(115deg,#091b13,#102a1d 56%,#123523)!important;border-color:#254b37!important}

/* ---------- Dark Blue ---------- */
html[data-joyjoy-theme="dark-blue"]{
  --theme-bg:#f1f6fb;--theme-surface:#ffffff;--theme-surface-2:#eaf2fb;--theme-text:#142e49;--theme-muted:#63778c;--theme-border:#ccdeed;--theme-accent:#176fb1;--theme-shadow:0 18px 45px rgba(24,87,134,.10);
  --gh-border:#ccdeed;--gh-subtle:#edf5fb;--gh-muted:#63778c;--gh-card:#ffffff;--gh-hover:#e2eff9;--gh-blue:#176fb1;
  --account-bg:#f1f6fb;--account-surface:#ffffff;--account-surface-soft:#edf5fb;--account-surface-strong:#e2eff9;--account-border:#ccdeed;--account-border-strong:#a8c7df;--account-text:#142e49;--account-muted:#63778c;--account-accent:#176fb1;--account-accent-strong:#159bd1;--account-accent-soft:rgba(23,111,177,.12);--account-success:#278a5b;
}
html[data-theme="dark"][data-joyjoy-theme="dark-blue"]{
  --theme-bg:#06111f;--theme-surface:#0d2037;--theme-surface-2:#122b48;--theme-text:#eef7ff;--theme-muted:#9cb3cb;--theme-border:#244766;--theme-accent:#38a9f4;--theme-shadow:0 18px 45px rgba(0,0,0,.30);
  --gh-border:#244766;--gh-subtle:#122b48;--gh-muted:#9cb3cb;--gh-card:#0d2037;--gh-hover:#173655;--gh-blue:#55c8ff;
  --account-bg:#06111f;--account-surface:#0d2037;--account-surface-soft:#122b48;--account-surface-strong:#173655;--account-border:#244766;--account-border-strong:#35688f;--account-text:#eef7ff;--account-muted:#9cb3cb;--account-accent:#38a9f4;--account-accent-strong:#55c8ff;--account-accent-soft:rgba(56,169,244,.14);--account-success:#46d58a;
}
html[data-joyjoy-theme="dark-blue"] body{background:radial-gradient(circle at 12% 10%,rgba(40,145,218,.09),transparent 28%),radial-gradient(circle at 88% 12%,rgba(54,193,238,.07),transparent 26%),var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme="dark"][data-joyjoy-theme="dark-blue"] body{background:radial-gradient(circle at 12% 10%,rgba(36,145,224,.12),transparent 28%),radial-gradient(circle at 88% 12%,rgba(66,199,246,.08),transparent 26%),linear-gradient(145deg,#050e1a,#091a2c 60%,#06111f)!important}
html[data-joyjoy-theme="dark-blue"] .account-topbar{background:linear-gradient(115deg,#133b60,#174b77 56%,#165988)!important;border-color:#3775a1!important}
html[data-theme="dark"][data-joyjoy-theme="dark-blue"] .account-topbar{background:linear-gradient(115deg,#08182a,#0d2742 56%,#10314f)!important;border-color:#244766!important}

/* ---------- Dark Pulse (Gamey) ---------- */
html[data-joyjoy-theme="dark-pulse"]{
  --theme-bg:#fbf3f9;--theme-surface:#ffffff;--theme-surface-2:#f8eaf4;--theme-text:#3b1934;--theme-muted:#80677b;--theme-border:#ead1e2;--theme-accent:#cf3a94;--theme-shadow:0 18px 45px rgba(150,42,105,.11);
  --gh-border:#ead1e2;--gh-subtle:#faedf6;--gh-muted:#80677b;--gh-card:#ffffff;--gh-hover:#f5e1ef;--gh-blue:#cf3a94;
  --account-bg:#fbf3f9;--account-surface:#ffffff;--account-surface-soft:#faedf6;--account-surface-strong:#f5e1ef;--account-border:#ead1e2;--account-border-strong:#dcb2cf;--account-text:#3b1934;--account-muted:#80677b;--account-accent:#cf3a94;--account-accent-strong:#f14fae;--account-accent-soft:rgba(207,58,148,.12);--account-success:#268a60;
}
html[data-theme="dark"][data-joyjoy-theme="dark-pulse"]{
  --theme-bg:#160814;--theme-surface:#251020;--theme-surface-2:#32142b;--theme-text:#fff1fa;--theme-muted:#c3a0b7;--theme-border:#59304e;--theme-accent:#f14fae;--theme-shadow:0 18px 45px rgba(0,0,0,.31);
  --gh-border:#59304e;--gh-subtle:#32142b;--gh-muted:#c3a0b7;--gh-card:#251020;--gh-hover:#401a36;--gh-blue:#ff72c3;
  --account-bg:#160814;--account-surface:#251020;--account-surface-soft:#32142b;--account-surface-strong:#401a36;--account-border:#59304e;--account-border-strong:#7b426c;--account-text:#fff1fa;--account-muted:#c3a0b7;--account-accent:#f14fae;--account-accent-strong:#ff72c3;--account-accent-soft:rgba(241,79,174,.15);--account-success:#50d69a;
}
html[data-joyjoy-theme="dark-pulse"] body{background:radial-gradient(circle at 12% 10%,rgba(229,57,157,.09),transparent 28%),radial-gradient(circle at 88% 12%,rgba(151,70,226,.07),transparent 26%),var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme="dark"][data-joyjoy-theme="dark-pulse"] body{background:radial-gradient(circle at 12% 10%,rgba(236,55,164,.13),transparent 28%),radial-gradient(circle at 88% 12%,rgba(153,68,230,.10),transparent 26%),linear-gradient(145deg,#130710,#21101d 60%,#160814)!important}
html[data-joyjoy-theme="dark-pulse"] .account-topbar{background:linear-gradient(115deg,#54163d,#6b1d50 56%,#5a285f)!important;border-color:#924678!important}
html[data-theme="dark"][data-joyjoy-theme="dark-pulse"] .account-topbar{background:linear-gradient(115deg,#200b1b,#341128 56%,#32153b)!important;border-color:#59304e!important}

/* Shared palette-painted controls. Appearance-specific surface variables above remain authoritative. */
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .topbar-icon,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .account-user-trigger,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .account-user-dropdown{background:color-mix(in srgb,var(--account-surface-strong) 88%,#10182b)!important;border-color:var(--account-border-strong)!important;color:#f7fbff!important}
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .topbar-icon:hover,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .account-user-trigger:hover{border-color:var(--account-accent-strong)!important;color:#fff!important}
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .sidebar-link.is-active::before{background:linear-gradient(180deg,var(--account-accent-strong),var(--account-accent),color-mix(in srgb,var(--account-accent) 70%,#c96cff))!important}
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .primary,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .primary-link,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .bot-action{background:linear-gradient(110deg,var(--account-accent),color-mix(in srgb,var(--account-accent) 82%,var(--account-accent-strong)))!important;border-color:var(--account-accent)!important}
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .primary:hover,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .primary-link:hover,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .bot-action:hover{filter:brightness(.94);border-color:var(--account-accent-strong)!important}
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .status-pill,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .premium-badge{background:var(--account-accent-soft)!important;border-color:color-mix(in srgb,var(--account-accent) 36%,transparent)!important;color:var(--account-accent)!important}
html[data-theme="dark"][data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .status-pill,
html[data-theme="dark"][data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .premium-badge{color:var(--account-accent-strong)!important}
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .normalized-switch input:checked + i,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .account-page :is(.normalized-switch,.tt-route-switch,.mini-switch,.switch,.equalizer-switch)>input:checked+i,
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .account-page label.toggle-row>input:checked+i{background:linear-gradient(90deg,var(--account-accent-strong),var(--account-accent))!important;border-color:var(--account-accent)!important;box-shadow:0 0 0 3px var(--account-accent-soft)!important}
html[data-joyjoy-theme]:not([data-joyjoy-theme="classic"]) .joyjoy-theme-choice:has(input:checked){border-color:var(--account-accent-strong)!important;box-shadow:0 0 0 2px var(--account-accent-soft)!important}
html[data-joyjoy-theme="midnight"] .joyjoy-login-intro{--intro-cyan:#66e7ff;--intro-blue:#6d86ff;--intro-violet:#a06cff}
html[data-joyjoy-theme="dark-green"] .joyjoy-login-intro{--intro-cyan:#66f2b1;--intro-blue:#26b878;--intro-violet:#87df83}
html[data-joyjoy-theme="dark-blue"] .joyjoy-login-intro{--intro-cyan:#66dcff;--intro-blue:#2a8de0;--intro-violet:#6879ff}
html[data-joyjoy-theme="dark-pulse"] .joyjoy-login-intro{--intro-cyan:#ff91d0;--intro-blue:#e84ca7;--intro-violet:#9e58ef}

/* Profile Premium block */
.joyjoy-experience-card{
  margin:18px 0;
  overflow:hidden;
}
.joyjoy-experience-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:0!important;
}
.joyjoy-experience-heading h2{margin:0 0 4px}
.joyjoy-experience-heading p{margin:0;color:var(--gh-muted);line-height:1.45}
.joyjoy-premium-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid #d6b84a;
  border-radius:999px;
  background:#fff8c5;
  color:#6b4e00;
  font-size:12px;
  font-weight:900;
}
html[data-theme="dark"] .joyjoy-premium-chip{
  background:rgba(210,153,34,.12);
  border-color:#9e6a03;
  color:#f2cc60;
}
.joyjoy-experience-master{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:16px;
  padding:15px 0 4px;
  border-top:1px solid var(--gh-border);
}
.joyjoy-experience-master>span:first-child,
.joyjoy-experience-option>span:first-child{
  display:grid;
  gap:3px;
  min-width:0;
}
.joyjoy-experience-master strong,
.joyjoy-experience-option strong{font-size:15px}
.joyjoy-experience-master small,
.joyjoy-experience-option small{color:var(--gh-muted);line-height:1.4}
.joyjoy-experience-body{
  margin-top:14px;
  padding-top:4px;
  border-top:1px solid var(--gh-border);
}
.joyjoy-experience-body[hidden]{display:none!important}
.joyjoy-experience-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:14px 0;
}
.joyjoy-experience-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
  min-height:132px;
  padding:15px;
  border:1px solid var(--gh-border);
  border-radius:12px;
  background:var(--gh-subtle);
}
.joyjoy-experience-option.is-wide{grid-column:1/-1;min-height:0}
.joyjoy-experience-option-controls{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:7px;
}
.joyjoy-experience-option select{
  min-width:170px;
  min-height:40px;
  padding:8px 10px;
  border:1px solid var(--gh-border);
  border-radius:8px;
  background:var(--gh-card);
  color:var(--theme-text);
  font:800 14px Nunito,sans-serif;
}
.joyjoy-preview-button{
  min-height:40px;
  padding:8px 12px;
  border:1px solid var(--gh-border);
  border-radius:8px;
  background:var(--gh-card);
  color:var(--theme-text);
  font:900 13px Nunito,sans-serif;
  cursor:pointer;
}
.joyjoy-preview-button:hover{border-color:var(--gh-blue);color:var(--gh-blue)}
.joyjoy-theme-choices{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:8px;
}
.joyjoy-theme-choice{
  position:relative;
  display:grid;
  gap:4px;
  padding:13px 14px 13px 43px;
  border:1px solid var(--gh-border);
  border-radius:10px;
  background:var(--gh-card);
  cursor:pointer;
}
.joyjoy-theme-choice input{position:absolute;left:15px;top:17px}
.joyjoy-theme-choice strong{font-size:14px}
.joyjoy-theme-choice small{font-size:12px}
.joyjoy-theme-choice:has(input:checked){border-color:var(--gh-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--gh-blue) 18%,transparent)}
.joyjoy-experience-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:14px;
  border-top:1px solid var(--gh-border);
}
.joyjoy-experience-status{color:var(--gh-muted);font-size:13px;font-weight:800}
.joyjoy-experience-card.is-premium-locked .joyjoy-experience-body{
  opacity:.55;
  pointer-events:none;
}
.joyjoy-experience-card.is-premium-locked .joyjoy-experience-master small::after{
  content:" · Нужен Premium любого бота";
  color:#9a6700;
  font-weight:900;
}
html[data-theme="dark"] .joyjoy-experience-card.is-premium-locked .joyjoy-experience-master small::after{color:#f2cc60}

/* Lightweight five-second entrance layer. Only transform and opacity animate. */
.joyjoy-login-intro{
  --intro-cyan:#67e7ff;
  --intro-blue:#6f86ff;
  --intro-violet:#9e70ff;
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 50% 48%,rgba(72,98,196,.18),transparent 28%),rgba(3,5,13,.95);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  contain:strict;
}
html[data-joyjoy-theme="classic"] .joyjoy-login-intro{
  --intro-cyan:#6cccf4;
  --intro-blue:#3b94d3;
  --intro-violet:#4f73b6;
}
.joyjoy-login-intro.is-active{
  visibility:visible;
  pointer-events:auto;
  animation:joyjoyIntroShell 5s ease both;
}
.joyjoy-login-intro-stage{
  position:relative;
  width:min(680px,92vw);
  height:min(470px,72vh);
  display:grid;
  place-items:center;
  contain:layout paint style;
}
.joyjoy-login-core{
  position:absolute;
  width:18px;height:18px;border-radius:50%;
  background:#fff;
  opacity:0;
  will-change:transform,opacity;
}
.joyjoy-login-ring{
  position:absolute;
  width:150px;height:150px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--intro-cyan) 72%,transparent);
  opacity:0;
  will-change:transform,opacity;
}
.joyjoy-login-intro.is-active .joyjoy-login-core{animation:joyjoyCorePulse 2.4s ease-out .35s both}
.joyjoy-login-intro.is-active .joyjoy-login-ring.r1{animation:joyjoyRingExpand 2.5s ease-out .65s both}
.joyjoy-login-intro.is-active .joyjoy-login-ring.r2{animation:joyjoyRingExpand 2.5s ease-out .95s both}
.joyjoy-login-wordmark{
  position:relative;
  z-index:2;
  opacity:0;
  transform:translateY(10px) scale(.97);
  font-size:clamp(38px,7vw,66px);
  font-weight:900;
  letter-spacing:-.065em;
  background:linear-gradient(90deg,#fff,#ccefff 48%,#d8c8ff);
  color:transparent;
  background-clip:text;
  -webkit-background-clip:text;
  will-change:transform,opacity;
}
.joyjoy-login-intro.is-active .joyjoy-login-wordmark{animation:joyjoyLogoReveal 5s cubic-bezier(.2,.7,.2,1) both}
.joyjoy-login-particle{
  position:absolute;
  width:3px;height:3px;border-radius:50%;
  background:#e1f9ff;
  opacity:0;
  will-change:transform,opacity;
}
.joyjoy-login-intro.is-active .joyjoy-login-particle{animation:joyjoyParticleDrift 2.8s ease-out var(--delay) both}
.joyjoy-login-caption{
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  color:rgba(223,231,255,.58);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:0;
  white-space:nowrap;
}
.joyjoy-login-intro.is-active .joyjoy-login-caption{animation:joyjoyCaptionFade 5s ease both}
.joyjoy-audio-unlock{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:2147483001;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:#202643;
  color:#fff;
  font:900 13px Nunito,sans-serif;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}
@keyframes joyjoyIntroShell{0%{opacity:0}8%,89%{opacity:1}100%{opacity:0}}
@keyframes joyjoyCorePulse{0%{opacity:0;transform:scale(.25)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(6)}}
@keyframes joyjoyRingExpand{0%{opacity:0;transform:scale(.25)}18%{opacity:.7}100%{opacity:0;transform:scale(4)}}
@keyframes joyjoyLogoReveal{0%,23%{opacity:0;transform:translateY(10px) scale(.97)}42%,80%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(1.01)}}
@keyframes joyjoyParticleDrift{0%{opacity:0;transform:translate3d(0,0,0)}20%{opacity:.8}100%{opacity:0;transform:translate3d(var(--x),var(--y),0)}}
@keyframes joyjoyCaptionFade{0%,48%{opacity:0}61%,84%{opacity:1}100%{opacity:0}}

@media(max-width:720px){
  .joyjoy-experience-grid,.joyjoy-theme-choices{grid-template-columns:1fr}
  .joyjoy-experience-heading,.joyjoy-experience-actions{align-items:stretch;flex-direction:column}
  .joyjoy-experience-option{min-height:0}
  .joyjoy-experience-option-controls{display:grid}
  .joyjoy-experience-option select,.joyjoy-preview-button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .joyjoy-login-core,.joyjoy-login-ring,.joyjoy-login-particle{display:none}
  .joyjoy-login-intro.is-active{animation:joyjoyReducedShell 5s ease both}
  .joyjoy-login-intro.is-active .joyjoy-login-wordmark{animation:joyjoyReducedLogo 5s ease both}
  @keyframes joyjoyReducedShell{0%,100%{opacity:0}10%,88%{opacity:1}}
  @keyframes joyjoyReducedLogo{0%,20%,100%{opacity:0}35%,84%{opacity:1;transform:none}}
}


/* V363 — Premium profile card refinement.
   The master switch lives in the header; theme geometry remains unchanged. */
.joyjoy-experience-card{
  position:relative;
  border-color:#d6b84a!important;
  background:
    radial-gradient(circle at 93% 3%,rgba(255,213,79,.16),transparent 28%),
    linear-gradient(145deg,rgba(255,251,226,.92),rgba(255,255,255,.98) 42%,rgba(255,248,213,.62))!important;
  box-shadow:0 16px 42px rgba(145,103,0,.10),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.joyjoy-experience-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#b77a00,#f0c94d 32%,#fff1a8 55%,#d69a16 78%,#8c5b00);
  pointer-events:none;
}
.joyjoy-experience-heading{
  padding-top:4px;
}
.joyjoy-experience-heading .eyebrow{
  color:#936300!important;
}
.joyjoy-experience-heading-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex:0 0 auto;
}
.joyjoy-experience-header-toggle{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:5px 7px 5px 12px;
  border:1px solid rgba(181,126,0,.28);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#6b4e00;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.joyjoy-experience-header-toggle .normalized-switch{
  flex:0 0 auto;
}
.joyjoy-experience-body{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(181,126,0,.22);
}
.joyjoy-experience-option{
  border-color:rgba(181,126,0,.20);
  background:rgba(255,255,255,.60);
}
.joyjoy-theme-choice{
  border-color:rgba(181,126,0,.19);
  background:rgba(255,255,255,.68);
}
.joyjoy-theme-choice:has(input:checked){
  border-color:#c58b07!important;
  box-shadow:0 0 0 2px rgba(224,169,28,.18)!important;
}
.joyjoy-theme-mode-note{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:10px 0 0;
  padding:10px 12px;
  border:1px solid rgba(181,126,0,.20);
  border-radius:9px;
  background:rgba(255,247,204,.55);
  color:#735500;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.joyjoy-experience-actions{
  border-top-color:rgba(181,126,0,.22);
}
.joyjoy-experience-card.is-premium-locked .joyjoy-experience-heading p::after{
  content:" · Для включения нужен Premium любого бота";
  color:#936300;
  font-weight:900;
}

html[data-theme="dark"] .joyjoy-experience-card{
  border-color:#8d6819!important;
  background:
    radial-gradient(circle at 92% 2%,rgba(240,190,55,.13),transparent 29%),
    linear-gradient(145deg,rgba(35,31,19,.98),rgba(22,24,30,.98) 48%,rgba(40,31,13,.94))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,226,135,.07)!important;
}
html[data-theme="dark"] .joyjoy-experience-heading .eyebrow{color:#f0cc67!important}
html[data-theme="dark"] .joyjoy-experience-header-toggle{
  border-color:rgba(235,190,75,.28);
  background:rgba(255,218,111,.07);
  color:#f4d474;
}
html[data-theme="dark"] .joyjoy-experience-body,
html[data-theme="dark"] .joyjoy-experience-actions{border-color:rgba(235,190,75,.18)}
html[data-theme="dark"] .joyjoy-experience-option,
html[data-theme="dark"] .joyjoy-theme-choice{
  border-color:rgba(235,190,75,.15);
  background:rgba(255,255,255,.035);
}
html[data-theme="dark"] .joyjoy-theme-mode-note{
  border-color:rgba(235,190,75,.19);
  background:rgba(235,190,75,.07);
  color:#ead085;
}
html[data-theme="dark"] .joyjoy-experience-card.is-premium-locked .joyjoy-experience-heading p::after{color:#f0cc67}

@media (max-width:760px){
  .joyjoy-experience-heading-controls{
    width:100%;
    justify-content:space-between;
  }
  .joyjoy-experience-header-toggle{
    margin-left:auto;
  }
}

/* Premium master switch uses the gold accent independently of the selected account palette. */
.joyjoy-experience-header-toggle .normalized-switch>input:checked+i{
  border-color:#c58b07!important;
  background:linear-gradient(135deg,#f1c84b,#c88900)!important;
  box-shadow:0 0 0 3px rgba(218,164,20,.16)!important;
}
.joyjoy-experience-header-toggle .normalized-switch>input:focus-visible+i{
  outline:3px solid rgba(218,164,20,.24)!important;
  outline-offset:2px!important;
}
html[data-theme="dark"] .joyjoy-experience-header-toggle .normalized-switch>input:checked+i{
  border-color:#e0b443!important;
  background:linear-gradient(135deg,#f0cf68,#b97800)!important;
}


/* V364 — compact Premium settings rows and static bot-themed patterns. */
.joyjoy-experience-list{
  display:grid;
  padding:2px 0 12px;
}
.joyjoy-experience-row{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(320px,auto);
  align-items:center;
  gap:18px;
  min-height:74px;
  padding:14px 2px;
  border-bottom:1px solid rgba(181,126,0,.18);
}
.joyjoy-experience-row:last-of-type{border-bottom:0}
.joyjoy-experience-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.joyjoy-experience-copy strong{font-size:15px}
.joyjoy-experience-copy small{color:var(--gh-muted);line-height:1.42}
.joyjoy-experience-row-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:9px;
  min-width:0;
}
.joyjoy-experience-row-controls select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  min-width:180px;
  max-width:260px;
  min-height:44px;
  padding:10px 44px 10px 14px;
  border:1px solid rgba(181,126,0,.28);
  border-radius:14px;
  background-color:rgba(12,25,50,.94);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.25 7 9l4-3.75' fill='none' stroke='%23f2d38a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(18,38,75,.96), rgba(12,25,50,.96));
  background-repeat:no-repeat,no-repeat;
  background-position:right 14px center,center;
  background-size:14px 14px,auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.16);
  color:#f8fbff;
  font:800 14px Nunito,sans-serif;
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.joyjoy-experience-row-controls select:hover{
  border-color:rgba(235,190,75,.44);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 12px 26px rgba(0,0,0,.2);
}
.joyjoy-experience-row-controls select:focus{
  outline:none;
  border-color:rgba(235,190,75,.58);
  box-shadow:0 0 0 3px rgba(235,190,75,.15), inset 0 0 0 1px rgba(255,255,255,.05), 0 12px 26px rgba(0,0,0,.22);
}
.joyjoy-experience-row-controls select option,
.joyjoy-experience-row-controls select optgroup{
  background:#10213f;
  color:#f8fbff;
}
.joyjoy-experience-row-controls select:disabled{
  opacity:.56;
  cursor:not-allowed;
  transform:none;
}
#joyjoy-theme-select{min-width:220px;max-width:280px}
.joyjoy-volume-control{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:166px;
  color:var(--gh-muted);
}
.joyjoy-volume-control small{font-size:11px;font-weight:900;white-space:nowrap}
.joyjoy-volume-control input[type="range"]{width:108px}
.joyjoy-theme-mode-note{margin:12px 0 0}
html[data-theme="dark"] .joyjoy-experience-row{border-bottom-color:rgba(235,190,75,.14)}
html[data-theme="light"] .joyjoy-experience-row-controls select{
  background-color:rgba(17,32,62,.98);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.25 7 9l4-3.75' fill='none' stroke='%23f2d38a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(19,40,78,.98), rgba(14,28,53,.98));
  border-color:rgba(181,126,0,.28);
  color:#f8fbff;
}
html[data-theme="dark"] .joyjoy-experience-row-controls select{
  border-color:rgba(235,190,75,.24);
  background-color:rgba(10,18,34,.98);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.25 7 9l4-3.75' fill='none' stroke='%23f2d38a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(17,28,52,.98), rgba(9,16,30,.98));
  color:#fdfcff;
}
html[data-theme="dark"] .joyjoy-experience-row-controls select option,
html[data-theme="dark"] .joyjoy-experience-row-controls select optgroup{
  background:#0d1a31;
  color:#fdfcff;
}

/* V368 — randomized decorative theme layer.
   The actual SVG composition is generated once per viewport/theme in JS.
   It is static (no animation), pointer-free and does not affect layout. */
.account-page{
  position:relative;
  isolation:isolate;
}
.account-page::before{
  content:"";
  position:fixed;
  inset:76px 0 0;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background-image:var(--joyjoy-pattern-image,none);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% 100%;
  filter:saturate(1.16) contrast(1.04);
  transition:opacity .18s ease;
}
html[data-joyjoy-pattern="on"][data-joyjoy-theme="dark-blue"] .account-page::before,
html[data-joyjoy-pattern="on"][data-joyjoy-theme="dark-green"] .account-page::before,
html[data-joyjoy-pattern="on"][data-joyjoy-theme="dark-pulse"] .account-page::before{
  opacity:.24;
}
html[data-theme="dark"][data-joyjoy-pattern="on"] .account-page::before{
  opacity:.28;
  filter:saturate(1.28) contrast(1.10);
}
@media(max-width:720px){
  .account-page::before{
    inset:70px 0 0;
    opacity:0;
    background-size:cover;
  }
  html[data-joyjoy-pattern="on"] .account-page::before{opacity:.24}
  html[data-theme="dark"][data-joyjoy-pattern="on"] .account-page::before{opacity:.28}
}


/* V366 — real custom dropdown cards, matching the common account UI.
   The native select remains as the form/state source but is never shown. */
.joyjoy-site-select{
  position:relative;
  z-index:20;
  width:180px;
  min-width:180px;
}
.joyjoy-site-select.is-theme-select{
  width:274px;
  min-width:220px;
}
.joyjoy-site-select.is-open{z-index:30}
.joyjoy-site-select-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
.joyjoy-site-select-trigger{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px 10px 14px;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface-soft)!important;
  color:var(--account-text)!important;
  box-shadow:none!important;
  font:800 14px Nunito,sans-serif!important;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.joyjoy-site-select-trigger:hover,
.joyjoy-site-select.is-open .joyjoy-site-select-trigger{
  border-color:var(--account-accent)!important;
  background:var(--account-surface)!important;
  box-shadow:0 8px 22px rgba(16,35,63,.09)!important;
}
.joyjoy-site-select-trigger:focus-visible{
  outline:3px solid color-mix(in srgb,var(--account-accent) 20%,transparent);
  outline-offset:2px;
}
.joyjoy-site-select-value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.joyjoy-site-select-arrow{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:var(--account-muted);
  transition:transform .16s ease,color .16s ease;
}
.joyjoy-site-select-arrow svg,
.joyjoy-site-select-check svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.joyjoy-site-select.is-open .joyjoy-site-select-arrow{
  transform:rotate(180deg);
  color:var(--account-accent-strong);
}
.joyjoy-site-select-menu{
  position:relative;
  z-index:1;
  top:auto;
  left:auto;
  right:auto;
  width:100%;
  max-height:220px;
  margin-top:7px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:var(--account-accent) transparent;
  padding:6px;
  border:1px solid var(--account-border);
  border-radius:12px;
  background:var(--account-surface);
  box-shadow:0 14px 32px rgba(6,20,40,.18);
}
.joyjoy-site-select-menu::-webkit-scrollbar{width:8px}
.joyjoy-site-select-menu::-webkit-scrollbar-track{
  margin:7px 0;
  border-radius:999px;
  background:transparent;
}
.joyjoy-site-select-menu::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:999px;
  background:var(--account-accent);
  background-clip:padding-box;
}
.joyjoy-site-select-menu::-webkit-scrollbar-thumb:hover{
  background:var(--account-accent-strong);
  background-clip:padding-box;
}
.joyjoy-experience-row:has(.joyjoy-site-select.is-open){
  position:relative;
  z-index:30;
  align-items:start;
}
.joyjoy-experience-row:has(.joyjoy-site-select.is-open) .joyjoy-experience-row-controls{
  align-items:flex-start;
}
.joyjoy-site-select-menu[hidden]{display:none!important}
.joyjoy-site-select-option{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px 9px 11px;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--account-text)!important;
  box-shadow:none!important;
  font:800 14px Nunito,sans-serif!important;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}
.joyjoy-site-select-option:hover,
.joyjoy-site-select-option:focus-visible{
  outline:none;
  background:var(--account-accent-soft)!important;
  color:var(--account-accent-strong)!important;
}
.joyjoy-site-select-option[aria-selected="true"]{
  background:var(--account-accent-soft)!important;
  color:var(--account-accent-strong)!important;
}
.joyjoy-site-select-check{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:var(--account-accent-strong);
  opacity:0;
}
.joyjoy-site-select-option[aria-selected="true"] .joyjoy-site-select-check{opacity:1}
.joyjoy-site-select-option:disabled{opacity:.48;cursor:not-allowed}
.joyjoy-site-select.is-disabled{opacity:.56}
.joyjoy-site-select.is-disabled .joyjoy-site-select-trigger{cursor:not-allowed;box-shadow:none!important}
.joyjoy-experience-row,
.joyjoy-experience-row-controls,
.joyjoy-experience-body,
.joyjoy-experience-list{overflow:visible!important}
html[data-theme="dark"] .joyjoy-site-select-trigger:hover,
html[data-theme="dark"] .joyjoy-site-select.is-open .joyjoy-site-select-trigger{
  box-shadow:0 14px 30px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .joyjoy-site-select-menu{
  box-shadow:0 16px 34px rgba(0,0,0,.34);
}
@media(max-width:620px){
  .joyjoy-site-select,
  .joyjoy-site-select.is-theme-select{
    width:100%;
    min-width:0;
    max-width:none;
  }
  .joyjoy-site-select-menu{max-height:196px}
}