.ath-my-vibes{--mv-bg:#070b13;--mv-panel:#0c1320;--mv-line:rgba(125,160,255,.22);--mv-blue:#36bfff;--mv-orange:#ff9f0a;--mv-text:#f8fafc;--mv-muted:#a8b0bf;color:var(--mv-text);font-family:inherit;max-width:1280px;margin:0 auto;padding:22px}.ath-my-vibes *{box-sizing:border-box}.ath-my-vibes-hero{position:relative;overflow:hidden;min-height:430px;padding:48px;border:1px solid rgba(255,172,40,.35);border-radius:34px;background:radial-gradient(circle at 82% 68%,rgba(55,185,255,.15),transparent 27%),linear-gradient(135deg,#0a101c,#060b13 58%,#0a1421);display:flex;align-items:flex-start}.ath-my-vibes-hero:after{content:"";position:absolute;inset:auto 5% 5% 5%;height:2px;background:linear-gradient(90deg,transparent,#2fc4ff,#ffad19,transparent)}.ath-my-vibes-hero__copy{position:relative;z-index:2;max-width:720px}.ath-my-vibes-kicker{display:block;color:#66caff;text-transform:uppercase;letter-spacing:.25em;font-weight:800;font-size:14px}.ath-my-vibes-hero h1{font-size:clamp(58px,8vw,108px);line-height:.82;margin:20px 0 28px;font-weight:900;letter-spacing:-.06em}.ath-my-vibes-hero h1 span{display:block;color:#fff}.ath-my-vibes-hero h1{color:var(--mv-orange)}.ath-my-vibes-hero p{max-width:760px;color:#c4cad5;font-size:clamp(18px,2vw,27px);line-height:1.65;margin:0 0 32px}.ath-my-vibes-profile{display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;border-radius:999px;background:linear-gradient(135deg,#ffb21b,#ff6a00);color:#070707!important;font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;box-shadow:0 14px 38px rgba(255,126,0,.26)}.ath-my-vibes-hero__art{position:absolute;right:5%;bottom:6%;width:340px;height:250px}.ath-my-vibes-hero__art i{position:absolute;border-radius:50%;border:7px solid #1fc5ff;box-shadow:0 0 0 18px rgba(37,196,255,.08),0 0 0 36px rgba(37,196,255,.04)}.ath-my-vibes-hero__art i:first-child{width:120px;height:120px;left:0;bottom:10px}.ath-my-vibes-hero__art i:nth-child(2){width:200px;height:200px;right:0;top:0}.ath-my-vibes-hero__art b{position:absolute;width:36px;height:36px;background:#ffab13;border-radius:50%;right:82px;bottom:66px;box-shadow:0 0 40px rgba(255,171,19,.8)}.ath-my-vibes-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:22px 0}.ath-my-vibes-stat{appearance:none;border:1px solid var(--mv-line);background:linear-gradient(145deg,rgba(22,34,51,.96),rgba(8,13,22,.96));color:var(--mv-text);border-radius:22px;padding:20px;text-align:left;min-height:116px;cursor:pointer}.ath-my-vibes-stat span{display:block;color:#68d0ff;font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.ath-my-vibes-stat strong{display:block;margin-top:13px;font-size:34px}.ath-my-vibes-tabs{display:flex;gap:10px;overflow:auto;padding:8px 0 18px;scrollbar-width:none}.ath-my-vibes-tabs button{white-space:nowrap;border:1px solid var(--mv-line);background:#0c121d;color:#bfc6d3;padding:12px 20px;border-radius:999px;font-weight:800;cursor:pointer}.ath-my-vibes-tabs button.is-active{background:linear-gradient(135deg,#2788ff,#7548ff);color:#fff;border-color:transparent}.ath-my-vibes-content{display:grid;gap:28px}.ath-my-vibes-section{background:rgba(8,13,22,.78);border:1px solid var(--mv-line);border-radius:28px;padding:24px}.ath-my-vibes-section[hidden]{display:none}.ath-my-vibes-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ath-my-vibes-section__head h2{margin:0;font-size:25px}.ath-my-vibes-section__head span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#151d2b;color:#fff}.ath-my-vibes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ath-my-vibes-card{display:grid;grid-template-columns:112px 1fr;gap:16px;border:1px solid rgba(140,166,226,.17);background:linear-gradient(145deg,#111927,#080d16);border-radius:22px;padding:14px;transition:.22s ease}.ath-my-vibes-card:hover{transform:translateY(-3px);border-color:rgba(66,182,255,.5)}.ath-my-vibes-card__media{display:block;width:112px;height:112px;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#173f75,#0a1728);text-decoration:none}.ath-my-vibes-card__media img{width:100%;height:100%;object-fit:cover}.ath-my-vibes-card__media span{display:grid;place-items:center;width:100%;height:100%;font-size:38px;color:#64c9ff;font-weight:900}.ath-my-vibes-card__body{min-width:0;display:flex;flex-direction:column}.ath-my-vibes-card__type{color:#59caff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.ath-my-vibes-card h3{font-size:20px;line-height:1.2;margin:8px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ath-my-vibes-card__actions{display:flex;gap:8px;margin-top:auto}.ath-my-vibes-card__open,.ath-my-vibes-card__remove{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}.ath-my-vibes-card__open{background:#2685ff;color:#fff!important}.ath-my-vibes-card__remove{border:1px solid rgba(255,255,255,.16);background:transparent;color:#cbd2de}.ath-my-vibes-empty{text-align:center;padding:80px 24px;border:1px dashed rgba(122,165,255,.3);border-radius:30px;background:rgba(9,14,23,.7)}.ath-my-vibes-empty span{font-size:56px;color:#55c8ff}.ath-my-vibes-empty h2{font-size:34px;margin:14px 0 8px}.ath-my-vibes-empty p{max-width:650px;margin:0 auto;color:var(--mv-muted);line-height:1.7}.ath-my-vibes-save{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(105,173,255,.35);background:#0d1522;color:#eaf3ff;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.ath-my-vibes-save.is-saved{background:rgba(255,78,115,.14);border-color:rgba(255,78,115,.55);color:#ff7897}.ath-my-vibes-toast{position:fixed;left:50%;bottom:100px;z-index:99999;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:13px 20px;border-radius:999px;background:#111827;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.4);transition:.2s}.ath-my-vibes-toast.is-visible{opacity:1;transform:translate(-50%,0)}.ath-my-vibes-login{max-width:720px;margin:auto;padding:60px 30px;border-radius:28px;background:#0b111c;color:#fff;text-align:center}.ath-my-vibes-login a{display:inline-block;margin-top:14px;background:#2685ff;color:#fff;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:800}@media(max-width:1000px){.ath-my-vibes-stats{grid-template-columns:repeat(3,1fr)}.ath-my-vibes-grid{grid-template-columns:repeat(2,1fr)}.ath-my-vibes-hero__art{opacity:.45}}@media(max-width:680px){.ath-my-vibes{padding:12px}.ath-my-vibes-hero{min-height:470px;padding:28px 22px;border-radius:26px}.ath-my-vibes-hero h1{font-size:64px}.ath-my-vibes-hero p{font-size:17px;line-height:1.55}.ath-my-vibes-hero__art{width:230px;height:180px;right:-10px}.ath-my-vibes-stats{grid-template-columns:repeat(2,1fr);gap:10px}.ath-my-vibes-stat{min-height:96px;padding:15px}.ath-my-vibes-stat strong{font-size:28px}.ath-my-vibes-section{padding:16px;border-radius:22px}.ath-my-vibes-grid{grid-template-columns:1fr}.ath-my-vibes-card{grid-template-columns:88px 1fr}.ath-my-vibes-card__media{width:88px;height:88px}.ath-my-vibes-card h3{font-size:17px}.ath-my-vibes-card__actions{gap:6px}.ath-my-vibes-card__open,.ath-my-vibes-card__remove{padding:8px 11px}}

/* v194 — My Vibes responsive desktop layout correction */
.ath-my-vibes{
  width:100%;
  max-width:1440px;
  container-type:inline-size;
}

.ath-my-vibes-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.ath-my-vibes-stat{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-width:0;
  min-height:120px;
  padding:24px 26px;
}

.ath-my-vibes-stat span{
  min-width:0;
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.ath-my-vibes-stat strong{
  margin:0;
  font-size:clamp(34px,4cqw,52px);
  line-height:1;
  text-align:right;
}

.ath-my-vibes-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.ath-my-vibes-card{
  grid-template-columns:128px minmax(0,1fr);
  align-items:center;
  gap:20px;
  min-width:0;
  padding:18px;
}

.ath-my-vibes-card__media{
  width:128px;
  height:128px;
}

.ath-my-vibes-card__body,
.ath-my-vibes-card__actions{
  min-width:0;
}

.ath-my-vibes-card h3{
  margin:9px 0 18px;
  font-size:clamp(19px,2.1cqw,26px);
}

.ath-my-vibes-card__actions{
  display:grid;
  grid-template-columns:minmax(88px,auto) minmax(96px,auto);
  justify-content:start;
  gap:10px;
}

.ath-my-vibes-card__open,
.ath-my-vibes-card__remove{
  min-height:42px;
  padding:10px 18px;
  white-space:nowrap;
}

@container (max-width: 1040px){
  .ath-my-vibes-hero{
    min-height:390px;
    padding:38px;
  }
  .ath-my-vibes-hero__copy{max-width:62%;}
  .ath-my-vibes-hero p{font-size:20px;}
  .ath-my-vibes-grid{grid-template-columns:1fr;}
  .ath-my-vibes-card{grid-template-columns:118px minmax(0,1fr);}
  .ath-my-vibes-card__media{width:118px;height:118px;}
}

@container (max-width: 760px){
  .ath-my-vibes-hero{
    min-height:430px;
    padding:30px 26px;
  }
  .ath-my-vibes-hero__copy{max-width:100%;}
  .ath-my-vibes-hero h1{font-size:clamp(58px,15cqw,82px);}
  .ath-my-vibes-hero p{max-width:90%;font-size:18px;}
  .ath-my-vibes-hero__art{opacity:.32;right:-25px;bottom:0;}
  .ath-my-vibes-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .ath-my-vibes-stat{min-height:104px;padding:18px;gap:10px;}
  .ath-my-vibes-stat strong{font-size:34px;}
  .ath-my-vibes-section{padding:18px;}
  .ath-my-vibes-card{grid-template-columns:96px minmax(0,1fr);gap:15px;padding:14px;}
  .ath-my-vibes-card__media{width:96px;height:96px;}
  .ath-my-vibes-card__actions{grid-template-columns:auto auto;}
}

@container (max-width: 520px){
  .ath-my-vibes{padding:10px;}
  .ath-my-vibes-hero{min-height:420px;padding:26px 22px;border-radius:25px;}
  .ath-my-vibes-hero p{max-width:100%;font-size:16px;}
  .ath-my-vibes-stats{grid-template-columns:1fr 1fr;}
  .ath-my-vibes-stat{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
  }
  .ath-my-vibes-card{grid-template-columns:84px minmax(0,1fr);}
  .ath-my-vibes-card__media{width:84px;height:84px;}
  .ath-my-vibes-card h3{font-size:17px;margin-bottom:12px;}
  .ath-my-vibes-card__actions{display:flex;flex-wrap:wrap;}
  .ath-my-vibes-card__open,.ath-my-vibes-card__remove{min-height:38px;padding:8px 13px;}
}

/* v196: in-page music playback and artist metadata */
.ath-my-vibes-card__media.btn-play{position:relative;border:0;padding:0;cursor:pointer;color:inherit}
.ath-my-vibes-card__media.btn-play i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:28px;color:#fff;background:rgba(5,10,18,.28);opacity:0;transition:.2s ease;text-shadow:0 3px 12px rgba(0,0,0,.75)}
.ath-my-vibes-card__media.btn-play:hover i,.ath-my-vibes-card__media.btn-play:focus-visible i{opacity:1}
.ath-my-vibes-card__artist{margin:-5px 0 12px;color:#9ea8b9;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ath-my-vibes-card__open.btn-play{border:0;font-family:inherit}
@media (hover:none){.ath-my-vibes-card__media.btn-play i{opacity:1;background:rgba(5,10,18,.16)}}

/* v197: compact liked-song cards and clean artist presentation */
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card{
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  min-height:132px;
  padding:14px;
  gap:18px;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__media{
  width:104px;
  height:104px;
  border-radius:18px;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__media.btn-play i{
  display:none!important;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card h3{
  margin:0 0 6px;
  font-size:21px;
  line-height:1.2;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__artist{
  margin:0 0 14px;
  font-size:15px;
  color:#aab3c4;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__actions{
  margin-top:0;
  align-items:center;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__open{
  width:44px;
  min-width:44px;
  height:44px;
  padding:0;
  border-radius:50%;
  font-size:0;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__open:before{
  content:"▶";
  font-size:18px;
  margin-left:2px;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__remove{
  min-height:44px;
  padding:10px 18px;
}
@media(max-width:900px){
  .ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card{
    grid-template-columns:82px minmax(0,1fr);
    min-height:108px;
    gap:13px;
    padding:12px;
  }
  .ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__media{width:82px;height:82px;border-radius:15px;}
  .ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card h3{font-size:18px;}
  .ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__artist{font-size:14px;margin-bottom:10px;}
  .ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__open{width:40px;min-width:40px;height:40px;}
  .ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__remove{min-height:40px;padding:8px 14px;}
}

/* v198: artwork is visual only; playback is controlled by the dedicated action button. */
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__media{
  cursor:default;
  pointer-events:none;
}
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__media:before,
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__media:after,
.ath-my-vibes-section[data-vibes-section="song"] .ath-my-vibes-card__media i{
  display:none!important;
  content:none!important;
}