/* MAIS TUNER 24.79 — conta: Seu ano, coleção em abas, avisos e boas-vindas (account-extras-2026.mjs) */
.mtx{display:grid;gap:14px;margin:16px 0;grid-column:1/-1;min-width:0}
@media (min-width:900px){.mtx{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.mtx-year{grid-column:1/-1}.mtx-alerts{align-self:start;grid-template-columns:minmax(0,1fr) auto!important}.mtx-alerts select{grid-column:1/-1}}
.mtx > section{border-radius:22px;padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(160,190,240,.16)}
.mtx-year{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,rgba(255,79,106,.22),rgba(95,255,192,.14))!important}
.mtx-year > div{display:grid;gap:2px;min-width:0}
.mtx-year strong{font-size:22px;font-weight:900}
.mtx-year small{font-size:13px;color:#a9bbd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtx-coll header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.mtx-coll header small{font-size:12px;color:#8fa3c2}
.mtx-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.mtx-tabs button{height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(160,190,240,.2);background:transparent;color:inherit;font:800 13px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer}
.mtx-tabs button b{margin-left:4px;font-size:11px;opacity:.7}
.mtx-tabs button[aria-selected="true"]{background:#5fffc0;border-color:#5fffc0;color:#06231b}
.mtx-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:360px;overflow:auto}
.mtx-list li{display:grid;grid-template-columns:18px 44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;border-radius:14px;background:rgba(255,255,255,.03);cursor:grab;user-select:none}
.mtx-list li[data-tune]{cursor:pointer}
.mtx-list li:hover{background:rgba(255,255,255,.07)}
.mtx-list li.is-drag{opacity:.45;outline:2px dashed #5fffc0}
.mtx-list li.mtx-empty{display:block;cursor:default;color:#a9bbd6;font-size:13.5px;padding:12px}
.mtx-grip{color:#8193b0;font-size:12px;letter-spacing:-2px;cursor:grab}
.mtc-art{width:44px;height:44px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--b,#173b63);color:#fff;font-weight:900}
.mtc-art img{width:100%;height:100%;object-fit:cover}
.mtc-art:not(.is-cover) img[src*="/assets/"]{width:78%;height:78%;object-fit:contain}
.mtx-list li > span:nth-child(3){min-width:0;display:grid}
.mtx-list strong{font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtx-list small{font-size:12px;color:#a9bbd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtx-mv{display:flex;gap:4px;opacity:0;transition:opacity .15s}
.mtx-list li:hover .mtx-mv,.mtx-list li:focus-within .mtx-mv{opacity:1}
.mtx-mv button{width:28px;height:28px;border-radius:8px;border:1px solid rgba(160,190,240,.22);background:transparent;color:inherit;cursor:pointer}
.mtx-alerts{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}
.mtx-alerts > div{display:grid;gap:2px}
.mtx-alerts strong{font-size:15px}
.mtx-alerts small{font-size:12px;color:#a9bbd6}
.mtx-alerts select{height:36px;border-radius:10px;border:1px solid rgba(160,190,240,.24);background:transparent;color:inherit;padding:0 8px;font:inherit}
.mtx-alerts select option{color:#0b1b2e}
.mtx-switch{position:relative;width:46px;height:26px}
.mtx-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.mtx-switch span{position:absolute;inset:0;border-radius:999px;background:rgba(160,190,240,.25);transition:background .2s;pointer-events:none}
.mtx-switch span::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.mtx-switch input:checked + span{background:#5fffc0}.mtx-switch input:checked + span::after{transform:translateX(20px)}
.mtx-switch input:focus-visible + span{outline:2px solid #5fffc0;outline-offset:2px}
@media (max-width:560px){.mtx-year{flex-direction:column;align-items:flex-start}.mtx-alerts{grid-template-columns:1fr auto}.mtx-alerts select{grid-column:1/-1;height:46px!important;min-height:46px!important;padding:0 12px!important;line-height:1.2!important;font-size:16px!important;box-sizing:border-box}}
html[data-site-theme="light"] .mtx > section{background:#fff;border-color:rgba(9,37,65,.12)}
html[data-site-theme="light"] .mtx-year{background:linear-gradient(120deg,#ffe3e8,#dcfff2)!important}
html[data-site-theme="light"] :is(.mtx-year small,.mtx-list small,.mtx-alerts small,.mtx-coll header small,.mtx-list li.mtx-empty){color:#4a5f7c}
html[data-site-theme="light"] .mtx-list li{background:#f4f7fd}
html[data-site-theme="light"] .mtx-tabs button[aria-selected="true"]{background:#0a8f68;border-color:#0a8f68;color:#fff}

/* ---------------------------------------------------------------- Seu ano (retrospectiva) */
.mty{position:fixed;inset:0;z-index:100070;display:grid;place-items:center;padding:20px;background:rgba(2,8,20,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:'NRK Sans','Reddit Sans',sans-serif}
.mty[hidden]{display:none}
html.mty-open,html.mtw-open{overflow:hidden}
.mty-card{position:relative;width:min(440px,100%);min-height:min(78dvh,640px);display:flex;flex-direction:column;border-radius:30px;padding:22px;color:#fff;overflow:hidden;
  background:radial-gradient(120% 80% at 0% 0%,#ff4f6a 0%,transparent 55%),radial-gradient(120% 80% at 100% 100%,#00c98d 0%,transparent 55%),#0b1a31;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.mty-dots{display:flex;gap:6px;margin-right:46px}
.mty-dots i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.25)}
.mty-dots i.is-on{background:#fff}
.mty-x{position:absolute;right:16px;top:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:22px;cursor:pointer}
.mty-track{flex:1;display:grid;margin-top:18px}
.mty-slide{grid-area:1/1;display:none;align-content:center;gap:12px}
.mty-slide.is-on{display:grid;animation:mtyIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes mtyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mty-slide > small{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.mty-big{font-size:clamp(56px,16vw,88px);font-weight:900;line-height:.95;letter-spacing:-.03em}
.mty-slide p{margin:0;font-size:19px;font-weight:600;line-height:1.35}
.mty-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.mty-list li{display:grid;grid-template-columns:26px 54px minmax(0,1fr);gap:12px;align-items:center;animation:mtyIn .5s cubic-bezier(.2,.8,.2,1) calc(var(--i) * .08s) both}
.mty-list em{font-style:normal;font-size:22px;font-weight:900;opacity:.8}
.mty-art{width:54px;height:54px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--b,#173b63);color:#fff;font-weight:900}
.mty-art img{width:78%;height:78%;object-fit:contain}.mty-art.is-cover img,.mty-cover img{width:100%;height:100%;object-fit:cover}
.mty-list strong{display:block;font-size:17px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mty-list small{font-size:13px;opacity:.8}
.mty-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0!important;padding:0!important;min-height:0!important;height:auto!important}
.mty-card footer button{height:44px;min-width:44px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.2);color:#fff;font:800 15px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer;padding:0 16px}
.mty-card footer button:disabled{opacity:.35;cursor:default}
.mty-note{margin:10px 0 0;font-size:11.5px;opacity:.7;text-align:center}

/* ---------------------------------------------------------------- Boas-vindas */
.mtw{position:fixed;inset:0;z-index:100065;display:grid;place-items:center;padding:16px;background:rgba(2,8,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:'NRK Sans','Reddit Sans',sans-serif}
.mtw-card{position:relative;display:flex;flex-direction:column;width:min(720px,100%);max-height:min(92dvh,860px);overflow:hidden;border-radius:28px;padding:26px;background:#0b1a31;color:#eef4ff;border:1px solid rgba(160,190,240,.18);box-shadow:0 40px 90px rgba(0,0,0,.6)}
.mtw-x{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(160,190,240,.22);background:transparent;color:inherit;font-size:22px;cursor:pointer}
.mtw-k{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#5fffc0}
.mtw-card h2{margin:6px 0 16px;font-size:28px;font-weight:900;letter-spacing:-.02em}
.mtw-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(160,190,240,.14)}
.mtw-step > b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#5fffc0;color:#06231b;font-weight:900}
.mtw-step strong{font-size:16px}
.mtw-step p{margin:2px 0 0;font-size:13.5px;color:#a9bbd6}
.mtw-grid{flex:1 1 0;min-height:120px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:10px;margin:4px -6px 0;padding:4px 6px 12px}
.mtw-st{position:relative;display:grid;justify-items:center;gap:6px;padding:8px;border-radius:16px;border:2px solid transparent;background:rgba(255,255,255,.04);color:inherit;font:inherit;cursor:pointer;min-width:0}
.mtw-st:disabled{opacity:.4;cursor:default}
.mtw-st.is-on{border-color:#5fffc0;background:rgba(95,255,192,.1)}
.mtw-art{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--b)}
.mtw-art img{width:76%;height:76%;object-fit:contain}.mtw-art.is-cover img{width:100%;height:100%;object-fit:cover}
.mtw-art b{color:#fff}
.mtw-st small{max-width:100%;font-size:12px;font-weight:700;line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:2.4em}
.mtw-st i{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;display:none;place-items:center;background:#5fffc0;color:#06231b;font-style:normal;font-weight:900;font-size:13px}
.mtw-st.is-on i{display:grid}
.mtw-card footer{flex:none;display:flex;justify-content:flex-end;gap:10px;padding:14px 0 0!important;margin:0!important;min-height:0!important;height:auto!important;border-top:1px solid rgba(160,190,240,.14)}
.mtw-btn{height:46px;padding:0 20px;border-radius:999px;border:0;background:linear-gradient(100deg,#5fffc0,#36cae7);color:#06231b;font:900 15px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer}
.mtw-btn:disabled{opacity:.45;cursor:default}
.mtw-btn.is-soft{background:rgba(95,255,192,.14);color:#5fffc0;border:1px solid rgba(95,255,192,.4)}
.mtw-btn.is-ghost{background:transparent;color:inherit;border:1px solid rgba(160,190,240,.24)}
html[data-site-theme="light"] .mtw-card{background:#fff;color:#0b1b2e}
html[data-site-theme="light"] .mtw-step p{color:#4a5f7c}
html[data-site-theme="light"] .mtw-st{background:#f4f7fd}
html[data-site-theme="light"] :is(.mtw-k,.mtw-btn.is-soft){color:#06825d}

/* ---------------------------------------------------------------- aviso de programa */
.mtal{position:fixed;right:18px;top:84px;z-index:100030;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100% - 36px));padding:12px 12px 12px 14px;border-radius:18px;
  background:rgba(10,24,48,.96);color:#eef4ff;border:1px solid rgba(95,255,192,.35);box-shadow:0 20px 44px rgba(0,0,0,.45);font-family:'NRK Sans','Reddit Sans',sans-serif;
  transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.mtal.show{opacity:1;transform:none;pointer-events:auto}
.mtal-ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#5fffc0;color:#06231b;font-weight:900;flex:none}
.mtal > span:nth-child(2){display:grid;min-width:0}
.mtal strong{font-size:14.5px}.mtal small{font-size:12.5px;color:#a9bbd6}
.mtal button{height:34px;padding:0 12px;border-radius:999px;border:0;background:#ff4f6a;color:#fff;font:800 13px inherit;font-family:inherit;cursor:pointer}
.mtal .mtal-x{width:30px;padding:0;background:transparent;color:inherit;font-size:18px}
@media (prefers-reduced-motion:reduce){.mty-slide.is-on,.mty-list li{animation:none}}
.mtx-alerts select{height:40px;line-height:normal;padding:0 10px;font-size:14px}
@media (max-width:600px){.mtw-card{height:min(92dvh,860px);padding:20px}.mtw-card h2{font-size:23px}.mtw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mtw-step{grid-template-columns:30px minmax(0,1fr)}.mtw-step .mtw-btn{grid-column:1/-1}.mtw-card footer .mtw-btn{flex:1;padding:0 12px}}