/* Extracted from index.html inline style block 1. */
.auricle-v11 {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 34px 0 24px;
    overflow: visible;
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: rgba(var(--av11-ink), .92);
  }

  .auricle-v11,
  .auricle-v11 * {
    box-sizing: border-box;
  }

  .auricle-v11::before,
  .auricle-v11::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    border-radius: 50%;
    mix-blend-mode: screen;
  }

  .auricle-v11::before {
    top: -6px;
    width: min(720px, 98vw);
    height: 540px;
    z-index: 0;
    background:
      radial-gradient(circle at 50% 30%,
        hsla(var(--av11-h1), 100%, 98%, .70) 0%,
        hsla(var(--av11-h2), 92%, 86%, .24) 24%,
        hsla(var(--av11-h4), 92%, 76%, .14) 46%,
        hsla(var(--av11-h4), 92%, 76%, 0) 72%),
      radial-gradient(circle at 34% 58%,
        hsla(var(--av11-h3), 92%, 82%, .13) 0%,
        hsla(var(--av11-h3), 92%, 82%, 0) 44%),
      radial-gradient(circle at 66% 42%,
        hsla(var(--av11-h6), 94%, 82%, .14) 0%,
        hsla(var(--av11-h6), 94%, 82%, 0) 42%);
    filter: blur(20px);
    animation: av11SceneWake 1.1s cubic-bezier(.18,.82,.22,1) both;
  }

  .auricle-v11::after {
    top: 58px;
    width: min(480px, 88vw);
    height: 360px;
    z-index: 0;
    background:
      radial-gradient(circle,
        hsla(var(--av11-h2), 92%, 82%, .06) 0%,
        hsla(var(--av11-h4), 92%, 74%, .08) 34%,
        hsla(var(--av11-h6), 92%, 80%, .05) 54%,
        transparent 74%);
    filter: blur(34px);
    opacity: .78;
    animation: av11SceneDrift 18s ease-in-out infinite;
  }

  @keyframes av11SceneWake {
    0% {
      opacity: 0;
      transform: translateX(-50%) scale(.88);
      filter: blur(26px);
    }
    100% {
      opacity: 1;
      transform: translateX(-50%) scale(1);
      filter: blur(20px);
    }
  }

  @keyframes av11SceneDrift {
    0%, 100% {
      transform: translateX(-50%) scale(.96) rotate(0deg);
      opacity: .52;
    }
    50% {
      transform: translateX(-50%) scale(1.05) rotate(7deg);
      opacity: .84;
    }
  }

  .auricle-v11__space {
    position: relative;
    width: min(100%, 620px);
    overflow: visible;
    isolation: isolate;
    padding: 8px 22px 16px;
    animation: av11SpaceIn .95s cubic-bezier(.18,.82,.22,1) both;
  }

  @keyframes av11SpaceIn {
    0% {
      opacity: 0;
      transform: translateY(10px) scale(.985);
    }
    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  .auricle-v11__scene {
    position: relative;
    z-index: 2;
    height: 340px;
    overflow: visible;
  }

  .auricle-v11__scene::before,
  .auricle-v11__scene::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    mix-blend-mode: screen;
  }

  .auricle-v11__scene::before {
    background:
      radial-gradient(circle at 24% 28%, rgba(255,255,255,.36) 0 1px, transparent 2px),
      radial-gradient(circle at 72% 22%, rgba(255,255,255,.26) 0 1px, transparent 2px),
      radial-gradient(circle at 80% 56%, rgba(255,255,255,.24) 0 1px, transparent 2px),
      radial-gradient(circle at 18% 62%, rgba(255,255,255,.22) 0 1px, transparent 2px),
      radial-gradient(circle at 50% 14%, rgba(255,255,255,.20) 0 1px, transparent 2px);
    opacity: .56;
    animation: av11Dust 9s ease-in-out infinite;
  }

  .auricle-v11__scene::after {
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    inset: auto;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
      radial-gradient(circle,
        hsla(var(--av11-h2), 92%, 88%, .11) 0%,
        hsla(var(--av11-h4), 90%, 82%, .08) 36%,
        hsla(var(--av11-h6), 92%, 84%, .05) 52%,
        transparent 74%);
    filter: blur(12px);
    animation: av11Breath 6.5s ease-in-out infinite;
  }

  @keyframes av11Dust {
    0%, 100% {
      transform: translateY(0) rotate(0deg);
      opacity: .38;
    }
    50% {
      transform: translateY(-8px) rotate(.6deg);
      opacity: .68;
    }
  }

  @keyframes av11Breath {
    0%, 100% {
      transform: translate(-50%, -50%) scale(.94);
      opacity: .30;
    }
    50% {
      transform: translate(-50%, -50%) scale(1.06);
      opacity: .58;
    }
  }

  .auricle-v11__canvas {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: calc(.78 + var(--av11-i) * .16);
    filter:
      saturate(1.06)
      drop-shadow(0 0 8px rgba(255,255,255,.08));
  }

  .auricle-v11__loader {
    position: absolute;
    left: 50%;
    top: calc(50% + 88px);
    z-index: 8;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 26px;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 999px;
    color: rgba(58, 53, 68, .66);
    background: rgba(255, 255, 255, .38);
    box-shadow: 0 7px 24px rgba(255, 255, 255, .24);
    transform: translateX(-50%);
    opacity: 1;
    pointer-events: none;
    contain: paint;
    transition: opacity .32s ease, transform .32s ease, visibility .32s ease;
  }

  .auricle-v11__loader-mark {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(112, 236, 224, .92), rgba(255, 142, 210, .78));
    box-shadow:
      0 0 8px rgba(112, 236, 224, .32),
      0 0 10px rgba(255, 142, 210, .22);
    animation: av11LoaderPulse 1.2s ease-in-out infinite;
  }

  .auricle-v11__loader-text {
    font-size: 11px;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
  }

  .auricle-v11[data-audio-state="metadata"] .auricle-v11__loader,
  .auricle-v11[data-audio-state="ready"] .auricle-v11__loader,
  .auricle-v11[data-audio-state="missing"] .auricle-v11__loader,
  .auricle-v11[data-audio-state="error"] .auricle-v11__loader {
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50%) translateY(5px);
  }

  @keyframes av11LoaderPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.86);
    }
    50% {
      opacity: 1;
      transform: scale(1.15);
    }
  }

  .auricle-v11__backglow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 320px;
    height: 320px;
    transform:
      translate(-50%, -50%)
      translate(calc(var(--av11-aura-x) * .10), calc(var(--av11-aura-y) * .08))
      rotate(var(--av11-aura-rot))
      scale(calc(.96 + var(--av11-i) * .06 + var(--av11-hover) * .04));
    z-index: 1;
    pointer-events: none;
    border-radius: 50%;
    background:
      radial-gradient(circle,
        hsla(var(--av11-h1), 100%, 98%, .26) 0%,
        hsla(var(--av11-h2), 95%, 84%, .14) 24%,
        hsla(var(--av11-h4), 90%, 76%, .12) 42%,
        hsla(var(--av11-h6), 92%, 82%, .08) 58%,
        transparent 76%);
    filter: blur(16px);
    opacity: calc(.34 + var(--av11-i) * .26 + var(--av11-attack) * .16 + var(--av11-hover) * .08);
  }

  .auricle-v11__backglow::before,
  .auricle-v11__backglow::after {
    content: "";
    position: absolute;
    inset: 18%;
    border-radius: 50%;
    mix-blend-mode: screen;
  }

  .auricle-v11__backglow::before {
    inset: 14%;
    background:
      radial-gradient(circle,
        hsla(var(--av11-h2), 94%, 86%, .18) 0%,
        hsla(var(--av11-h5), 92%, 78%, .10) 36%,
        transparent 72%);
    filter: blur(14px);
    animation: av11CoreAura 7.2s ease-in-out infinite;
  }

  .auricle-v11__backglow::after {
    inset: 26%;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.20) 0%,
        hsla(var(--av11-h4), 92%, 80%, .08) 30%,
        transparent 70%);
    filter: blur(10px);
    opacity: calc(.28 + var(--av11-i) * .18);
  }

  @keyframes av11CoreAura {
    0%, 100% {
      transform: scale(.92);
      opacity: .24;
    }
    50% {
      transform: scale(1.08);
      opacity: .42;
    }
  }

  .auricle-v11__aurora {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 380px;
    height: 280px;
    transform: translate(-50%, -50%);
    z-index: 3;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: calc(.18 + var(--av11-hover) * .16 + var(--av11-i) * .12);
    filter: saturate(1.08);
  }

  .auricle-v11__ribbon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 50% 82%;
    border-radius: 50% 50% 50% 50% / 16% 16% 84% 84%;
    filter: blur(var(--blur, 20px));
    opacity: calc(.05 + var(--av11-hover) * .14 + var(--av11-i) * .12 + var(--av11-attack) * .12);
    animation: av11RibbonDrift var(--dur, 9s) ease-in-out infinite;
  }

  .auricle-v11__ribbon--1 {
    width: 116px;
    height: 228px;
    margin-left: -96px;
    margin-top: -124px;
    --blur: 21px;
    --dur: 8.6s;
    background:
      linear-gradient(180deg,
        transparent 0%,
        hsla(var(--av11-h4), 92%, 80%, .08) 14%,
        hsla(var(--av11-h5), 92%, 80%, .18) 32%,
        hsla(var(--av11-h2), 92%, 82%, .28) 56%,
        hsla(var(--av11-h3), 90%, 82%, .12) 78%,
        transparent 100%);
    transform:
      translate(calc(var(--av11-aura-x) * -.08), calc(var(--av11-aura-y) * -.06))
      rotate(-16deg)
      scaleX(calc(.88 + var(--av11-aura-stretch) * .08))
      scaleY(calc(.96 + var(--av11-i) * .16));
  }

  .auricle-v11__ribbon--2 {
    width: 96px;
    height: 214px;
    margin-left: -18px;
    margin-top: -130px;
    --blur: 19px;
    --dur: 10s;
    background:
      linear-gradient(180deg,
        transparent 0%,
        hsla(var(--av11-h6), 94%, 82%, .06) 12%,
        hsla(var(--av11-h1), 92%, 82%, .18) 34%,
        hsla(var(--av11-h4), 90%, 78%, .26) 58%,
        hsla(var(--av11-h2), 92%, 82%, .10) 80%,
        transparent 100%);
    transform:
      translate(calc(var(--av11-aura-x) * -.02), calc(var(--av11-aura-y) * -.10))
      rotate(2deg)
      scaleX(calc(.82 + var(--av11-aura-stretch) * .10))
      scaleY(calc(.94 + var(--av11-i) * .20));
  }

  .auricle-v11__ribbon--3 {
    width: 108px;
    height: 222px;
    margin-left: 34px;
    margin-top: -120px;
    --blur: 20px;
    --dur: 9.4s;
    background:
      linear-gradient(180deg,
        transparent 0%,
        hsla(var(--av11-h3), 90%, 82%, .05) 16%,
        hsla(var(--av11-h2), 94%, 84%, .16) 30%,
        hsla(var(--av11-h5), 92%, 78%, .24) 56%,
        hsla(var(--av11-h6), 92%, 80%, .10) 80%,
        transparent 100%);
    transform:
      translate(calc(var(--av11-aura-x) * .04), calc(var(--av11-aura-y) * -.08))
      rotate(14deg)
      scaleX(calc(.80 + var(--av11-aura-stretch) * .10))
      scaleY(calc(.92 + var(--av11-i) * .18));
  }

  .auricle-v11__ribbon--4 {
    width: 72px;
    height: 174px;
    margin-left: 92px;
    margin-top: -86px;
    --blur: 17px;
    --dur: 8.1s;
    background:
      linear-gradient(180deg,
        transparent 0%,
        hsla(var(--av11-h5), 92%, 78%, .04) 12%,
        hsla(var(--av11-h4), 90%, 78%, .14) 34%,
        hsla(var(--av11-h2), 92%, 82%, .18) 58%,
        hsla(var(--av11-h1), 92%, 82%, .08) 80%,
        transparent 100%);
    transform:
      translate(calc(var(--av11-aura-x) * .08), calc(var(--av11-aura-y) * -.04))
      rotate(26deg)
      scaleX(calc(.86 + var(--av11-aura-stretch) * .06))
      scaleY(calc(.94 + var(--av11-i) * .16));
  }

  @keyframes av11RibbonDrift {
    0%, 100% {
      opacity: calc(.04 + var(--av11-i) * .10 + var(--av11-hover) * .08);
      filter: blur(var(--blur)) brightness(1);
    }
    50% {
      opacity: calc(.10 + var(--av11-i) * .16 + var(--av11-hover) * .10 + var(--av11-attack) * .10);
      filter: blur(calc(var(--blur) + 2px)) brightness(1.08);
    }
  }

  .auricle-v11__arcs {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 340px;
    height: 260px;
    transform: translate(-50%, -50%);
    z-index: 4;
    pointer-events: none;
    mix-blend-mode: screen;
  }

  .auricle-v11__arc {
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--w, 220px);
    height: var(--h, 180px);
    transform-origin: 50% 50%;
    pointer-events: none;
    opacity: calc(.10 + var(--av11-hover) * .10 + var(--av11-i) * .12 + var(--av11-attack) * .10);
    filter: blur(.4px) saturate(1.08);
  }

  .auricle-v11__arc::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
      conic-gradient(
        from var(--start, 0deg),
        transparent 0deg,
        transparent 12deg,
        hsla(var(--ah1), 94%, 86%, 0) 12deg,
        hsla(var(--ah2), 94%, 84%, .10) 22deg,
        hsla(var(--ah3), 92%, 80%, .42) 42deg,
        hsla(var(--ah4), 92%, 82%, .62) 58deg,
        hsla(var(--ah5), 92%, 80%, .22) 82deg,
        transparent 110deg,
        transparent 360deg
      );
    -webkit-mask:
      radial-gradient(farthest-side,
        transparent calc(100% - 10px),
        #000 calc(100% - 8px),
        #000 calc(100% - 4px),
        transparent 100%);
    mask:
      radial-gradient(farthest-side,
        transparent calc(100% - 10px),
        #000 calc(100% - 8px),
        #000 calc(100% - 4px),
        transparent 100%);
    filter:
      drop-shadow(0 0 10px hsla(var(--ah3), 92%, 80%, .18))
      drop-shadow(0 0 24px hsla(var(--ah4), 92%, 80%, .14));
  }

  .auricle-v11__arc--1 {
    --w: 236px;
    --h: 190px;
    --start: 14deg;
    --ah1: var(--av11-h2);
    --ah2: var(--av11-h3);
    --ah3: var(--av11-h4);
    --ah4: var(--av11-h5);
    --ah5: var(--av11-h6);
    transform:
      translate(-50%, -50%)
      translate(calc(var(--av11-aura-x) * -.10), calc(var(--av11-aura-y) * -.06))
      rotate(calc(-26deg + var(--av11-aura-rot) * .12))
      scaleX(calc(.98 + var(--av11-i) * .06))
      scaleY(calc(.94 + var(--av11-i) * .08));
  }

  .auricle-v11__arc--2 {
    --w: 196px;
    --h: 158px;
    --start: 126deg;
    --ah1: var(--av11-h6);
    --ah2: var(--av11-h1);
    --ah3: var(--av11-h2);
    --ah4: var(--av11-h4);
    --ah5: var(--av11-h5);
    transform:
      translate(-50%, -50%)
      translate(calc(var(--av11-aura-x) * .08), calc(var(--av11-aura-y) * -.02))
      rotate(calc(36deg + var(--av11-aura-rot) * .10))
      scaleX(calc(.96 + var(--av11-i) * .08))
      scaleY(calc(.98 + var(--av11-i) * .06));
  }

  .auricle-v11__arc--3 {
    --w: 260px;
    --h: 208px;
    --start: 212deg;
    --ah1: var(--av11-h3);
    --ah2: var(--av11-h4);
    --ah3: var(--av11-h5);
    --ah4: var(--av11-h2);
    --ah5: var(--av11-h1);
    transform:
      translate(-50%, -50%)
      translate(calc(var(--av11-aura-x) * -.04), calc(var(--av11-aura-y) * .06))
      rotate(calc(146deg + var(--av11-aura-rot) * .14))
      scaleX(calc(.94 + var(--av11-i) * .10))
      scaleY(calc(.90 + var(--av11-i) * .08));
  }

  .auricle-v11__arc--4 {
    --w: 214px;
    --h: 170px;
    --start: 302deg;
    --ah1: var(--av11-h5);
    --ah2: var(--av11-h6);
    --ah3: var(--av11-h2);
    --ah4: var(--av11-h3);
    --ah5: var(--av11-h4);
    transform:
      translate(-50%, -50%)
      translate(calc(var(--av11-aura-x) * .06), calc(var(--av11-aura-y) * .04))
      rotate(calc(-142deg + var(--av11-aura-rot) * .08))
      scaleX(calc(.92 + var(--av11-i) * .08))
      scaleY(calc(.96 + var(--av11-i) * .06));
  }

  .auricle-v11__core {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 124px;
    height: 184px;
    transform:
      translate(-50%, -50%)
      translate3d(var(--av11-core-x), var(--av11-core-y), 0)
      rotate(var(--av11-core-rot))
      scale(calc(1 + var(--av11-hover) * .045 + var(--av11-i) * .020 + var(--av11-attack) * .040));
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    z-index: 5;
    transition: transform .42s cubic-bezier(.18,.82,.22,1);
    -webkit-tap-highlight-color: transparent;
  }

  .auricle-v11__core::before,
  .auricle-v11__core::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: -1;
  }

  .auricle-v11__core::before {
    width: 124px;
    height: 124px;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.18) 0%,
        hsla(var(--av11-h2), 92%, 84%, .14) 28%,
        hsla(var(--av11-h5), 92%, 80%, .10) 48%,
        transparent 72%);
    filter: blur(9px);
    opacity: calc(.34 + var(--av11-i) * .22 + var(--av11-hover) * .18);
    animation: av11CoreLens 4.8s ease-in-out infinite;
  }

  .auricle-v11__core::after {
    width: 74px;
    height: 92px;
    background:
      radial-gradient(circle at 50% 42%,
        rgba(255,255,255,.18) 0%,
        hsla(var(--av11-h4), 92%, 82%, .12) 38%,
        hsla(var(--av11-h1), 92%, 82%, .08) 58%,
        transparent 78%);
    filter: blur(10px);
    opacity: .44;
    animation: av11SleepingBloom 4.8s ease-in-out infinite;
  }

  .auricle-v11__core:focus-visible {
    outline: 2px solid hsla(var(--av11-h1), 92%, 74%, .42);
    outline-offset: 6px;
  }

  .auricle-v11__orb {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 122px;
    height: 122px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
    mix-blend-mode: screen;
    filter:
      drop-shadow(0 0 calc(16px + var(--av11-i) * 20px + var(--av11-attack) * 18px) hsla(var(--av11-h2), 92%, 82%, .30))
      drop-shadow(0 0 calc(24px + var(--av11-high) * 24px) hsla(var(--av11-h4), 92%, 76%, .26));
    backdrop-filter: blur(3px) saturate(1.05);
    animation: av11OrbBreath 5.8s ease-in-out infinite;
  }

  .auricle-v11__orb::before,
  .auricle-v11__orb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    pointer-events: none;
  }

  .auricle-v11__orb::before {
    background:
      radial-gradient(circle at 50% 36%,
        rgba(255,255,255,.74) 0%,
        hsla(var(--av11-h2), 96%, 88%, .22) 28%,
        hsla(var(--av11-h4), 92%, 76%, .30) 56%,
        hsla(var(--av11-h6), 92%, 76%, .22) 74%,
        transparent 92%);
    opacity: calc(.70 + var(--av11-i) * .22 + var(--av11-high) * .10);
  }

  .auricle-v11__orb::after {
    inset: 6%;
    border: 1px solid hsla(var(--av11-h1), 92%, 90%, .24);
    box-shadow:
      inset 0 0 20px hsla(var(--av11-h3), 92%, 82%, .16),
      0 0 14px hsla(var(--av11-h5), 92%, 80%, .20);
    opacity: calc(.42 + var(--av11-i) * .20 + var(--av11-hover) * .12 + var(--av11-attack) * .12);
  }

  .auricle-v11__orb-layer {
    position: absolute;
    inset: -24%;
    border-radius: 44%;
    filter: blur(var(--blur, 14px));
    opacity: calc(.20 + var(--av11-i) * .24 + var(--av11-attack) * .16);
    mix-blend-mode: screen;
    animation: av11OrbFlow var(--dur, 9s) ease-in-out infinite;
  }

  .auricle-v11__orb-layer--1 {
    --dur: 7.6s;
    --blur: 13px;
    background:
      conic-gradient(
        from 12deg,
        hsla(var(--av11-h4), 92%, 76%, .08),
        hsla(var(--av11-h3), 92%, 82%, .46),
        hsla(var(--av11-h2), 92%, 86%, .34),
        hsla(var(--av11-h6), 92%, 78%, .16),
        hsla(var(--av11-h4), 92%, 76%, .08)
      );
    transform: rotate(-12deg) scale(1.02);
  }

  .auricle-v11__orb-layer--2 {
    --dur: 9.4s;
    --blur: 16px;
    background:
      conic-gradient(
        from 166deg,
        hsla(var(--av11-h2), 92%, 84%, .06),
        hsla(var(--av11-h5), 92%, 78%, .36),
        hsla(var(--av11-h4), 92%, 80%, .32),
        hsla(var(--av11-h1), 92%, 82%, .14),
        hsla(var(--av11-h2), 92%, 84%, .06)
      );
    transform: rotate(28deg) scale(1.10);
  }

  .auricle-v11__orb-layer--3 {
    --dur: 11s;
    --blur: 18px;
    background:
      radial-gradient(circle at 40% 30%,
        rgba(255,255,255,.28) 0%,
        hsla(var(--av11-h2), 92%, 90%, .14) 24%,
        transparent 54%),
      conic-gradient(
        from 302deg,
        hsla(var(--av11-h6), 92%, 78%, .04),
        hsla(var(--av11-h4), 92%, 78%, .26),
        hsla(var(--av11-h3), 92%, 82%, .28),
        hsla(var(--av11-h5), 92%, 78%, .10),
        hsla(var(--av11-h6), 92%, 78%, .04)
      );
    transform: rotate(-34deg) scale(1.16);
  }

  .auricle-v11__orb-shine {
    position: absolute;
    left: 24%;
    top: 20%;
    width: 38%;
    height: 26%;
    border-radius: 50%;
    background: linear-gradient(140deg, rgba(255,255,255,.72), rgba(255,255,255,0));
    filter: blur(2px);
    opacity: calc(.50 + var(--av11-i) * .20 + var(--av11-hover) * .12);
    transform: rotate(-10deg);
  }

  .auricle-v11__voice-rays {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 196px;
    height: 196px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
    mix-blend-mode: screen;
    filter: blur(.15px) saturate(1.14);
  }

  .auricle-v11__voice-rays::before,
  .auricle-v11__voice-rays::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border: 1px solid hsla(var(--av11-h2), 92%, 86%, .34);
    transform: translate(-50%, -50%) scale(calc(.70 + var(--av11-speech-pop) * .42));
    opacity: calc(var(--av11-speech-pop) * .46);
    filter: blur(.2px);
    pointer-events: none;
  }

  .auricle-v11__voice-rays::before {
    width: 138px;
    height: 138px;
    animation: av11SpeechEchoA 1.2s ease-out infinite;
  }

  .auricle-v11__voice-rays::after {
    width: 164px;
    height: 164px;
    border-color: hsla(var(--av11-h4), 92%, 82%, .26);
    animation: av11SpeechEchoB 1.36s ease-out infinite;
  }

  .auricle-v11__voice-ray {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 108px;
    transform-origin: 50% 100%;
    margin-left: -4.5px;
    margin-top: -108px;
    border-radius: 999px;
    opacity: calc(.06 + var(--av11-i) * .18 + var(--av11-mid) * .24 + var(--av11-attack) * .26);
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.82) 0%,
        hsla(var(--av11-h2), 94%, 86%, .44) 20%,
        hsla(var(--av11-h4), 92%, 80%, .30) 48%,
        hsla(var(--av11-h6), 92%, 80%, .12) 72%,
        transparent 100%);
    filter:
      blur(2px)
      drop-shadow(0 0 calc(8px + var(--av11-high) * 10px) hsla(var(--av11-h4), 92%, 80%, .24));
    animation: av11VoiceWave var(--dur, 3.6s) ease-in-out infinite;
  }

  .auricle-v11__voice-ray::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8%;
    width: 14px;
    height: 14px;
    transform: translateX(-50%);
    border-radius: 50%;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.54) 0%,
        hsla(var(--av11-h3), 92%, 84%, .24) 54%,
        transparent 78%);
    opacity: calc(.12 + var(--av11-high) * .18 + var(--av11-attack) * .16);
  }

  .auricle-v11__voice-ray--1 {
    --dur: 3.4s;
    transform: rotate(8deg) scaleY(calc(.52 + var(--av11-i) * .30 + var(--av11-mid) * .34 + var(--av11-attack) * .32));
  }

  .auricle-v11__voice-ray--2 {
    --dur: 3.9s;
    transform: rotate(68deg) scaleY(calc(.48 + var(--av11-i) * .28 + var(--av11-mid) * .30 + var(--av11-high) * .24));
  }

  .auricle-v11__voice-ray--3 {
    --dur: 3.2s;
    transform: rotate(128deg) scaleY(calc(.50 + var(--av11-i) * .30 + var(--av11-mid) * .36 + var(--av11-attack) * .34));
  }

  .auricle-v11__voice-ray--4 {
    --dur: 4.1s;
    transform: rotate(192deg) scaleY(calc(.46 + var(--av11-i) * .28 + var(--av11-mid) * .28 + var(--av11-low) * .22));
  }

  .auricle-v11__voice-ray--5 {
    --dur: 3.6s;
    transform: rotate(252deg) scaleY(calc(.48 + var(--av11-i) * .30 + var(--av11-mid) * .34 + var(--av11-high) * .28));
  }

  .auricle-v11__voice-ray--6 {
    --dur: 4.3s;
    transform: rotate(312deg) scaleY(calc(.44 + var(--av11-i) * .26 + var(--av11-mid) * .34 + var(--av11-attack) * .34));
  }

  @keyframes av11OrbBreath {
    0%, 100% {
      transform: translate(-50%, -50%) scale(calc(.96 + var(--av11-i) * .10));
    }
    50% {
      transform: translate(-50%, -50%) scale(calc(1.04 + var(--av11-i) * .12 + var(--av11-attack) * .06));
    }
  }

  @keyframes av11OrbFlow {
    0%, 100% {
      transform: rotate(0deg) scale(1);
    }
    50% {
      transform: rotate(180deg) scale(1.08);
    }
  }

  @keyframes av11VoiceWave {
    0%, 100% {
      opacity: calc(.06 + var(--av11-i) * .22);
      filter:
        blur(2px)
        drop-shadow(0 0 calc(7px + var(--av11-high) * 8px) hsla(var(--av11-h4), 92%, 80%, .20));
    }
    50% {
      opacity: calc(.16 + var(--av11-i) * .30 + var(--av11-attack) * .28);
      filter:
        blur(3px)
        drop-shadow(0 0 calc(10px + var(--av11-high) * 14px + var(--av11-attack) * 12px) hsla(var(--av11-h2), 92%, 84%, .30));
    }
  }

  @keyframes av11SpeechEchoA {
    0% {
      transform: translate(-50%, -50%) scale(calc(.56 + var(--av11-speech-pop) * .22));
      opacity: calc(var(--av11-speech-pop) * .52);
    }
    100% {
      transform: translate(-50%, -50%) scale(calc(1.22 + var(--av11-speech-pop) * .30));
      opacity: 0;
    }
  }

  @keyframes av11SpeechEchoB {
    0% {
      transform: translate(-50%, -50%) scale(calc(.42 + var(--av11-speech-pop) * .24));
      opacity: calc(var(--av11-speech-pop) * .38);
    }
    100% {
      transform: translate(-50%, -50%) scale(calc(1.34 + var(--av11-speech-pop) * .34));
      opacity: 0;
    }
  }

  @keyframes av11CoreLens {
    0%, 100% {
      transform: translate(-50%, -50%) scale(calc(.84 + var(--av11-i) * .14 + var(--av11-hover) * .08));
    }
    50% {
      transform: translate(-50%, -50%) scale(calc(.98 + var(--av11-i) * .16 + var(--av11-hover) * .10));
    }
  }

  @keyframes av11SleepingBloom {
    0%, 100% {
      opacity: .42;
      transform: translate(-50%, -50%) scale(.84);
    }
    50% {
      opacity: .78;
      transform: translate(-50%, -50%) scale(1.10);
    }
  }

  .auricle-v11__flame {
    position: absolute;
    inset: 0;
    display: block;
    filter:
      drop-shadow(0 0 calc(10px + var(--av11-i) * 12px + var(--av11-attack) * 12px + var(--av11-hover) * 8px) rgba(255,240,246,.62))
      drop-shadow(0 0 calc(22px + var(--av11-i) * 28px + var(--av11-attack) * 26px + var(--av11-hover) * 16px) hsla(var(--av11-h1), 92%, 72%, .30))
      drop-shadow(0 0 calc(24px + var(--av11-high) * 28px) hsla(var(--av11-h5), 92%, 78%, .18))
      drop-shadow(0 0 calc(24px + var(--av11-low) * 24px) hsla(var(--av11-h3), 92%, 78%, .15));
    animation: av11FlameFloat 5.2s ease-in-out infinite;
  }

  .auricle-v11__flame::before,
  .auricle-v11__flame::after {
    content: "";
    position: absolute;
    left: 50%;
    pointer-events: none;
    mix-blend-mode: screen;
  }

  .auricle-v11__flame::before {
    top: 6px;
    width: 28px;
    height: 116px;
    transform: translateX(-50%) rotate(7deg);
    border-radius: 50% 50% 46% 54% / 12% 12% 88% 88%;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.42) 0%,
        rgba(255,255,255,.16) 28%,
        hsla(var(--av11-h2), 92%, 86%, .08) 56%,
        transparent 100%
      );
    filter: blur(4px);
    opacity: calc(.18 + var(--av11-i) * .18 + var(--av11-high) * .12);
    animation: av11FlamePetalGleam 3.8s ease-in-out infinite;
  }

  .auricle-v11__flame::after {
    top: 0;
    width: 74px;
    height: 156px;
    transform: translateX(-50%) rotate(calc(-3deg + var(--av11-breath) * 5deg));
    border-radius: 58% 42% 48% 52% / 14% 14% 86% 86%;
    background:
      linear-gradient(
        115deg,
        transparent 0%,
        rgba(255,255,255,.18) 18%,
        hsla(var(--av11-h2), 92%, 86%, .08) 36%,
        hsla(var(--av11-h5), 92%, 82%, .10) 58%,
        hsla(var(--av11-h3), 92%, 82%, .08) 72%,
        transparent 100%
      );
    filter: blur(3px);
    opacity: calc(.18 + var(--av11-i) * .20 + var(--av11-high) * .12 + var(--av11-attack) * .18);
    animation: av11PrismFlame 4.6s ease-in-out infinite;
  }

  @keyframes av11FlameFloat {
    0%, 100% { transform: translateY(0) scale(1) rotate(-1.1deg); }
    50% { transform: translateY(-2px) scale(1.018) rotate(1.1deg); }
  }

  @keyframes av11FlamePetalGleam {
    0%, 100% {
      transform: translateX(-50%) rotate(7deg) scaleY(.92);
      opacity: calc(.14 + var(--av11-i) * .14);
    }
    50% {
      transform: translateX(-50%) rotate(-3deg) scaleY(1.08);
      opacity: calc(.30 + var(--av11-i) * .18 + var(--av11-high) * .12);
    }
  }

  @keyframes av11PrismFlame {
    0%, 100% {
      transform: translateX(-50%) rotate(-4deg) scaleY(.94);
    }
    50% {
      transform: translateX(-50%) rotate(4deg) scaleY(1.08);
    }
  }

  .auricle-v11__flame-outer,
  .auricle-v11__flame-mid,
  .auricle-v11__flame-inner {
    position: absolute;
    left: 50%;
    transform-origin: 50% 90%;
    transition:
      width .52s ease,
      height .52s ease,
      top .52s ease,
      opacity .52s ease,
      border-radius .52s ease,
      transform .52s ease;
  }

  .auricle-v11__flame-outer {
    top: 2px;
    width: 78px;
    height: 162px;
    margin-left: -39px;
    border-radius: 60% 40% 47% 53% / 12% 14% 86% 88%;
    background:
      radial-gradient(circle at 52% 14%,
        rgba(255,255,255,1) 0%,
        rgba(255,248,252,.86) 16%,
        hsla(var(--av11-h2), 92%, 84%, .50) 34%,
        hsla(var(--av11-h1), 92%, 76%, .22) 56%,
        transparent 84%),
      radial-gradient(circle at 36% 72%,
        hsla(var(--av11-h3), 92%, 80%, .14) 0%,
        transparent 58%),
      radial-gradient(circle at 64% 38%,
        hsla(var(--av11-h5), 92%, 80%, .16) 0%,
        transparent 56%),
      linear-gradient(180deg,
        rgba(255,255,255,.74) 0%,
        hsla(var(--av11-h2), 95%, 88%, .60) 22%,
        hsla(var(--av11-h4), 92%, 80%, .40) 58%,
        hsla(var(--av11-h1), 92%, 70%, .18) 100%);
    opacity: calc(.88 + var(--av11-i) * .10);
    transform:
      scaleX(calc(.72 + var(--av11-i) * .24 + var(--av11-attack) * .12 + var(--av11-low) * .10 + var(--av11-hover) * .08))
      scaleY(calc(.80 + var(--av11-i) * .34 + var(--av11-attack) * .18 + var(--av11-high) * .12 + var(--av11-hover) * .08))
      rotate(calc(-4deg + var(--av11-breath) * 4deg));
    box-shadow:
      inset 0 -20px 28px hsla(var(--av11-h1), 92%, 78%, calc(.06 + var(--av11-attack) * .12)),
      inset 14px -14px 28px hsla(var(--av11-h3), 92%, 78%, calc(var(--av11-low) * .14)),
      inset -12px 10px 26px hsla(var(--av11-h5), 92%, 78%, calc(var(--av11-high) * .14));
    filter: saturate(1.05) contrast(1.03);
    animation: av11OuterPulse .24s infinite alternate ease-in-out;
  }

  .auricle-v11__flame-mid {
    top: 28px;
    width: 42px;
    height: 108px;
    margin-left: -21px;
    border-radius: 54% 46% 47% 53% / 18% 18% 82% 82%;
    background:
      radial-gradient(circle at 50% 16%,
        rgba(255,255,255,1) 0%,
        rgba(255,250,252,.96) 22%,
        hsla(var(--av11-h2), 92%, 88%, .58) 42%,
        hsla(var(--av11-h1), 92%, 84%, .16) 74%,
        transparent 100%),
      radial-gradient(circle at 64% 40%,
        hsla(var(--av11-h5), 92%, 82%, calc(.08 + var(--av11-high) * .20)) 0%,
        transparent 58%),
      radial-gradient(circle at 36% 78%,
        hsla(var(--av11-h3), 92%, 82%, calc(.06 + var(--av11-low) * .16)) 0%,
        transparent 58%),
      linear-gradient(180deg,
        rgba(255,255,255,.92) 0%,
        hsla(var(--av11-h2), 95%, 90%, .72) 24%,
        hsla(var(--av11-h4), 92%, 84%, .34) 66%,
        hsla(var(--av11-h1), 92%, 78%, .14) 100%);
    transform:
      scaleX(calc(.84 + var(--av11-i) * .14 + var(--av11-attack) * .08 + var(--av11-low) * .06))
      scaleY(calc(.82 + var(--av11-i) * .22 + var(--av11-attack) * .14 + var(--av11-high) * .08))
      rotate(calc(2deg - var(--av11-breath) * 4deg));
    box-shadow:
      inset 0 12px 22px rgba(255,255,255,.18),
      inset 8px -8px 18px hsla(var(--av11-h4), 92%, 84%, calc(.08 + var(--av11-i) * .10)),
      inset -8px 8px 20px hsla(var(--av11-h5), 92%, 84%, calc(var(--av11-high) * .12));
    animation: av11MidPulse .20s infinite alternate ease-in-out;
  }

  .auricle-v11__flame-inner {
    top: 52px;
    width: 18px;
    height: 62px;
    margin-left: -9px;
    border-radius: 54% 46% 48% 52% / 18% 18% 82% 82%;
    background:
      radial-gradient(circle at 50% 18%,
        rgba(255,255,255,1) 0%,
        rgba(255,252,254,.98) 30%,
        hsla(var(--av11-h2), 92%, 92%, .56) 62%,
        transparent 100%);
    transform:
      scaleX(calc(.92 + var(--av11-i) * .08 + var(--av11-attack) * .06))
      scaleY(calc(.96 + var(--av11-i) * .14 + var(--av11-attack) * .08 + var(--av11-high) * .06))
      rotate(calc(-2deg + var(--av11-breath) * 4deg));
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.48))
      drop-shadow(0 0 14px hsla(var(--av11-h2), 92%, 84%, .22));
  }

  @keyframes av11OuterPulse {
    0% { border-radius: 60% 40% 45% 55% / 12% 14% 86% 88%; }
    100% { border-radius: 47% 53% 50% 50% / 18% 14% 82% 80%; }
  }

  @keyframes av11MidPulse {
    0% { border-radius: 54% 46% 46% 54% / 18% 19% 81% 82%; }
    100% { border-radius: 48% 52% 50% 50% / 24% 18% 76% 76%; }
  }

  .auricle-v11[data-state="idle"] .auricle-v11__flame-outer,
  .auricle-v11[data-state="paused"] .auricle-v11__flame-outer {
    top: 54px;
    width: 52px;
    height: 76px;
    margin-left: -26px;
    border-radius: 48% 52% 50% 50% / 18% 18% 82% 82%;
    opacity: .80;
    transform: scale(.94);
    box-shadow:
      inset 0 0 18px rgba(255,255,255,.24),
      inset 0 -12px 20px hsla(var(--av11-h1), 92%, 78%, .16),
      0 0 24px hsla(var(--av11-h2), 92%, 86%, .18);
    animation: av11SleepBud 3.6s ease-in-out infinite;
  }

  .auricle-v11[data-state="idle"] .auricle-v11__flame-mid,
  .auricle-v11[data-state="paused"] .auricle-v11__flame-mid {
    top: 66px;
    width: 30px;
    height: 46px;
    margin-left: -15px;
    border-radius: 46% 54% 50% 50% / 20% 20% 80% 80%;
    opacity: .88;
    transform: scale(.92);
    animation: none;
  }

  .auricle-v11[data-state="idle"] .auricle-v11__flame-inner,
  .auricle-v11[data-state="paused"] .auricle-v11__flame-inner {
    top: 76px;
    width: 12px;
    height: 22px;
    margin-left: -6px;
    border-radius: 48% 52% 50% 50% / 18% 18% 82% 82%;
    opacity: .94;
    transform: scale(.9);
  }

  .auricle-v11[data-state="idle"] .auricle-v11__flame,
  .auricle-v11[data-state="paused"] .auricle-v11__flame {
    filter:
      drop-shadow(0 0 14px rgba(255,238,246,.56))
      drop-shadow(0 0 32px hsla(var(--av11-h1), 92%, 76%, .22))
      drop-shadow(0 0 44px hsla(var(--av11-h5), 92%, 80%, .12));
  }

  @keyframes av11SleepBud {
    0%, 100% {
      transform: scale(.96);
      opacity: .74;
    }
    50% {
      transform: scale(1.04);
      opacity: .88;
    }
  }

  .auricle-v11__play-mark {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 42px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .32s ease, transform .32s ease;
  }

  .auricle-v11__play-mark::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid rgba(255,255,255,.88);
    filter:
      drop-shadow(0 0 7px rgba(255,255,255,.38))
      drop-shadow(0 0 14px hsla(var(--av11-h1), 92%, 76%, .20));
  }

  .auricle-v11[data-state="idle"] .auricle-v11__play-mark,
  .auricle-v11[data-state="paused"] .auricle-v11__play-mark {
    opacity: .68;
    filter:
      drop-shadow(0 0 10px rgba(255,255,255,.34))
      drop-shadow(0 0 18px hsla(var(--av11-h1), 92%, 76%, .14));
  }

  .auricle-v11[data-state="playing"] .auricle-v11__play-mark {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.86);
  }

  .auricle-v11__meta {
    position: relative;
    z-index: 7;
    margin-top: 2px;
    min-height: 104px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: center;
    animation: av11MetaIn .9s .42s cubic-bezier(.18,.82,.22,1) both;
  }

  @keyframes av11MetaIn {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .auricle-v11__subtitle {
    font-size: 10.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(112, 68, 82, .48);
    opacity: .78;
    transform: translateY(1px);
    text-shadow:
      0 1px 0 rgba(255,255,255,.70),
      0 0 12px rgba(255,255,255,.12);
  }

  .auricle-v11__title {
    position: relative;
    font-size: clamp(25px, 3.6vw, 36px);
    line-height: 1.08;
    font-weight: 520;
    letter-spacing: .075em;
    text-transform: uppercase;
    background:
      linear-gradient(
        90deg,
        rgba(92,55,68,.92),
        rgba(150,52,112,.88),
        rgba(92,55,68,.92)
      );
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow:
      0 1px 0 rgba(255,255,255,.72),
      0 0 18px rgba(255,255,255,.10);
    animation: av11TitlePearl 7.5s ease-in-out infinite;
  }

  .auricle-v11__title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 54px;
    height: 1px;
    transform: translateX(-50%);
    border-radius: 999px;
    background:
      linear-gradient(90deg,
        transparent,
        hsla(var(--av11-h2), 92%, 86%, .56),
        rgba(255,255,255,.72),
        hsla(var(--av11-h5), 92%, 84%, .56),
        transparent);
    box-shadow:
      0 0 10px rgba(255,255,255,.18);
    opacity: calc(.42 + var(--av11-hover) * .24 + var(--av11-i) * .12);
  }

  @keyframes av11TitlePearl {
    0%, 100% {
      background-position: 0% 50%;
      filter: drop-shadow(0 0 0 rgba(255,255,255,0));
    }
    50% {
      background-position: 100% 50%;
      filter: drop-shadow(0 0 10px rgba(255,255,255,.08));
    }
  }

  .auricle-v11__progress {
    position: relative;
    width: min(260px, 66vw);
    height: 24px;
    margin: 2px 0 0;
    cursor: pointer;
    touch-action: none;
    outline: none;
    transform: scaleX(1) scaleY(1);
    transform-origin: center;
    filter:
      drop-shadow(0 0 10px rgba(255,255,255,.08))
      drop-shadow(0 0 18px hsla(var(--av11-h1), 92%, 78%, .06));
    transition:
      transform .28s cubic-bezier(.18,.82,.22,1),
      filter .28s ease,
      opacity .28s ease;
  }

  .auricle-v11__progress::before,
  .auricle-v11__progress::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
  }

  .auricle-v11__progress::before {
    left: -14%;
    top: 50%;
    width: 26%;
    height: 12px;
    transform: translateY(-50%);
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.54),
        hsla(var(--av11-h2), 92%, 86%, .28),
        transparent
      );
    filter: blur(5px);
    opacity: .36;
    animation: av11ProgressSheen 4.2s ease-in-out infinite;
  }

  .auricle-v11__progress::after {
    left: 50%;
    top: 58%;
    width: 80%;
    height: 20px;
    transform: translate(-50%, -50%);
    background:
      radial-gradient(ellipse at center,
        hsla(var(--av11-h2), 92%, 82%, calc(.08 + var(--av11-i) * .08 + var(--av11-hover) * .08)) 0%,
        hsla(var(--av11-h5), 92%, 80%, calc(.06 + var(--av11-i) * .06)) 36%,
        transparent 72%);
    filter: blur(9px);
    opacity: .8;
    z-index: -1;
  }

  .auricle-v11__progress:hover,
  .auricle-v11__progress:focus-visible,
  .auricle-v11__progress.is-seeking {
    transform: scaleX(1.08) scaleY(1.22);
    filter:
      brightness(1.10)
      drop-shadow(0 0 12px rgba(255,255,255,.16))
      drop-shadow(0 0 28px hsla(var(--av11-h1), 92%, 76%, .12));
  }

  @keyframes av11ProgressSheen {
    0% {
      left: -20%;
      opacity: 0;
    }
    18% {
      opacity: .48;
    }
    54% {
      opacity: .32;
    }
    100% {
      left: 96%;
      opacity: 0;
    }
  }

  .auricle-v11__progress-track {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    border-radius: 999px;
    background:
      linear-gradient(90deg,
        transparent,
        hsla(var(--av11-h2), 92%, 88%, .34),
        rgba(255,255,255,.74),
        hsla(var(--av11-h5), 92%, 84%, .34),
        transparent);
    box-shadow:
      0 0 8px rgba(255,255,255,.16);
    opacity: .92;
  }

  .auricle-v11__progress-track::before,
  .auricle-v11__progress-track::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background:
      radial-gradient(circle,
        rgba(255,255,255,1) 0%,
        hsla(var(--av11-h2), 92%, 88%, .72) 55%,
        transparent 78%);
    box-shadow:
      0 0 8px rgba(255,255,255,.28),
      0 0 16px hsla(var(--av11-h1), 92%, 76%, .12);
    opacity: calc(.30 + var(--av11-i) * .20 + var(--av11-hover) * .20);
  }

  .auricle-v11__progress-track::before {
    left: 10%;
    animation: av11ProgressPearlLeft 5.8s ease-in-out infinite;
  }

  .auricle-v11__progress-track::after {
    right: 12%;
    animation: av11ProgressPearlRight 6.4s ease-in-out infinite;
  }

  @keyframes av11ProgressPearlLeft {
    0%, 100% {
      transform: translateY(-50%) scale(.72);
      opacity: .18;
    }
    50% {
      transform: translateY(-50%) scale(1.16);
      opacity: .52;
    }
  }

  @keyframes av11ProgressPearlRight {
    0%, 100% {
      transform: translateY(-50%) scale(1.06);
      opacity: .44;
    }
    50% {
      transform: translateY(-50%) scale(.72);
      opacity: .18;
    }
  }

  .auricle-v11__progress-light {
    position: absolute;
    left: 0;
    top: 50%;
    width: calc(var(--av11-progress) * 100%);
    height: 3px;
    transform: translateY(-50%);
    border-radius: 999px;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0),
        hsla(var(--av11-h2), 96%, 92%, .82),
        hsla(var(--av11-h4), 92%, 82%, .84),
        hsla(var(--av11-h5), 92%, 82%, .84),
        hsla(var(--av11-h3), 92%, 84%, .76),
        rgba(255,255,255,.52));
    background-size: 240% 100%;
    box-shadow:
      0 0 8px rgba(255,255,255,.32),
      0 0 18px hsla(var(--av11-h1), 92%, 76%, .20);
    animation: av11ProgressFlow 4.8s linear infinite;
  }

  @keyframes av11ProgressFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
  }

  .auricle-v11__progress-spark {
    position: absolute;
    left: calc(var(--av11-progress) * 100%);
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: calc(.40 + var(--av11-progress) * .56);
    background:
      radial-gradient(circle,
        rgba(255,255,255,1) 0%,
        hsla(var(--av11-h2), 96%, 92%, .96) 36%,
        hsla(var(--av11-h4), 92%, 82%, .60) 58%,
        hsla(var(--av11-h1), 92%, 72%, .20) 72%,
        transparent 82%);
    box-shadow:
      0 0 8px rgba(255,255,255,.60),
      0 0 18px hsla(var(--av11-h4), 92%, 82%, .36),
      0 0 28px hsla(var(--av11-h1), 92%, 72%, .18);
    transition: width .25s ease, height .25s ease;
  }

  .auricle-v11__progress:hover .auricle-v11__progress-spark,
  .auricle-v11__progress:focus-visible .auricle-v11__progress-spark,
  .auricle-v11__progress.is-seeking .auricle-v11__progress-spark {
    width: 13px;
    height: 13px;
  }

  .auricle-v11__progress-ripple {
    position: absolute;
    top: 50%;
    left: calc(var(--av11-progress) * 100%);
    width: 18px;
    height: 18px;
    transform: translate(-50%, -50%) scale(.35);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    border: 1px solid hsla(var(--av11-h2), 92%, 86%, .42);
  }

  .auricle-v11__progress.is-seeking .auricle-v11__progress-ripple {
    animation: av11ProgressRipple .9s ease-out infinite;
  }

  @keyframes av11ProgressRipple {
    0% {
      opacity: .52;
      transform: translate(-50%, -50%) scale(.35);
    }
    100% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.7);
    }
  }

  .auricle-v11__time {
    font-size: 12px;
    letter-spacing: .065em;
    color: rgba(92, 55, 68, .50);
    opacity: .82;
    text-shadow:
      0 1px 0 rgba(255,255,255,.58),
      0 0 12px rgba(255,255,255,.08);
  }

  .auricle-v11__status {
    min-height: 12px;
    font-size: 10px;
    color: rgba(var(--av11-deep), .28);
    opacity: .04;
    transform: translateY(-2px);
    transition: opacity .28s ease, transform .28s ease;
    pointer-events: none;
  }

  .auricle-v11:hover .auricle-v11__status,
  .auricle-v11:focus-within .auricle-v11__status {
    opacity: .12;
    transform: translateY(0);
  }

  .auricle-v11__time::selection,
  .auricle-v11__title::selection,
  .auricle-v11__subtitle::selection {
    background: rgba(255, 194, 226, .28);
  }

  @media (max-width: 760px) {
    .auricle-v11__scene {
      height: 314px;
    }
  }

  @media (max-width: 560px) {
    .auricle-v11 {
      padding: 18px 0 12px;
    }

    .auricle-v11::before {
      top: 12px;
      height: 400px;
      filter: blur(12px);
    }

    .auricle-v11::after {
      width: 330px;
      height: 300px;
      top: 54px;
      filter: blur(24px);
      opacity: .44;
      animation-duration: 24s;
    }

    .auricle-v11__space {
      padding: 2px 12px 10px;
    }

    .auricle-v11__scene {
      height: 274px;
    }

    .auricle-v11__scene::before {
      opacity: .30;
      animation-duration: 12s;
    }

    .auricle-v11__scene::after {
      width: 220px;
      height: 220px;
    }

    .auricle-v11__canvas {
      filter: none;
    }

    .auricle-v11__backglow {
      width: 236px;
      height: 236px;
      filter: blur(10px);
    }

    .auricle-v11__backglow::before {
      filter: blur(10px);
      opacity: calc(.18 + var(--av11-i) * .12);
    }

    .auricle-v11__backglow::after {
      display: none;
    }

    .auricle-v11__aurora {
      width: 286px;
      height: 220px;
      opacity: calc(.08 + var(--av11-i) * .08);
    }

    .auricle-v11__ribbon--4 {
      display: none;
    }

    .auricle-v11__arcs {
      width: 270px;
      height: 210px;
      opacity: calc(.12 + var(--av11-i) * .08);
    }

    .auricle-v11__arc--3,
    .auricle-v11__arc--4 {
      display: none;
    }

    .auricle-v11__core {
      width: 110px;
      height: 162px;
    }

    .auricle-v11__orb {
      width: 96px;
      height: 96px;
    }

    .auricle-v11__voice-rays {
      width: 154px;
      height: 154px;
    }

    .auricle-v11__voice-ray {
      width: 7px;
      height: 86px;
      margin-left: -3.5px;
      margin-top: -86px;
    }

    .auricle-v11__core::before {
      filter: blur(6px);
      opacity: calc(.28 + var(--av11-i) * .18);
    }

    .auricle-v11__core::after {
      width: 58px;
      height: 72px;
      filter: blur(7px);
    }

    .auricle-v11__flame::before,
    .auricle-v11__flame::after {
      display: none;
    }

    .auricle-v11__meta {
      margin-top: 0;
      gap: 5px;
      min-height: 90px;
    }

    .auricle-v11__subtitle {
      font-size: 8.5px;
      letter-spacing: .16em;
      opacity: .72;
    }

    .auricle-v11__title {
      font-size: 25px;
      letter-spacing: .045em;
      animation: none;
      filter: none;
      background: none;
      color: rgba(92, 55, 68, .92);
    }

    .auricle-v11__title::after {
      bottom: -6px;
      width: 42px;
      opacity: .36;
    }

    .auricle-v11__progress {
      width: min(230px, 76vw);
      height: 36px;
      margin-top: -1px;
    }

    .auricle-v11__progress::before {
      display: none;
    }

    .auricle-v11__progress-track {
      height: 2px;
    }

    .auricle-v11__progress-track::before,
    .auricle-v11__progress-track::after {
      width: 4px;
      height: 4px;
      opacity: .24;
      animation-duration: 8s;
    }

    .auricle-v11__progress-light {
      height: 3px;
    }

    .auricle-v11__progress:hover,
    .auricle-v11__progress:focus-visible,
    .auricle-v11__progress.is-seeking {
      transform: scaleX(1.03) scaleY(1.08);
    }

    .auricle-v11__time {
      font-size: 11.5px;
    }

    .auricle-v11__status {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .auricle-v11,
    .auricle-v11 *,
    .auricle-v11::before,
    .auricle-v11::after {
      animation-duration: .001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .001ms !important;
    }
  }

/* Extracted from index.html inline style block 2. */
/* AURICLE v11 visual polish */
  html,
  body {
    background: #fff;
    overflow-x: hidden;
  }

  .auricle-v11 {
    --av11-ink: 48, 34, 45;
    --av11-deep: 82, 48, 72;
    --av11-voice: 0;
    max-width: 100%;
    padding: clamp(28px, 5vw, 46px) 0 clamp(24px, 4vw, 36px);
  }

  .auricle-v11::before {
    top: -32px;
    width: min(780px, 104vw);
    height: 590px;
    opacity: .96;
    background:
      radial-gradient(circle at 50% 28%,
        rgba(255, 246, 229, .82) 0%,
        rgba(255, 194, 130, .32) 24%,
        rgba(104, 213, 173, .20) 48%,
        rgba(122, 98, 186, .12) 66%,
        transparent 80%),
      radial-gradient(circle at 30% 56%,
        rgba(255, 130, 142, .12) 0%,
        transparent 42%),
      radial-gradient(circle at 70% 48%,
        rgba(86, 190, 210, .14) 0%,
        transparent 44%);
    filter: blur(18px) saturate(1.06);
  }

  .auricle-v11::after {
    top: 42px;
    width: min(520px, 90vw);
    height: 390px;
    opacity: .72;
    background:
      radial-gradient(ellipse at center,
        rgba(62, 40, 74, .10) 0%,
        rgba(62, 40, 74, .04) 42%,
        transparent 74%);
  }

  .auricle-v11__space {
    width: min(100%, 640px);
    padding: 10px clamp(18px, 5vw, 34px) 18px;
  }

  .auricle-v11__scene {
    height: clamp(300px, 55vw, 370px);
  }

  .auricle-v11__scene::before {
    opacity: .72;
    filter: drop-shadow(0 0 7px rgba(255,255,255,.38));
  }

  .auricle-v11__backglow {
    width: 350px;
    height: 350px;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.42) 0%,
        hsla(var(--av11-h2), 96%, 84%, .19) 24%,
        hsla(var(--av11-h4), 88%, 72%, .15) 44%,
        hsla(var(--av11-h6), 88%, 78%, .10) 60%,
        transparent 78%);
    filter: blur(14px) saturate(1.12);
  }

  .auricle-v11__aurora {
    opacity: calc(.26 + var(--av11-hover) * .16 + var(--av11-i) * .18);
    filter: saturate(1.18) contrast(1.04);
  }

  .auricle-v11__arc {
    opacity: calc(.16 + var(--av11-hover) * .14 + var(--av11-i) * .18 + var(--av11-attack) * .12);
  }

  .auricle-v11__arc::before {
    filter:
      drop-shadow(0 0 9px hsla(var(--ah3), 92%, 80%, .26))
      drop-shadow(0 0 24px hsla(var(--ah4), 92%, 80%, .18));
  }

  .auricle-v11__voice-rays {
    width: 320px;
    height: 270px;
    opacity: calc(.20 + var(--av11-voice) * .42);
    filter: blur(12px) saturate(1.24);
  }

  .auricle-v11__voice-ray {
    width: 74px;
    height: 170px;
    margin-left: -37px;
    margin-top: -170px;
    border-radius: 50% 50% 48% 48% / 14% 14% 86% 86%;
    opacity: calc(.025 + var(--av11-voice) * .18 + var(--av11-speech-pop) * .08);
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.46) 0%,
        hsla(var(--av11-h2), 94%, 86%, .22) 24%,
        hsla(var(--av11-h4), 92%, 80%, .18) 58%,
        transparent 100%);
    filter:
      blur(18px)
      drop-shadow(0 0 calc(20px + var(--av11-voice) * 26px) hsla(var(--av11-h4), 92%, 80%, .18));
  }

  .auricle-v11__voice-ray::before {
    opacity: 0;
  }

  .auricle-v11__voice-ray--1 {
    transform: rotate(8deg) scaleX(1.16) scaleY(calc(.72 + var(--av11-voice) * .32 + var(--av11-attack) * .12));
  }

  .auricle-v11__voice-ray--2 {
    transform: rotate(68deg) scaleX(.88) scaleY(calc(.68 + var(--av11-voice) * .26 + var(--av11-speech-pop) * .10));
  }

  .auricle-v11__voice-ray--3 {
    transform: rotate(128deg) scaleX(1.10) scaleY(calc(.70 + var(--av11-voice) * .34 + var(--av11-attack) * .14));
  }

  .auricle-v11__voice-ray--4 {
    transform: rotate(192deg) scaleX(.94) scaleY(calc(.66 + var(--av11-voice) * .24 + var(--av11-speech-pop) * .08));
  }

  .auricle-v11__voice-ray--5 {
    transform: rotate(252deg) scaleX(1.04) scaleY(calc(.70 + var(--av11-voice) * .30 + var(--av11-attack) * .10));
  }

  .auricle-v11__voice-ray--6 {
    transform: rotate(312deg) scaleX(.92) scaleY(calc(.66 + var(--av11-voice) * .28 + var(--av11-speech-pop) * .10));
  }

  .auricle-v11__core {
    width: 132px;
    height: 190px;
  }

  .auricle-v11__core::before {
    width: 142px;
    height: 142px;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.30) 0%,
        hsla(var(--av11-h2), 94%, 84%, .18) 30%,
        hsla(var(--av11-h5), 92%, 78%, .12) 52%,
        transparent 75%);
    filter: blur(10px);
  }

  .auricle-v11__orb {
    filter:
      drop-shadow(0 12px 28px rgba(66, 42, 76, .14))
      drop-shadow(0 0 calc(18px + var(--av11-i) * 28px) rgba(255, 228, 186, .48))
      saturate(1.12);
  }

  .auricle-v11__orb-layer--1 {
    background:
      radial-gradient(circle at 48% 15%,
        rgba(255,255,255,1) 0%,
        rgba(255,248,228,.96) 20%,
        rgba(248,190,106,.72) 42%,
        rgba(232,116,92,.34) 62%,
        rgba(78,204,158,.22) 80%,
        transparent 94%) !important;
  }

  .auricle-v11__orb-layer--2 {
    opacity: calc(.62 + var(--av11-i) * .20) !important;
    background:
      radial-gradient(circle at 58% 28%,
        rgba(255,255,255,.72) 0%,
        rgba(255,220,138,.58) 32%,
        rgba(80,204,160,.28) 66%,
        transparent 88%) !important;
  }

  .auricle-v11__orb-layer--3 {
    opacity: calc(.42 + var(--av11-attack) * .22) !important;
    background:
      radial-gradient(circle at 42% 70%,
        rgba(82, 204, 160, .32) 0%,
        rgba(118, 94, 178, .18) 46%,
        transparent 78%) !important;
  }

  .auricle-v11__meta {
    margin-top: -2px;
    padding: 0 clamp(4px, 2vw, 10px);
  }

  .auricle-v11__subtitle {
    color: rgba(54, 40, 48, .68);
    letter-spacing: 0;
    font-weight: 650;
  }

  .auricle-v11__title {
    color: transparent;
    letter-spacing: 0;
    background:
      linear-gradient(90deg,
        rgba(44, 32, 42, .98),
        rgba(158, 78, 72, .96),
        rgba(42, 126, 102, .94),
        rgba(44, 32, 42, .98));
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow:
      0 1px 0 rgba(255,255,255,.82),
      0 0 18px rgba(226, 145, 92, .14);
  }

  .auricle-v11__progress {
    height: 28px;
    margin-top: 18px;
  }

  .auricle-v11__progress-track {
    height: 3px;
    background:
      linear-gradient(90deg,
        transparent,
        rgba(208, 116, 76, .52),
        rgba(255,255,255,.88),
        rgba(72, 190, 148, .48),
        transparent);
    opacity: 1;
  }

  .auricle-v11__progress-light {
    height: 4px;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0),
        rgba(246, 176, 86, .98),
        rgba(232, 104, 86, .86),
        rgba(72, 204, 158, .86),
        rgba(255,255,255,.66));
    box-shadow:
      0 0 9px rgba(232, 132, 82, .36),
      0 0 16px rgba(72, 204, 158, .22),
      0 1px 4px rgba(64, 42, 82, .10);
  }

  .auricle-v11__progress-spark {
    width: 13px;
    height: 13px;
    background:
      radial-gradient(circle,
        rgba(255,255,255,1) 0%,
        rgba(248, 202, 112, .98) 34%,
        rgba(72, 204, 158, .58) 62%,
        transparent 82%);
    box-shadow:
      0 0 8px rgba(255,255,255,.72),
      0 0 18px rgba(232, 132, 82, .42),
      0 0 24px rgba(72, 204, 158, .24),
      0 2px 5px rgba(62, 38, 82, .10);
  }

  .auricle-v11__time,
  .auricle-v11__status {
    color: rgba(54, 40, 48, .72);
    letter-spacing: 0;
  }

  /* Reference aura rewrite: soft membrane, pastel body, chromatic perimeter */
  .auricle-v11__scene {
    height: clamp(350px, 64vw, 455px);
  }

  .auricle-v11__canvas {
    z-index: 4;
    opacity: calc(.92 + var(--av11-voice) * .08);
    filter:
      saturate(1.12)
      contrast(1.015)
      drop-shadow(0 28px 58px rgba(82, 52, 92, .08));
  }

  .auricle-v11__backglow {
    width: min(500px, 92vw);
    height: min(430px, 82vw);
    border-radius: 48% 52% 50% 50%;
    opacity: calc(.48 + var(--av11-voice) * .20);
    background:
      radial-gradient(circle at 42% 40%,
        rgba(255,255,255,.56) 0%,
        rgba(255, 210, 232, .26) 26%,
        rgba(164, 246, 224, .15) 47%,
        rgba(255, 232, 126, .11) 60%,
        transparent 78%),
      radial-gradient(circle at 67% 52%,
        rgba(112, 224, 255, .15) 0%,
        transparent 58%);
    filter: blur(28px) saturate(1.18);
  }

  .auricle-v11__aurora,
  .auricle-v11__arcs {
    opacity: 0;
  }

  .auricle-v11__voice-rays {
    width: min(420px, 94vw);
    height: min(360px, 82vw);
    opacity: calc(.12 + var(--av11-voice) * .20);
    filter: blur(24px) saturate(1.28);
  }

  .auricle-v11__voice-ray {
    width: 108px;
    height: 210px;
    margin-left: -54px;
    margin-top: -210px;
    opacity: calc(.016 + var(--av11-voice) * .11 + var(--av11-speech-pop) * .05);
    filter: blur(28px);
  }

  .auricle-v11__core {
    width: 184px;
    height: 184px;
    border-radius: 50%;
    z-index: 6;
  }

  .auricle-v11__core::before,
  .auricle-v11__core::after {
    opacity: 0;
  }

  .auricle-v11__orb {
    width: 164px;
    height: 164px;
    opacity: calc(.42 + var(--av11-voice) * .22 + var(--av11-hover) * .08);
    border-radius: 50%;
    background:
      radial-gradient(circle at 50% 48%,
        rgba(255,255,255,.58) 0%,
        rgba(255, 232, 252, .30) 30%,
        rgba(220, 255, 244, .16) 52%,
        transparent 74%);
    filter:
      blur(.2px)
      drop-shadow(0 0 calc(18px + var(--av11-voice) * 24px) rgba(255,255,255,.54))
      drop-shadow(0 0 calc(34px + var(--av11-voice) * 36px) rgba(255, 164, 220, .18));
    backdrop-filter: blur(8px) saturate(1.08);
  }

  .auricle-v11__orb::before {
    background:
      radial-gradient(circle at 48% 42%,
        rgba(255,255,255,.68) 0%,
        rgba(255, 226, 248, .28) 28%,
        rgba(164, 246, 224, .16) 54%,
        transparent 80%);
    opacity: .72;
  }

  .auricle-v11__orb::after {
    border: 0;
    box-shadow:
      inset 0 0 34px rgba(255,255,255,.34),
      inset 0 -20px 40px rgba(255, 180, 230, .10);
    opacity: calc(.28 + var(--av11-voice) * .16);
  }

  .auricle-v11__orb-layer {
    inset: -34%;
    border-radius: 48%;
    filter: blur(24px);
    opacity: calc(.12 + var(--av11-voice) * .20 + var(--av11-attack) * .08);
  }

  .auricle-v11__orb-layer--1 {
    background:
      radial-gradient(circle at 42% 28%,
        rgba(255, 244, 128, .34) 0%,
        rgba(255, 136, 210, .22) 34%,
        transparent 68%) !important;
  }

  .auricle-v11__orb-layer--2 {
    background:
      radial-gradient(circle at 70% 58%,
        rgba(104, 238, 224, .28) 0%,
        rgba(178, 132, 255, .18) 36%,
        transparent 70%) !important;
  }

  .auricle-v11__orb-layer--3 {
    background:
      radial-gradient(circle at 48% 66%,
        rgba(255,255,255,.32) 0%,
        rgba(255, 204, 128, .18) 36%,
        transparent 72%) !important;
  }

  .auricle-v11__orb-shine {
    left: 28%;
    top: 22%;
    width: 46%;
    height: 32%;
    filter: blur(7px);
    opacity: calc(.18 + var(--av11-voice) * .20);
  }

  @media (max-width: 480px) {
    .auricle-v11 {
      padding-top: 22px;
    }

    .auricle-v11__space {
      padding-inline: 16px;
    }

    .auricle-v11__core {
      width: 150px;
      height: 150px;
    }

    .auricle-v11__orb {
      width: 136px;
      height: 136px;
    }

    .auricle-v11__title {
      font-size: clamp(28px, 10vw, 42px);
    }
  }

  /* Final reference pass: remove technical frame and make every visible layer serve the aura */
  .auricle-v11 {
    --av11-ink: 31, 25, 30;
    padding: clamp(16px, 3vw, 26px) 0 clamp(24px, 4vw, 34px);
    color: rgba(var(--av11-ink), .92);
  }

  .auricle-v11::before {
    top: -58px;
    width: min(760px, 100vw);
    height: 560px;
    opacity: .78;
    background:
      linear-gradient(116deg,
        transparent 8%,
        rgba(255, 238, 142, .075) 28%,
        rgba(126, 246, 232, .095) 42%,
        rgba(184, 145, 255, .075) 55%,
        rgba(255, 157, 216, .060) 66%,
        transparent 82%),
      repeating-linear-gradient(116deg,
        transparent 0 13px,
        rgba(255,255,255,.060) 13px 14px,
        rgba(130, 244, 231, .030) 14px 15px,
        transparent 15px 24px),
      radial-gradient(circle at 48% 34%,
        rgba(255,255,255,.92) 0%,
        rgba(255, 236, 248, .22) 28%,
        rgba(178, 250, 236, .14) 50%,
        rgba(255, 242, 152, .10) 66%,
        transparent 82%);
    filter: blur(34px) saturate(1.20);
  }

  .auricle-v11::after,
  .auricle-v11__scene::before,
  .auricle-v11__scene::after {
    opacity: 0 !important;
    background: none !important;
  }

  .auricle-v11__backglow,
  .auricle-v11__aurora,
  .auricle-v11__arcs,
  .auricle-v11__voice-rays {
    opacity: 0 !important;
    display: none !important;
  }

  .auricle-v11__space {
    width: min(100%, 680px);
    padding: 0 clamp(16px, 4vw, 32px) 18px;
  }

  .auricle-v11__scene {
    height: clamp(330px, 58vw, 430px);
    max-width: 100%;
    overflow: visible;
  }

  .auricle-v11__canvas {
    inset: 0;
    z-index: 5;
    opacity: 1;
    mix-blend-mode: normal;
    filter:
      saturate(1.38)
      contrast(1.07)
      drop-shadow(0 26px 52px rgba(226, 126, 202, .08));
  }

  .auricle-v11__core {
    width: min(360px, 74vw);
    height: min(320px, 66vw);
    border-radius: 50%;
    z-index: 8;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .auricle-v11__orb,
  .auricle-v11__orb::before,
  .auricle-v11__orb::after,
  .auricle-v11__orb-layer,
  .auricle-v11__orb-shine {
    opacity: 0 !important;
  }

  .auricle-v11__play-mark {
    z-index: 12;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.96) 0%,
        rgba(255,255,255,.72) 25%,
        rgba(255, 214, 241, .46) 46%,
        rgba(119, 242, 226, .24) 66%,
        transparent 82%);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.52),
      0 0 20px rgba(255,255,255,.82),
      0 0 42px rgba(255, 149, 216, .34),
      0 0 48px rgba(108, 238, 226, .26);
    mix-blend-mode: screen;
    filter: saturate(1.28) contrast(1.05);
    animation: av11AuraPlayHint 2.8s ease-in-out infinite;
  }

  .auricle-v11__play-mark::before {
    left: 31px;
    top: 24px;
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 23px;
    border-left-color: rgba(174, 126, 232, .86);
    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.72))
      drop-shadow(0 0 8px rgba(255,255,255,.64))
      drop-shadow(0 0 16px rgba(187, 136, 255, .44))
      drop-shadow(0 0 20px rgba(255, 166, 220, .28));
  }

  .auricle-v11__play-mark::after {
    content: "";
    position: absolute;
    inset: -18px;
    border-radius: 50%;
    border: 1px solid rgba(255, 178, 224, .40);
    box-shadow:
      0 0 24px rgba(255,255,255,.28),
      inset 0 0 28px rgba(117, 238, 226, .18);
    opacity: .72;
    animation: av11AuraPlayRing 2.8s ease-out infinite;
  }

  .auricle-v11[data-state="idle"] .auricle-v11__play-mark,
  .auricle-v11[data-state="paused"] .auricle-v11__play-mark {
    opacity: .96;
    transform: translate(-50%, -50%) scale(1);
  }

  .auricle-v11[data-state="playing"] .auricle-v11__play-mark {
    opacity: 0 !important;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.78);
    pointer-events: none;
    animation: none;
  }

  .auricle-v11[data-state="playing"] .auricle-v11__play-mark::after {
    animation: none;
    opacity: 0;
  }

  .auricle-v11__core:hover .auricle-v11__play-mark,
  .auricle-v11__core:focus-visible .auricle-v11__play-mark {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.08);
  }

  .auricle-v11[data-state="playing"] .auricle-v11__core:hover .auricle-v11__play-mark,
  .auricle-v11[data-state="playing"] .auricle-v11__core:focus-visible .auricle-v11__play-mark {
    opacity: 0 !important;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.78);
  }

  @keyframes av11AuraPlayHint {
    0%, 100% {
      opacity: .86;
      filter: saturate(1.22) contrast(1.04) blur(.1px);
    }
    50% {
      opacity: 1;
      filter: saturate(1.42) contrast(1.08) blur(0);
    }
  }

  @keyframes av11AuraPlayRing {
    0% {
      transform: scale(.78);
      opacity: .44;
    }
    72% {
      transform: scale(1.28);
      opacity: .05;
    }
    100% {
      transform: scale(1.28);
      opacity: 0;
    }
  }

  .auricle-v11__meta {
    position: relative;
    z-index: 9;
    margin-top: -28px;
    gap: 7px;
  }

  .auricle-v11__subtitle {
    font-size: clamp(10px, .95vw, 12px);
    line-height: 1.18;
    font-weight: 650;
    letter-spacing: .035em;
    text-transform: none;
    color: rgba(31, 25, 30, .48);
    text-shadow: 0 1px 0 rgba(255,255,255,.76);
    opacity: 1;
  }

  .auricle-v11__title {
    max-width: min(650px, 92vw);
    margin-inline: auto;
    font-size: clamp(25px, 3.35vw, 36px);
    line-height: 1.06;
    font-weight: 380;
    letter-spacing: 0;
    color: rgba(27, 22, 27, .76);
    background: none;
    -webkit-text-fill-color: currentColor;
    text-wrap: balance;
    text-shadow:
      0 1px 0 rgba(255,255,255,.90),
      0 0 18px rgba(255, 148, 220, .16),
      0 0 26px rgba(118, 238, 226, .12);
    filter: none;
  }

  .auricle-v11__title::after {
    opacity: 0;
  }

  .auricle-v11__progress {
    width: min(290px, 68vw);
    height: 30px;
    margin: 13px auto 0;
    background: transparent;
    box-shadow: none;
    filter: drop-shadow(0 0 10px rgba(148, 236, 224, .18));
  }

  .auricle-v11__progress::before,
  .auricle-v11__progress::after {
    opacity: 0;
  }

  .auricle-v11__progress-track {
    height: 2px;
    background:
      linear-gradient(90deg,
        transparent 0%,
        rgba(255, 169, 215, .58) 20%,
        rgba(255, 235, 132, .72) 42%,
        rgba(110, 236, 222, .70) 67%,
        rgba(178, 142, 255, .44) 84%,
        transparent 100%);
    opacity: .92;
  }

  .auricle-v11__progress-track::before,
  .auricle-v11__progress-track::after {
    opacity: 0;
  }

  .auricle-v11__progress-light {
    height: 3px;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0),
        rgba(255, 134, 206, .95),
        rgba(255, 232, 112, .95),
        rgba(96, 236, 224, .92),
        rgba(255,255,255,.62));
    box-shadow:
      0 0 10px rgba(255, 144, 212, .28),
      0 0 16px rgba(112, 236, 224, .24);
  }

  .auricle-v11__progress-spark {
    width: 11px;
    height: 11px;
    background:
      radial-gradient(circle,
        rgba(255,255,255,1) 0%,
        rgba(255, 230, 124, .96) 32%,
        rgba(102, 236, 224, .68) 58%,
        rgba(255, 146, 212, .24) 76%,
        transparent 86%);
    box-shadow:
      0 0 9px rgba(255,255,255,.82),
      0 0 20px rgba(102, 236, 224, .34),
      0 0 18px rgba(255, 146, 212, .28);
  }

  .auricle-v11__time,
  .auricle-v11__status {
    font-size: 12px;
    color: rgba(31, 25, 30, .48);
    text-shadow: 0 1px 0 rgba(255,255,255,.72);
    opacity: 1;
  }

  /* Visual polish: slow prism breath, clockwise pearls, softer progress light */
  .auricle-v11::before {
    top: -34px;
    width: min(640px, 92vw);
    height: 470px;
    opacity: .66;
    background:
      linear-gradient(116deg,
        transparent 10%,
        rgba(255, 239, 150, .052) 30%,
        rgba(126, 246, 232, .068) 44%,
        rgba(184, 145, 255, .050) 57%,
        rgba(255, 157, 216, .044) 68%,
        transparent 84%),
      radial-gradient(circle at 48% 34%,
        rgba(255,255,255,.88) 0%,
        rgba(255, 236, 248, .20) 27%,
        rgba(178, 250, 236, .12) 49%,
        rgba(255, 242, 152, .075) 64%,
        transparent 80%);
    filter: blur(30px) saturate(1.12);
    transform-origin: 50% 46%;
    animation: av11PrismVeil 34s ease-in-out infinite;
  }

  .auricle-v11__scene::before {
    inset: auto !important;
    left: 50%;
    top: 50%;
    width: min(420px, 82vw);
    height: min(320px, 66vw);
    border-radius: 50%;
    opacity: calc(.18 + var(--av11-voice) * .28 + var(--av11-hover) * .10) !important;
    background:
      radial-gradient(circle at 23% 30%, rgba(255,255,255,.62) 0 1px, rgba(255,255,255,0) 2px),
      radial-gradient(circle at 72% 25%, rgba(255,255,255,.48) 0 1px, rgba(255,255,255,0) 2px),
      radial-gradient(circle at 82% 58%, rgba(255, 223, 130, .38) 0 1px, rgba(255,255,255,0) 3px),
      radial-gradient(circle at 33% 70%, rgba(118, 238, 226, .34) 0 1px, rgba(255,255,255,0) 3px),
      radial-gradient(circle at 55% 16%, rgba(255, 154, 218, .34) 0 1px, rgba(255,255,255,0) 3px) !important;
    filter:
      blur(.15px)
      drop-shadow(0 0 10px rgba(255,255,255,.46))
      drop-shadow(0 0 18px rgba(157, 236, 226, .18));
    transform-origin: 50% 50%;
    animation: av11PearlOrbit 18s linear infinite !important;
  }

  .auricle-v11__scene {
    height: clamp(312px, 48vw, 392px);
  }

  .auricle-v11__core {
    width: min(330px, 68vw);
    height: min(292px, 60vw);
  }

  .auricle-v11__progress {
    width: min(286px, 64vw);
    height: 24px;
    filter:
      drop-shadow(0 0 7px rgba(255,255,255,.14))
      drop-shadow(0 0 12px rgba(112, 236, 224, .10));
  }

  .auricle-v11__progress::before {
    left: -18%;
    width: 24%;
    height: 14px;
    opacity: calc(.065 + var(--av11-voice) * .08);
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.64),
        rgba(255, 228, 124, .34),
        rgba(116, 238, 226, .24),
        transparent
      );
    filter: blur(9px);
    animation: av11ProgressSheen 10.5s ease-in-out infinite;
  }

  .auricle-v11__progress::after {
    left: 50%;
    top: 52%;
    width: 84%;
    height: 14px;
    opacity: calc(.070 + var(--av11-voice) * .075);
    transform: translate(-50%, -50%);
    background:
      radial-gradient(ellipse at center,
        rgba(255,255,255,.20) 0%,
        rgba(255, 166, 220, .14) 36%,
        rgba(116, 238, 226, .10) 62%,
        transparent 78%);
    filter: blur(12px);
  }

  .auricle-v11__progress-track {
    height: .7px;
    background:
      linear-gradient(90deg,
        transparent 0%,
        rgba(255, 165, 218, .20) 18%,
        rgba(255, 238, 126, .34) 43%,
        rgba(116, 238, 226, .32) 67%,
        rgba(184, 142, 255, .18) 86%,
        transparent 100%);
    box-shadow: 0 0 6px rgba(255,255,255,.12);
  }

  .auricle-v11__progress-light {
    height: 1.4px;
    filter: blur(.28px);
    opacity: calc(.48 + var(--av11-voice) * .14);
  }

  .auricle-v11__progress-spark {
    width: 8px;
    height: 8px;
    opacity: calc(.58 + var(--av11-progress) * .34);
    box-shadow:
      0 0 7px rgba(255,255,255,.72),
      0 0 16px rgba(255, 150, 216, .22),
      0 0 18px rgba(102, 236, 224, .25);
  }

  @keyframes av11PrismVeil {
    0% {
      transform: translateX(-50%) translateY(0) scale(.985);
      filter: blur(30px) saturate(1.10);
      opacity: .58;
    }
    50% {
      transform: translateX(-50%) translateY(6px) scale(1.025);
      filter: blur(32px) saturate(1.18);
      opacity: .72;
    }
    100% {
      transform: translateX(-50%) translateY(0) scale(.985);
      filter: blur(30px) saturate(1.10);
      opacity: .58;
    }
  }

  @keyframes av11PearlOrbit {
    0% {
      transform: translate(-50%, -50%) rotate(0deg) scale(.985);
    }
    50% {
      transform: translate(-50%, -50%) rotate(180deg) scale(1.015);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg) scale(.985);
    }
  }

  @media (max-width: 480px) {
    .auricle-v11__scene {
      height: 315px;
    }

    .auricle-v11__meta {
      margin-top: -22px;
    }

    .auricle-v11__subtitle {
      font-size: clamp(9px, 2.6vw, 10px);
      letter-spacing: .025em;
    }

    .auricle-v11__title {
      font-size: clamp(24px, 7.6vw, 33px);
    }
  }

  /* Tilda Zero Block adapter: keeps the widget self-contained inside HTML/Zero elements */
  .auricle-v11 {
    container-type: inline-size;
    min-height: var(--av11-zero-min-height, clamp(500px, 72vw, 590px));
    align-items: center;
  }

  .tn-atom > .auricle-v11,
  .t396__elem .auricle-v11 {
    width: 100%;
    height: 100%;
    min-height: max(100%, 500px);
    padding-top: clamp(10px, 2vw, 22px);
    padding-bottom: clamp(20px, 3vw, 34px);
  }

  .av11-zero-host,
  .av11-zero-host > .tn-atom,
  .t396__artboard.av11-zero-artboard {
    overflow: visible !important;
  }

  .tn-atom > .auricle-v11 .auricle-v11__space,
  .t396__elem .auricle-v11 .auricle-v11__space {
    width: min(100%, var(--av11-zero-width, 680px));
  }

  @container (max-width: 520px) {
    .auricle-v11 {
      min-height: var(--av11-zero-min-height-mobile, 500px);
      padding-inline: 0;
    }

    .auricle-v11__space {
      padding-inline: clamp(10px, 4cqw, 18px);
    }

    .auricle-v11__scene {
      height: clamp(292px, 76cqw, 340px);
    }

    .auricle-v11__core {
      width: min(300px, 82cqw);
      height: min(270px, 72cqw);
    }

    .auricle-v11__meta {
      margin-top: -20px;
    }

    .auricle-v11__subtitle {
      font-size: clamp(9px, 2.7cqw, 10px);
      letter-spacing: .025em;
    }

    .auricle-v11__title {
      font-size: clamp(24px, 7.8cqw, 34px);
    }

    .auricle-v11__progress {
      width: min(270px, 76cqw);
    }
  }

  @container (max-width: 360px) {
    .auricle-v11 {
      min-height: var(--av11-zero-min-height-small, 470px);
    }

    .auricle-v11__scene {
      height: 282px;
    }

    .auricle-v11__meta {
      margin-top: -24px;
    }

    .auricle-v11__title {
      font-size: clamp(22px, 7.4cqw, 28px);
    }

    .auricle-v11__play-mark {
      width: 68px;
      height: 68px;
    }
  }

/* Extracted from index.html inline style block 3. */
/* Global site patch: cleaner composition, softer aura, clearer typography */
  .ag-site .auricle-v11 {
    width: min(100%, 980px);
    margin-inline: auto;
    padding-top: clamp(20px, 3.6vw, 42px);
    padding-bottom: clamp(30px, 4vw, 44px);
    isolation: isolate;
  }

  .ag-site .auricle-v11::before {
    top: clamp(-36px, -2.2vw, -18px);
    width: min(820px, 96vw);
    height: clamp(455px, 54vw, 610px);
    opacity: calc(.64 + var(--av11-voice) * .13);
    filter: blur(38px) saturate(1.18);
  }

  .ag-site .auricle-v11::after {
    content: "";
    position: absolute;
    left: 50%;
    top: clamp(360px, 42vw, 455px);
    width: min(520px, 72vw);
    height: 170px;
    border-radius: 999px;
    background:
      radial-gradient(ellipse at 50% 20%,
        rgba(255,255,255,.52) 0%,
        rgba(255, 174, 224, .070) 32%,
        rgba(112, 236, 224, .060) 54%,
        rgba(255,255,255,0) 78%);
    transform: translateX(-50%);
    filter: blur(26px);
    opacity: .78 !important;
    pointer-events: none;
    z-index: 1;
  }

  .ag-site .auricle-v11__space {
    position: relative;
    width: min(100%, 720px);
    padding-inline: clamp(18px, 4vw, 42px);
    padding-bottom: clamp(8px, 1.8vw, 18px);
  }

  .ag-site .auricle-v11__space::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: clamp(-92px, -7vw, -52px);
    width: min(700px, 86vw);
    height: clamp(170px, 22vw, 245px);
    border-radius: 999px;
    transform: translateX(-50%);
    background:
      radial-gradient(ellipse at 50% 36%,
        rgba(255,255,255,.48) 0%,
        rgba(255, 226, 142, .095) 24%,
        rgba(255, 158, 220, .070) 44%,
        rgba(112, 236, 224, .055) 62%,
        rgba(255,255,255,0) 78%);
    filter: blur(30px);
    opacity: calc(.48 + var(--av11-voice) * .16 + var(--av11-speech-pop) * .10);
    pointer-events: none;
    z-index: 0;
  }

  .ag-site .auricle-v11__scene {
    position: relative;
    z-index: 2;
    height: clamp(370px, 49vw, 510px);
    margin-bottom: clamp(-48px, -3.4vw, -28px);
  }

  .ag-site .auricle-v11__canvas {
    filter:
      saturate(1.34)
      contrast(1.055)
      brightness(1.018)
      drop-shadow(0 30px 62px rgba(255, 168, 224, .12))
      drop-shadow(0 12px 30px rgba(112, 236, 224, .075));
    transition:
      filter .9s ease,
      opacity .9s ease;
  }

  .ag-site .auricle-v11__core {
    width: min(405px, 73vw);
    height: min(350px, 64vw);
  }

  .ag-site .auricle-v11__meta {
    margin-top: clamp(-44px, -3.4vw, -28px);
    gap: 8px;
  }

  .ag-site .auricle-v11__meta::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -28px;
    width: min(560px, 78vw);
    height: 164px;
    border-radius: 999px;
    transform: translateX(-50%);
    background:
      radial-gradient(ellipse at 50% 34%,
        rgba(255,255,255,.66) 0%,
        rgba(255, 242, 218, .22) 24%,
        rgba(255, 176, 226, .070) 46%,
        rgba(112, 236, 224, .060) 62%,
        rgba(255,255,255,0) 78%);
    filter: blur(20px);
    opacity: .82;
    pointer-events: none;
    z-index: 0;
  }

  .ag-site .auricle-v11__meta > * {
    position: relative;
    z-index: 1;
  }

  .ag-site .auricle-v11__subtitle {
    font-size: clamp(12px, 1.02vw, 15px);
    line-height: 1.12;
    font-weight: 650;
    color: rgba(31, 25, 30, .46);
    transition:
      color .75s ease,
      text-shadow .75s ease;
  }

  .ag-site .auricle-v11__title {
    max-width: min(720px, 92vw);
    font-size: clamp(31px, 3.35vw, 45px);
    line-height: 1.02;
    color: rgba(31, 25, 30, .70);
    text-shadow:
      0 1px 0 rgba(255,255,255,.95),
      0 0 calc(18px + var(--av11-speech-pop) * 8px) rgba(255, 152, 224, .13),
      0 0 calc(30px + var(--av11-speech-pop) * 10px) rgba(112, 236, 224, .13);
    filter:
      saturate(calc(1 + var(--av11-speech-pop) * .05))
      brightness(calc(1 + var(--av11-speech-pop) * .035));
    transition:
      color .8s ease,
      text-shadow .8s ease,
      filter .8s ease;
  }

  .ag-site .auricle-v11__progress {
    width: min(365px, 66vw);
    height: 30px;
    margin-top: 17px;
    filter:
      drop-shadow(0 0 8px rgba(255, 168, 224, .18))
      drop-shadow(0 0 14px rgba(112, 236, 224, .14));
    transition:
      transform 1.15s cubic-bezier(.18, .82, .16, 1),
      filter 1.15s cubic-bezier(.18, .82, .16, 1),
      opacity 1.15s cubic-bezier(.18, .82, .16, 1);
  }

  .ag-site .auricle-v11__progress-track {
    height: 1.5px;
    opacity: .88;
    background:
      linear-gradient(90deg,
        transparent 0%,
        rgba(255, 169, 215, .42) 18%,
        rgba(255, 236, 148, .68) 43%,
        rgba(110, 236, 222, .58) 67%,
        rgba(178, 142, 255, .36) 84%,
        transparent 100%);
    transition:
      height 1.05s cubic-bezier(.18, .82, .16, 1),
      opacity 1.05s cubic-bezier(.18, .82, .16, 1),
      filter 1.05s cubic-bezier(.18, .82, .16, 1);
  }

  .ag-site .auricle-v11__progress-light {
    height: 2.5px;
    opacity: .86;
    overflow: visible;
    box-shadow:
      0 0 8px rgba(255, 144, 212, .22),
      0 0 14px rgba(112, 236, 224, .18);
    transition:
      height 1.05s cubic-bezier(.18, .82, .16, 1),
      opacity 1.05s cubic-bezier(.18, .82, .16, 1),
      filter 1.05s cubic-bezier(.18, .82, .16, 1);
  }

  .ag-site .auricle-v11__progress-light::after {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    width: 54px;
    height: 14px;
    border-radius: 999px;
    transform: translateY(-50%) scaleX(.24);
    transform-origin: 100% 50%;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0) 0%,
        rgba(255, 216, 246, .16) 42%,
        rgba(255,255,255,.38) 72%,
        rgba(112, 236, 224, .18) 100%);
    filter: blur(5px);
    opacity: 0;
    pointer-events: none;
    transition:
      opacity 1.15s cubic-bezier(.18, .82, .16, 1),
      transform 1.22s cubic-bezier(.18, .82, .16, 1),
      filter 1.22s cubic-bezier(.18, .82, .16, 1);
  }

  .ag-site .auricle-v11__progress-spark {
    width: 13px;
    height: 13px;
    overflow: visible;
    opacity: .94;
    border: 1px solid rgba(255,255,255,.86);
    background:
      radial-gradient(circle at 32% 24%,
        rgba(255,255,255,1) 0 18%,
        rgba(255,255,255,.78) 19%,
        transparent 30%),
      radial-gradient(circle at 74% 72%,
        rgba(112, 244, 232, .62) 0%,
        transparent 46%),
      radial-gradient(circle at 28% 76%,
        rgba(255, 230, 142, .56) 0%,
        transparent 50%),
      conic-gradient(from 20deg,
        rgba(255, 170, 224, .42),
        rgba(255, 242, 150, .38),
        rgba(112, 244, 232, .48),
        rgba(190, 156, 255, .40),
        rgba(255, 170, 224, .42)),
      radial-gradient(circle,
        rgba(255,255,255,1) 0%,
        rgba(255, 236, 252, .96) 36%,
        rgba(178, 242, 234, .60) 58%,
        rgba(255, 148, 218, .30) 74%,
        transparent 86%);
    box-shadow:
      inset -2px -2px 5px rgba(104, 232, 224, .32),
      inset 2px 2px 6px rgba(255,255,255,.96),
      0 0 9px rgba(255,255,255,.96),
      0 0 19px rgba(102, 236, 224, .42),
      0 0 18px rgba(255, 146, 212, .32),
      0 0 26px rgba(255, 226, 142, .18);
    transition:
      width 1.05s cubic-bezier(.18, .82, .16, 1),
      height 1.05s cubic-bezier(.18, .82, .16, 1),
      transform 1.05s cubic-bezier(.18, .82, .16, 1),
      opacity 1.05s cubic-bezier(.18, .82, .16, 1),
      box-shadow 1.05s cubic-bezier(.18, .82, .16, 1),
      filter 1.05s cubic-bezier(.18, .82, .16, 1);
  }

  .ag-site .auricle-v11__progress-spark::before,
  .ag-site .auricle-v11__progress-spark::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
  }

  .ag-site .auricle-v11__progress-spark::before {
    left: 16%;
    top: 14%;
    width: 38%;
    height: 38%;
    background: rgba(255,255,255,.92);
    filter: blur(.25px);
    opacity: .96;
    animation: agProgressPearlGlint 4.8s ease-in-out infinite;
  }

  .ag-site .auricle-v11__progress-spark::after {
    inset: -11px;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.30) 0%,
        rgba(120, 244, 232, .14) 30%,
        rgba(255, 166, 224, .10) 48%,
        transparent 68%);
    filter: blur(4px);
    opacity: .78;
    transition:
      opacity 1.15s cubic-bezier(.18, .82, .16, 1),
      transform 1.15s cubic-bezier(.18, .82, .16, 1);
  }

  .ag-site .auricle-v11__progress-ripple {
    opacity: 0;
    background:
      radial-gradient(circle,
        rgba(255,255,255,.78) 0%,
        rgba(255, 225, 134, .30) 28%,
        rgba(108, 236, 224, .18) 52%,
        rgba(255,255,255,0) 72%);
    transition:
      opacity 1.15s cubic-bezier(.18, .82, .16, 1),
      transform 1.15s cubic-bezier(.18, .82, .16, 1);
  }

  .ag-site .auricle-v11__progress:hover,
  .ag-site .auricle-v11__progress:focus-visible,
  .ag-site .auricle-v11__progress.is-seeking {
    transform: scaleX(1.018) scaleY(1.045);
    filter:
      drop-shadow(0 0 9px rgba(255, 168, 224, .18))
      drop-shadow(0 0 15px rgba(112, 236, 224, .16));
  }

  .ag-site .auricle-v11__progress:hover .auricle-v11__progress-track,
  .ag-site .auricle-v11__progress:focus-visible .auricle-v11__progress-track,
  .ag-site .auricle-v11__progress.is-seeking .auricle-v11__progress-track {
    height: 1.75px;
    opacity: .96;
    filter: saturate(1.06);
  }

  .ag-site .auricle-v11__progress:hover .auricle-v11__progress-light,
  .ag-site .auricle-v11__progress:focus-visible .auricle-v11__progress-light,
  .ag-site .auricle-v11__progress.is-seeking .auricle-v11__progress-light {
    height: 2.75px;
    opacity: .91;
    filter: saturate(1.08);
  }

  .ag-site .auricle-v11__progress:hover .auricle-v11__progress-light::after,
  .ag-site .auricle-v11__progress:focus-visible .auricle-v11__progress-light::after {
    opacity: .22;
    transform: translateY(-50%) scaleX(.42);
  }

  .ag-site .auricle-v11__progress.is-seeking .auricle-v11__progress-light::after {
    opacity: .46;
    transform: translateY(-50%) scaleX(.78);
    filter: blur(6px);
  }

  .ag-site .auricle-v11__progress:hover .auricle-v11__progress-spark,
  .ag-site .auricle-v11__progress:focus-visible .auricle-v11__progress-spark,
  .ag-site .auricle-v11__progress.is-seeking .auricle-v11__progress-spark {
    width: 13px;
    height: 13px;
    transform: translate(-50%, -50%) scale(1.10);
    opacity: 1;
    filter: brightness(1.04) saturate(1.08);
    box-shadow:
      inset -2px -2px 5px rgba(104, 232, 224, .24),
      inset 2px 2px 5px rgba(255,255,255,.95),
      0 0 13px rgba(255,255,255,.96),
      0 0 24px rgba(102, 236, 224, .42),
      0 0 22px rgba(255, 146, 212, .34),
      0 0 28px rgba(255, 226, 142, .20);
  }

  .ag-site .auricle-v11__progress:hover .auricle-v11__progress-spark::after,
  .ag-site .auricle-v11__progress:focus-visible .auricle-v11__progress-spark::after,
  .ag-site .auricle-v11__progress.is-seeking .auricle-v11__progress-spark::after {
    opacity: .80;
    transform: scale(1.08);
  }

  .ag-site .auricle-v11__progress:hover .auricle-v11__progress-ripple,
  .ag-site .auricle-v11__progress:focus-visible .auricle-v11__progress-ripple,
  .ag-site .auricle-v11__progress.is-seeking .auricle-v11__progress-ripple {
    opacity: .34;
    animation: agProgressPearlRipple 1.9s ease-out infinite;
  }

  .ag-site .auricle-v11__time,
  .ag-site .auricle-v11__status {
    font-size: 11px;
    color: rgba(31, 25, 30, .40);
    transition:
      color .75s ease,
      text-shadow .75s ease;
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__canvas {
    filter:
      saturate(1.30)
      contrast(1.045)
      brightness(1.014)
      drop-shadow(0 26px 54px rgba(255, 182, 220, .10))
      drop-shadow(0 14px 34px rgba(255, 226, 142, .075))
      drop-shadow(0 12px 30px rgba(112, 236, 224, .075));
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__subtitle {
    color: rgba(31, 25, 30, .40);
    text-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 14px rgba(255, 208, 232, .16);
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__title {
    color: rgba(31, 25, 30, .64);
    text-shadow:
      0 1px 0 rgba(255,255,255,.96),
      0 0 calc(20px + var(--av11-speech-pop) * 10px) rgba(255, 176, 224, .18),
      0 0 calc(34px + var(--av11-speech-pop) * 10px) rgba(255, 226, 142, .10),
      0 0 calc(30px + var(--av11-speech-pop) * 8px) rgba(112, 236, 224, .12);
    filter:
      saturate(calc(1.04 + var(--av11-speech-pop) * .07))
      brightness(calc(1 + var(--av11-speech-pop) * .045));
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress {
    filter:
      drop-shadow(0 0 10px rgba(255, 168, 224, .24))
      drop-shadow(0 0 18px rgba(112, 236, 224, .20))
      drop-shadow(0 0 16px rgba(255, 226, 142, .12));
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress-track {
    height: 2px;
    opacity: .98;
    filter: saturate(1.10);
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress-light {
    height: 3px;
    opacity: .95;
    filter: saturate(1.14);
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress-spark {
    width: 13px;
    height: 13px;
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 1;
    filter: brightness(1.05) saturate(1.10);
    box-shadow:
      inset -2px -2px 5px rgba(104, 232, 224, .28),
      inset 2px 2px 6px rgba(255,255,255,.96),
      0 0 12px rgba(255,255,255,.96),
      0 0 24px rgba(102, 236, 224, .42),
      0 0 22px rgba(255, 146, 212, .32),
      0 0 28px rgba(255, 226, 142, .20);
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__time,
  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__status {
    color: rgba(31, 25, 30, .35);
    text-shadow: 0 1px 0 rgba(255,255,255,.86);
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__canvas {
    filter:
      saturate(1.18)
      contrast(1.035)
      brightness(.998)
      drop-shadow(0 24px 54px rgba(178, 142, 255, .075))
      drop-shadow(0 14px 36px rgba(112, 236, 224, .070));
    opacity: .95;
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__space::after {
    opacity: calc(.34 + var(--av11-pause-settle) * .08);
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__subtitle {
    color: rgba(31, 25, 30, .42);
    text-shadow: 0 1px 0 rgba(255,255,255,.88);
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__title {
    color: rgba(31, 25, 30, .67);
    text-shadow:
      0 1px 0 rgba(255,255,255,.94),
      0 0 18px rgba(178, 142, 255, .075),
      0 0 24px rgba(112, 236, 224, .085);
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress {
    filter:
      drop-shadow(0 0 7px rgba(178, 142, 255, .12))
      drop-shadow(0 0 12px rgba(112, 236, 224, .10));
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress-light {
    opacity: .72;
    filter: saturate(.94);
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress-spark {
    width: 13px;
    height: 13px;
    transform: translate(-50%, -50%) scale(.98);
    opacity: .90;
    filter: brightness(1.02) saturate(1.04);
    box-shadow:
      inset -2px -2px 4px rgba(104, 232, 224, .20),
      inset 2px 2px 5px rgba(255,255,255,.90),
      0 0 10px rgba(255,255,255,.82),
      0 0 18px rgba(102, 236, 224, .28),
      0 0 17px rgba(178, 142, 255, .20);
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress-spark::after {
    opacity: .84;
  }

  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress-spark::after {
    opacity: .66;
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress:hover .auricle-v11__progress-spark,
  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress:focus-visible .auricle-v11__progress-spark,
  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress.is-seeking .auricle-v11__progress-spark,
  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress:hover .auricle-v11__progress-spark,
  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress:focus-visible .auricle-v11__progress-spark,
  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress.is-seeking .auricle-v11__progress-spark {
    transform: translate(-50%, -50%) scale(1.12);
    opacity: 1;
    filter: brightness(1.08) saturate(1.12);
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress:hover .auricle-v11__progress-spark::after,
  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress:focus-visible .auricle-v11__progress-spark::after,
  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress.is-seeking .auricle-v11__progress-spark::after,
  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress:hover .auricle-v11__progress-spark::after,
  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress:focus-visible .auricle-v11__progress-spark::after,
  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress.is-seeking .auricle-v11__progress-spark::after {
    opacity: .86;
    transform: scale(1.10);
  }

  .ag-site .auricle-v11__status,
  .ag-site .auricle-v11:hover .auricle-v11__status,
  .ag-site .auricle-v11:focus-within .auricle-v11__status {
    opacity: 0;
    transform: translateY(0);
  }

  .ag-site .auricle-v11[data-has-status] .auricle-v11__status,
  .ag-site .auricle-v11[data-has-status]:hover .auricle-v11__status,
  .ag-site .auricle-v11[data-has-status]:focus-within .auricle-v11__status {
    opacity: .54;
  }

  @keyframes agProgressPearlGlint {
    0%, 100% {
      transform: translate(0, 0) scale(.82);
      opacity: .66;
    }
    42% {
      transform: translate(1.8px, 1.2px) scale(1.05);
      opacity: .96;
    }
    68% {
      transform: translate(3px, 2.2px) scale(.72);
      opacity: .34;
    }
  }

  @keyframes agProgressPearlRipple {
    0% {
      transform: translate(-50%, -50%) scale(.64);
      opacity: .50;
    }
    72% {
      transform: translate(-50%, -50%) scale(1.58);
      opacity: .06;
    }
    100% {
      transform: translate(-50%, -50%) scale(1.58);
      opacity: 0;
    }
  }

  @media (max-width: 720px) {
    .ag-site .auricle-v11 {
      width: 100%;
      padding-top: 12px;
    }

    .ag-site .auricle-v11__scene {
      height: clamp(318px, 80vw, 398px);
      margin-bottom: -28px;
    }

    .ag-site .auricle-v11__core {
      width: min(350px, 86vw);
      height: min(305px, 76vw);
    }

    .ag-site .auricle-v11__title {
      font-size: clamp(27px, 8vw, 38px);
      max-width: 86vw;
    }

    .ag-site .auricle-v11__subtitle {
      font-size: clamp(11px, 3vw, 13px);
    }

    .ag-site .auricle-v11__progress {
      width: min(315px, 66vw);
    }
  }

  /* ag-clean-center-overrides: keeps the player aura luminous without the grey haze behind it. */
  .ag-site .auricle-v11::before {
    opacity: calc(.38 + var(--av11-voice) * .045) !important;
    filter: blur(46px) saturate(1.045) brightness(1.045) !important;
    background:
      radial-gradient(circle at 50% 30%,
        rgba(255,255,255,.70) 0%,
        hsla(var(--av11-h2), 92%, 88%, .105) 28%,
        hsla(var(--av11-h4), 92%, 80%, .060) 48%,
        hsla(var(--av11-h6), 92%, 84%, .038) 62%,
        rgba(255,255,255,0) 78%) !important;
  }

  .ag-site .auricle-v11::after {
    opacity: .18 !important;
    filter: blur(34px) saturate(1.02) brightness(1.045) !important;
    background:
      radial-gradient(ellipse at 50% 26%,
        rgba(255,255,255,.62) 0%,
        rgba(255,255,255,.18) 44%,
        rgba(255, 220, 246, .028) 60%,
        rgba(255,255,255,0) 82%) !important;
  }

  .ag-site .auricle-v11__space::after {
    opacity: calc(.14 + var(--av11-voice) * .035 + var(--av11-speech-pop) * .025) !important;
    filter: blur(38px) saturate(1.015) brightness(1.055) !important;
    background:
      radial-gradient(ellipse at 50% 34%,
        rgba(255,255,255,.60) 0%,
        rgba(255,255,255,.18) 38%,
        rgba(255, 238, 248, .030) 56%,
        rgba(255,255,255,0) 78%) !important;
  }

  .ag-site .auricle-v11__meta::before {
    opacity: .46 !important;
    filter: blur(24px) saturate(1.01) brightness(1.045) !important;
    background:
      radial-gradient(ellipse at 50% 34%,
        rgba(255,255,255,.72) 0%,
        rgba(255,255,255,.20) 46%,
        rgba(255,255,255,0) 78%) !important;
  }

  .ag-site .auricle-v11__canvas {
    filter:
      saturate(1.24)
      contrast(1.035)
      brightness(1.022)
      drop-shadow(0 22px 46px rgba(255, 196, 232, .070))
      drop-shadow(0 10px 24px rgba(112, 236, 224, .048)) !important;
  }

  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__canvas {
    filter:
      saturate(1.23)
      contrast(1.030)
      brightness(1.020)
      drop-shadow(0 20px 42px rgba(255, 196, 232, .072))
      drop-shadow(0 10px 24px rgba(112, 236, 224, .048)) !important;
  }
/* /ag-clean-center-overrides */
  /* ag-theme-player-overrides: dark theme tuning for the player surface. */
  html[data-ag-theme="dark"] .ag-site .auricle-v11 {
    color: rgba(246, 242, 255, .90);
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11::before {
    opacity: calc(.58 + var(--av11-voice) * .070) !important;
    filter: blur(48px) saturate(1.24) brightness(.94) !important;
    background:
      radial-gradient(circle at 50% 30%,
        rgba(255,255,255,.28) 0%,
        hsla(var(--av11-h5), 92%, 74%, .20) 25%,
        hsla(var(--av11-h4), 92%, 68%, .12) 48%,
        rgba(255, 140, 224, .10) 63%,
        rgba(255,255,255,0) 80%) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11::after {
    opacity: .30 !important;
    filter: blur(38px) saturate(1.18) brightness(.95) !important;
    background:
      radial-gradient(ellipse at 50% 26%,
        rgba(255,255,255,.20) 0%,
        rgba(184, 142, 255, .14) 42%,
        rgba(112, 236, 224, .08) 60%,
        rgba(255,255,255,0) 82%) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__space::after,
  html[data-ag-theme="dark"] .ag-site .auricle-v11__meta::before {
    opacity: .30 !important;
    filter: blur(34px) saturate(1.12) brightness(.88) !important;
    background:
      radial-gradient(ellipse at 50% 34%,
        rgba(255,255,255,.16) 0%,
        rgba(184, 142, 255, .105) 42%,
        rgba(112, 236, 224, .065) 58%,
        rgba(255,255,255,0) 78%) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__subtitle {
    color: rgba(246, 242, 255, .58) !important;
    text-shadow: 0 0 14px rgba(184, 142, 255, .20);
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__title {
    color: rgba(246, 242, 255, .82) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.08),
      0 0 calc(22px + var(--av11-speech-pop) * 9px) rgba(255, 150, 224, .22),
      0 0 calc(38px + var(--av11-speech-pop) * 12px) rgba(112, 236, 224, .16) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__time,
  html[data-ag-theme="dark"] .ag-site .auricle-v11__status {
    color: rgba(246, 242, 255, .50) !important;
    text-shadow: 0 0 12px rgba(184, 142, 255, .18);
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__progress-track {
    opacity: .92;
    background:
      linear-gradient(90deg,
        transparent 0%,
        rgba(255, 150, 224, .52) 18%,
        rgba(255, 226, 142, .64) 43%,
        rgba(110, 236, 222, .62) 67%,
        rgba(184, 142, 255, .58) 84%,
        transparent 100%) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__progress {
    filter:
      drop-shadow(0 0 12px rgba(184, 142, 255, .24))
      drop-shadow(0 0 18px rgba(112, 236, 224, .16)) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__canvas {
    filter:
      saturate(1.36)
      contrast(1.045)
      brightness(.92)
      drop-shadow(0 24px 54px rgba(184, 142, 255, .16))
      drop-shadow(0 12px 30px rgba(112, 236, 224, .11)) !important;
  }
/* /ag-theme-player-overrides */
  /* ag-no-dark-aura-inline: dark mode keeps the aura pearly, not inverted. */
  html[data-ag-theme="dark"] .ag-site .auricle-v11::before {
    opacity: calc(.38 + var(--av11-voice) * .045) !important;
    background:
      radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .92) 0 13%, rgba(255, 255, 255, .42) 20%, rgba(255, 255, 255, 0) 34%),
      conic-gradient(from calc(var(--av11-time) * 10deg), rgba(255, 196, 247, .36), rgba(123, 255, 236, .34), rgba(255, 243, 129, .32), rgba(255, 167, 209, .30), rgba(123, 255, 236, .34), rgba(255, 196, 247, .36)) !important;
    filter: blur(19px) saturate(1.02) brightness(1.025) !important;
    mix-blend-mode: screen !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11::after {
    opacity: .18 !important;
    background:
      repeating-linear-gradient(104deg, rgba(255, 255, 255, 0) 0 10px, rgba(255, 255, 255, .075) 11px, rgba(255, 255, 255, 0) 13px),
      radial-gradient(circle at 51% 51%, rgba(255, 255, 255, .10), rgba(255, 255, 255, 0) 62%) !important;
    filter: blur(15px) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__space::after,
  html[data-ag-theme="dark"] .ag-site .auricle-v11__meta::before {
    opacity: calc(.14 + var(--av11-voice) * .035 + var(--av11-speech-pop) * .025) !important;
    background:
      radial-gradient(circle at 49% 49%, rgba(255, 255, 255, .36), rgba(255, 255, 255, .13) 22%, rgba(255, 255, 255, 0) 48%),
      radial-gradient(circle at 48% 52%, rgba(255, 222, 176, .13), rgba(255, 255, 255, 0) 66%) !important;
    filter: blur(18px) saturate(1.02) !important;
    mix-blend-mode: screen !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__canvas,
  html[data-ag-theme="dark"] .ag-site .auricle-v11[data-state="playing"] .auricle-v11__canvas,
  html[data-ag-theme="dark"] .ag-site .auricle-v11[data-state="paused"] .auricle-v11__canvas {
    filter:
      saturate(calc(1.02 + var(--av11-voice) * .04))
      brightness(calc(1.01 + var(--av11-voice) * .02))
      drop-shadow(0 10px 24px rgba(112, 236, 224, .048)) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__backglow,
  html[data-ag-theme="dark"] .ag-site .auricle-v11__aurora,
  html[data-ag-theme="dark"] .ag-site .auricle-v11__arcs,
  html[data-ag-theme="dark"] .ag-site .auricle-v11__orb,
  html[data-ag-theme="dark"] .ag-site .auricle-v11__voice-rays {
    filter: none !important;
  }
/* /ag-no-dark-aura-inline */

  /* ag-final-calm-clockwise: calmer player contrast after parallax removal. */
  .ag-site .ag-site__video-bg {
    opacity: .985 !important;
    filter: saturate(1.035) brightness(1.015) contrast(1.012) !important;
    transform: translate3d(0, 0, 0) scale(1.006) !important;
    transition: filter .9s ease, opacity .9s ease !important;
  }

  .ag-site .auricle-v11::before {
    opacity: calc(.24 + var(--av11-voice) * .040) !important;
    filter: blur(42px) saturate(1.02) brightness(1.02) !important;
    background:
      radial-gradient(circle at 50% 30%,
        rgba(255,255,255,.34) 0%,
        rgba(255, 226, 250, .13) 26%,
        rgba(112, 236, 224, .090) 46%,
        rgba(255, 230, 132, .045) 60%,
        rgba(255,255,255,0) 78%) !important;
  }

  .ag-site .auricle-v11::after,
  .ag-site .auricle-v11__space::after {
    opacity: calc(.090 + var(--av11-voice) * .025 + var(--av11-speech-pop) * .020) !important;
    filter: blur(42px) saturate(1.00) brightness(1.035) !important;
    background:
      radial-gradient(ellipse at 50% 34%,
        rgba(255,255,255,.36) 0%,
        rgba(255,255,255,.10) 40%,
        rgba(255,255,255,0) 78%) !important;
  }

  .ag-site .auricle-v11__space::before {
    top: clamp(36px, 3.2vw, 52px) !important;
    width: min(390px, 58vw) !important;
    height: clamp(210px, 25vw, 290px) !important;
    transform: translateX(-50%) translate3d(0, 0, 0) !important;
    background:
      radial-gradient(ellipse at 50% 42%,
        rgba(255,255,255,.24) 0%,
        rgba(255, 236, 255, .14) 26%,
        rgba(255, 188, 242, .058) 43%,
        rgba(112, 246, 232, .052) 56%,
        rgba(255, 230, 118, .030) 67%,
        rgba(255,255,255,0) 84%) !important;
    filter: blur(34px) saturate(1.04) brightness(1.015) !important;
    opacity: .34 !important;
  }

  .ag-site .auricle-v11__scene::after {
    width: min(270px, 54vw) !important;
    height: min(205px, 42vw) !important;
    opacity: calc(.24 + var(--av11-voice) * .035 + var(--av11-speech-pop) * .025) !important;
    background:
      radial-gradient(ellipse at 50% 50%,
        rgba(255,255,255,.24) 0%,
        rgba(255, 226, 252, .13) 32%,
        rgba(120, 255, 240, .105) 50%,
        rgba(255, 236, 112, .052) 64%,
        rgba(255,255,255,0) 83%) !important;
    filter: blur(20px) saturate(1.06) contrast(1.01) !important;
  }

  .ag-site .auricle-v11__canvas,
  .ag-site .auricle-v11[data-state="playing"] .auricle-v11__canvas,
  .ag-site .auricle-v11[data-state="paused"] .auricle-v11__canvas {
    opacity: calc(.88 + var(--av11-voice) * .035 + var(--av11-speech-pop) * .020) !important;
    filter:
      saturate(1.18)
      contrast(1.030)
      brightness(1.015)
      drop-shadow(0 15px 32px rgba(255, 196, 232, .052))
      drop-shadow(0 8px 20px rgba(112, 236, 224, .040)) !important;
  }

  .ag-site .auricle-v11__arcs::after {
    border-color: rgba(255, 104, 224, .25) !important;
    box-shadow:
      0 0 7px rgba(255, 104, 224, .13),
      0 0 12px rgba(70, 255, 236, .075) !important;
    filter: blur(.92px) saturate(1.06) brightness(1.01) !important;
    opacity: calc(.30 + var(--av11-hover) * .035 + var(--av11-i) * .055 + var(--av11-speech-pop) * .035) !important;
  }

  .ag-site .auricle-v11__arc {
    opacity: calc(.18 + var(--av11-hover) * .055 + var(--av11-i) * .070 + var(--av11-attack) * .060) !important;
    filter:
      blur(.34px)
      saturate(1.12)
      contrast(1.04)
      drop-shadow(0 0 6px rgba(255, 108, 224, .13))
      drop-shadow(0 0 10px rgba(70, 255, 236, .090)) !important;
  }

  .ag-site .auricle-v11__meta::before {
    width: min(500px, 72vw) !important;
    height: 138px !important;
    opacity: .42 !important;
    filter: blur(24px) saturate(1.00) brightness(1.035) !important;
    background:
      radial-gradient(ellipse at 50% 38%,
        rgba(255,255,255,.62) 0%,
        rgba(255,255,255,.16) 42%,
        rgba(255,255,255,0) 78%) !important;
  }

  .ag-site .auricle-v11__title {
    color: rgba(40, 36, 48, .78) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.88),
      0 8px 22px rgba(255,255,255,.38),
      0 0 calc(14px + var(--av11-speech-pop) * 7px) rgba(255, 142, 224, .090) !important;
  }

  .ag-site .auricle-v11__subtitle,
  .ag-site .auricle-v11__time {
    color: rgba(64, 58, 74, .58) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
  }

  .ag-site .auricle-v11__progress-spark {
    width: 13px !important;
    height: 13px !important;
    opacity: .96 !important;
    filter: saturate(1.02) brightness(1.03) !important;
    box-shadow:
      inset -2px -2px 5px rgba(86, 244, 232, .28),
      inset 2px 2px 6px rgba(255,255,255,.94),
      0 0 8px rgba(255,255,255,.90),
      0 0 16px rgba(84, 255, 238, .34),
      0 0 16px rgba(255, 118, 222, .24),
      0 0 22px rgba(255, 226, 96, .12) !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__space::before {
    opacity: .24 !important;
  }

  html[data-ag-theme="dark"] .ag-site .auricle-v11__canvas,
  html[data-ag-theme="dark"] .ag-site .auricle-v11[data-state="playing"] .auricle-v11__canvas,
  html[data-ag-theme="dark"] .ag-site .auricle-v11[data-state="paused"] .auricle-v11__canvas {
    filter:
      saturate(1.14)
      contrast(1.030)
      brightness(.98)
      drop-shadow(0 10px 22px rgba(112, 236, 224, .050)) !important;
  }

  @media (max-width: 760px), (pointer: coarse) {
    .ag-site .auricle-v11__space::before {
      width: min(320px, 74vw) !important;
      height: clamp(205px, 48vw, 280px) !important;
      opacity: .32 !important;
      filter: blur(28px) saturate(1.03) brightness(1.01) !important;
    }

    .ag-site .auricle-v11__scene::after {
      opacity: .24 !important;
    }
  }
/* /ag-final-calm-clockwise */

  /* ag-mobile-from-mobtxt-20260601: one-canvas phone visual based on mob.txt. */
  @media (max-width: 760px), (pointer: coarse) {
    .ag-site .ag-site__video-bg,
    body.ag-site .ag-site__video-bg,
    html[data-ag-perf-tier="mobile-lite"] .ag-site .ag-site__video-bg,
    html[data-ag-video-mode="poster"] .ag-site .ag-site__video-bg {
      opacity: .98 !important;
      filter: none !important;
      transform: none !important;
    }

    html[data-ag-video-mode="poster"] body.ag-site {
      background: #fff url("../assets/agni-video-poster.jpg") center / cover fixed no-repeat !important;
    }

    .ag-site .auricle-v11,
    body.ag-site .auricle-v11 {
      min-height: 455px !important;
      padding: 8px 0 18px !important;
      justify-content: center !important;
    }

    .ag-site .auricle-v11::before,
    body.ag-site .auricle-v11::before,
    html[data-ag-perf-tier="mobile-lite"] .ag-site .auricle-v11::before,
    html[data-ag-perf-tier="mobile-lite"] body.ag-site .auricle-v11::before {
      top: -72px !important;
      width: min(720px, 160vw) !important;
      height: 540px !important;
      opacity: .58 !important;
      filter: blur(36px) saturate(1.08) !important;
      mix-blend-mode: normal !important;
      background:
        radial-gradient(ellipse at 46% 34%, rgba(255,255,255,.96) 0%, rgba(255, 232, 248, .18) 28%, transparent 64%),
        radial-gradient(ellipse at 28% 52%, rgba(126, 246, 232, .12) 0%, transparent 48%),
        radial-gradient(ellipse at 72% 49%, rgba(255, 238, 142, .13) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 68%, rgba(184, 145, 255, .10) 0%, transparent 54%) !important;
      -webkit-mask-image: radial-gradient(ellipse at 50% 45%, #000 0%, #000 46%, rgba(0,0,0,.58) 67%, transparent 88%) !important;
      mask-image: radial-gradient(ellipse at 50% 45%, #000 0%, #000 46%, rgba(0,0,0,.58) 67%, transparent 88%) !important;
    }

    .ag-site .auricle-v11::after,
    .ag-site .auricle-v11__space::before,
    .ag-site .auricle-v11__space::after,
    .ag-site .auricle-v11__scene::before,
    .ag-site .auricle-v11__scene::after,
    body.ag-site .auricle-v11::after,
    body.ag-site .auricle-v11__space::before,
    body.ag-site .auricle-v11__space::after,
    body.ag-site .auricle-v11__scene::before,
    body.ag-site .auricle-v11__scene::after {
      display: none !important;
      animation: none !important;
    }

    .ag-site .auricle-v11__aurora,
    .ag-site .auricle-v11__arcs,
    .ag-site .auricle-v11__voice-rays,
    .ag-site .auricle-v11__backglow,
    body.ag-site .auricle-v11__aurora,
    body.ag-site .auricle-v11__arcs,
    body.ag-site .auricle-v11__voice-rays,
    body.ag-site .auricle-v11__backglow {
      display: none !important;
      animation: none !important;
    }

    .ag-site .auricle-v11__space,
    body.ag-site .auricle-v11__space {
      width: min(100vw, 560px) !important;
      padding: 0 !important;
      animation: none !important;
    }

    .ag-site .auricle-v11__scene,
    body.ag-site .auricle-v11__scene {
      height: clamp(292px, 80vw, 348px) !important;
      margin: -16px 0 -18px !important;
    }

    .ag-site .auricle-v11__canvas,
    .ag-site .auricle-v11[data-state="playing"] .auricle-v11__canvas,
    .ag-site .auricle-v11[data-state="paused"] .auricle-v11__canvas,
    body.ag-site .auricle-v11__canvas,
    body.ag-site .auricle-v11[data-state="playing"] .auricle-v11__canvas,
    body.ag-site .auricle-v11[data-state="paused"] .auricle-v11__canvas {
      opacity: 1 !important;
      filter: saturate(1.22) contrast(1.02) !important;
    }

    .ag-site .auricle-v11__core,
    body.ag-site .auricle-v11__core {
      width: min(284px, 80vw) !important;
      height: min(252px, 70vw) !important;
      background: transparent !important;
      box-shadow: none !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      filter: none !important;
    }

    .ag-site .auricle-v11__orb,
    .ag-site .auricle-v11__orb-layer,
    .ag-site .auricle-v11__orb-shine,
    body.ag-site .auricle-v11__orb,
    body.ag-site .auricle-v11__orb-layer,
    body.ag-site .auricle-v11__orb-shine {
      opacity: 0 !important;
      animation: none !important;
      filter: none !important;
    }

    .ag-site .auricle-v11__play-mark,
    body.ag-site .auricle-v11__play-mark {
      width: 66px !important;
      height: 66px !important;
      opacity: .94 !important;
      mix-blend-mode: normal !important;
      background: radial-gradient(circle, rgba(255,255,255,.96) 0%, rgba(255,255,255,.70) 27%, rgba(255,214,241,.42) 47%, rgba(119,242,226,.20) 66%, transparent 82%) !important;
      box-shadow: 0 0 0 1px rgba(255,255,255,.48), 0 0 18px rgba(255,255,255,.72), 0 0 38px rgba(255,149,216,.26), 0 0 42px rgba(108,238,226,.18) !important;
      animation: av11MobilePlayBreath 3.4s ease-in-out infinite !important;
    }

    .ag-site .auricle-v11[data-state="playing"] .auricle-v11__play-mark,
    body.ag-site .auricle-v11[data-state="playing"] .auricle-v11__play-mark {
      opacity: 0 !important;
      visibility: hidden !important;
      transform: translate(-50%, -50%) scale(.82) !important;
      animation: none !important;
    }

    .ag-site .auricle-v11__play-mark::before,
    body.ag-site .auricle-v11__play-mark::before {
      left: 27px !important;
      top: 21px !important;
      border-top-width: 12px !important;
      border-bottom-width: 12px !important;
      border-left-width: 19px !important;
      border-left-color: rgba(174,126,232,.88) !important;
      filter: drop-shadow(0 1px 0 rgba(255,255,255,.72)) drop-shadow(0 0 12px rgba(187,136,255,.40)) drop-shadow(0 0 18px rgba(255,166,220,.24)) !important;
    }

    .ag-site .auricle-v11__play-mark::after,
    body.ag-site .auricle-v11__play-mark::after {
      display: none !important;
    }

    .ag-site .auricle-v11__meta,
    body.ag-site .auricle-v11__meta {
      width: min(100%, 360px) !important;
      margin-top: -26px !important;
      padding: 0 14px !important;
      gap: 6px !important;
      animation: none !important;
    }

    .ag-site .auricle-v11__meta::before,
    body.ag-site .auricle-v11__meta::before {
      display: none !important;
    }

    .ag-site .auricle-v11__subtitle,
    body.ag-site .auricle-v11__subtitle {
      font-size: 8.8px !important;
      line-height: 1.12 !important;
      font-weight: 620 !important;
      color: rgba(31,25,30,.42) !important;
      text-shadow: 0 1px 0 rgba(255,255,255,.76) !important;
    }

    .ag-site .auricle-v11__title,
    .ag-site .auricle-v11[data-state="playing"] .auricle-v11__title,
    .ag-site .auricle-v11[data-state="paused"] .auricle-v11__title,
    body.ag-site .auricle-v11__title,
    body.ag-site .auricle-v11[data-state="playing"] .auricle-v11__title,
    body.ag-site .auricle-v11[data-state="paused"] .auricle-v11__title {
      max-width: min(360px, 88vw) !important;
      font-size: clamp(26px, 7vw, 32px) !important;
      line-height: 1.02 !important;
      font-weight: 340 !important;
      color: rgba(27,22,27,.68) !important;
      background: none !important;
      -webkit-background-clip: initial !important;
      background-clip: initial !important;
      -webkit-text-fill-color: currentColor !important;
      text-shadow: 0 1px 0 rgba(255,255,255,.90), 0 0 18px rgba(255,148,220,.14), 0 0 24px rgba(118,238,226,.10) !important;
      filter: none !important;
    }

    .ag-site .auricle-v11__progress,
    .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress,
    .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress,
    body.ag-site .auricle-v11__progress,
    body.ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress,
    body.ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress {
      width: min(232px, 66vw) !important;
      height: 26px !important;
      margin-top: 8px !important;
      filter: none !important;
    }

    .ag-site .auricle-v11__progress-track,
    .ag-site .auricle-v11__progress-light,
    body.ag-site .auricle-v11__progress-track,
    body.ag-site .auricle-v11__progress-light {
      height: 2px !important;
      filter: none !important;
    }

    .ag-site .auricle-v11__progress-track,
    body.ag-site .auricle-v11__progress-track {
      opacity: 1 !important;
      background: linear-gradient(90deg, transparent 0%, rgba(255,169,215,.52) 20%, rgba(255,235,132,.62) 44%, rgba(110,236,222,.62) 70%, transparent 100%) !important;
    }

    .ag-site .auricle-v11__progress-light,
    body.ag-site .auricle-v11__progress-light {
      opacity: 1 !important;
      min-width: 2px !important;
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,134,206,.86), rgba(255,232,112,.90), rgba(96,236,224,.84), rgba(255,255,255,.56)) !important;
      box-shadow: 0 0 10px rgba(255,144,212,.22), 0 0 14px rgba(112,236,224,.18) !important;
    }

    .ag-site .auricle-v11__progress-light::after,
    .ag-site .auricle-v11__progress-ripple,
    body.ag-site .auricle-v11__progress-light::after,
    body.ag-site .auricle-v11__progress-ripple {
      display: none !important;
    }

    .ag-site .auricle-v11__progress-spark,
    .ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress-spark,
    .ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress-spark,
    body.ag-site .auricle-v11__progress-spark,
    body.ag-site .auricle-v11[data-state="playing"] .auricle-v11__progress-spark,
    body.ag-site .auricle-v11[data-state="paused"] .auricle-v11__progress-spark {
      width: 10px !important;
      height: 10px !important;
      opacity: 1 !important;
      filter: none !important;
      background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,230,124,.92) 34%, rgba(102,236,224,.58) 62%, transparent 84%) !important;
      box-shadow: 0 0 8px rgba(255,255,255,.70), 0 0 16px rgba(102,236,224,.22) !important;
    }

    .ag-site .auricle-v11__time,
    .ag-site .auricle-v11__status,
    body.ag-site .auricle-v11__time,
    body.ag-site .auricle-v11__status {
      min-height: 13px !important;
      font-size: 10.5px !important;
      line-height: 1.2 !important;
      color: rgba(31,25,30,.46) !important;
      text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
    }

    .ag-site .auricle-v11__loader,
    body.ag-site .auricle-v11__loader {
      top: calc(50% + 74px) !important;
      min-height: 24px !important;
      padding: 5px 9px !important;
      color: rgba(34,31,44,.70) !important;
      background: rgba(255,255,255,.34) !important;
      box-shadow: none !important;
    }
  }

  @media (max-width: 360px), (pointer: coarse) and (max-width: 360px) {
    .ag-site .auricle-v11,
    body.ag-site .auricle-v11 { min-height: 430px !important; }
    .ag-site .auricle-v11__scene,
    body.ag-site .auricle-v11__scene { height: 276px !important; margin-top: -14px !important; margin-bottom: -16px !important; }
    .ag-site .auricle-v11__meta,
    body.ag-site .auricle-v11__meta { margin-top: -24px !important; }
  }

  @keyframes av11MobilePlayBreath {
    0%, 100% { transform: translate(-50%, -50%) scale(.98); opacity: .78; }
    50% { transform: translate(-50%, -50%) scale(1.05); opacity: 1; }
  }
/* /ag-mobile-from-mobtxt-20260601 */

@media (prefers-reduced-motion: reduce) {
  .auricle-v11__loader-mark,
  .ag-site .auricle-v11__space,
  .ag-site .auricle-v11__meta,
  .ag-site .auricle-v11__progress::before,
  .ag-site .auricle-v11__progress-track::before,
  .ag-site .auricle-v11__progress-track::after {
    animation: none !important;
  }
}