/* MAIS TUNER 24.200.69 — A rede agora: constelações de rádios. Desfoque nas pontas é bolha a bolha, sem camada por cima. */
.mtcn{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1150;overflow:hidden;color:#f4f8fd;font-family:"NRK Sans","Reddit Sans",sans-serif;background:radial-gradient(120% 85% at 50% 38%,#0d1633 0%,#080e22 48%,#04070f 100%);-webkit-user-select:none;user-select:none}
.mtcn::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E")}
.mtcn[hidden]{display:none}
html.mt-app.mtcn-aberta #miniPlayer{display:none!important}
html.mt-app.mtcn-aberta{overflow:hidden}
.mtcn button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.mtcn-palco{position:absolute;inset:0;touch-action:none;cursor:grab;overflow:hidden}
.mtcn.is-arrasta .mtcn-palco{cursor:grabbing}
.mtcn-ceu,.mtcn-mundo{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0}
.mtcn-ceu svg{display:block;width:100%;height:100%;overflow:visible}
.mtcn-nebs,.mtcn-bolhas,.mtcn-nomes,.mtcn-rots{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.mtcn .mtcn-bolhas .mtcn-b{pointer-events:auto}
.mtcn-neb{position:absolute;left:0;top:0;width:calc(var(--r,100px)*2);height:calc(var(--r,100px)*1.6);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cor) 24%,transparent) 0%,color-mix(in srgb,var(--cor) 14%,transparent) 32%,color-mix(in srgb,var(--cor) 6%,transparent) 62%,color-mix(in srgb,var(--cor) 2%,transparent) 82%,transparent 100%);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s;pointer-events:none}
.mtcn-linhas{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.mtcn-b{position:absolute;left:0;top:0;width:calc(var(--rb)*2);height:calc(var(--rb)*2);min-width:0;max-width:none!important;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s}
.mtcn-miolo{position:absolute;inset:0;display:block;border-radius:50%;transition:filter .3s,opacity .3s}
.mtcn-logo{position:absolute;inset:0;display:block;border-radius:50%;font-size:48px;font-style:normal;box-shadow:0 0 0 var(--aro,1.5px) color-mix(in srgb,var(--cor) 50%,transparent),0 0 calc(var(--rb)*.55) color-mix(in srgb,var(--cor) 30%,transparent)}
.mtcn-aneis{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.mtcn-b .mtcn-aneis{z-index:1}
.mtcn-b.is-lider .mtcn-aneis::before{content:"";position:absolute;inset:-24%;border-radius:50%;box-shadow:inset 0 0 0 var(--aro,1.5px) color-mix(in srgb,var(--cor) 32%,transparent)}
.mtcn-b.is-sel .mtcn-aneis::before{content:"";position:absolute;inset:-18%;border-radius:50%;box-shadow:inset 0 0 0 calc(var(--aro,1.5px)*1.3) color-mix(in srgb,var(--cor) 55%,transparent)}
.mtcn-b.is-sel .mtcn-aneis::after{content:"";position:absolute;inset:-38%;border-radius:50%;box-shadow:inset 0 0 0 var(--aro,1.5px) color-mix(in srgb,var(--cor) 24%,transparent)}
.mtcn-b.is-sel .mtcn-logo{box-shadow:0 0 0 calc(var(--aro,1.5px)*2) var(--cor),0 0 calc(var(--rb)*.9) color-mix(in srgb,var(--cor) 50%,transparent)}
.mtcn-b:focus-visible{outline:none}
.mtcn-b:focus-visible .mtcn-logo{outline:calc(var(--aro,1.5px)*2) solid #fff;outline-offset:calc(var(--aro,1.5px)*2)}
.mtcn-nome{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;width:max-content;max-width:170px;text-align:center;opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .3s;text-shadow:0 1px 6px rgba(0,0,0,.85)}
.mtcn-nome:not(.is-vis){opacity:0!important}
.mtcn-nome strong{font-size:13px;font-weight:800;line-height:1.16}
.mtcn-nome small{font-size:11px;font-weight:500;line-height:1.2;color:rgba(244,248,253,.76)}
.mtcn-rot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--cor);pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .3s}
.mtcn-rot i{display:block;width:7px;height:7px;border-radius:50%;background:var(--cor)}
.mtcn-rot small{font-size:11px;font-weight:700;letter-spacing:0;color:rgba(244,248,253,.7)}
.mtcn.is-arrasta .mtcn-miolo,.mtcn.is-arrasta .mtcn-nome{transition:none}
/* topo */
.mtcn-cab{position:absolute;left:14px;right:14px;top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;gap:12px;z-index:3;pointer-events:none}
.mtcn-cab>*{pointer-events:auto}
.mtcn-r{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(10,22,38,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);cursor:pointer}
.mtcn-r svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.mtcn-r[hidden]{display:none}
.mtcn-tit{flex:1;min-width:0;pointer-events:none}
.mtcn-tit h2{display:flex;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:850;letter-spacing:-.01em;line-height:1.1}
.mtcn-tit h2.tem-cor::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--cor)}
.mtcn-tit p{display:flex;align-items:center;gap:7px;margin:2px 0 0;font-size:12px;font-weight:500;color:rgba(244,248,253,.76)}
.mtcn-tit p i{display:block;flex:none;width:8px;height:8px;border-radius:50%;background:#ff4757}
.mtcn-chips{position:absolute;left:0;right:0;top:calc(66px + env(safe-area-inset-top));display:flex;gap:7px;padding:0 14px;overflow-x:auto;scrollbar-width:none;z-index:3}
.mtcn-chips::-webkit-scrollbar{display:none}
.mtcn-chip{display:flex;align-items:center;gap:7px;flex:none;height:34px;padding:0 12px;border:0;border-radius:17px;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.mtcn-chip i{display:block;width:8px;height:8px;border-radius:50%}
.mtcn-chip[aria-pressed="true"]{background:rgba(255,255,255,.93);color:#071120}
.mtcn-chip:focus-visible,.mtcn-r:focus-visible,.mtcn-ouvir:focus-visible,.mtcn-l:focus-visible{outline:2px solid #5df0c0;outline-offset:2px}
.mtcn-leg{display:flex;align-items:center;gap:7px;padding-left:4px;pointer-events:none;font-size:11px;font-weight:600;color:rgba(244,248,253,.76)}
.mtcn.is-foco .mtcn-leg{display:none}
.mtcn-leg i{display:block;flex:none;border-radius:50%;background:rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.mtcn-leg i:nth-child(1){width:6px;height:6px}.mtcn-leg i:nth-child(2){width:10px;height:10px}.mtcn-leg i:nth-child(3){width:16px;height:16px}
/* cartão e painel */
.mtcn-lado{position:absolute;z-index:3;display:flex;flex-direction:column;gap:10px}
.mtcn-cartao{display:flex;align-items:center;gap:12px;min-height:84px;padding:10px 12px 10px 10px;box-sizing:border-box;border-radius:26px;background:linear-gradient(100deg,color-mix(in srgb,var(--cor,#5df0c0) 20%,rgba(9,16,32,.84)),rgba(9,16,32,.84) 58%);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 18px 44px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.08)}
.mtcn-capa{position:relative;display:block;flex:none;width:64px;height:64px;border-radius:16px;background:#0b1a2e;font-size:18px}
.mtcn-capa>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.mtcn-capa-logo{position:absolute;right:-5px;bottom:-5px;display:block;width:26px;height:26px;border-radius:50%;font-size:9px;box-shadow:0 0 0 2px rgba(9,16,32,.95)}
.mtcn-c-txt{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}
.mtcn-c-txt small{display:flex;align-items:center;gap:6px;margin-bottom:1px;font-size:12px;font-weight:700;line-height:1.2;color:var(--cor,#5df0c0)}
.mtcn-c-txt small i{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#ff4757}
.mtcn-c-txt strong{font-size:16px;font-weight:800;line-height:1.16;overflow-wrap:anywhere}
.mtcn-c-musica{font-size:13px;font-weight:500;line-height:1.2;color:rgba(244,248,253,.74);overflow-wrap:anywhere}
.mtcn-ouvir{display:grid;place-items:center;flex:none;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#ff4757;color:#fff!important;box-shadow:0 10px 24px rgba(255,71,87,.35);cursor:pointer}
.mtcn-ouvir.is-tocando{box-shadow:0 0 0 3px rgba(9,16,32,.9),0 0 0 5px #ff4757,0 10px 24px rgba(255,71,87,.35)}
.mtcn-ouvir svg{width:22px;height:22px;fill:currentColor}
.mtcn-lista{display:none;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:none}
.mtcn-lista h3{flex:none;margin:0 0 6px;font-size:18px;font-weight:800}
.mtcn-l{display:flex;flex:none;align-items:center;gap:10px;width:100%;min-height:62px;padding:6px 0;border:0;border-top:1px solid rgba(255,255,255,.12);background:none;text-align:left;cursor:pointer}
.mtcn-l-logo{position:relative;display:block;flex:none;width:40px;height:40px;border-radius:50%;font-size:13px;font-style:normal;box-shadow:0 0 0 1.5px var(--cor)}
.mtcn-l-txt{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}
.mtcn-l-txt strong{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.mtcn-l-txt strong>i{display:block;flex:none;width:7px;height:7px;border-radius:50%}
.mtcn-l-txt em{font-style:normal;font-size:13px;font-weight:700;color:rgba(244,248,253,.7)}
.mtcn-l-txt small{font-size:13px;font-weight:500;line-height:1.2;color:rgba(244,248,253,.74);overflow-wrap:anywhere}
.mtcn-l-seta svg,.mtcn-l-play svg{display:block;width:18px;height:18px;fill:none;stroke:rgba(244,248,253,.7);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mtcn-l-play{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.mtcn-l-play svg.cheio{fill:#f4f8fd;stroke:none;width:16px;height:16px}
.mtcn-l-eq{display:flex;align-items:flex-end;gap:2px;flex:none;height:16px;margin-right:10px}
.mtcn-l-eq i{display:block;width:3px;height:60%;border-radius:2px;background:#ffc65c}.mtcn-l-eq i:nth-child(2){height:100%}.mtcn-l-eq i:nth-child(3){height:40%}
.mtcn-rodape{display:none;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:rgba(244,248,253,.74)}
.mtcn-zoom{display:none;gap:8px}
/* em pé: celular e tablet */
.mtcn.is-alto .mtcn-lado{left:12px;right:12px;bottom:calc(var(--mtcn-abaixo,0px) + 10px);pointer-events:none}
.mtcn.is-alto .mtcn-lado>*{pointer-events:auto}
/* deitado, celular: coluna estreita à direita */
.mtcn.is-baixo .mtcn-chips{display:none}
.mtcn.is-baixo .mtcn-cab{right:auto;width:44px}
.mtcn.is-baixo .mtcn-tit,.mtcn.is-baixo .mtcn-partilha{display:none}
.mtcn.is-baixo .mtcn-lado{right:10px;top:8px;bottom:calc(var(--mtcn-abaixo,0px) + 8px);width:196px;gap:8px}
.mtcn.is-baixo .mtcn-leg{margin-top:2px}
.mtcn.is-baixo .mtcn-cartao{position:relative;flex-wrap:wrap;margin-top:auto;min-height:0;gap:8px;padding:10px;border-radius:22px}
.mtcn.is-baixo .mtcn-capa{width:56px;height:56px;border-radius:14px}
.mtcn.is-baixo .mtcn-c-txt{flex:1 1 100%;order:3}
.mtcn.is-baixo .mtcn-c-txt strong{font-size:14px}
.mtcn.is-baixo .mtcn-c-musica{font-size:12px}
.mtcn.is-baixo .mtcn-ouvir{width:46px;height:46px;margin-left:auto}
.mtcn.is-baixo.is-foco .mtcn-cartao{display:none}
.mtcn.is-baixo.is-foco .mtcn-lista{display:flex;flex:1}
.mtcn.is-baixo .mtcn-lista h3{font-size:15px}
.mtcn.is-baixo .mtcn-l{min-height:52px}
.mtcn.is-baixo .mtcn-l-logo{width:34px;height:34px}
.mtcn.is-baixo .mtcn-l-txt strong{font-size:13px}.mtcn.is-baixo .mtcn-l-txt small{font-size:11px}
/* deitado, tablet e PC: painel à direita */
.mtcn.is-largo .mtcn-chips{display:none}
.mtcn.is-largo .mtcn-cab{right:auto;width:calc(100% - 350px)}
.mtcn.is-largo .mtcn-lado{right:16px;top:16px;bottom:calc(var(--mtcn-abaixo,0px) + 12px);width:300px}
.mtcn.is-largo .mtcn-lista,.mtcn.is-largo .mtcn-rodape{display:flex}
.mtcn.is-largo .mtcn-lista{flex:0 1 auto}
.mtcn.is-largo .mtcn-lado>.mtcn-leg{order:9}
.mtcn.is-largo .mtcn-capa{width:72px;height:72px;border-radius:18px}
.mtcn.is-pc .mtcn-zoom{display:flex}
.mtcn.is-pc .mtcn-tit h2{font-size:32px}
.mtcn.is-pc .mtcn-tit p{font-size:15px}
/* tablet */
@media (min-width:600px){
  .mtcn-tit h2{font-size:30px}.mtcn-tit p{font-size:14px}
  .mtcn-r{width:46px;height:46px}
  .mtcn-chips{top:calc(84px + env(safe-area-inset-top));padding:0 26px;gap:8px}
  .mtcn-cab{left:26px;right:26px;top:calc(22px + env(safe-area-inset-top))}
  .mtcn-chip{height:40px;padding:0 14px;font-size:14px}
  .mtcn.is-alto .mtcn-lado{left:26px;right:26px;bottom:calc(var(--mtcn-abaixo,0px) + 14px)}
  .mtcn.is-alto .mtcn-cartao{padding:14px 18px 14px 14px;border-radius:30px}
  .mtcn.is-alto .mtcn-capa{width:84px;height:84px;border-radius:20px}
  .mtcn.is-alto .mtcn-capa-logo{width:32px;height:32px}
  .mtcn.is-alto .mtcn-c-txt small{font-size:14px}
  .mtcn.is-alto .mtcn-c-txt strong{font-size:22px}
  .mtcn.is-alto .mtcn-c-musica{font-size:16px}
  .mtcn.is-alto .mtcn-ouvir{width:64px;height:64px}
  .mtcn.is-alto .mtcn-ouvir svg{width:26px;height:26px}
  .mtcn-leg{font-size:12px}
  .mtcn-nome strong{font-size:15px}.mtcn-nome small{font-size:13px}
  .mtcn-rot{font-size:12px}
  .mtcn-leg i:nth-child(1){width:8px;height:8px}.mtcn-leg i:nth-child(2){width:14px;height:14px}.mtcn-leg i:nth-child(3){width:22px;height:22px}
  .mtcn.is-baixo .mtcn-nome strong{font-size:12px}.mtcn.is-baixo .mtcn-nome small{font-size:10px}
  .mtcn.is-baixo .mtcn-rot{font-size:10px}
  .mtcn.is-baixo .mtcn-rot small{font-size:10px}
  .mtcn.is-baixo .mtcn-cab{left:12px;top:8px}
  .mtcn.is-baixo .mtcn-r{width:40px;height:40px}
}
html.anim-none .mtcn *{transition:none!important}
@media (prefers-reduced-motion:reduce){.mtcn *{transition:none!important}}
/* a altura do cartão fica reservada: o nome da música chega depois e não empurra o céu */
.mtcn.is-alto .mtcn-cartao{min-height:92px}
/* a bolha fica onde está quando apertada; o retorno do toque é só um leve afundar no miolo */
html .mtcn button.mtcn-b,html:not(.anim-none) .mtcn button.mtcn-b:active,html:not(.anim-none) .mtcn button.mtcn-b:hover,html:not(.anim-none) .mtcn button.mtcn-b:focus{transform:var(--pos)!important}
/* a regra geral de botão encurtava o movimento para 0,09 s, e a troca de grupo virava um pulo */
html:not(.anim-none) .mtcn button.mtcn-b{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s!important}
@media (prefers-reduced-motion:reduce){html:not(.anim-none) .mtcn button.mtcn-b{transition:none!important}}
.mtcn-miolo{transition:filter .3s,opacity .3s,transform .14s}
.mtcn-b:active .mtcn-miolo{transform:scale(.94)}