@layer yp {
/* PublicRenderer skin. Colours, borders, gradients and glows are the current
   public page's (yoj.online). SIZES are not taken from browser media queries:
   the renderer publishes --pp (one page px on the profile's reference device)
   and --u (one 1080-canvas reference px), and inline styles / profile-metrics.ts
   express every length in them, so the same markup renders correctly on a Studio
   canvas or a real viewport. Fallback 1px = unscaled before the first measure. */

.yp-stage {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #030304;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  /* The public page is unstyled by the host app: do not inherit its line
     height (e.g. Tailwind's html { line-height: 1.5 }), it shifts line boxes. */
  line-height: normal;
  letter-spacing: normal;
  text-align: start;
}

.yp-stage img {
  max-width: none;
}

.yp-stage *,
.yp-stage *::before,
.yp-stage *::after {
  box-sizing: border-box;
}

/* ── Stage backdrop (not layout blocks) ─────────────────── */

.yp-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
  user-select: none;
}

.yp-backgroundPhone {
  object-position: center top;
}

.yp-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.03) 40%,
    rgba(0, 0, 0, 0.2) 67%,
    rgba(0, 0, 0, 0.72) 100%
  );
}

.yp-overlayPhone {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.03) 0%,
    rgba(0, 0, 0, 0.03) 42%,
    rgba(0, 0, 0, 0.26) 66%,
    rgba(0, 0, 0, 0.86) 100%
  );
}

/* Footer line: a layout block (systemComponent "footer"); {year} is resolved
   by the renderer. */
.yp-footerText {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 1;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.46);
  pointer-events: none;
  user-select: none;
}

/* ── Block box ──────────────────────────────────────────── */

/* The positioned layout box. It is the size container for its content. */
.yp-block {
  position: absolute;
  container-type: size;
}

.yp-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
}

/* ── Logo / wave / images ───────────────────────────────── */

.yp-logo,
.yp-wave,
.yp-image {
  display: block;
  pointer-events: none;
  user-select: none;
}

.yp-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* SEO-1A: the brand element is the page's ONE semantic H1. The heading is invisible to
   layout — same box as the logo it wraps — so the UA heading defaults (margin, font,
   line box) never change the composition. */
.yp-logoHeading {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  font: inherit;
  line-height: 0;
}

/* The box is the visible shape of the arc (the page flattens it with
   scaleY(.54)); the width is set inline (wider than the box on phones, where
   the stage clips it, exactly like the page). */
.yp-wave {
  flex: none;
  height: 100%;
  object-fit: fill;
}

.yp-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
}

.yp-imagePlaceholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border: 1px dashed rgba(255, 255, 255, 0.28);
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  letter-spacing: 0.16em;
  overflow: hidden;
}

/* ── Work title / artist / plain text ───────────────────── */

.yp-workTitle,
.yp-artist,
.yp-plainText {
  margin: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  pointer-events: none;
  user-select: none;
}

.yp-workTitle {
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.94);
}

.yp-artist {
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}

.yp-plainText {
  font-size: min(60cqh, 100cqw);
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.94);
}

/* ── Play control ───────────────────────────────────────── */

.yp-play {
  position: relative;
  flex: none;
  width: 100cqmin;
  height: 100cqmin;
  border: calc(1 * var(--pp, 1px)) solid rgba(255, 255, 255, 0.68);
  border-radius: 50%;
  background: radial-gradient(
    circle at 50% 40%,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(14, 13, 20, 0.76) 55%,
    rgba(4, 4, 7, 0.9) 100%
  );
  backdrop-filter: blur(calc(12 * var(--pp, 1px)));
  -webkit-backdrop-filter: blur(calc(12 * var(--pp, 1px)));
  box-shadow:
    0 0 calc(24 * var(--pp, 1px)) rgba(128, 103, 255, 0.14),
    0 0 calc(50 * var(--pp, 1px)) rgba(64, 37, 123, 0.08),
    inset 0 0 calc(14 * var(--pp, 1px)) rgba(255, 255, 255, 0.05);
  pointer-events: none;
}

/* Same placement as the page: left/top 50%, translate(-42%, -50%). */
.yp-playIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-42%, -50%);
  fill: #fff;
  filter: drop-shadow(0 0 calc(6 * var(--pp, 1px)) rgba(255, 255, 255, 0.4));
}

/* ── LIVE ───────────────────────────────────────────────── */

.yp-live {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: rgba(255, 255, 255, 0.94);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.yp-liveDot {
  flex: none;
  border-radius: 50%;
  background: #ff4935;
  box-shadow:
    0 0 calc(8 * var(--pp, 1px)) rgba(255, 73, 53, 0.95),
    0 0 calc(20 * var(--pp, 1px)) rgba(255, 73, 53, 0.38);
}

/* ── User blocks: button / frame ────────────────────────── */

.yp-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 0.8em;
  overflow: hidden;
  font-size: min(38cqh, 10cqw);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(7, 7, 12, 0.6), rgba(4, 4, 8, 0.4));
  text-decoration: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
  user-select: none;
}

/* The label truncates with an ellipsis instead of cropping on both sides. */
.yp-pillLabel {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.yp-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: calc(10 * var(--pp, 1px));
  background: rgba(255, 255, 255, 0.03);
  pointer-events: none;
}

/* ── Terminal ───────────────────────────────────────────── */

/* Same block flow as the page (the strut of a 16 px monospace line included),
   so line boxes and total height match; all lengths are inline, in --tu. */
.yp-terminal {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.14);
  font-family: "Cascadia Code", "JetBrains Mono", Consolas, monospace;
  color: #fff;
  pointer-events: auto;
}

.yp-terminalTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(10 * var(--tu, 1px));
}

.yp-terminalHeader {
  line-height: 1;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.82);
}

/* The ONE close control of the expanded Transmission — on EVERY viewport: the canonical YOJ close (X) icon in
   the top-right of the panel. The legacy CSS dash is gone: one component, one interaction language. Only its
   touch TARGET is a per-profile metric (see page-css.ts); the control itself is the same everywhere. */
.yp-txCollapse {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(20 * var(--tu, 1px));
  height: calc(16 * var(--tu, 1px));
  margin: calc(-2 * var(--tu, 1px)) calc(-6 * var(--tu, 1px)) 0 0;
  padding: 0;
  border: 0;
  border-radius: calc(4 * var(--tu, 1px));
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
}

.yp-txCollapse:hover,
.yp-txCollapse:focus-visible {
  color: #fff;
}

/* The canonical close (X) icon. In the markup and VISIBLE for every profile; the icon colour is the button's. */
.yp-txCloseIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: calc(12 * var(--tu, 1px));
}

.yp-txCloseIcon .yp-ico {
  width: 1em;
  height: 1em;
}

.yp-txCollapse:focus-visible,
.yp-txTab:focus-visible {
  outline: 2px solid rgba(171, 152, 255, 0.9);
  outline-offset: 2px;
}

.yp-terminalBody {
  color: rgba(255, 255, 255, 0.76);
}

.yp-terminalBody p {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.yp-terminalGap {
  height: 1em;
}

.yp-terminalDivider {
  height: max(1px, calc(1 * var(--tu, 1px)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.03));
}

.yp-terminalFooter {
  line-height: 1;
  font-weight: 600;
  white-space: pre-wrap;
  color: rgba(171, 152, 255, 0.92);
}

.yp-terminalCursorLine {
  line-height: 1;
  margin-top: calc(6 * var(--tu, 1px));
}

/* Links in the terminal text: plain text that happens to be a web or t.me address. */
.yp-terminalLink {
  color: rgba(185, 171, 255, 0.96);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.yp-terminalLink:hover,
.yp-terminalLink:focus-visible {
  color: #fff;
  text-shadow: 0 0 calc(16 * var(--tu, 1px)) rgba(164, 143, 255, 0.38);
}

/* The collapsed state of the SAME Transmission entity: the COMPACT FEED STRIP on EVERY profile (Mobile P is the
   reference) - CMD:> label, the latest message's teaser, a blinking cursor. Its box is the profile's own collapsed
   geometry; a box narrower than the content cuts the teaser with an ellipsis (never an overflow, never a tab). */
.yp-txTab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(10 * var(--pp, 1px));
  width: 100%;
  height: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 calc(16 * var(--pp, 1px));
  overflow: hidden;
  border: 1px solid rgba(171, 152, 255, 0.26);
  border-radius: calc(12 * var(--pp, 1px));
  background: linear-gradient(90deg, rgba(8, 9, 18, 0.52), rgba(5, 6, 12, 0.34));
  backdrop-filter: blur(calc(10 * var(--pp, 1px)));
  -webkit-backdrop-filter: blur(calc(10 * var(--pp, 1px)));
  color: rgba(255, 255, 255, 0.86);
  font-family: "Cascadia Code", "JetBrains Mono", Consolas, monospace;
  font-size: calc(11 * var(--pp, 1px));
  font-weight: 600;
  letter-spacing: 0.08em;
  white-space: nowrap;
  cursor: pointer;
}

.yp-txTabLabel {
  flex: none;
  color: rgba(171, 152, 255, 0.95);
}

.yp-txTab:hover {
  border-color: rgba(171, 152, 255, 0.85);
  color: #fff;
}

/* The blinking underscore: system-owned look and motion; its PLACE is editorial (SITE > CONTENT). */
.yp-cursor {
  display: inline-block;
  margin-left: 1px;
  color: rgba(171, 152, 255, 0.92);
  font-weight: 700;
  animation: yp-blink 1.05s steps(1) infinite;
}

@keyframes yp-blink {
  0%,
  46% {
    opacity: 1;
  }
  47%,
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yp-cursor {
    animation: none;
  }
}

/* ── MOBILE — VISUAL SYSTEM V0.1 ───────────────────────────────────────────
   CONTAINERS ARE EXCEPTIONAL. Typography, icons, spacing and thin dividers are the
   language; the page reads as ONE surface over the cinematic background. The only
   containers left are the ones a function needs: the PLAY circle, the CMD strip
   (an editorial channel) and the overlays (drawer / sheet / expanded terminal).
   Type inside these blocks is in em units: the size the page-css profile rule sets
   on the block root is what the block scales by. Every glyph is a YOJ icon (a 24 x 24
   stroke SVG coloured by currentColor); none is drawn in CSS and none is a font glyph. */

.yp-ico {
  display: block;
  flex: none;
  width: 1.4em;
  height: 1.4em;
  overflow: visible;
}

.yp-action {
  pointer-events: auto;
  cursor: pointer;
  font-family: inherit;
}

.yp-action:focus-visible {
  outline: 2px solid rgba(171, 152, 255, 0.9);
  outline-offset: 3px;
}

/* PREV / NOW / NEXT: ONE broadcast strip. No slot is a card: three columns of type on a single
   hairline (brightest under NOW) with faint dividers between them. NOW is the strongest level,
   PREV and NEXT are muted. Informational only: nothing here is a control. */
.yp-bc {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1.9fr 1fr;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}

.yp-bc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.14) 16%, rgba(120, 220, 255, 0.5) 50%, rgba(255, 255, 255, 0.14) 84%, rgba(255, 255, 255, 0));
}

.yp-bcSlot {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.24em;
  min-width: 0;
  padding: 0 0.9em;
  overflow: hidden;
}

.yp-bcSlot + .yp-bcSlot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22%;
  bottom: 22%;
  width: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.yp-bcSlot[data-bc-slot="prev"] {
  align-items: flex-start;
  text-align: left;
}

.yp-bcSlot[data-bc-slot="now"] {
  align-items: center;
  text-align: center;
}

.yp-bcSlot[data-bc-slot="next"] {
  align-items: flex-end;
  text-align: right;
}

.yp-bcLabel {
  font-size: 0.74em;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: rgba(255, 255, 255, 0.34);
}

.yp-bcTitle {
  max-width: 100%;
  font-size: 0.92em;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.58);
}

.yp-bcArtist {
  max-width: 100%;
  min-height: 1em;
  font-size: 0.8em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.4);
}

.yp-bcNow .yp-bcLabel {
  color: rgba(150, 232, 255, 0.95);
}

.yp-bcNow .yp-bcTitle {
  font-size: 1.22em;
  font-weight: 600;
  color: #fff;
}

.yp-bcNow .yp-bcArtist {
  color: rgba(255, 255, 255, 0.62);
}

/* An empty PREV / NEXT is a quiet mark, never a headline. */
.yp-bcEmpty:not(.yp-bcNow) .yp-bcTitle {
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.18);
}

/* The hamburger: the icon alone. One tap target, no container. */
.yp-hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(255, 255, 255, 0.92);
  pointer-events: auto;
}

.yp-hamburger .yp-ico {
  width: 2em;
  height: 2em;
  filter: drop-shadow(0 0 0.35em rgba(0, 0, 0, 0.55));
}

/* ACTIONS (LIKE · SHARE · ABOUT · BUY): an icon over a small label, an optional quiet third line
   (the count, the hint). No pill, no border, no fill: the row is one tool strip made of spacing. */
.yp-like,
.yp-buy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.34em;
  width: 100%;
  height: 100%;
  padding: 0.35em 0 0;
  border: 0;
  background: none;
  color: rgba(255, 255, 255, 0.8);
}

.yp-like {
  pointer-events: auto;
}

.yp-actIcon {
  display: flex;
}

.yp-actIcon .yp-ico {
  width: 2.1em;
  height: 2.1em;
}

.yp-like .yp-pillLabel,
.yp-buy .yp-pillLabel {
  max-width: 100%;
  font-size: 0.72em;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.yp-like:hover {
  color: #fff;
}

.yp-like[data-liked="true"] {
  color: #fff;
}

.yp-like[data-liked="true"] .yp-ico path {
  fill: #ff6c96;
  stroke: #ff6c96;
}

.yp-like[data-liked="true"] .yp-pillLabel {
  color: #ff9bb8;
}

/* The count (or its quiet placeholder) sits under the label; a missing count is a whisper, not an object. */
.yp-likeCount {
  min-height: 1em;
  font-size: 0.64em;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.3);
}

.yp-like[data-count-known="true"] .yp-likeCount {
  color: rgba(255, 255, 255, 0.62);
}

/* BUY: reserved, visibly inactive. Never a button, never a link. */
.yp-buy {
  color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
  user-select: none;
}

.yp-buyHint {
  min-height: 1em;
  font-size: 0.6em;
  letter-spacing: 0.18em;
  color: rgba(255, 255, 255, 0.26);
}

/* Bottom navigation: one translucent band with a thin top divider. RADIO (current) is cyan, the rest
   are neutral. It respects the device's bottom safe area (PWA / future native shells). */
.yp-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 0 0.5em env(safe-area-inset-bottom, 0px);
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(5, 6, 11, 0.22), rgba(5, 6, 11, 0.62));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: none;
}

.yp-navItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.28em;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.56);
  text-decoration: none;
  font: inherit;
  letter-spacing: inherit;
}

.yp-navIcon {
  display: flex;
}

.yp-navIcon .yp-ico {
  width: 1.9em;
  height: 1.9em;
}

.yp-navLabel {
  max-width: 100%;
  font-size: 0.78em;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.yp-navItem.yp-action {
  pointer-events: auto;
  cursor: pointer;
}

.yp-navItem.yp-action:hover {
  color: #fff;
}

.yp-navCurrent {
  color: rgba(120, 230, 255, 1);
}

.yp-navSoon {
  color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
}

/* Share / About: on the pill profiles they are the pill they always were (the icon is not drawn);
   the Mobile Portrait profile turns them into icon-led actions (page-css.ts). */
.yp-pillAction {
  position: relative;
  pointer-events: auto;
  cursor: pointer;
  font-family: inherit;
}

.yp-pillAction .yp-actIcon {
  display: none;
}

/* The Share confirmation toast (site-controls-script.ts): ONE small glass pill on the page itself - never inside the Share pill,
   whose overflow:hidden clips the status line. Top centre on every viewport: clear of the logo and the menu, away from the bottom
   controls. No hit target (pointer-events none), no layout impact (absolute on the stage). */
.yp-shareToast {
  position: absolute;
  left: 50%;
  top: calc(20px + env(safe-area-inset-top, 0px));
  z-index: 70;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  padding: 10px 16px;
  border: 1px solid rgba(120, 230, 255, 0.38);
  border-radius: 999px;
  background: rgba(6, 9, 16, 0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45), 0 0 18px rgba(120, 230, 255, 0.12);
  color: rgba(255, 255, 255, 0.94);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -8px);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
}

.yp-shareToast.yp-shareToastOn {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s;
}

.yp-shareToastMark {
  color: rgb(120, 230, 255);
  font-weight: 700;
}

/* Phones: a touch narrower, so the longest (Russian) text stays between the logo and the menu button. */
@media (max-width: 767px) {
  .yp-shareToast {
    gap: 6px;
    padding: 8px 13px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yp-shareToast,
  .yp-shareToast.yp-shareToastOn {
    transition: none;
  }
}

/* MODE PILLS (YOJ V2): LIVE (electric violet) and DISCOVER (crimson / magenta). Per pill the block box holds, back to front:
   1. .yp-mpAura  - DECORATIVE signal field (horizontal line, concentric rings, particles), clipped to the block box, no pointer events;
   2. .yp-mpHalo  - the capsule's outer glow (a static box-shadow; only its opacity / transform ever animates, and only on the active pill);
   3. .yp-modePill - the one real <button>: dark volumetric glass, a double luminous contour, a top gloss, the thin waveform and two text levels.
   The capsule is inset in the box (so the glow and the rings have room); everything is sized in the block's own container units, so resizing the
   block in SITE > EDITOR scales the whole picture. Nothing here hides a pill by screen width and nothing paints outside the block box except
   box-shadow ink (which never widens the stage's scrollable area). Static gradients only: no blur / filter animation. */
.yp-mpWrap {
  --mp-hue: 268;
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.yp-mpWrap[data-mp-mode="worlds"] {
  --mp-hue: 346;
}

.yp-mpAura {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18%, #000 82%, transparent 100%), linear-gradient(180deg, transparent 0, #000 26%, #000 74%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 18%, #000 82%, transparent 100%), linear-gradient(180deg, transparent 0, #000 26%, #000 74%, transparent 100%);
  mask-composite: intersect;
}

/* concentric rings (ellipses stretched by the box) */
.yp-mpAura::before {
  content: "";
  position: absolute;
  inset: -40% -6%;
  background: repeating-radial-gradient(ellipse at 50% 50%, hsla(var(--mp-hue), 100%, 76%, 0.5) 0, hsla(var(--mp-hue), 100%, 76%, 0.5) 1px, transparent 1px, transparent 7px);
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, transparent 38%, #000 54%, rgba(0, 0, 0, 0.4) 80%, transparent 100%);
  mask-image: radial-gradient(ellipse at 50% 50%, transparent 38%, #000 54%, rgba(0, 0, 0, 0.4) 80%, transparent 100%);
}

/* the horizontal signal line (solid hairline + dotted line) and a few particles */
.yp-mpAura::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0, hsla(var(--mp-hue), 100%, 72%, 0.9) 22%, hsla(var(--mp-hue), 100%, 88%, 1) 50%, hsla(var(--mp-hue), 100%, 72%, 0.9) 78%, transparent 100%) 50% 50% / 100% 1.5px no-repeat,
    repeating-linear-gradient(90deg, hsla(var(--mp-hue), 100%, 86%, 0.95) 0, hsla(var(--mp-hue), 100%, 86%, 0.95) 2px, transparent 2px, transparent 7px) 50% 50% / 100% 3px no-repeat,
    radial-gradient(circle at 9% 30%, hsla(var(--mp-hue), 100%, 88%, 0.95) 0, transparent 1.6px),
    radial-gradient(circle at 16% 68%, hsla(var(--mp-hue), 100%, 85%, 0.8) 0, transparent 1.4px),
    radial-gradient(circle at 24% 22%, hsla(var(--mp-hue), 100%, 88%, 0.7) 0, transparent 1.2px),
    radial-gradient(circle at 78% 74%, hsla(var(--mp-hue), 100%, 88%, 0.8) 0, transparent 1.4px),
    radial-gradient(circle at 86% 28%, hsla(var(--mp-hue), 100%, 85%, 0.95) 0, transparent 1.6px),
    radial-gradient(circle at 93% 60%, hsla(var(--mp-hue), 100%, 88%, 0.7) 0, transparent 1.2px);
}

/* the outer glow: the capsule's own box, a static halo; opacity / transform are the only things that ever move */
.yp-mpHalo {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 10%;
  bottom: 10%;
  z-index: 0;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.5;
  box-shadow: 0 0 2.4cqh 0.4cqh hsla(var(--mp-hue), 100%, 56%, 0.55), 0 0 7cqh 1.2cqh hsla(var(--mp-hue), 100%, 50%, 0.32);
}

/* STATES. Exactly ONE pill is the active one (the mode, aria-pressed): its halo is full and it breathes; the other is calm: a dimmer halo and aura, no motion.
   The motion is deliberately slow and soft, and only opacity / transform ever animate (no filter, no blur, no layout):
     halo   a 6.4 s breath (opacity and a 1.2 % scale), aura 8.8 s shimmer (opacity), rings 11 s drift (a 3 % scale), the thin wave 4.2 s (a 6 % height).
   While the PLAYER is stopped (#playPause[data-state="stopped"]) the active pill keeps its full glow but stands still: the signal lives with the signal. A pill
   that the controller has not adopted yet (aria-disabled, e.g. the SITE > STAGE preview, which has no runtime) shows the active look in motion. */
.yp-mpWrap:has(> .yp-modePill[aria-pressed="false"]) .yp-mpHalo {
  opacity: 0.3;
}

.yp-mpWrap:has(> .yp-modePill[aria-pressed="false"]) .yp-mpAura {
  opacity: 0.6;
}

.yp-modePill[aria-pressed="true"] + .yp-mpHalo {
  opacity: 0.85;
  animation: yp-mpBreathe 6.4s ease-in-out infinite;
  will-change: opacity, transform;
}

.yp-mpWrap:has(> .yp-modePill[aria-pressed="true"]) .yp-mpAura {
  animation: yp-mpShimmer 8.8s ease-in-out infinite;
}

.yp-mpWrap:has(> .yp-modePill[aria-pressed="true"]) .yp-mpAura::before {
  animation: yp-mpDrift 11s ease-in-out infinite;
}

.yp-modePill[aria-pressed="true"] .yp-mpWave {
  transform-origin: 50% 50%;
  animation: yp-mpWaveLife 4.2s ease-in-out infinite;
}

@keyframes yp-mpBreathe {
  0%,
  100% {
    opacity: 0.7;
    transform: scale(1);
  }
  50% {
    opacity: 0.98;
    transform: scale(1.012);
  }
}

@keyframes yp-mpShimmer {
  0%,
  100% {
    opacity: 0.84;
  }
  50% {
    opacity: 1;
  }
}

@keyframes yp-mpDrift {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
}

@keyframes yp-mpWaveLife {
  0%,
  100% {
    transform: scaleY(0.94);
  }
  50% {
    transform: scaleY(1.05);
  }
}

/* the player is stopped: the active pill stands still (its glow stays) */
.yp-page:has(#playPause[data-state="stopped"]) .yp-mpWrap:has(> .yp-modePill:not([aria-disabled="true"])) :is(.yp-mpHalo, .yp-mpAura, .yp-mpAura::before, .yp-mpWave) {
  animation: none;
}

.yp-modePill {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 10%;
  bottom: 10%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.22em;
  box-sizing: border-box;
  margin: 0;
  padding: 0 7% 0.2em;
  overflow: hidden;
  border: 1.5px solid hsla(var(--mp-hue), 100%, 86%, 0.92);
  border-radius: 999px;
  background:
    radial-gradient(130% 120% at 50% 135%, hsla(var(--mp-hue), 100%, 58%, 0.92) 0, hsla(var(--mp-hue), 100%, 46%, 0.4) 45%, transparent 70%),
    radial-gradient(48% 110% at 4% 50%, hsla(var(--mp-hue), 100%, 56%, 0.55) 0, transparent 72%),
    radial-gradient(48% 110% at 96% 50%, hsla(var(--mp-hue), 100%, 56%, 0.55) 0, transparent 72%),
    linear-gradient(180deg, hsla(var(--mp-hue), 92%, 36%, 0.98) 0, hsla(var(--mp-hue), 94%, 15%, 0.99) 56%, hsla(var(--mp-hue), 98%, 26%, 0.99) 100%);
  box-shadow: 0 0 0 1px hsla(var(--mp-hue), 100%, 64%, 0.5), inset 0 0 4.2cqh hsla(var(--mp-hue), 100%, 60%, 0.7), inset 0 -1.6cqh 4cqh hsla(var(--mp-hue), 100%, 66%, 0.55);
  color: #fff;
  font-family: inherit;
  font-size: min(14.5cqh, 4.7cqw);
  text-align: center;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.2s ease;
}

/* the INNER contour of the double luminous outline */
.yp-modePill::before {
  content: "";
  position: absolute;
  inset: 3.4cqh;
  border-radius: 999px;
  border: 2px solid hsla(var(--mp-hue), 100%, 68%, 1);
  box-shadow: 0 0 1.8cqh 0.2cqh hsla(var(--mp-hue), 100%, 62%, 0.85), inset 0 0 2.6cqh 0.2cqh hsla(var(--mp-hue), 100%, 62%, 0.65);
  pointer-events: none;
}

/* the top gloss */
.yp-modePill::after {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 7%;
  height: 43%;
  border-radius: 999px;
  background:
    radial-gradient(40% 90% at 9% 18%, rgba(255, 255, 255, 0.85) 0, transparent 70%),
    radial-gradient(30% 80% at 94% 22%, rgba(255, 255, 255, 0.5) 0, transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0.2) 55%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.85;
  pointer-events: none;
}

.yp-modePill > * {
  position: relative;
  z-index: 2;
}

.yp-mpWave {
  flex: 0 1 auto;
  min-height: 0;
  width: 58%;
  height: 33%;
  overflow: visible;
  fill: none;
  stroke: hsl(var(--mp-hue), 100%, 90%);
  stroke-width: 1.5;
  stroke-linecap: round;
  filter: drop-shadow(0 0 3px hsla(var(--mp-hue), 100%, 70%, 0.85));
}

.yp-mpWaveLine {
  opacity: 0.5;
  stroke-width: 1;
}

.yp-mpTitle {
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  text-shadow: 0 0 0.7em hsla(var(--mp-hue), 100%, 70%, 0.6);
}

/* The subtitle is the capsule's second text level. It never exceeds the title (the 7.5px legibility floor used to make it LARGER than the title in a
   small capsule), and it WRAPS inside the capsule instead of being clipped by its overflow: a long approved line stays fully readable at any block size.
   The title and the World name stay single-line. */
.yp-mpSub {
  max-width: 100%;
  font-size: max(0.5em, min(7.5px, 1em));
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.12;
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
  color: rgba(255, 255, 255, 0.8);
}

/* The active World's name (a runtime-owned span added by the Worlds controller to the WORLDS pill). It takes the place of the default subtitle: the same size, the
   same position, so the capsule keeps its composition; a long name is cut with an ellipsis. Without a World the span is empty and the subtitle stays. */
.yp-mpWorld {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: max(0.5em, 7.5px);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.92);
}

.yp-mpWorld:empty {
  display: none;
}

.yp-modePill:has(> .yp-mpWorld:not(:empty)) > .yp-mpSub {
  display: none;
}

/* states: normal (above), hover, pressed, active (aria-pressed), focus, disabled (before the controller adopts the button) */
.yp-modePill[aria-pressed="false"] {
  border-color: hsla(var(--mp-hue), 100%, 80%, 0.74);
}

.yp-modePill:hover:not([aria-disabled="true"]) {
  border-color: hsla(var(--mp-hue), 100%, 92%, 1);
  transform: translateY(-1px) scale(1.012);
}

.yp-modePill:active:not([aria-disabled="true"]) {
  transform: scale(0.985);
}

.yp-modePill[aria-disabled="true"] {
  cursor: default;
  opacity: 0.8;
}

.yp-modePill:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 0.7cqh;
}

@media (prefers-reduced-motion: reduce) {
  .yp-modePill {
    transition: none;
  }
  .yp-modePill[aria-pressed="true"] + .yp-mpHalo,
  .yp-mpWrap .yp-mpAura,
  .yp-mpWrap .yp-mpAura::before,
  .yp-mpWrap .yp-mpWave {
    animation: none !important;
  }
  .yp-modePill:hover:not([aria-disabled="true"]),
  .yp-modePill:active:not([aria-disabled="true"]) {
    transform: none;
  }
}

@media (forced-colors: active) {
  .yp-mpAura,
  .yp-mpHalo,
  .yp-mpWave,
  .yp-modePill::before,
  .yp-modePill::after {
    display: none;
  }
  .yp-modePill {
    border: 2px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
    box-shadow: none;
  }
  .yp-modePill[aria-pressed="true"] {
    border-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: -4px;
  }
  .yp-mpTitle {
    text-shadow: none;
  }
  .yp-mpSub,
  .yp-mpWorld {
    color: ButtonText;
  }
}

.yp-actionStatus {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.35em;
  font-size: 0.68em;
  letter-spacing: 0.06em;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.72);
  pointer-events: none;
}

/* WORLD after the artist ("ARTIST · WORLD"): the runtime adds it only when the Work has a World; it is drawn on
   Mobile Portrait only (page-css.ts), so the accepted Desktop / Tablet composition is unchanged. */
.yp-artistWorld {
  display: none;
}

/* Screen-reader-only text (e.g. the LIKE block's "device only" note). */
.yp-srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* The strip's teaser and its cursor are part of the one collapsed element, on every profile. */
.yp-txTabTeaser {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: baseline;
  text-align: left;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.66);
}

.yp-txTabTeaserText {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yp-txTabTeaser .yp-cursor {
  flex: none;
}

/* The Transmission FEED: earlier messages under the current one, scrolling INSIDE the terminal
   (the header and the footer stay put). A single-message terminal has none of this markup. */
.yp-terminal.yp-hasFeed {
  display: flex;
  flex-direction: column;
}

.yp-hasFeed .yp-terminalTop,
.yp-hasFeed .yp-terminalDivider,
.yp-hasFeed .yp-terminalFooter,
.yp-hasFeed .yp-terminalCursorLine {
  flex: none;
}

.yp-feedScroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(171, 152, 255, 0.4) transparent;
}

.yp-feedScroll:focus-visible {
  outline: 2px solid rgba(171, 152, 255, 0.9);
  outline-offset: 2px;
}

.yp-feedEarlier {
  margin-top: 1.1em;
}

.yp-feedHeading {
  display: block;
  font-size: 0.8em;
  letter-spacing: 0.22em;
  color: rgba(171, 152, 255, 0.72);
}

.yp-feedItem {
  margin-top: 0.7em;
  padding-top: 0.7em;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.yp-feedItem p {
  color: rgba(255, 255, 255, 0.6);
}

/* The current (latest) message keeps the terminal body's own, stronger ink: it is the newest line of the feed. */
.yp-feedCurrent p {
  color: rgba(255, 255, 255, 0.76);
}

.yp-feedDate {
  display: block;
  margin-bottom: 0.2em;
  font-size: 0.8em;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.38);
}

/* <picture> wrappers must not create a box of their own (static page). */
.yp-stage picture {
  display: contents;
}
}
html,body{margin:0;height:100%;background:#030304;overflow:hidden}
.yp-page{position:fixed;inset:0;--yp-h:100vh}
@supports (height:100dvh){.yp-page{--yp-h:100dvh}}
.yp-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;background:#030304 url(data:image/webp;base64,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) center/cover no-repeat}
.yp-playerRegion{display:contents}
.yp-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* INVISIBLE HIT AREA (hit-area.ts): a transparent ring of up to 44px behind a small control, capped on each side by the room to its neighbour; a tap on it is forwarded by the page script. */
[data-yoj-hit]::after{content:"";position:absolute;z-index:-1;cursor:pointer;--yp-nx:max(0px,calc(44px - 100%));--yp-ny:max(0px,calc(44px - 100%));--yp-lx:min(var(--yp-hl,100vw),max(calc(var(--yp-nx) / 2),calc(var(--yp-nx) - var(--yp-hr,100vw))));--yp-ty:min(var(--yp-ht,100vh),max(calc(var(--yp-ny) / 2),calc(var(--yp-ny) - var(--yp-hb,100vh))));left:calc(-1 * var(--yp-lx));right:calc(-1 * min(var(--yp-hr,100vw),calc(var(--yp-nx) - var(--yp-lx))));top:calc(-1 * var(--yp-ty));bottom:calc(-1 * min(var(--yp-hb,100vh),calc(var(--yp-ny) - var(--yp-ty))))}
/* THE PRESS (press-feedback.ts): no browser tap rectangle on the controls, one short press language, calm when motion is reduced. */
:root{--yp-press-ms:140ms;--yp-press-ease:cubic-bezier(.2,.7,.25,1)}
.yp-page :is(button,a[href],summary,[role="button"]),.yp-page [data-yoj-hit],.yp-aboutBody :is(button,a[href]),.yw-switch,.yw-switch *,.yw-scrim,.yw-sheet :is(button,a[href],[role="button"]){-webkit-tap-highlight-color:transparent}
.yp-page :is(button,a[href],summary,[role="button"]),.yp-page [data-yoj-hit],.yw-switch{touch-action:manipulation}
[data-yoj-hit] :is(button,a[href]),.yp-like,.yp-buy,.yp-navItem.yp-action,.yp-drawerItem.yp-action,.yp-drawerClose,.yp-aboutClose,.yw-pill,.yw-item,.yw-close{transition:transform var(--yp-press-ms) var(--yp-press-ease),opacity var(--yp-press-ms) var(--yp-press-ease)}
.yp-page .yp-playBtn:active{transform:scale(0.965)}
[data-yoj-hit]:active :is(button,a[href]),.yp-like:active,.yp-buy:active,.yp-navItem.yp-action:active,.yp-drawerItem.yp-action:active,.yp-drawerClose:active,.yp-aboutClose:active,.yw-pill:active,.yw-item:active,.yw-close:active{transform:scale(0.97);opacity:0.86}
@media (prefers-reduced-motion: reduce){[data-yoj-hit] :is(button,a[href]),.yp-like,.yp-buy,.yp-navItem.yp-action,.yp-drawerItem.yp-action,.yp-drawerClose,.yp-aboutClose,.yw-pill,.yw-item,.yw-close,.yp-playBtn{transition:none !important}.yp-page .yp-playBtn:active,[data-yoj-hit]:active :is(button,a[href]),.yp-like:active,.yp-buy:active,.yp-navItem.yp-action:active,.yp-drawerItem.yp-action:active,.yp-drawerClose:active,.yp-aboutClose:active,.yw-pill:active,.yw-item:active,.yw-close:active{transform:none !important}.yp-page .yp-playBtn:active{opacity:0.86}}
.yp-playBtn{padding:0;cursor:pointer;pointer-events:auto;font-size:0;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.yp-playBtn:hover{transform:scale(1.045);border-color:rgba(255,255,255,.88)}
.yp-playBtn:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:5px}
.yp-playBtn .yp-pauseIcon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:#fff;filter:drop-shadow(0 0 calc(6 * var(--pp, 1px)) rgba(255,255,255,.4));display:none}
.yp-playBtn[data-state="live"] .yp-playIcon{display:none}
.yp-playBtn[data-state="live"] .yp-pauseIcon{display:block}
.yp-langBlock{z-index:30;pointer-events:none}
.yp-lang{position:relative;width:100%;height:100%;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:calc(11 * var(--pp, 1px));letter-spacing:.10em;pointer-events:auto}
.yp-lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;box-sizing:border-box;text-align:center;color:inherit;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,5,10,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none}
.yp-lang summary::-webkit-details-marker{display:none}
.yp-lang summary::after{content:"▾";margin-left:calc(7 * var(--pp, 1px));opacity:.55}
.yp-lang[open] summary::after{content:"▴"}
.yp-langMenu{position:absolute;top:calc(100% + 7 * var(--pp, 1px));right:0;min-width:calc(82 * var(--pp, 1px));padding:calc(5 * var(--pp, 1px));box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:calc(12 * var(--pp, 1px));background:rgba(5,5,10,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:calc(11 * var(--pp, 1px))}
.yp-langMenu a{display:block;padding:calc(9 * var(--pp, 1px)) calc(12 * var(--pp, 1px));border-radius:calc(8 * var(--pp, 1px));color:rgba(255,255,255,.62);text-decoration:none;text-align:center}
.yp-langMenu a:hover,.yp-langMenu a[aria-current]{color:#fff;background:rgba(255,255,255,.09)}
/* TRANSMISSION states. data-tx-state on the page root is the whole interface between the controller and the
   stylesheet: open | collapsing | collapsed | expanding. Motion is ~350 ms of opacity + a small translate
   toward the right edge, enabled only after the first state is applied (data-tx-anim), so a remembered
   state never animates on load. */
:root{--yp-tx-ms:350ms}
.yp-txBlock,.yp-txTabBlock{opacity:1;transform:none;visibility:visible}
.yp-txTabBlock{opacity:0;transform:translateX(var(--yp-tx-slide,14px));visibility:hidden;pointer-events:none}
.yp-page[data-tx-anim] .yp-txBlock,.yp-page[data-tx-anim] .yp-txTabBlock{transition:opacity var(--yp-tx-ms) ease,transform var(--yp-tx-ms) ease,visibility 0s linear 0s}
.yp-page[data-tx-state="open"] .yp-txTabBlock,.yp-page[data-tx-state="expanding"] .yp-txTabBlock{opacity:0;transform:translateX(var(--yp-tx-slide,14px));visibility:hidden;pointer-events:none}
.yp-page[data-tx-state="collapsing"] .yp-txBlock,.yp-page[data-tx-state="collapsed"] .yp-txBlock{opacity:0;transform:translateX(var(--yp-tx-slide,24px));visibility:hidden;pointer-events:none}
.yp-page[data-tx-state="collapsing"] .yp-txTabBlock,.yp-page[data-tx-state="collapsed"] .yp-txTabBlock{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.yp-page[data-tx-anim][data-tx-state="open"] .yp-txTabBlock,.yp-page[data-tx-anim][data-tx-state="expanding"] .yp-txTabBlock,.yp-page[data-tx-anim][data-tx-state="collapsing"] .yp-txBlock,.yp-page[data-tx-anim][data-tx-state="collapsed"] .yp-txBlock{transition:opacity var(--yp-tx-ms) ease,transform var(--yp-tx-ms) ease,visibility 0s linear var(--yp-tx-ms)}
.yp-page[data-tx-state="collapsing"] .yp-txTabBlock{pointer-events:none}
@media (prefers-reduced-motion: reduce){.yp-page[data-tx-anim] .yp-txBlock,.yp-page[data-tx-anim] .yp-txTabBlock{transition:none !important}}

.yp-scrim{position:absolute;inset:0;z-index:60;background:rgba(2,3,6,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.yp-drawer{position:absolute;top:0;right:0;bottom:0;z-index:61;display:flex;flex-direction:column;width:min(318px,84%);padding:calc(18 * var(--pp, 1px)) calc(16 * var(--pp, 1px));box-sizing:border-box;background:linear-gradient(180deg,rgba(9,10,18,.97),rgba(4,5,10,.95));border-left:1px solid rgba(255,255,255,.12);box-shadow:-24px 0 60px rgba(0,0,0,.5);overflow-y:auto;color:#fff}
.yp-scrim[hidden],.yp-drawer[hidden],.yp-sheet[hidden],.yp-sheetPanel[hidden]{display:none}
.yp-drawerTop{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--pp, 1px));margin-bottom:calc(14 * var(--pp, 1px))}
.yp-drawerTitle{font-size:calc(11 * var(--pp, 1px));font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.yp-drawerClose{display:flex;align-items:center;justify-content:center;width:calc(40 * var(--pp, 1px));height:calc(40 * var(--pp, 1px));margin:calc(-8 * var(--pp, 1px)) calc(-8 * var(--pp, 1px)) 0 0;padding:0;border:0;background:none;color:rgba(255,255,255,.9);font-size:calc(12 * var(--pp, 1px))}
.yp-drawerClose .yp-ico{width:calc(24 * var(--pp, 1px));height:calc(24 * var(--pp, 1px))}
.yp-drawerBody{display:flex;flex-direction:column;gap:calc(8 * var(--pp, 1px))}
.yp-drawerGroup{display:flex;flex-direction:column;gap:calc(6 * var(--pp, 1px));padding-bottom:calc(10 * var(--pp, 1px));margin-bottom:calc(4 * var(--pp, 1px));border-bottom:1px solid rgba(255,255,255,.08)}
.yp-drawerHeading{display:flex;align-items:center;gap:calc(10 * var(--pp, 1px));font-size:calc(9 * var(--pp, 1px));letter-spacing:.24em;color:rgba(255,255,255,.4)}
.yp-drawerIcon{display:flex;flex:none;color:rgba(255,255,255,.62)}
.yp-drawerIcon .yp-ico{width:calc(20 * var(--pp, 1px));height:calc(20 * var(--pp, 1px))}
.yp-drawerLabel{flex:1 1 auto;text-align:left}
.yp-drawerLangs{display:flex;gap:calc(6 * var(--pp, 1px))}
.yp-drawerLangs{gap:calc(18 * var(--pp, 1px))}
.yp-drawerLang{display:flex;align-items:center;justify-content:center;min-width:calc(40 * var(--pp, 1px));padding:calc(8 * var(--pp, 1px)) 0;border:0;border-bottom:1px solid transparent;color:rgba(255,255,255,.5);text-decoration:none;font-size:calc(12 * var(--pp, 1px));font-weight:600;letter-spacing:.14em}
.yp-drawerLang[aria-current="true"]{color:#fff;border-bottom-color:rgba(120,230,255,.8)}
.yp-drawerItem{display:flex;align-items:center;gap:calc(14 * var(--pp, 1px));width:100%;padding:calc(14 * var(--pp, 1px)) 0;border:0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;background:none;color:rgba(255,255,255,.88);font-size:calc(13 * var(--pp, 1px));letter-spacing:.06em;text-align:left;text-decoration:none}
.yp-drawerItem[aria-disabled="true"]{color:rgba(255,255,255,.4)}
.yp-drawerItem.yp-action:hover{color:#fff}
.yp-drawerItem[aria-disabled="true"] .yp-drawerIcon{color:rgba(255,255,255,.3)}
.yp-soon{font-size:calc(8 * var(--pp, 1px));letter-spacing:.2em;color:rgba(171,152,255,.8)}
.yp-sheet{position:absolute;left:0;right:0;bottom:0;z-index:62;padding:calc(18 * var(--pp, 1px)) calc(16 * var(--pp, 1px)) calc(22 * var(--pp, 1px));box-sizing:border-box;background:linear-gradient(180deg,rgba(10,11,20,.97),rgba(4,5,10,.98));border-top:1px solid rgba(255,255,255,.14);border-radius:calc(18 * var(--pp, 1px)) calc(18 * var(--pp, 1px)) 0 0;color:#fff}
.yp-sheetTitle{margin:0 0 calc(6 * var(--pp, 1px));font-size:calc(12 * var(--pp, 1px));font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.yp-sheetRole{margin:0 0 calc(8 * var(--pp, 1px));font-size:calc(9 * var(--pp, 1px));letter-spacing:.16em;color:rgba(171,152,255,.85)}
.yp-sheetNotice{margin:0 0 calc(12 * var(--pp, 1px));font-size:calc(11 * var(--pp, 1px));line-height:1.45;color:rgba(255,255,255,.66)}
.yp-sheetActions{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--pp, 1px));margin-bottom:calc(12 * var(--pp, 1px))}
.yp-sheetAction{padding:calc(11 * var(--pp, 1px)) calc(10 * var(--pp, 1px));border:1px solid rgba(255,255,255,.14);border-radius:calc(12 * var(--pp, 1px));background:rgba(255,255,255,.04);color:rgba(255,255,255,.8);font-size:calc(11 * var(--pp, 1px));text-align:left}
.yp-sheetAction[aria-disabled="true"]{color:rgba(255,255,255,.5);border-style:dashed}
.yp-sheetClose{width:100%;padding:calc(11 * var(--pp, 1px));border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:calc(11 * var(--pp, 1px));letter-spacing:.14em;text-transform:uppercase}
/* From the tablet up the SAME drawer is a compact right panel (its own width) and the sheet a compact centred panel: the hamburger is
   shown on those profiles by the published layout, so what it opens must be visible there. The phone keeps its own bottom sheet. */
@media (min-width:768px){.yp-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);width:min(440px,calc(100% - 48px));max-height:70%;overflow-y:auto;border:1px solid rgba(255,255,255,.14);border-radius:calc(18 * var(--pp, 1px))}}

.yw-switch{position:absolute;left:var(--yw-switch-left,50%);top:var(--yw-switch-top,auto);bottom:var(--yw-switch-bottom,calc(72px + env(safe-area-inset-bottom,0px)));transform:var(--yw-switch-transform,translateX(-50%));z-index:58;display:var(--yw-switch-display,flex);gap:2px;padding:3px;max-width:calc(100% - 32px);box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,5,10,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.yw-pill{min-height:34px;padding:0 16px;border:0;border-radius:999px;background:none;color:rgba(255,255,255,.62);font:600 11px/1 inherit;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.yw-pill[aria-pressed="true"]{background:rgba(120,230,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(120,230,255,.4)}
.yw-pill:focus-visible,.yw-item:focus-visible,.yw-close:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}
.yw-note{position:absolute;left:50%;bottom:calc(116px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:58;max-width:calc(100% - 32px);padding:8px 14px;border-radius:12px;background:rgba(5,5,10,.82);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.82);font-size:12px;text-align:center}
.yw-scrim{position:absolute;inset:0;z-index:63;background:rgba(2,3,6,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.yw-sheet{position:absolute;left:0;right:0;bottom:0;z-index:64;max-height:78%;display:flex;flex-direction:column;padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:linear-gradient(180deg,rgba(10,11,20,.97),rgba(4,5,10,.98));border-top:1px solid rgba(255,255,255,.14);border-radius:18px 18px 0 0;color:#fff}
.yw-scrim[hidden],.yw-sheet[hidden],.yw-note[hidden],.yp-soon[hidden]{display:none}
.yw-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.yw-title{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.yw-close{min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.yw-status{margin:0 0 10px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.66)}
.yw-status:empty{display:none}
.yw-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.yw-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 14px;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.9);font-size:14px;letter-spacing:.04em;text-align:left;cursor:pointer}
.yw-item:hover{background:rgba(255,255,255,.08)}
.yw-item[aria-current="true"]{border-color:rgba(120,230,255,.55);background:rgba(120,230,255,.1);color:#fff}
.yw-itemState{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(120,230,255,.9)}
@media (max-width:767px){
.yw-switch{display:var(--yw-switch-display,none)}
.yw-note{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}
@media (min-width:768px){
.yw-switch{bottom:var(--yw-switch-bottom,56px)}
.yw-note{bottom:100px}
.yw-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);width:min(440px,calc(100% - 48px));max-height:70%;border:1px solid rgba(255,255,255,.14);border-radius:18px}
}
.yp-aboutBody{margin:0;background:#05060a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;height:100%;overflow-y:auto}
@supports selector(:has(a)){html:has(>body.yp-aboutBody){height:auto;overflow-y:auto}
body.yp-aboutBody{height:auto;overflow-y:visible}}
.yp-about{position:relative}
.yp-aboutOverlay{position:absolute;inset:0;z-index:70;background:#05060a;color:#fff}
.yp-aboutOverlay[hidden]{display:none}
.yp-aboutScroll{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
.yp-pvBar{position:absolute;top:0;left:0;right:0;z-index:3;display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;gap:12px;min-height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));box-sizing:border-box;background:linear-gradient(180deg,rgba(5,6,10,.96),rgba(5,6,10,.78) 72%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.yp-pvBack,.yp-pvClose{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0;border:0;background:none;color:rgba(255,255,255,.82);font:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.yp-pvBack{justify-self:start;gap:8px}
.yp-pvClose{justify-self:end;width:42px;font-size:25px;line-height:1;letter-spacing:0}
.yp-pvTitle{max-width:min(52vw,42em);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.yp-pvBack:focus-visible,.yp-pvClose:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}
.yp-pvScroll{padding-top:calc(58px + env(safe-area-inset-top,0px))}
.yp-pageOverlay .yp-pvScroll{scrollbar-width:thin;scrollbar-color:rgba(92,116,128,.82) rgba(4,6,10,.96)}
.yp-pageOverlay .yp-pvScroll::-webkit-scrollbar{width:7px;height:7px}
.yp-pageOverlay .yp-pvScroll::-webkit-scrollbar-track{background:rgba(4,6,10,.96)}
.yp-pageOverlay .yp-pvScroll::-webkit-scrollbar-thumb{min-height:28px;border:1px solid rgba(4,6,10,.96);border-radius:999px;background:rgba(92,116,128,.82)}
.yp-pageOverlay .yp-pvScroll::-webkit-scrollbar-thumb:hover{background:rgba(120,230,255,.78)}
.yp-pageOverlay .yp-pvScroll::-webkit-scrollbar-corner{background:rgba(4,6,10,.96)}
.yp-aboutClose{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(5,6,10,.72);color:#fff;font-size:26px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.yp-aboutClose:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}
.yp-abHero{position:relative;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;padding:clamp(28px,5vh,56px) max(clamp(20px,5vw,72px),calc((100% - 1200px) / 2 + clamp(20px,5vw,72px))) clamp(28px,4vh,44px);overflow:hidden;isolation:isolate}
.yp-abGlow{position:absolute;left:-15%;right:-15%;top:-25%;height:130%;z-index:-1;background:radial-gradient(55% 55% at 28% 32%,rgba(120,80,220,.36),transparent 72%),radial-gradient(48% 55% at 82% 22%,rgba(60,180,220,.18),transparent 72%),radial-gradient(40% 40% at 60% 90%,rgba(171,152,255,.14),transparent 75%);animation:ypAbDrift 28s ease-in-out infinite alternate}
.yp-abWave{position:absolute;left:0;right:0;bottom:9%;height:88px;z-index:-1;opacity:.2;background:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 5px,rgba(255,255,255,.16) 5px 6px);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.yp-abHeroBrand{margin:0 0 clamp(16px,3vh,28px)}
.yp-abBrandLink{display:block;line-height:0}
.yp-abLogo{display:block;width:clamp(96px,10vw,148px);height:auto;opacity:.95}
.yp-abH1{margin:0;font-size:clamp(40px,7vw,96px);line-height:.96;font-weight:700;letter-spacing:.05em;text-transform:uppercase;overflow-wrap:break-word;max-width:100%}
.yp-abHero>*{animation:ypAbFade .8s ease both}
.yp-abSec{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:clamp(36px,5.5vh,64px) clamp(20px,5vw,72px);border-top:1px solid rgba(255,255,255,.08)}
.yp-abHero+.yp-abSec{border-top:0}
.yp-abTitle{margin:0 0 18px;font-size:clamp(24px,2.6vw,38px);line-height:1.1;font-weight:600;letter-spacing:-.005em;overflow-wrap:break-word}
.yp-abText,.yp-abLead{margin:0 0 16px;max-width:42em;overflow-wrap:break-word}
.yp-abText{font-size:clamp(17px,1.2vw,19px);line-height:1.7;color:rgba(255,255,255,.78)}
.yp-abLead{font-size:clamp(19px,1.5vw,23px);line-height:1.5;color:rgba(255,255,255,.95)}
.yp-abEm{font-size:clamp(18px,1.35vw,21px);line-height:1.5;color:rgba(255,255,255,.95)}
.yp-abEm strong{font-weight:600}
.yp-abStatement{display:flex;flex-direction:column;gap:6px;max-width:42em;margin:28px 0 0;padding-left:clamp(16px,2vw,24px);border-left:2px solid rgba(171,152,255,.55)}
.yp-abStmt{margin:0;font-size:clamp(20px,2vw,30px);line-height:1.25;font-weight:500;overflow-wrap:break-word}
.yp-abStmtRu{font-weight:400;color:rgba(255,255,255,.66)}
.yp-abStmtRu:first-of-type{margin-top:14px}
.yp-abCtaRow{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 40px}
.yp-abCtaLink{color:#fff;text-decoration:none;font-size:clamp(15px,1.2vw,18px);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(171,152,255,.7);padding-bottom:4px}
.yp-abCtaLink:hover{color:rgba(171,152,255,.95)}
.yp-abCtaLabel{font-size:clamp(15px,1.2vw,18px);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.yp-abFoot{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:28px clamp(20px,5vw,72px) 56px;border-top:1px solid rgba(255,255,255,.08)}
.yp-abLangs{display:flex;gap:18px}
.yp-abLang{color:rgba(255,255,255,.5);text-decoration:none;font-size:13px;letter-spacing:.16em;border-bottom:1px solid transparent;padding-bottom:2px}
.yp-abLangCurrent{color:#fff;border-bottom-color:rgba(120,230,255,.8)}
.yp-abBack{color:rgba(171,152,255,.95);text-decoration:none;font-size:14px;letter-spacing:.06em}
@media (min-width:1024px){
.yp-abSec{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,42em);column-gap:clamp(32px,5vw,72px)}
.yp-abSec>*{grid-column:2;min-width:0}
.yp-abSec>.yp-abTitle{grid-column:1;grid-row:1 / span 40;align-self:start;position:sticky;top:24px;margin:0;padding-right:8px}
}
@keyframes ypAbDrift{from{transform:translate3d(-4%,-2%,0) scale(1.02)}to{transform:translate3d(4%,2%,0) scale(1.06)}}
@keyframes ypAbFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.yp-aboutBody *,.yp-aboutOverlay *{animation:none !important}}
@media (max-width:767px){.yp-abHero{padding:24px 20px 28px}
.yp-abHeroBrand{margin-bottom:16px}
.yp-abLogo{width:clamp(88px,26vw,120px)}
.yp-abH1{font-size:clamp(36px,12vw,56px)}
.yp-abSec{padding:32px 20px}
.yp-abTitle{font-size:clamp(22px,6.4vw,28px);margin:0 0 14px}
.yp-abText,.yp-abEm{font-size:17px;line-height:1.65;max-width:none}
.yp-abLead{font-size:19px;max-width:none}
.yp-abStatement{margin-top:22px;padding-left:14px}
.yp-abStmt{font-size:clamp(19px,5.6vw,24px)}
.yp-abCtaRow{flex-direction:column;gap:18px}
.yp-abFoot{flex-direction:column;align-items:flex-start;padding:28px 20px 48px}
.yp-pvBar{grid-template-columns:minmax(58px,1fr) minmax(0,auto) 42px;gap:8px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.yp-pvBack{font-size:11px}
.yp-pvTitle{max-width:42vw}
}
.yp-b-waveform{z-index:1}
.yp-b-transmission{z-index:2}
.yp-t-transmission{z-index:2}
.yp-b-logo{z-index:3}
.yp-b-liveIndicator{z-index:4}
.yp-b-share{z-index:5}
.yp-b-about{z-index:6}
.yp-b-playControl{z-index:7}
.yp-b-footer{z-index:8}
.yp-b-hamburger{z-index:9}
.yp-b-broadcastContext{z-index:10}
.yp-b-like{z-index:11}
.yp-b-buy{z-index:12}
.yp-b-bottomNav{z-index:13}
.yp-b-modeLive{z-index:14}
.yp-b-modeWorlds{z-index:15}
.yp-page{--pp:calc(var(--yp-h) / 900);--u:calc(var(--yp-h) / 1080);--yw-switch-bottom:revert-layer;--yw-switch-display:none;--yw-switch-left:revert-layer;--yw-switch-top:revert-layer;--yw-switch-transform:revert-layer}
.yp-background{object-position:center center}
.yp-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.2) 67%, rgba(0, 0, 0, 0.72) 100%)}
.yp-b-waveform{display:block;height:30%;left:10%;top:60.89%;width:80%}
.yp-c-waveform{overflow-x:clip}
.yp-x-waveform{width:100%}
.yp-b-transmission{--yp-tx-slide:max(0px, min(24px, 1.7cqw));display:block;height:33.58%;left:70%;top:11.11%;width:28.3%}
.yp-c-transmission{opacity:revert-layer}
.yp-t-transmission{--yp-hb:85.11vh;--yp-hl:4.185vw;--yp-hr:1.05vw;--yp-ht:1.805vh;--yp-tx-slide:max(0px, min(14px, 1.05cqw));display:block;height:3.78%;left:75.73%;top:11.11%;width:23.22%}
.yp-x-transmission{--tu:var(--pp, 1px);-webkit-backdrop-filter:blur(calc(14 * var(--tu)));backdrop-filter:blur(calc(14 * var(--tu)));background:linear-gradient(180deg, rgba(7, 7, 12, 0.66), rgba(4, 4, 8, 0.42));border-radius:calc(10 * var(--tu));border-width:calc(1 * var(--tu));box-shadow:0 calc(18 * var(--tu)) calc(58 * var(--tu)) rgba(0, 0, 0, 0.24), inset 0 0 calc(26 * var(--tu)) rgba(255, 255, 255, 0.018);font-size:calc(16 * var(--tu));padding:calc(24 * var(--tu)) calc(26 * var(--tu)) calc(22 * var(--tu)) calc(26 * var(--tu))}
.yp-x-transmission .yp-terminalHeader{font-size:calc(14 * var(--tu));letter-spacing:0.14em;margin-bottom:calc(18 * var(--tu))}
.yp-x-transmission .yp-terminalBody{font-size:calc(15 * var(--tu));line-height:1.72}
.yp-x-transmission .yp-terminalDivider{margin:calc(20 * var(--tu)) 0 calc(16 * var(--tu))}
.yp-x-transmission .yp-terminalFooter{font-size:calc(13 * var(--tu));letter-spacing:0.15em}
.yp-page[data-tx-state="open"] .yp-b-transmission,.yp-page[data-tx-state="expanding"] .yp-b-transmission{z-index:40}
.yp-b-logo{display:block;height:9%;left:0.42%;top:1%;width:12%}
.yp-b-liveIndicator{display:block;height:5%;left:0.92%;top:10%;width:11%}
.yp-c-liveIndicator{transform:revert-layer}
.yp-x-liveIndicator{font-size:calc(22.32 * var(--pp, 1px));gap:calc(10 * var(--pp, 1px))}
.yp-d-liveIndicator{height:calc(9 * var(--pp, 1px));width:calc(9 * var(--pp, 1px))}
.yp-b-share{--yp-hb:1.805vh;--yp-hl:6.515vw;--yp-hr:0.78vw;--yp-ht:3.5vh;display:block;height:4%;left:80.39%;top:3.5%;width:6%}
.yp-x-share{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-about{--yp-hb:1.805vh;--yp-hl:0.78vw;--yp-hr:0.72vw;--yp-ht:3.5vh;display:block;height:4%;left:87.95%;top:3.5%;width:6%}
.yp-x-about{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-playControl{display:block;height:13.94%;left:46.11%;top:68.14%;width:7.78%}
.yp-x-playControl .yp-pi{height:22.448979591836736cqmin;width:18.367346938775512cqmin}
.yp-b-footer{display:block;height:2%;left:25%;top:96.11%;width:50%}
.yp-x-footer{font-size:calc(12 * var(--pp, 1px));letter-spacing:0.1em}
.yp-b-hamburger{--yp-hb:2vh;--yp-hl:0.72vw;--yp-hr:0.86vw;--yp-ht:3.11vh;display:block;height:4%;left:95.39%;top:3.11%;width:3.75%}
.yp-x-hamburger{font-size:calc(12 * var(--pp, 1px))}
.yp-b-broadcastContext{display:block;height:9%;left:12.6%;top:83.39%;width:74.81%}
.yp-x-broadcastContext{font-size:calc(12 * var(--pp, 1px))}
.yp-b-like{display:none;height:5%;left:30%;top:88%;width:9%}
.yp-x-like{font-size:calc(13 * var(--pp, 1px))}
.yp-b-buy{display:none;height:5%;left:61%;top:88%;width:9%}
.yp-x-buy{font-size:calc(13 * var(--pp, 1px))}
.yp-b-bottomNav{display:none;height:4.5%;left:0%;top:95%;width:100%}
.yp-x-bottomNav{font-size:calc(12 * var(--pp, 1px))}
.yp-b-modeLive{display:block;height:8.88%;left:32.64%;top:2.67%;width:17.36%}
.yp-b-modeWorlds{display:block;height:8.88%;left:50%;top:2.67%;width:17.36%}
.yp-x-transmission .yp-txCollapse{height:revert-layer;margin:revert-layer;width:revert-layer}
.yp-x-transmission .yp-txCloseIcon{font-size:revert-layer}
.yp-x-share .yp-actIcon{display:revert-layer}
.yp-x-share .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
.yp-x-about .yp-actIcon{display:revert-layer}
.yp-x-about .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
@media (min-width: 768px) and (max-width: 1100px){
.yp-page{--pp:calc(var(--yp-h) / 768);--u:calc(var(--yp-h) / 1080);--yw-switch-bottom:revert-layer;--yw-switch-display:none;--yw-switch-left:revert-layer;--yw-switch-top:revert-layer;--yw-switch-transform:revert-layer}
.yp-background{object-position:center center}
.yp-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.2) 67%, rgba(0, 0, 0, 0.72) 100%)}
.yp-b-waveform{display:block;height:30%;left:10%;top:60.89%;width:80%}
.yp-c-waveform{overflow-x:clip}
.yp-x-waveform{width:100%}
.yp-b-transmission{--yp-tx-slide:max(0px, min(24px, 1.2cqw));display:block;height:33.58%;left:70.5%;top:11.11%;width:28.3%}
.yp-c-transmission{opacity:revert-layer}
.yp-t-transmission{--yp-hb:85.57vh;--yp-hl:65.38vw;--yp-hr:1.7vw;--yp-ht:1.445vh;--yp-tx-slide:max(0px, min(14px, 1.7cqw));display:block;height:4.43%;left:65.38%;top:10%;width:32.92%}
.yp-x-transmission{--tu:var(--pp, 1px);-webkit-backdrop-filter:blur(calc(14 * var(--tu)));backdrop-filter:blur(calc(14 * var(--tu)));background:linear-gradient(180deg, rgba(7, 7, 12, 0.66), rgba(4, 4, 8, 0.42));border-radius:calc(10 * var(--tu));border-width:calc(1 * var(--tu));box-shadow:0 calc(18 * var(--tu)) calc(58 * var(--tu)) rgba(0, 0, 0, 0.24), inset 0 0 calc(26 * var(--tu)) rgba(255, 255, 255, 0.018);font-size:calc(16 * var(--tu));padding:calc(20 * var(--tu)) calc(21 * var(--tu)) calc(18 * var(--tu)) calc(21 * var(--tu))}
.yp-x-transmission .yp-terminalHeader{font-size:calc(12 * var(--tu));letter-spacing:0.14em;margin-bottom:calc(18 * var(--tu))}
.yp-x-transmission .yp-terminalBody{font-size:calc(13 * var(--tu));line-height:1.72}
.yp-x-transmission .yp-terminalDivider{margin:calc(20 * var(--tu)) 0 calc(16 * var(--tu))}
.yp-x-transmission .yp-terminalFooter{font-size:calc(13 * var(--tu));letter-spacing:0.15em}
.yp-page[data-tx-state="open"] .yp-b-transmission,.yp-page[data-tx-state="expanding"] .yp-b-transmission{z-index:40}
.yp-b-logo{display:block;height:9%;left:0.42%;top:1%;width:12%}
.yp-b-liveIndicator{display:block;height:5%;left:0.92%;top:10%;width:11%}
.yp-c-liveIndicator{transform:revert-layer}
.yp-x-liveIndicator{font-size:calc(18 * var(--pp, 1px));gap:calc(10 * var(--pp, 1px))}
.yp-d-liveIndicator{height:calc(9 * var(--pp, 1px));width:calc(9 * var(--pp, 1px))}
.yp-b-share{--yp-hb:1.5vh;--yp-hl:6.43vw;--yp-hr:0.72vw;--yp-ht:3vh;display:block;height:4%;left:77.5%;top:3%;width:6%}
.yp-x-share{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-about{--yp-hb:1.5vh;--yp-hl:0.72vw;--yp-hr:2.225vw;--yp-ht:3vh;display:block;height:4%;left:84.94%;top:3%;width:6%}
.yp-x-about{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-playControl{display:block;height:13.94%;left:46.11%;top:68.14%;width:7.78%}
.yp-x-playControl .yp-pi{height:22.448979591836736cqmin;width:18.367346938775512cqmin}
.yp-b-footer{display:block;height:2%;left:25%;top:95.61%;width:50%}
.yp-x-footer{font-size:calc(12 * var(--pp, 1px));letter-spacing:0.1em}
.yp-b-hamburger{--yp-hb:1.445vh;--yp-hl:2.225vw;--yp-hr:0.86vw;--yp-ht:3.11vh;display:block;height:4%;left:95.39%;top:3.11%;width:3.75%}
.yp-x-hamburger{font-size:calc(12 * var(--pp, 1px))}
.yp-b-broadcastContext{display:block;height:9%;left:12.6%;top:83.39%;width:74.81%}
.yp-x-broadcastContext{font-size:calc(12 * var(--pp, 1px))}
.yp-b-like{display:none;height:5%;left:30%;top:88%;width:9%}
.yp-x-like{font-size:calc(13 * var(--pp, 1px))}
.yp-b-buy{display:none;height:5%;left:61%;top:88%;width:9%}
.yp-x-buy{font-size:calc(13 * var(--pp, 1px))}
.yp-b-bottomNav{display:none;height:4.5%;left:0%;top:95%;width:100%}
.yp-x-bottomNav{font-size:calc(12 * var(--pp, 1px))}
.yp-b-modeLive{display:block;height:6.52%;left:35.36%;top:2.24%;width:14.64%}
.yp-b-modeWorlds{display:block;height:6.51%;left:50%;top:2.25%;width:14.64%}
.yp-x-transmission .yp-txCollapse{height:revert-layer;margin:revert-layer;width:revert-layer}
.yp-x-transmission .yp-txCloseIcon{font-size:revert-layer}
.yp-x-share .yp-actIcon{display:revert-layer}
.yp-x-share .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
.yp-x-about .yp-actIcon{display:revert-layer}
.yp-x-about .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
}
@media (min-width: 768px) and (max-width: 1100px) and (orientation: portrait){
.yp-page{--pp:calc(var(--yp-h) / 1024);--u:calc(var(--yp-h) / 1080);--yw-switch-bottom:revert-layer;--yw-switch-display:none;--yw-switch-left:revert-layer;--yw-switch-top:revert-layer;--yw-switch-transform:revert-layer}
.yp-background{object-position:center center}
.yp-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.2) 67%, rgba(0, 0, 0, 0.72) 100%)}
.yp-b-waveform{display:block;height:14.22%;left:9.13%;top:69.36%;width:81.74%}
.yp-c-waveform{overflow-x:clip}
.yp-x-waveform{width:100%}
.yp-b-transmission{--yp-tx-slide:max(0px, min(24px, 3.64cqw));display:block;height:24.94%;left:51.33%;top:14.64%;width:45.03%}
.yp-c-transmission{opacity:revert-layer}
.yp-t-transmission{--yp-hb:89.18vh;--yp-hl:0.44vw;--yp-hr:2.42vw;--yp-ht:1.04vh;--yp-tx-slide:max(0px, min(14px, 2.42cqw));display:block;height:3.23%;left:70.5%;top:7.59%;width:27.08%}
.yp-x-transmission{--tu:var(--pp, 1px);-webkit-backdrop-filter:blur(calc(14 * var(--tu)));backdrop-filter:blur(calc(14 * var(--tu)));background:linear-gradient(180deg, rgba(7, 7, 12, 0.66), rgba(4, 4, 8, 0.42));border-radius:calc(10 * var(--tu));border-width:calc(1 * var(--tu));box-shadow:0 calc(18 * var(--tu)) calc(58 * var(--tu)) rgba(0, 0, 0, 0.24), inset 0 0 calc(26 * var(--tu)) rgba(255, 255, 255, 0.018);font-size:calc(16 * var(--tu));padding:calc(20 * var(--tu)) calc(21 * var(--tu)) calc(18 * var(--tu)) calc(21 * var(--tu))}
.yp-x-transmission .yp-terminalHeader{font-size:calc(12 * var(--tu));letter-spacing:0.14em;margin-bottom:calc(18 * var(--tu))}
.yp-x-transmission .yp-terminalBody{font-size:calc(13 * var(--tu));line-height:1.72}
.yp-x-transmission .yp-terminalDivider{margin:calc(20 * var(--tu)) 0 calc(16 * var(--tu))}
.yp-x-transmission .yp-terminalFooter{font-size:calc(13 * var(--tu));letter-spacing:0.15em}
.yp-page[data-tx-state="open"] .yp-b-transmission,.yp-page[data-tx-state="expanding"] .yp-b-transmission{z-index:40}
.yp-b-logo{display:block;height:6.8%;left:1.17%;top:0.96%;width:12.94%}
.yp-b-liveIndicator{display:block;height:5%;left:2.14%;top:7.76%;width:11%}
.yp-c-liveIndicator{transform:revert-layer}
.yp-x-liveIndicator{font-size:calc(18 * var(--pp, 1px));gap:calc(10 * var(--pp, 1px))}
.yp-d-liveIndicator{height:calc(9 * var(--pp, 1px));width:calc(9 * var(--pp, 1px))}
.yp-b-share{--yp-hb:0.725vh;--yp-hl:59.85vw;--yp-hr:1.5vw;--yp-ht:1.65vh;display:block;height:3.5%;left:59.85%;top:1.65%;width:14%}
.yp-x-share{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-about{--yp-hb:1.165vh;--yp-hl:1.5vw;--yp-hr:1.8vw;--yp-ht:1.76vh;display:block;height:3.5%;left:76.85%;top:1.76%;width:14%}
.yp-x-about{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-playControl{display:block;height:13.94%;left:45.17%;top:69.14%;width:9.65%}
.yp-x-playControl .yp-pi{height:22.448979591836736cqmin;width:18.367346938775512cqmin}
.yp-b-footer{display:block;height:2%;left:25%;top:96.46%;width:50%}
.yp-x-footer{font-size:calc(12 * var(--pp, 1px));letter-spacing:0.1em}
.yp-b-hamburger{--yp-hb:1.04vh;--yp-hl:1.8vw;--yp-hr:1.8vw;--yp-ht:1.51vh;display:block;height:4%;left:94.45%;top:1.51%;width:3.75%}
.yp-x-hamburger{font-size:calc(12 * var(--pp, 1px))}
.yp-b-broadcastContext{display:block;height:9%;left:12.6%;top:83.2%;width:74.81%}
.yp-x-broadcastContext{font-size:calc(12 * var(--pp, 1px))}
.yp-b-like{display:none;height:5%;left:30%;top:88%;width:9%}
.yp-x-like{font-size:calc(13 * var(--pp, 1px))}
.yp-b-buy{display:none;height:5%;left:61%;top:88%;width:9%}
.yp-x-buy{font-size:calc(13 * var(--pp, 1px))}
.yp-b-bottomNav{display:none;height:4.5%;left:0%;top:95%;width:100%}
.yp-x-bottomNav{font-size:calc(12 * var(--pp, 1px))}
.yp-b-modeLive{display:block;height:4.88%;left:30.54%;top:6.6%;width:19.54%}
.yp-b-modeWorlds{display:block;height:4.88%;left:50.08%;top:6.6%;width:19.54%}
.yp-x-transmission .yp-txCollapse{height:revert-layer;margin:revert-layer;width:revert-layer}
.yp-x-transmission .yp-txCloseIcon{font-size:revert-layer}
.yp-x-share .yp-actIcon{display:revert-layer}
.yp-x-share .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
.yp-x-about .yp-actIcon{display:revert-layer}
.yp-x-about .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
}
@media (max-width: 767px){
.yp-page{--pp:calc(var(--yp-h) / 844);--u:calc(var(--yp-h) / 1080);--yw-switch-bottom:revert-layer;--yw-switch-display:none;--yw-switch-left:revert-layer;--yw-switch-top:revert-layer;--yw-switch-transform:revert-layer}
.yp-background{object-position:center top}
.yp-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 42%, rgba(0, 0, 0, 0.26) 66%, rgba(0, 0, 0, 0.86) 100%)}
.yp-b-waveform{display:block;height:9%;left:0%;top:53%;width:100%}
.yp-c-waveform{overflow-x:clip}
.yp-x-waveform{width:132%}
.yp-b-transmission{--yp-tx-slide:max(0px, min(24px, 4cqw));display:block;height:22.1%;left:4%;top:63.5%;width:92%}
.yp-c-transmission{opacity:1}
.yp-t-transmission{--yp-hb:0.75vh;--yp-hl:4vw;--yp-hr:4vw;--yp-ht:0.75vh;--yp-tx-slide:max(0px, min(14px, 4cqw));display:block;height:4.9%;left:4%;top:82.6%;width:92%}
.yp-x-transmission{--tu:var(--pp, 1px);-webkit-backdrop-filter:blur(calc(14 * var(--tu)));backdrop-filter:blur(calc(14 * var(--tu)));background:linear-gradient(180deg, rgba(7, 7, 12, 0.62), rgba(4, 4, 8, 0.4));border-radius:calc(8 * var(--tu));border-width:calc(1 * var(--tu));box-shadow:0 calc(18 * var(--tu)) calc(58 * var(--tu)) rgba(0, 0, 0, 0.24), inset 0 0 calc(26 * var(--tu)) rgba(255, 255, 255, 0.018);font-size:calc(16 * var(--tu));padding:calc(14 * var(--tu)) calc(15 * var(--tu)) calc(13 * var(--tu)) calc(15 * var(--tu))}
.yp-x-transmission .yp-terminalHeader{font-size:calc(9 * var(--tu));letter-spacing:0.12em;margin-bottom:calc(11 * var(--tu))}
.yp-x-transmission .yp-terminalBody{font-size:calc(10 * var(--tu));line-height:1.5}
.yp-x-transmission .yp-terminalDivider{margin:calc(13 * var(--tu)) 0 calc(11 * var(--tu))}
.yp-x-transmission .yp-terminalFooter{font-size:calc(9 * var(--tu));letter-spacing:0.12em}
.yp-page[data-tx-state="open"] .yp-b-transmission,.yp-page[data-tx-state="expanding"] .yp-b-transmission{z-index:40}
.yp-b-logo{display:block;height:5.87%;left:3.59%;top:1.66%;width:22.56%}
.yp-b-liveIndicator{display:block;height:1.8%;left:2.87%;top:7.53%;width:24%}
.yp-c-liveIndicator{transform:scale(0.8)}
.yp-x-liveIndicator{font-size:calc(15 * var(--pp, 1px));gap:calc(8 * var(--pp, 1px))}
.yp-d-liveIndicator{height:calc(9 * var(--pp, 1px));width:calc(9 * var(--pp, 1px))}
.yp-b-share{--yp-hb:0.75vh;--yp-hl:1.5vw;--yp-hr:1.5vw;--yp-ht:5.95vh;display:block;height:7.6%;left:26.5%;top:73.5%;width:22%}
.yp-x-share{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:0;color:rgba(255, 255, 255, 0.8);flex-direction:column;font-size:calc(13 * var(--pp, 1px));gap:0.34em;justify-content:flex-start;padding:0.35em 0 0}
.yp-b-about{--yp-hb:0.75vh;--yp-hl:1.5vw;--yp-hr:26.5vw;--yp-ht:5.95vh;display:block;height:7.6%;left:51.5%;top:73.5%;width:22%}
.yp-x-about{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:0;color:rgba(255, 255, 255, 0.8);flex-direction:column;font-size:calc(13 * var(--pp, 1px));gap:0.34em;justify-content:flex-start;padding:0.35em 0 0}
.yp-b-playControl{display:block;height:8.8%;left:40.5%;top:52.8%;width:19%}
.yp-x-playControl .yp-pi{height:25cqmin;width:20.833333333333336cqmin}
.yp-b-footer{display:block;height:2%;left:25%;top:96.63%;width:50%}
.yp-x-footer{font-size:calc(8 * var(--pp, 1px));letter-spacing:0.07em}
.yp-b-hamburger{--yp-hb:38vh;--yp-hl:84vw;--yp-hr:4vw;--yp-ht:1.6vh;display:block;height:5%;left:84%;top:1.6%;width:12%}
.yp-x-hamburger{font-size:calc(12 * var(--pp, 1px))}
.yp-b-broadcastContext{display:block;height:8%;left:4%;top:63.5%;width:92%}
.yp-x-broadcastContext{font-size:calc(12 * var(--pp, 1px))}
.yp-b-like{display:block;height:7.6%;left:1.5%;top:73.5%;width:22%}
.yp-x-like{font-size:calc(13 * var(--pp, 1px))}
.yp-b-buy{display:block;height:7.6%;left:76.5%;top:73.5%;width:22%}
.yp-x-buy{font-size:calc(13 * var(--pp, 1px))}
.yp-b-bottomNav{display:block;height:7%;left:0%;top:89%;width:100%}
.yp-x-bottomNav{font-size:calc(12 * var(--pp, 1px))}
.yp-b-modeLive{display:none;height:7.2%;left:2%;top:14%;width:48%}
.yp-b-modeWorlds{display:none;height:7.2%;left:50%;top:14%;width:48%}
.yp-x-transmission .yp-txCollapse{height:calc(34 * var(--tu, 1px));margin:calc(-10 * var(--tu, 1px)) calc(-12 * var(--tu, 1px)) 0 0;width:calc(44 * var(--tu, 1px))}
.yp-x-transmission .yp-txCloseIcon{font-size:calc(16 * var(--tu, 1px))}
.yp-x-share .yp-actIcon{display:flex}
.yp-x-share .yp-pillLabel{font-size:0.72em;font-weight:600;letter-spacing:0.2em;text-transform:uppercase}
.yp-x-about .yp-actIcon{display:flex}
.yp-x-about .yp-pillLabel{font-size:0.72em;font-weight:600;letter-spacing:0.2em;text-transform:uppercase}
}
@media (orientation: landscape) and (max-height: 500px){
.yp-page{--pp:calc(var(--yp-h) / 390);--u:calc(var(--yp-h) / 1080);--yw-switch-bottom:auto;--yw-switch-display:flex;--yw-switch-left:17.5%;--yw-switch-top:27%;--yw-switch-transform:translate(-50%, -50%)}
.yp-background{object-position:center center}
.yp-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.2) 67%, rgba(0, 0, 0, 0.72) 100%)}
.yp-b-waveform{display:block;height:18.11%;left:24.57%;top:65.5%;width:50.84%}
.yp-c-waveform{overflow-x:clip}
.yp-x-waveform{width:100%}
.yp-b-transmission{--yp-tx-slide:max(0px, min(24px, 3.31cqw));display:block;height:59.29%;left:71.18%;top:13%;width:25.51%}
.yp-c-transmission{opacity:revert-layer}
.yp-t-transmission{--yp-hb:30.225vh;--yp-hl:30.08vw;--yp-hr:1.4vw;--yp-ht:3.18vh;--yp-tx-slide:max(0px, min(14px, 30.07cqw));display:block;height:4.29%;left:30.08%;top:3.18%;width:39.85%}
.yp-x-transmission{--tu:var(--pp, 1px);-webkit-backdrop-filter:blur(calc(14 * var(--tu)));backdrop-filter:blur(calc(14 * var(--tu)));background:linear-gradient(180deg, rgba(7, 7, 12, 0.62), rgba(4, 4, 8, 0.4));border-radius:calc(8 * var(--tu));border-width:calc(1 * var(--tu));box-shadow:0 calc(18 * var(--tu)) calc(58 * var(--tu)) rgba(0, 0, 0, 0.24), inset 0 0 calc(26 * var(--tu)) rgba(255, 255, 255, 0.018);font-size:calc(16 * var(--tu));padding:calc(14 * var(--tu)) calc(15 * var(--tu)) calc(13 * var(--tu)) calc(15 * var(--tu))}
.yp-x-transmission .yp-terminalHeader{font-size:calc(9 * var(--tu));letter-spacing:0.12em;margin-bottom:calc(11 * var(--tu))}
.yp-x-transmission .yp-terminalBody{font-size:calc(10 * var(--tu));line-height:1.5}
.yp-x-transmission .yp-terminalDivider{margin:calc(13 * var(--tu)) 0 calc(11 * var(--tu))}
.yp-x-transmission .yp-terminalFooter{font-size:calc(9 * var(--tu));letter-spacing:0.12em}
.yp-page[data-tx-state="open"] .yp-b-transmission,.yp-page[data-tx-state="expanding"] .yp-b-transmission{z-index:40}
.yp-b-logo{display:block;height:12%;left:0.63%;top:1%;width:12%}
.yp-b-liveIndicator{display:block;height:3.44%;left:2.48%;top:14.78%;width:8.3%}
.yp-c-liveIndicator{transform:revert-layer}
.yp-x-liveIndicator{font-size:calc(15 * var(--pp, 1px));gap:calc(8 * var(--pp, 1px))}
.yp-d-liveIndicator{height:calc(9 * var(--pp, 1px));width:calc(9 * var(--pp, 1px))}
.yp-b-share{--yp-hb:92.82vh;--yp-hl:1.4vw;--yp-hr:1.245vw;--yp-ht:3.18vh;display:block;height:4%;left:72.73%;top:3.18%;width:8.62%}
.yp-x-share{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-about{--yp-hb:92.82vh;--yp-hl:1.245vw;--yp-hr:0.73vw;--yp-ht:3.18vh;display:block;height:4%;left:83.84%;top:3.18%;width:8.84%}
.yp-x-about{-webkit-backdrop-filter:revert-layer;backdrop-filter:revert-layer;background:revert-layer;border:revert-layer;color:revert-layer;flex-direction:revert-layer;font-size:revert-layer;gap:revert-layer;justify-content:revert-layer;padding:revert-layer}
.yp-b-playControl{display:block;height:12.16%;left:46.57%;top:67.92%;width:6.87%}
.yp-x-playControl .yp-pi{height:25cqmin;width:20.833333333333336cqmin}
.yp-b-footer{display:block;height:2%;left:25%;top:93.87%;width:50%}
.yp-x-footer{font-size:calc(8 * var(--pp, 1px));letter-spacing:0.07em}
.yp-b-hamburger{--yp-hb:92.82vh;--yp-hl:0.73vw;--yp-hr:2.11vw;--yp-ht:3.18vh;display:block;height:4%;left:94.14%;top:3.18%;width:3.75%}
.yp-x-hamburger{font-size:calc(12 * var(--pp, 1px))}
.yp-b-broadcastContext{display:block;height:9%;left:12.6%;top:81.89%;width:74.81%}
.yp-x-broadcastContext{font-size:calc(12 * var(--pp, 1px))}
.yp-b-like{display:none;height:5%;left:30%;top:88%;width:9%}
.yp-x-like{font-size:calc(13 * var(--pp, 1px))}
.yp-b-buy{display:none;height:5%;left:61%;top:88%;width:9%}
.yp-x-buy{font-size:calc(13 * var(--pp, 1px))}
.yp-b-bottomNav{display:none;height:4.5%;left:0%;top:95%;width:100%}
.yp-x-bottomNav{font-size:calc(12 * var(--pp, 1px))}
.yp-b-modeLive{display:none;height:17%;left:14%;top:22%;width:24%}
.yp-b-modeWorlds{display:none;height:17%;left:38%;top:22%;width:24%}
.yp-x-transmission .yp-txCollapse{height:revert-layer;margin:revert-layer;width:revert-layer}
.yp-x-transmission .yp-txCloseIcon{font-size:revert-layer}
.yp-x-share .yp-actIcon{display:revert-layer}
.yp-x-share .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
.yp-x-about .yp-actIcon{display:revert-layer}
.yp-x-about .yp-pillLabel{font-size:revert-layer;font-weight:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}
}

.yp-cpBody{overflow-x:hidden}
.yp-cp{position:relative;--pp:1px}
.yp-cp[data-yoj-open] .yp-scrim,.yp-cp[data-yoj-open] .yp-drawer,.yp-cp[data-yoj-open] .yp-sheet,.yp-cp[data-yoj-open] .yp-aboutOverlay{position:fixed}
.yp-cpHero{padding-bottom:clamp(28px,5vh,56px)}
.yp-cpHeroArtist{padding-bottom:clamp(92px,12vh,132px)}
.yp-cpHeroArtist .yp-abWave{bottom:clamp(18px,3vh,30px);height:48px;opacity:.12}
.yp-cpHeroArtistWithImage{padding-bottom:clamp(44px,7vh,76px)}
.yp-cpHeroArt{display:block;width:100%;aspect-ratio:2/1;margin:0 0 clamp(22px,4vh,42px);overflow:hidden;border-radius:3px;background:#06080b}
.yp-cpHeroArt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.yp-cpHeroArtMobileOnly{width:min(100%,760px);aspect-ratio:4/5;margin-left:auto;margin-right:auto}
.yp-dcHero{padding-bottom:clamp(34px,6vh,72px)}
.yp-dcListHero{padding-bottom:clamp(28px,5vh,56px)}
.yp-dcH1{margin:0;max-width:9ch}
.yp-dcIndexSections{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,72px) clamp(42px,7vh,80px)}
.yp-dcIndexGrid{display:grid;gap:12px}
.yp-dcIndexCard{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.5vw,30px);min-height:142px;padding:clamp(20px,3vw,32px);box-sizing:border-box;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));color:#fff;text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.yp-dcIndexCard::after{content:"";position:absolute;inset:auto -10% -70% 35%;height:150%;background:radial-gradient(circle,rgba(120,80,220,.2),transparent 64%);pointer-events:none}
.yp-dcIndexCard:hover,.yp-dcIndexCard:focus-visible{transform:translateY(-2px);border-color:rgba(120,230,255,.54);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));outline:none}
.yp-dcIndexWorlds{border-color:rgba(120,230,255,.28);background:radial-gradient(circle at 8% 50%,rgba(120,80,220,.27),transparent 35%),linear-gradient(135deg,rgba(8,16,22,.94),rgba(12,25,31,.88))}
.yp-dcIndexNumber{position:relative;z-index:1;color:rgba(120,230,255,.72);font-size:11px;letter-spacing:.22em;font-variant-numeric:tabular-nums}
.yp-dcIndexCopy{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.yp-dcIndexTitle{font-size:clamp(31px,4.6vw,58px);line-height:.9;letter-spacing:-.035em;overflow-wrap:anywhere}
.yp-dcIndexLead{max-width:42em;font-size:14px;line-height:1.5;color:rgba(255,255,255,.58);overflow-wrap:anywhere}
.yp-dcIndexMeta{position:relative;z-index:1;display:flex;align-items:center;gap:18px;white-space:nowrap}
.yp-dcIndexCount{color:rgba(255,255,255,.36);font-size:11px;letter-spacing:.18em;font-variant-numeric:tabular-nums}
.yp-dcIndexAction{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(120,230,255,.88)}
.yp-dcBody{max-width:1200px;margin:0 auto}
.yp-dcSection{box-sizing:border-box;padding:clamp(38px,6vh,68px) clamp(20px,5vw,72px);border-top:1px solid rgba(255,255,255,.08)}
.yp-dcListSection{max-width:1200px;margin:0 auto;padding-top:clamp(30px,5vh,56px)}
.yp-dcSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(20px,3vh,30px)}
.yp-dcSectionHead h2{margin:0;font-size:clamp(28px,4vw,52px);line-height:.95;letter-spacing:-.025em}
.yp-dcIndex{margin:0 0 9px;color:rgba(120,230,255,.78);font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.yp-dcCount{color:rgba(255,255,255,.38);font-size:12px;letter-spacing:.18em;font-variant-numeric:tabular-nums}
.yp-dcReleaseGrid,.yp-dcArtistGrid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,2vw,24px)}
.yp-dcReleaseGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.yp-dcRelease{display:flex;flex-direction:column;height:100%;min-width:0;padding:10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015));color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.yp-dcRelease:hover,.yp-dcRelease:focus-visible{transform:translateY(-3px);border-color:rgba(120,230,255,.5);outline:none}
.yp-dcCover{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:11px;background:#0b0d14}
.yp-dcCoverPicture{display:block;width:100%;min-width:0}
.yp-dcNoCover{display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(120,80,220,.5),transparent 56%),radial-gradient(circle at 75% 78%,rgba(60,180,220,.35),transparent 60%),#0b0d14;color:rgba(255,255,255,.54);font-size:12px;letter-spacing:.3em}
.yp-dcReleaseBody{display:flex;flex-direction:column;gap:7px;padding:15px 5px 7px;min-width:0}
.yp-dcReleaseEyebrow{font-size:9px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);overflow-wrap:anywhere}
.yp-dcReleaseTitle{font-size:clamp(19px,2vw,26px);line-height:1.08;font-weight:600;letter-spacing:-.015em;overflow-wrap:anywhere}
.yp-dcReleaseArtist{font-size:13px;color:rgba(171,152,255,.9);overflow-wrap:anywhere}
.yp-dcArtistGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.yp-dcArtist{display:flex;align-items:center;gap:15px;min-width:0;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025);color:#fff;text-decoration:none}
.yp-dcArtist:hover,.yp-dcArtist:focus-visible{border-color:rgba(171,152,255,.55);outline:none}
.yp-dcMonogram{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid rgba(171,152,255,.45);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(171,152,255,.24),transparent 70%);font-size:19px;font-weight:600}
.yp-dcArtistBody{display:flex;flex-direction:column;gap:4px;min-width:0}
.yp-dcArtistTitle{font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.yp-dcArtistMeta{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.yp-dcArtistBio{margin-top:3px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.62);overflow-wrap:anywhere}
.yp-dcArrow{margin-left:auto;color:rgba(120,230,255,.8);font-size:18px}
.yp-dcListEmpty{margin:0;padding:clamp(24px,4vw,40px);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:rgba(255,255,255,.55);font-size:14px;line-height:1.55}
.yp-cpBrand{margin:0 0 clamp(16px,3vh,28px)}
.yp-cpEyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:rgba(120,230,255,.85)}
.yp-cpH1{font-size:clamp(34px,6vw,84px);max-width:16ch}
.yp-cpLead{margin:22px 0 0;max-width:36em}
.yp-cpArtistHeroBio{max-width:38em;font-size:clamp(17px,1.45vw,22px);line-height:1.5}
.yp-cpFacts{margin:14px 0 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.yp-cpBy{margin:14px 0 0;font-size:clamp(17px,1.6vw,22px)}
.yp-cpArtistLink{color:#fff;text-decoration:none;border-bottom:1px solid rgba(171,152,255,.7);padding-bottom:2px}
.yp-cpArtistLink:hover,.yp-cpArtistLink:focus-visible{color:rgba(171,152,255,.98)}
.yp-cpLinks{display:flex;flex-wrap:wrap;gap:10px 14px;margin:26px 0 0}
.yp-cpLink{display:inline-block;padding:9px 16px;color:#fff;text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(255,255,255,.28);border-radius:999px}
.yp-cpLink:hover,.yp-cpLink:focus-visible{border-color:rgba(120,230,255,.85);color:rgba(120,230,255,.98)}
[data-page="release"] .yp-cpHeroRelease{display:block;padding-bottom:0}
[data-page="release"] .yp-cpReleaseHead{display:grid;grid-template-columns:minmax(0,min(42vw,512px)) minmax(0,1fr);align-items:center;gap:clamp(34px,5vw,76px);width:100%;min-width:0}
[data-page="release"] .yp-cpReleaseHeadNoCover{grid-template-columns:minmax(0,1fr)}
[data-page="release"] .yp-cpCover{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:6px;background:#090b10;box-shadow:0 38px 100px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.1),0 0 60px rgba(92,70,160,.08)}
[data-page="release"] .yp-cpCoverPicture{display:block;width:100%;max-width:100%}
[data-page="release"] .yp-cpReleaseText{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;max-width:100%}
[data-page="release"] .yp-cpReleaseText .yp-cpEyebrow{margin-bottom:clamp(14px,2vh,20px);line-height:1.5;color:rgba(136,235,255,.92)}
[data-page="release"] .yp-cpReleaseText .yp-cpH1{font-size:clamp(52px,7.2vw,104px);line-height:.88;letter-spacing:-.025em;max-width:10ch;text-wrap:balance}
[data-page="release"] .yp-cpReleaseText .yp-cpBy{margin-top:clamp(16px,2.4vh,24px)}
[data-page="release"] .yp-cpArtistLink{font-weight:500;letter-spacing:.04em}
[data-page="release"] .yp-cpListening{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:520px;margin-top:clamp(24px,3.5vh,36px)}
[data-page="release"] .yp-cpListenHeading{margin:0 0 12px;font-size:clamp(14px,1.2vw,17px);line-height:1.25;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.94);text-wrap:balance}
[data-page="release"] .yp-cpListenActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;width:100%}
[data-page="release"] .yp-cpListenButton{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:56px;padding:0 18px;box-sizing:border-box;border:1px solid rgba(120,230,255,.52);border-radius:3px;background:linear-gradient(110deg,rgba(120,230,255,.15),rgba(171,152,255,.08));color:#fff;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 14px 38px rgba(0,0,0,.2);transition:border-color .2s ease,background .2s ease,transform .2s ease}
[data-page="release"] .yp-cpListenButton:hover{transform:translateY(-1px);border-color:rgba(136,235,255,.94);background:linear-gradient(110deg,rgba(120,230,255,.22),rgba(171,152,255,.12))}
[data-page="release"] .yp-cpPlatformIcon{display:block;width:24px;height:24px;object-fit:contain}
[data-page="release"] .yp-cpListenLabel{min-width:0;text-align:left;overflow-wrap:anywhere}
[data-page="release"] .yp-cpListenArrow{font-size:19px;line-height:1;letter-spacing:0;color:rgba(136,235,255,.95)}
[data-page="release"] .yp-cpAllPlatforms{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding-bottom:4px;border-bottom:1px solid rgba(171,152,255,.58);color:rgba(255,255,255,.74);text-decoration:none;font-size:11px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}
[data-page="release"] .yp-cpAllPlatforms:hover{color:rgba(136,235,255,.98);border-bottom-color:rgba(136,235,255,.86)}
[data-page="release"] .yp-cpOtherPlatforms{width:100%;margin-top:12px}
[data-page="release"] .yp-cpOtherPlatforms .yp-cpLinks{margin:0}
[data-page="release"] .yp-cpOtherPlatforms .yp-cpLink{font-size:11px;color:rgba(255,255,255,.68);border-color:rgba(255,255,255,.2)}
[data-page="release"] .yp-cpReleaseMeta{box-sizing:border-box;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;max-width:1200px;margin:0 auto;padding:clamp(26px,4vh,42px) clamp(20px,5vw,72px) clamp(32px,5vh,52px);border-top:1px solid rgba(255,255,255,.08)}
[data-page="release"] .yp-cpMetaLabel{margin:0;font-size:9px;line-height:1.5;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.42)}
[data-page="release"] .yp-cpReleaseMeta .yp-cpFacts{margin:0;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.56)}
[data-page="release"] .yp-cpReleaseAboutText{max-width:48em;white-space:pre-wrap;overflow-wrap:anywhere}
[data-page="release"] .yp-cpTracks{max-width:46em}
[data-page="release"] .yp-cpTracksTwoCol{column-count:2;column-gap:clamp(36px,6vw,84px);max-width:none}
[data-page="release"] .yp-cpTracksTwoCol .yp-cpTrack{break-inside:avoid;min-width:0}
.yp-cpSec{padding-top:clamp(36px,5.5vh,64px);padding-bottom:clamp(36px,5.5vh,64px)}
.yp-cpAbout{padding-top:clamp(32px,5vh,56px)}
.yp-cpBioText{max-width:42em;white-space:pre-wrap;overflow-wrap:anywhere}
.yp-cpDisco{padding-top:clamp(40px,6vh,68px)}
.yp-cpFoot{justify-content:flex-start}
.yp-cpList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.yp-cpRowLink{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);padding:14px 0;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}
.yp-cpRowLink:hover .yp-cpRowTitle,.yp-cpRowLink:focus-visible .yp-cpRowTitle{color:rgba(171,152,255,.98)}
.yp-cpRowCover{flex:none;width:clamp(72px,9vw,132px);aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:3px;background:#0b0d14}
.yp-cpRowCoverPicture{flex:none;width:clamp(72px,9vw,132px);aspect-ratio:1/1}
.yp-cpRowCoverPicture .yp-cpRowCover{width:100%;height:100%}
.yp-cpNoCover{display:block;background:linear-gradient(135deg,rgba(120,80,220,.35),rgba(60,180,220,.18))}
.yp-cpRowText{display:flex;flex-direction:column;gap:6px;min-width:0}
.yp-cpRowTitle{font-size:clamp(20px,2.2vw,30px);line-height:1.15;font-weight:600;overflow-wrap:break-word}
.yp-cpRowMeta{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.yp-cpDisc{margin:26px 0 8px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:500}
.yp-cpTracks{list-style:none;margin:0;padding:0;max-width:46em}
.yp-cpTrack{display:flex;gap:clamp(14px,2vw,26px);align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.yp-cpTrackNo{flex:none;width:2.2em;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.45);font-size:15px}
.yp-cpTrackTitle{font-size:clamp(17px,1.5vw,21px);line-height:1.35;overflow-wrap:break-word}
.yp-cpLink:focus-visible,.yp-cpRowLink:focus-visible,.yp-cpArtistLink:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}
[data-page="artist"],[data-page="release"]{--yoj-cp-signal:rgba(120,230,255,.9)}
[data-page="artist"] .yp-cpRowMeta,[data-page="release"] .yp-cpRowMeta,[data-page="release"] .yp-cpFacts,[data-page="release"] .yp-cpDisc,[data-page="release"] .yp-cpTrackNo{color:rgba(255,255,255,.7)}
[data-page="artist"] a:focus-visible,[data-page="release"] a:focus-visible{outline:2px solid var(--yoj-cp-signal);outline-offset:4px;border-radius:2px}
[data-page="release"] .yp-cpSignalLine{position:relative;display:block;box-sizing:border-box;width:100%;height:20px;margin:clamp(24px,4vh,40px) 0 0;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(120,230,255,.34) 16%,rgba(171,152,255,.42) 54%,rgba(120,230,255,.22) 84%,transparent);background-repeat:no-repeat;background-position:center;background-size:100% 1px}
[data-page="release"] .yp-cpSignalLine::after{content:"";position:absolute;top:50%;left:12%;width:min(22%,150px);height:1px;background:linear-gradient(90deg,transparent,rgba(120,230,255,.95),transparent);box-shadow:0 0 14px rgba(120,230,255,.5);transform:translateY(-50%)}
@media (max-width:900px){[data-page="release"] .yp-cpReleaseHead{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(22px,4vw,30px)}
[data-page="release"] .yp-cpCover{width:min(100%,420px)}
[data-page="release"] .yp-cpReleaseText{width:100%}
[data-page="release"] .yp-cpReleaseText .yp-cpH1{font-size:clamp(44px,9vw,68px);max-width:14ch}
[data-page="release"] .yp-cpTracksTwoCol{column-count:1}}
@media (max-width:767px){.yp-cpH1{font-size:clamp(30px,10vw,48px);max-width:none}
.yp-cpHeroArtist{padding:24px 20px 84px}
.yp-cpHeroArtist .yp-abWave{bottom:18px;height:40px}
.yp-cpHeroArtistWithImage{padding-bottom:40px}
.yp-cpHeroArt,.yp-cpHeroArtResponsive,.yp-cpHeroArtMobileOnly{aspect-ratio:4/5;margin-bottom:22px}
.yp-cpHeroArtDesktopOnly{aspect-ratio:2/1}
.yp-cpArtistLead{max-width:none}
.yp-cpArtistHeroBio{max-width:none;font-size:17px;line-height:1.55}
.yp-cpSec{padding:32px 20px}
.yp-cpDisco{padding-top:40px}
.yp-dcHero{padding:24px 20px 38px}
.yp-dcListHero{padding:24px 20px 32px}
.yp-dcH1{max-width:none}
.yp-dcIndexSections{padding:0 20px 38px}
.yp-dcIndexCard{grid-template-columns:38px minmax(0,1fr);gap:12px;min-height:0;padding:20px 18px;border-radius:14px}
.yp-dcIndexTitle{font-size:clamp(29px,9vw,42px)}
.yp-dcIndexMeta{grid-column:2;justify-content:space-between;white-space:normal}
.yp-dcSection{padding:34px 20px}
.yp-dcListSection{padding-top:30px}
.yp-dcSectionHead{margin-bottom:20px}
.yp-dcIndexGrid,.yp-dcReleaseGrid,.yp-dcArtistGrid{grid-template-columns:minmax(0,1fr)}
.yp-dcArtistBio{font-size:12px;line-height:1.5}
[data-page="release"] .yp-cpHeroRelease{padding:16px 20px 0}
[data-page="release"] .yp-cpBrand{margin-bottom:10px}
[data-page="release"] .yp-abLogo{width:76px}
[data-page="release"] .yp-cpReleaseHead{gap:18px}
[data-page="release"] .yp-cpCover{width:min(100%,320px);border-radius:4px}
[data-page="release"] .yp-cpReleaseText .yp-cpEyebrow{font-size:11px;letter-spacing:.18em}
[data-page="release"] .yp-cpReleaseText .yp-cpH1{font-size:clamp(36px,11vw,48px);line-height:.94;max-width:100%;text-wrap:balance}
[data-page="release"] .yp-cpReleaseText .yp-cpBy{margin-top:10px;font-size:17px}
[data-page="release"] .yp-cpListening{margin-top:18px}
[data-page="release"] .yp-cpListenHeading{margin-bottom:10px;font-size:14px}
[data-page="release"] .yp-cpListenActions{grid-template-columns:minmax(0,1fr)}
[data-page="release"] .yp-cpListenButton{width:100%;min-height:50px;padding:0 16px;font-size:12px;letter-spacing:.12em}
[data-page="release"] .yp-cpAllPlatforms{margin-top:12px}
[data-page="release"] .yp-cpOtherPlatforms{margin-top:10px}
[data-page="release"] .yp-cpSignalLine{margin-top:18px}
[data-page="release"] .yp-cpReleaseMeta{padding:24px 20px 34px;gap:7px 14px}
[data-page="release"] .yp-cpReleaseAbout{padding-top:28px}
[data-page="release"] .yp-cpTracklist{padding-top:30px}
[data-page="release"] .yp-cpTracksTwoCol{column-count:1}
.yp-cpRowCover,.yp-cpRowCoverPicture{width:84px}
}
@media (max-width:767px) and (max-height:720px){[data-page="release"] .yp-cpHeroRelease{padding-top:12px}
[data-page="release"] .yp-cpBrand{margin-bottom:8px}
[data-page="release"] .yp-abLogo{width:58px}
[data-page="release"] .yp-cpCover{width:min(100%,240px)}
[data-page="release"] .yp-cpReleaseHead{gap:14px}
[data-page="release"] .yp-cpReleaseText .yp-cpH1{font-size:clamp(32px,10vw,42px)}
[data-page="release"] .yp-cpReleaseText .yp-cpBy{margin-top:8px}
[data-page="release"] .yp-cpListening{margin-top:12px}
[data-page="release"] .yp-cpListenHeading{margin-bottom:8px;font-size:13px}
[data-page="release"] .yp-cpListenActions{gap:8px}
[data-page="release"] .yp-cpListenButton{min-height:46px}
[data-page="release"] .yp-cpAllPlatforms{margin-top:8px}}