.background-music-toggle{flex:0 0 44px;width:44px;height:44px;color:#28332b;background:transparent;border:0;padding:10px;cursor:pointer}.background-music-toggle[hidden]{display:none}.background-music-toggle svg{width:24px;height:24px}.background-music-toggle:focus-visible,.music-welcome-enter:focus-visible{outline:3px solid #d5b85b;outline-offset:5px}
@media(max-width:767px){.background-music-toggle,.background-music-toggle:focus-visible{border:0;outline:none;box-shadow:none}.background-music-toggle:focus-visible{color:#bf9b2e}}
.music-welcome-open{overflow:hidden}.music-welcome{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#0b1115}.music-welcome-static,.music-welcome-brand{position:absolute;inset:0;width:100%;height:100%}.music-welcome-static{z-index:0;object-fit:cover;object-position:center;pointer-events:none}.music-welcome-brand{z-index:1;opacity:1;transition:opacity .55s cubic-bezier(.22,.61,.36,1)}.music-welcome-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.is-ready .music-welcome-brand{opacity:0;pointer-events:none}
.music-welcome-action{position:absolute;left:50%;top:calc(50% + 12px);transform:translateX(-50%);z-index:2;visibility:hidden}.music-welcome-greeting{position:absolute;left:50%;top:calc(50% - 122px);width:calc(100% - 36px);max-width:1000px;margin:0;text-align:center;transform:translateX(-50%);z-index:2;visibility:hidden;color:#d6b75b;font-family:'Sora','DM Sans',Arial,sans-serif;font-size:clamp(28px,3.4vw,48px);font-weight:500;line-height:1.25;letter-spacing:-.025em;text-shadow:0 2px 18px #0009}.controls-ready .music-welcome-action{visibility:visible;animation:music-welcome-fade-in .85s cubic-bezier(.22,.61,.36,1) both}.controls-ready .music-welcome-greeting{visibility:visible;animation:music-welcome-fade-in .85s cubic-bezier(.22,.61,.36,1) both}.controls-ready .music-welcome-action.is-exiting{animation:music-welcome-fade-out .4s ease-in both;pointer-events:none}.is-leaving .music-welcome-greeting{animation:music-welcome-fade-out .4s ease-in both}
.music-welcome::after{content:'';position:absolute;inset:0 auto 0 0;width:32vw;background:linear-gradient(90deg,transparent,#c2a44814 42%,#e2cc8255 50%,#9ea5a618 58%,transparent);opacity:0;pointer-events:none;z-index:3}.music-welcome.is-transitioning::after{animation:datasync-entry-sweep .4s cubic-bezier(.7,0,1,.5) both}.music-site-entering main{animation:datasync-page-reveal .55s cubic-bezier(.22,.61,.36,1) both}
@keyframes music-welcome-fade-in{from{opacity:0;transform:translateX(-50%) scale(.96);filter:blur(8px)}to{opacity:1;transform:translateX(-50%) scale(1);filter:blur(0)}}@keyframes music-welcome-fade-out{from{opacity:1;transform:translateX(-50%) scale(1);filter:blur(0)}to{opacity:0;transform:translateX(-50%) scale(.98);filter:blur(6px)}}@keyframes datasync-entry-sweep{0%{transform:translateX(-32vw);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(100vw);opacity:0}}@keyframes datasync-page-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:480px){.music-welcome-greeting{font-size:clamp(24px,3.2vw,36px);top:calc(50% - 98px)}.music-welcome-btn-wrapper{font-size:16px}.music-welcome-enter,.music-welcome-text-overlay{padding:10px 24px}}@media(prefers-reduced-motion:reduce){.music-welcome-brand{transition:none}.controls-ready .music-welcome-action,.controls-ready .music-welcome-greeting,.controls-ready .music-welcome-action.is-exiting,.is-leaving .music-welcome-greeting,.music-welcome-enter,.music-welcome-enter::after,.music-welcome.is-transitioning::after,.music-site-entering main{animation:none}}

  .music-welcome-btn-wrapper {
    --rad: 32px;
    --color-wrapper-border: #fff;
    --color-btn-bg: #f00;
    --color-btn-text: #000;
    --color-btn-text-shadow: #fff;
    --color-btn-inset-shadow: #558;
    --color-layer-a: #fff;
    --color-layer-b: #00f;
    --color-overlay-text: #000;
    --color-overlay-glow: #fff;
    --color-overlay-shadow: #0004;
    --color-overlay-highlight: #fff5;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: clip;
    overflow-clip-margin: 4px;

    border: 2px solid var(--color-wrapper-border);
    border-radius: var(--rad);

    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;

    filter: saturate(0.65) brightness(1.8);
  }

  .music-welcome-enter {
    position: relative;
    z-index: -1;

    padding: 12px 36px;
    border: none;
    border-radius: var(--rad);

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0.15rem;

    color: var(--color-btn-text);
    background-color: var(--color-btn-bg);
    background-size: 200% 200%;
    box-shadow: inset 0 0 10px 9px var(--color-btn-inset-shadow);
    text-shadow: 0 1px 3px var(--color-btn-text-shadow);

    cursor: pointer;
    mix-blend-mode: color-dodge;
    transition:
      color 0.3s ease,
      text-shadow 0.3s ease;
  }

  .music-welcome-enter::after {
    content: "";
    position: absolute;
    pointer-events: none;

    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    border-radius: var(--rad);
    background-size: 200% 200%;
    mix-blend-mode: difference;
    z-index: 1;
  }

  .music-welcome-gradient-layer {
    position: absolute;
    pointer-events: none;

    left: -160px;
    width: 500%;
    aspect-ratio: 1;

    background: radial-gradient(
      ellipse at 65% 180%,
      var(--color-layer-a),
      var(--color-layer-b),
      var(--color-layer-a),
      var(--color-layer-b),
      var(--color-layer-a),
      var(--color-layer-b),
      var(--color-layer-a),
      var(--color-layer-b),
      var(--color-layer-a),
      var(--color-layer-b),
      var(--color-layer-a)
    );

    mix-blend-mode: difference;
    animation: music-welcome-gradient-rotate 8s linear infinite;
  }

  .music-welcome-gradient-layer:last-child {
    mix-blend-mode: color-dodge;
  }

  @keyframes music-welcome-gradient-rotate {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .music-welcome-text-overlay {
    position: absolute;
    pointer-events: none;
    z-index: 2;

    padding: 12px 36px;
    border-radius: var(--rad);

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0.15rem;

    color: var(--color-overlay-text);
    text-shadow: 0 0 4px var(--color-overlay-glow);
    box-shadow:
      inset 0 -4px 4px 0 var(--color-overlay-shadow),
      inset 0 4px 4px 0 var(--color-overlay-highlight);

    mix-blend-mode: multiply;
    transition: transform 0.3s ease;
    animation: music-welcome-opacity-pulse 5s ease infinite;
  }

  .music-welcome-btn-wrapper:hover {
    .music-welcome-text-overlay {
      transform: scale(1.1);
    }

    .music-welcome-enter {
      color: #0000;
      text-shadow: 0 0 0 #0000;
    }
  }

  .music-welcome-btn-wrapper:active {
    .music-welcome-text-overlay {
      transform: scale(0.95);
    }

    .music-welcome-enter {
      color: #0000;
      text-shadow: 0 0 0 #0000;
    }
  }

  .music-welcome-light {
    position: absolute;

    pointer-events: none;
    z-index: 1;
    border-radius: 50px;
    width: 80%;
    height: 1.9rem;
    aspect-ratio: 1;
    background-color: #fff5;
    filter: blur(5px);
    animation: music-welcome-light-pulse 3s ease-in-out infinite;
  }

  @keyframes music-welcome-light-pulse {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0.1;
    }
  }

  @keyframes music-welcome-opacity-pulse {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
.music-welcome-btn-wrapper{max-width:calc(100vw - 36px)}
.music-welcome-enter{white-space:nowrap}
@media(max-width:480px){.music-welcome-btn-wrapper{font-size:18px}.music-welcome-enter,.music-welcome-text-overlay{padding:12px 24px;letter-spacing:.08rem}}
@media(prefers-reduced-motion:reduce){.music-welcome-gradient-layer,.music-welcome-light,.music-welcome-text-overlay{animation:none!important}}