/* ==========================================================================
   MAIS TUNER 24.21 — Conta "Rede 2026"
   Login com painel de apresentação e área interna com painel completo.
   Fonte: NRK Sans herdada do #mtAuthOverlay (não muda família nem pesos).
   Cores pelos tokens --account-* do overlay, então vale para claro e escuro.
   ========================================================================== */

#mtAuthOverlay{
  --acc-glass:color-mix(in srgb,var(--account-panel) 72%,transparent);
  --acc-glass-2:color-mix(in srgb,var(--account-text) 7%,transparent);
  --acc-edge:color-mix(in srgb,var(--account-text) 14%,transparent);
  --acc-mint:#5fffc0;
  --acc-ease:cubic-bezier(.22,1,.36,1);
  background:
    radial-gradient(60% 50% at 85% 0%,color-mix(in srgb,#5fffc0 12%,transparent),transparent 70%),
    radial-gradient(70% 60% at 0% 100%,color-mix(in srgb,#3d7fff 22%,transparent),transparent 70%),
    var(--account-bg)!important}
html[data-site-theme="light"] #mtAuthOverlay{--acc-mint:#0f9d74}
#mtAuthOverlay .mt-acc-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-mint)}

/* ------------------------------ Login ------------------------------ */
#mtAuthOverlay .mt-acc-aside{display:none}
@media (min-width:980px){
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-auth-stage{
    display:grid!important;grid-template-columns:minmax(0,440px) minmax(0,520px);justify-content:center;align-items:start;gap:56px;padding-top:64px!important}
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-acc-aside{display:block}
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-auth-card{
    width:100%!important;padding:34px 34px 30px!important;border-radius:28px;background:var(--acc-glass)!important;border:1px solid var(--acc-edge)!important;
    box-shadow:0 40px 90px -46px rgba(0,0,0,.8),inset 0 1px color-mix(in srgb,var(--account-text) 10%,transparent)!important;
    backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
}
#mtAuthOverlay .mt-acc-aside{position:relative;padding:34px 34px 30px;border-radius:28px;overflow:hidden;
  background:linear-gradient(155deg,color-mix(in srgb,#3d7fff 34%,var(--account-panel)),color-mix(in srgb,#5fffc0 10%,var(--account-panel)));
  border:1px solid var(--acc-edge);box-shadow:0 40px 90px -50px rgba(0,0,0,.8)}
#mtAuthOverlay .mt-acc-aside::after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--acc-mint) 40%,transparent),transparent 70%);opacity:.5;pointer-events:none}
#mtAuthOverlay .mt-acc-aside-eq{display:flex;align-items:flex-end;gap:5px;height:34px;margin-bottom:22px}
#mtAuthOverlay .mt-acc-aside-eq i{width:6px;border-radius:3px;background:var(--acc-mint);height:30%;animation:accEq 1.4s ease-in-out infinite}
#mtAuthOverlay .mt-acc-aside-eq i:nth-child(2){animation-delay:-.2s}#mtAuthOverlay .mt-acc-aside-eq i:nth-child(3){animation-delay:-.6s}
#mtAuthOverlay .mt-acc-aside-eq i:nth-child(4){animation-delay:-.9s}#mtAuthOverlay .mt-acc-aside-eq i:nth-child(5){animation-delay:-.4s}
#mtAuthOverlay .mt-acc-aside-eq i:nth-child(6){animation-delay:-1.1s}#mtAuthOverlay .mt-acc-aside-eq i:nth-child(7){animation-delay:-.7s}
#mtAuthOverlay .mt-acc-aside-title{margin:10px 0 10px!important;font-size:40px!important;line-height:1.05!important;letter-spacing:-.035em}
#mtAuthOverlay .mt-acc-aside-lead{margin:0 0 22px;color:var(--account-muted);font-size:16px;line-height:1.5}
#mtAuthOverlay .mt-acc-benefits{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#mtAuthOverlay .mt-acc-benefits li{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:var(--acc-glass-2);border:1px solid var(--acc-edge)}
#mtAuthOverlay .mt-acc-benefits li > span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--acc-mint) 18%,transparent);color:var(--acc-mint);font-size:16px}
#mtAuthOverlay .mt-acc-benefits strong{display:block;font-size:15px}
#mtAuthOverlay .mt-acc-benefits small{display:block;margin-top:2px;color:var(--account-muted);font-size:13px;line-height:1.4}
#mtAuthOverlay .mt-acc-aside-live{display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,#000 22%,transparent);font-size:13px}
#mtAuthOverlay .mt-acc-aside-live span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mtAuthOverlay .mt-acc-aside-live i{flex:none;width:8px;height:8px;border-radius:50%;background:#ff4d5e;animation:accPulse 1.8s ease-in-out infinite}
/* botões do login mais arredondados, no mesmo idioma do resto */
#mtAuthOverlay .mt-auth-primary{border-radius:999px!important;min-height:52px;transition:transform .3s var(--acc-ease),filter .2s ease}
#mtAuthOverlay .mt-auth-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
#mtAuthOverlay .mt-auth-secondary{border-radius:999px!important}
#mtAuthOverlay .mt-auth-field input{border-radius:14px!important}

/* ------------------------------ Conta ------------------------------ */
#mtAuthOverlay .mt-auth-card:has(#mtAccountStep.active){width:min(1080px,100%)!important;max-width:none!important}
#mtAccountStep .mt-acc-hero{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px!important;
  padding:28px 30px!important;margin-bottom:18px!important;border-radius:28px;overflow:hidden;
  background:linear-gradient(120deg,color-mix(in srgb,#3d7fff 30%,var(--account-panel)),color-mix(in srgb,#5fffc0 12%,var(--account-panel)) 70%,var(--account-panel));
  border:1px solid var(--acc-edge);box-shadow:0 34px 80px -48px rgba(0,0,0,.85)}
#mtAccountStep .mt-acc-hero::after{content:"";position:absolute;right:-60px;bottom:-120px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--acc-mint) 30%,transparent),transparent 68%);pointer-events:none}
#mtAccountStep .mt-acc-hero .mt-account-avatar{width:96px!important;height:96px!important;font-size:40px!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--account-text) 16%,transparent),0 20px 40px -18px rgba(0,0,0,.7)}
#mtAccountStep .mt-acc-greeting{display:block;font-size:15px;color:var(--account-muted);margin-bottom:2px}
#mtAccountStep .mt-acc-hero h1{margin:0!important;font-size:clamp(30px,3.6vw,44px)!important;line-height:1.05!important}
#mtAccountStep .mt-acc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#mtAccountStep .mt-acc-chip{padding:5px 11px;border-radius:999px;font-size:12px;background:var(--acc-glass-2);border:1px solid var(--acc-edge)}
#mtAccountStep .mt-acc-chip.is-accent{background:color-mix(in srgb,var(--acc-mint) 18%,transparent);border-color:color-mix(in srgb,var(--acc-mint) 40%,transparent);color:var(--account-text)}

#mtAccountStep .mt-acc-dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-bottom:22px}
#mtAccountStep .mt-acc-dash > section{border-radius:24px;background:var(--acc-glass);border:1px solid var(--acc-edge);
  box-shadow:inset 0 1px color-mix(in srgb,var(--account-text) 8%,transparent)}
#mtAccountStep .mt-acc-dash > section[hidden]{display:none}

/* ouvindo agora */
#mtAccountStep .mt-acc-now{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;
  background:linear-gradient(90deg,color-mix(in srgb,#ff4d5e 12%,var(--account-panel)),var(--account-panel))!important}
#mtAccountStep .mt-acc-now-art{position:relative;width:76px;height:76px;border-radius:18px;overflow:hidden;display:grid;place-items:center;
  background:color-mix(in srgb,var(--account-text) 10%,transparent);font-size:28px;box-shadow:0 14px 30px -16px rgba(0,0,0,.8)}
#mtAccountStep .mt-acc-now-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
#mtAccountStep .mt-acc-now-copy{min-width:0;display:grid;gap:3px}
#mtAccountStep .mt-acc-now-copy .mt-acc-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--account-muted)}
#mtAccountStep .mt-acc-now.is-playing .mt-acc-eyebrow i{background:#ff4d5e;animation:accPulse 1.8s ease-in-out infinite}
#mtAccountStep .mt-acc-now-copy strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mtAccountStep .mt-acc-now-copy small{color:var(--account-muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mtAccountStep .mt-acc-now-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#mtAccountStep .mt-acc-btn{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--acc-edge);background:var(--acc-glass-2);color:var(--account-text);
  font:inherit;font-size:14px;cursor:pointer;transition:background .2s ease,transform .3s var(--acc-ease)}
#mtAccountStep .mt-acc-btn:hover{background:color-mix(in srgb,var(--account-text) 14%,transparent);transform:translateY(-1px)}
#mtAccountStep .mt-acc-btn-main{background:#ff4d5e;border-color:transparent;color:#fff}
#mtAccountStep .mt-acc-btn-main:hover{background:#ff6574}
#mtAccountStep .mt-acc-btn-request{background:#ffd453;border-color:transparent;color:#2a1d00}

/* números */
#mtAccountStep .mt-acc-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
#mtAccountStep .mt-acc-stat{all:unset;box-sizing:border-box;display:grid;gap:4px;padding:16px 18px;border-radius:20px;background:var(--acc-glass);border:1px solid var(--acc-edge);
  font-family:inherit;color:var(--account-text);transition:transform .35s var(--acc-ease),border-color .25s ease}
#mtAccountStep button.mt-acc-stat{cursor:pointer}
#mtAccountStep button.mt-acc-stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--acc-mint) 50%,transparent)}
#mtAccountStep button.mt-acc-stat:focus-visible{outline:2px solid var(--acc-mint);outline-offset:2px}
#mtAccountStep .mt-acc-stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;margin-bottom:6px;
  background:color-mix(in srgb,var(--acc-mint) 16%,transparent);color:var(--acc-mint);font-size:15px}
#mtAccountStep .mt-acc-stat strong{font-size:26px;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#mtAccountStep .mt-acc-stat small{color:var(--account-muted);font-size:13px}

/* semana */
#mtAccountStep .mt-acc-week{grid-column:span 5;padding:18px 20px 14px}
#mtAccountStep .mt-acc-week header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#mtAccountStep .mt-acc-week header strong{display:block;margin-top:4px;font-size:22px}
#mtAccountStep .mt-acc-week-top{color:var(--account-muted);font-size:12px;text-align:right;max-width:50%}
#mtAccountStep .mt-acc-week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:130px;margin-top:14px;align-items:end}
#mtAccountStep .mt-acc-bar{position:relative;display:grid;grid-template-rows:1fr auto;gap:6px;height:100%;cursor:default}
#mtAccountStep .mt-acc-bar span{align-self:end;justify-self:center;width:min(100%,22px);height:var(--h);border-radius:4px 4px 0 0;
  background:color-mix(in srgb,var(--acc-mint) 45%,transparent);transform-origin:bottom;transition:background .2s ease}
#mtAccountStep .mt-acc-bar.is-today span{background:var(--acc-mint)}
#mtAccountStep .mt-acc-bar small{text-align:center;font-size:11px;color:var(--account-muted)}
#mtAccountStep .mt-acc-bar.is-today small{color:var(--account-text);font-weight:700}
#mtAccountStep .mt-acc-bar::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%,4px);padding:5px 9px;border-radius:8px;
  background:var(--account-text);color:var(--account-bg);font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s var(--acc-ease)}
#mtAccountStep .mt-acc-bar:hover::after{opacity:1;transform:translate(-50%,0)}
#mtAccountStep .mt-acc-bar:hover span{background:var(--acc-mint)}
#mtAccountStep .mt-acc-note{margin:10px 0 0!important;font-size:11.5px!important;color:var(--account-muted)!important}

/* rádios */
#mtAccountStep .mt-acc-radios{grid-column:span 7;padding:18px 20px;min-width:0}
#mtAccountStep .mt-acc-radios header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
#mtAccountStep .mt-acc-link{all:unset;cursor:pointer;font-family:inherit;font-size:13px;color:var(--acc-mint)}
#mtAccountStep .mt-acc-link:hover{text-decoration:underline}
#mtAccountStep .mt-acc-radio-strip{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:12px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}
#mtAccountStep .mt-acc-radio{all:unset;box-sizing:border-box;display:grid;justify-items:start;gap:4px;cursor:pointer;scroll-snap-align:start;font-family:inherit;color:var(--account-text)}
#mtAccountStep .mt-acc-radio-logo{display:grid;place-items:center;width:104px;height:104px;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--account-text) 10%,transparent);
  font-size:30px;box-shadow:0 14px 30px -18px rgba(0,0,0,.85);transition:transform .35s var(--acc-ease),box-shadow .35s var(--acc-ease)}
#mtAccountStep .mt-acc-radio-logo img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}
#mtAccountStep .mt-acc-radio:hover .mt-acc-radio-logo{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 2px var(--acc-mint),0 20px 34px -18px rgba(0,0,0,.9)}
#mtAccountStep .mt-acc-radio:focus-visible .mt-acc-radio-logo{box-shadow:0 0 0 3px var(--acc-mint)}
#mtAccountStep .mt-acc-radio.is-current .mt-acc-radio-logo{box-shadow:0 0 0 2px #ff4d5e}
#mtAccountStep .mt-acc-radio-name{max-width:104px;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mtAccountStep .mt-acc-radio small{font-size:11px;color:var(--account-muted)}
#mtAccountStep .mt-acc-empty{margin:6px 0!important;font-size:14px!important}

/* menu em seções */
#mtAccountStep .mt-acc-menu{display:block!important;border:0!important;background:none!important;padding:0!important}
#mtAccountStep .mt-acc-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
#mtAccountStep .mt-acc-group{padding:14px;border-radius:24px;background:var(--acc-glass);border:1px solid var(--acc-edge)}
#mtAccountStep .mt-acc-group-title{margin:2px 6px 10px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.16em;text-transform:uppercase;color:var(--account-muted)!important}
#mtAccountStep .mt-acc-group-list{display:grid;gap:4px}
#mtAccountStep .mt-acc-group .mt-account-menu-row{margin:0!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;
  padding:12px 10px!important;transition:background .2s ease,transform .3s var(--acc-ease)!important;outline-offset:-2px}
#mtAccountStep .mt-acc-group .mt-account-menu-row:hover{background:var(--acc-glass-2)!important;transform:translateX(2px)}
#mtAccountStep .mt-acc-group .mt-account-menu-icon{display:grid!important;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;
  background:color-mix(in srgb,var(--account-text) 9%,transparent);color:var(--account-text)}
#mtAccountStep .mt-acc-group .mt-account-menu-row strong{font-size:15px!important}
#mtAccountStep .mt-acc-group .mt-account-menu-row small{font-size:12.5px!important}
#mtAccountStep .mt-auth-signout{margin-top:18px!important;border-radius:999px!important}

/* entrada */
#mtAuthOverlay.mt-acc-entering:not(.anim-none) :is(.mt-acc-hero,.mt-acc-now,.mt-acc-stat,.mt-acc-week,.mt-acc-radios,.mt-acc-group,.mt-acc-aside,.mt-auth-card){
  animation:accRise .6s var(--acc-ease) both}
#mtAuthOverlay.mt-acc-entering .mt-acc-now{animation-delay:.06s}
#mtAuthOverlay.mt-acc-entering .mt-acc-stat{animation-delay:calc(.1s + var(--i,0) * 50ms)}
#mtAuthOverlay.mt-acc-entering .mt-acc-week{animation-delay:.28s}
#mtAuthOverlay.mt-acc-entering .mt-acc-radios{animation-delay:.32s}
#mtAuthOverlay.mt-acc-entering .mt-acc-group{animation-delay:.38s}
#mtAuthOverlay.mt-acc-entering .mt-acc-bar span{animation:accGrow .8s var(--acc-ease) .35s both}
html.anim-none #mtAuthOverlay *,html.anim-none #mtAuthOverlay *::after{animation:none!important}
@media (prefers-reduced-motion:reduce){#mtAuthOverlay *,#mtAuthOverlay *::after{animation:none!important;transition:none!important}}

@keyframes accRise{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes accGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes accEq{0%,100%{height:25%}50%{height:100%}}
@keyframes accPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,77,94,.55)}60%{box-shadow:0 0 0 7px rgba(255,77,94,0)}}

/* ------------------------------ Tablet e celular ------------------------------ */
@media (max-width:979px){
  #mtAccountStep .mt-acc-week,#mtAccountStep .mt-acc-radios{grid-column:1/-1}
  #mtAccountStep .mt-acc-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  #mtAccountStep .mt-acc-hero{grid-template-columns:auto minmax(0,1fr);gap:14px!important;padding:20px 18px!important;border-radius:24px}
  #mtAccountStep .mt-acc-hero .mt-account-avatar{width:64px!important;height:64px!important;font-size:28px!important}
  #mtAccountStep .mt-acc-hero h1{font-size:28px!important}
  #mtAccountStep .mt-account-email{word-break:break-all}
  #mtAccountStep .mt-acc-now{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px}
  #mtAccountStep .mt-acc-now-art{width:60px;height:60px;border-radius:14px}
  #mtAccountStep .mt-acc-now-copy strong{font-size:17px}
  #mtAccountStep .mt-acc-now-actions{grid-column:1/-1;justify-content:flex-start}
  #mtAccountStep .mt-acc-btn{height:38px;padding:0 14px;font-size:13px}
  #mtAccountStep .mt-acc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #mtAccountStep .mt-acc-stat{padding:14px}
  #mtAccountStep .mt-acc-stat strong{font-size:22px}
  #mtAccountStep .mt-acc-week-bars{height:110px}
  #mtAccountStep .mt-acc-radio-strip{grid-auto-columns:88px}
  #mtAccountStep .mt-acc-radio-logo{width:88px;height:88px;border-radius:18px}
  #mtAccountStep .mt-acc-radio-name{max-width:88px}
  #mtAccountStep .mt-acc-groups{grid-template-columns:minmax(0,1fr)}
  /* login: o painel de apresentação vira um cabeçalho curto */
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-acc-aside{display:block;margin:0 0 6px;padding:20px 18px;border-radius:22px}
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-acc-aside-title{font-size:28px!important}
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-acc-aside-lead{font-size:14px;margin-bottom:14px}
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-acc-benefits{grid-template-columns:1fr 1fr;gap:8px}
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-acc-benefits li{flex-direction:column;gap:8px;padding:10px}
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-acc-benefits small{display:none}
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-acc-aside-eq{height:22px;margin-bottom:12px}
  #mtAuthOverlay:not(.mt-acc-signed)[data-step="email"] .mt-auth-stage{display:block!important;padding:16px 16px 24px!important}
}

/* Painel da conta: no escuro some no fundo; no claro vira um painel escuro
   arredondado (como já era), com os tokens escuros para manter o contraste. */
#mtAuthOverlay .mt-auth-card:has(#mtAccountStep.active){background:transparent!important;box-shadow:none!important;padding:16px 8px 36px!important}
html[data-site-theme="light"] #mtAuthOverlay .mt-auth-card:has(#mtAccountStep.active){
  --account-bg:#0c2b52;--account-panel:#08213f;--account-text:#fff;--account-muted:#b4c9e2;--account-line:#8eb5df;--acc-mint:#5fffc0;
  --acc-glass:color-mix(in srgb,#08213f 72%,transparent);--acc-glass-2:rgba(255,255,255,.07);--acc-edge:rgba(255,255,255,.14);
  color:#fff;background:linear-gradient(160deg,#0c3567,#08284d 60%,#071f3d)!important;border-radius:34px;padding:28px!important;
  box-shadow:0 50px 110px -50px rgba(8,33,63,.65)!important}
@media (max-width:700px){
  html[data-site-theme="light"] #mtAuthOverlay .mt-auth-card:has(#mtAccountStep.active){padding:16px 12px 24px!important;border-radius:26px}
}
/* 24.35: conta nova — convite no lugar dos quatro cartões com 0 */
#mtAccountStep .mt-acc-stats.is-empty{grid-template-columns:minmax(0,1fr)}
#mtAccountStep .mt-acc-stats-empty{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:6px 16px;padding:18px 20px;border-radius:22px;border:1px solid var(--acc-edge);color:var(--account-text);
  background:radial-gradient(90% 140% at 0% 0%,color-mix(in srgb,var(--acc-mint) 22%,transparent),transparent 60%),var(--acc-glass)}
#mtAccountStep .mt-acc-stats-empty-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--acc-mint) 20%,transparent);color:var(--acc-mint);font-size:26px;font-weight:900}
#mtAccountStep .mt-acc-stats-empty strong{display:block;font-size:18px;font-weight:850;letter-spacing:-.01em}
#mtAccountStep .mt-acc-stats-empty p{margin:4px 0 0;color:var(--account-muted);font-size:14px;line-height:1.45}
#mtAccountStep .mt-acc-stats-empty-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#mtAccountStep .mt-acc-stats-empty-actions button{all:unset;box-sizing:border-box;cursor:pointer;min-height:42px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;max-width:100%;
  background:linear-gradient(135deg,#5fffc0,#36cae7);color:#04243c;font-family:inherit;font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mtAccountStep .mt-acc-stats-empty-actions button.is-soft{background:var(--acc-glass-2);color:var(--account-text);border:1px solid var(--acc-edge)}
#mtAccountStep .mt-acc-stats-empty-actions button:focus-visible{outline:2px solid var(--acc-mint);outline-offset:2px}
html[data-site-theme="light"] #mtAccountStep .mt-acc-stats-empty-ico{color:#0f8f6a}
/* 24.37: selos de ouvinte */
#mtAccountStep .mt-acc-badges{grid-column:1/-1;display:grid;gap:12px;padding:18px 20px;border-radius:22px;border:1px solid var(--acc-edge);background:var(--acc-glass);color:var(--account-text)}
#mtAccountStep .mt-acc-badges>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#mtAccountStep .mt-acc-badges>header strong{font-size:15px;font-weight:850;color:var(--account-muted)}
#mtAccountStep .mt-acc-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
#mtAccountStep .mt-acc-badge{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:12px;border-radius:16px;
  background:var(--acc-glass-2);border:1px solid var(--acc-edge);opacity:.82}
#mtAccountStep .mt-acc-badge.is-earned{opacity:1;border-color:color-mix(in srgb,var(--acc-mint) 55%,transparent);background:color-mix(in srgb,var(--acc-mint) 12%,var(--acc-glass-2))}
#mtAccountStep .mt-acc-badge-ico{grid-row:1/4;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);font-size:20px;filter:grayscale(1);opacity:.6}
#mtAccountStep .mt-acc-badge.is-earned .mt-acc-badge-ico{filter:none;opacity:1;background:color-mix(in srgb,var(--acc-mint) 22%,transparent)}
#mtAccountStep .mt-acc-badge strong{font-size:14px;font-weight:850}
#mtAccountStep .mt-acc-badge small{color:var(--account-muted);font-size:11.5px;line-height:1.3}
#mtAccountStep .mt-acc-badge em{font-style:normal;font-size:11px;font-weight:850;color:var(--account-muted)}
#mtAccountStep .mt-acc-badge.is-earned em{color:var(--acc-mint)}
#mtAccountStep .mt-acc-badge-bar{display:none}
#mtAccountStep .mt-acc-badge:not(.is-earned) em{display:flex;align-items:center;gap:6px}
#mtAccountStep .mt-acc-badge:not(.is-earned) em::before{content:'';flex:1;max-width:70px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--acc-mint) var(--p),rgba(255,255,255,.14) var(--p))}
#mtAccountStep .mt-acc-badges-note{margin:0;color:var(--account-muted);font-size:12.5px}
html[data-site-theme="light"] #mtAccountStep .mt-acc-badge.is-earned em{color:#0f8f6a}

/* 24.42: Entrar com Google (só aparece quando o Google está ligado no Netlify Identity) */
#mtAuthOverlay .mt-auth-google{margin:18px 0 6px}
#mtAuthOverlay .mt-auth-google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:0 18px;border:1px solid rgba(13,38,64,.12);border-radius:999px;background:#fff;color:#1f1f1f;font:800 16px "NRK Sans","Reddit Sans",sans-serif;cursor:pointer;box-shadow:0 10px 22px -16px rgba(0,0,0,.8)}
#mtAuthOverlay .mt-auth-google-btn:active{transform:scale(.99)}
#mtAuthOverlay .mt-auth-google-btn svg{width:22px;height:22px;flex:none}
#mtAuthOverlay .mt-auth-or{display:flex;align-items:center;gap:12px;margin:16px 0 4px;color:#8fa8c9;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
#mtAuthOverlay .mt-auth-or::before,#mtAuthOverlay .mt-auth-or::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.12)}