.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.brand-wordmark{
  min-height:48px;
  padding:2px 4px;
  display:flex;
  align-items:center;
}

.brand-wordmark img{
  display:block!important;
  width:154px!important;
  height:42px!important;
  max-width:100%;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.36));
}

.launchpad-hero{
  min-height:530px;
}

.launchpad-banner-rail{
  position:absolute;
  top:24px;
  left:28px;
  right:28px;
  z-index:1;
  height:148px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(82,157,255,.22);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(4,8,20,.97),rgba(6,3,14,.88));
  box-shadow:0 22px 62px rgba(0,0,0,.33),inset 0 0 42px rgba(26,126,255,.06);
}

.launchpad-banner-glow{
  position:absolute;
  inset:20% 8%;
  background:linear-gradient(90deg,transparent,rgba(26,194,255,.18),rgba(90,92,255,.2),transparent);
  filter:blur(26px);
  opacity:.85;
}

.hero-banner-art{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  width:min(94%,1220px)!important;
  height:100%!important;
  padding:7px 10px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:saturate(1.1) contrast(1.06) drop-shadow(0 0 22px rgba(37,174,255,.2))!important;
}

.launchpad-hero:hover .hero-banner-art{
  transform:scale(1.012)!important;
}

.hero-body{
  min-height:530px;
  grid-template-columns:170px minmax(0,560px) 1fr;
  gap:26px;
  padding:198px 38px 34px;
}

.hero-profile-card{
  width:170px;
}

.hero-wordmark-heading,
.launchpad-hero .hero-copy h1{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:8px 0 4px!important;
  padding:0!important;
  background:none!important;
  font-size:inherit!important;
  line-height:normal!important;
  overflow:visible!important;
  filter:none!important;
}

.hero-wordmark{
  display:block;
  width:min(100%,330px);
  height:68px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.52));
}

.social-dock{
  display:grid;
  gap:8px;
}

.social-platform{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:14px;
  text-decoration:none;
  transition:transform .2s,border-color .2s,background .2s;
}

.social-platform:hover{
  transform:translateY(-2px);
}

.social-platform svg{
  width:25px;
  height:25px;
  fill:currentColor;
}

.social-platform span{
  min-width:0;
}

.social-platform strong,
.social-platform small{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.social-platform strong{
  font-size:11px;
}

.social-platform small{
  margin-top:2px;
  color:var(--muted);
  font-size:8px;
}

.social-platform b{
  font-size:11px;
  opacity:.7;
}

.social-platform.spotify{
  color:#77f1a5;
  background:linear-gradient(135deg,rgba(29,185,84,.14),rgba(29,185,84,.035));
}

.social-platform.spotify:hover{
  border-color:rgba(29,185,84,.45);
  background:linear-gradient(135deg,rgba(29,185,84,.21),rgba(29,185,84,.06));
}

.social-platform.soundcloud{
  color:#ff9b58;
  background:linear-gradient(135deg,rgba(255,85,0,.15),rgba(255,85,0,.035));
}

.social-platform.soundcloud:hover{
  border-color:rgba(255,85,0,.45);
  background:linear-gradient(135deg,rgba(255,85,0,.22),rgba(255,85,0,.06));
}

.streaming-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
}

.streaming-profile-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.platform-pill{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
}

.platform-pill.spotify{
  color:#79f4a7;
  background:rgba(29,185,84,.1);
  border-color:rgba(29,185,84,.3);
}

.platform-pill.soundcloud{
  color:#ffa167;
  background:rgba(255,85,0,.1);
  border-color:rgba(255,85,0,.3);
}

.streaming-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
}

.stream-card{
  min-width:0;
  padding:18px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 24px 65px rgba(0,0,0,.28);
}

.spotify-card{
  background:radial-gradient(circle at 12% 5%,rgba(29,185,84,.13),transparent 30%),var(--panel);
}

.soundcloud-card{
  background:radial-gradient(circle at 12% 5%,rgba(255,85,0,.14),transparent 30%),var(--panel);
}

.stream-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.platform-brand{
  display:flex;
  align-items:center;
  gap:11px;
}

.platform-brand svg{
  width:32px;
  height:32px;
  fill:currentColor;
}

.platform-brand strong,
.platform-brand small{
  display:block;
}

.platform-brand strong{
  font-family:"Outfit",sans-serif;
  font-size:18px;
}

.platform-brand small{
  margin-top:2px;
  color:var(--muted);
  font-size:9px;
}

.platform-brand.spotify{color:#51e884}
.platform-brand.soundcloud{color:#ff8a43}

.stream-status{
  padding:7px 10px;
  border:1px solid rgba(84,230,155,.25);
  border-radius:999px;
  color:#6ceaa5;
  background:rgba(84,230,155,.07);
  font-size:8px;
  letter-spacing:.12em;
}

.stream-frame{
  display:block;
  width:100%;
  overflow:hidden;
  border:0;
  border-radius:16px;
  background:#0b0711;
}

.streaming-note{
  margin:16px 4px 0;
  color:var(--muted);
  font-size:10px;
}

#view-lyrics .lyrics-reader{
  overflow-x:hidden;
}

@media(max-width:1100px){
  .launchpad-hero{min-height:520px}
  .launchpad-banner-rail{height:138px}
  .hero-body{
    min-height:520px;
    grid-template-columns:155px minmax(0,1fr);
    padding:186px 32px 32px;
  }
  .hero-profile-card{width:155px}
  .streaming-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .main-content{padding:0 12px 158px}

  .brand-wordmark img{
    width:165px!important;
    height:48px!important;
  }

  .launchpad-hero{
    min-height:0;
    margin-bottom:24px;
  }

  .launchpad-banner-rail{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    height:106px;
    margin:12px 12px 0;
    border-radius:15px;
  }

  .hero-banner-art{
    width:100%!important;
    height:100%!important;
    padding:4px 8px!important;
    object-fit:contain!important;
  }

  .launchpad-hero:hover .hero-banner-art{
    transform:none!important;
  }

  .hero-body{
    min-height:0;
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    align-items:start;
    gap:13px;
    padding:15px 16px 18px;
  }

  .hero-profile-card{
    width:84px;
    margin:0;
    padding:4px;
    border-radius:18px;
  }

  .hero-profile-card>img{border-radius:14px}
  .profile-status{display:none}

  .launchpad-hero .hero-copy{
    min-width:0;
    padding:2px 0 0;
    border:0;
    background:transparent;
    backdrop-filter:none;
    box-shadow:none;
  }

  .hero-wordmark-heading,
  .launchpad-hero .hero-copy h1{
    margin:4px 0 0!important;
  }

  .hero-wordmark{
    width:min(100%,205px);
    height:46px;
  }

  .launchpad-hero .hero-copy .eyebrow{
    display:block;
    overflow:hidden;
    color:#938ba2;
    font-size:7px;
    line-height:1.25;
    letter-spacing:.12em;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .hero-tagline{
    margin-top:6px;
    font-size:11.5px;
    line-height:1.25;
  }

  .launchpad-hero .hero-copy p{
    display:-webkit-box;
    margin:7px 0 0;
    overflow:hidden;
    color:rgba(240,235,249,.68);
    font-size:11px;
    line-height:1.42;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }

  .launchpad-hero .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:11px;
  }

  .launchpad-hero .hero-actions .primary,
  .launchpad-hero .hero-actions .secondary{
    width:auto;
    min-width:0;
    min-height:37px;
    padding:8px 7px;
    border-radius:10px;
    font-size:9.5px;
    white-space:nowrap;
  }

  .streaming-intro{
    display:block;
  }

  .streaming-profile-links{
    justify-content:flex-start;
    margin-top:15px;
  }

  .streaming-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .stream-card{
    padding:13px;
    border-radius:20px;
  }

  .stream-card-head{
    align-items:flex-start;
  }

  .stream-status{
    font-size:7px;
  }

  .spotify-frame{height:352px}
  .soundcloud-frame{height:390px}

  #view-lyrics .lyrics-reader{
    box-sizing:border-box;
    height:58vh;
    overflow-x:hidden;
    padding:92px 12px 148px;
    mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%);
  }

  #view-lyrics .lyric-line{
    width:100%;
    max-width:100%;
    padding:9px 3px;
    font-family:"Manrope",sans-serif;
    font-size:clamp(17px,5.4vw,23px);
    font-weight:600;
    line-height:1.38;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    transform:none;
  }

  #view-lyrics .lyric-line.active{
    padding-left:9px;
    border-left:2px solid var(--accent);
    transform:none;
  }

  #view-lyrics .lyrics-reader-head{
    gap:10px;
    font-size:9px;
    letter-spacing:.09em;
  }

  #view-lyrics #lyrics-autoscroll{
    flex:0 0 auto;
    padding:8px 12px;
  }
}

@media(max-width:420px){
  .launchpad-banner-rail{height:96px}
  .hero-wordmark{width:min(100%,185px);height:42px}
  #view-lyrics .lyrics-reader{padding-left:9px;padding-right:9px}
  #view-lyrics .lyric-line{font-size:clamp(16px,5.2vw,21px);line-height:1.4}
}