.music-frame.svelte-13ecfj5{min-height:24rem;position:relative}.music-frame.failed.svelte-13ecfj5{min-height:0}.music-host.svelte-13ecfj5{opacity:1;transition:opacity .18s}.music-host.hidden.svelte-13ecfj5{opacity:0;height:0;overflow:hidden}.loading-state.svelte-13ecfj5,.error-state.svelte-13ecfj5,.navigation-warning.svelte-13ecfj5{background:var(--color-background);color:var(--color-muted);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:.85rem;min-height:24rem;padding:2rem;display:flex}.loading-mark.svelte-13ecfj5{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:1.4rem;height:1.4rem;animation:.9s linear infinite svelte-13ecfj5-loading}.error-state.svelte-13ecfj5{flex-direction:column;min-height:16rem}.navigation-warning.svelte-13ecfj5{background:var(--color-warning-surface);border:1px solid var(--color-warning-border);color:var(--color-primary-dark);text-align:left;justify-content:flex-start;min-height:0;margin-bottom:1rem;padding:.9rem 1rem}.error-state.svelte-13ecfj5 p:where(.svelte-13ecfj5){color:var(--color-ink);margin:0}@keyframes svelte-13ecfj5-loading{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-mark.svelte-13ecfj5{animation:none}.music-host.svelte-13ecfj5{transition:none}}.music-hero.svelte-xefpw2{background:radial-gradient(circle at 12% 14%, #d75a4321, transparent 32%), radial-gradient(circle at 88% 8%, #e9ad5629, transparent 30%), var(--color-background);text-align:center;padding:clamp(3.5rem,8vw,6.5rem) 0}.music-hero.svelte-xefpw2 h1:where(.svelte-xefpw2){letter-spacing:-.035em;margin:0;font-size:clamp(2.7rem,7vw,5.25rem)}.music-hero-image.svelte-xefpw2{object-fit:cover;border-radius:18px;width:100%;max-width:920px;max-height:520px;margin:2rem auto;display:block}.music-intro.svelte-xefpw2 p{color:var(--color-muted);max-width:700px;margin:1.2rem auto;font-size:1.12rem}.requirements.svelte-xefpw2{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem;display:flex}.requirements.svelte-xefpw2 span:where(.svelte-xefpw2){background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.5rem .85rem;font-size:.88rem;font-weight:700}.app-section.svelte-xefpw2{padding-top:clamp(2.5rem,5vw,4rem)}.app-toolbar.svelte-xefpw2{max-width:65rem}.app-toolbar.svelte-xefpw2 h2:where(.svelte-xefpw2){margin:0}.app-toolbar.svelte-xefpw2 p:where(.svelte-xefpw2){color:var(--color-muted);max-width:64ch;margin:.3rem 0 0}.browser-note.svelte-xefpw2{background:var(--color-background);color:var(--color-ink);border-radius:12px;align-items:flex-start;gap:.75rem;max-width:65rem;margin:1.5rem 0;padding:.9rem 1rem;display:flex}.browser-note.svelte-xefpw2 svg:where(.svelte-xefpw2){fill:none;height:1.35rem;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1.35rem;margin-top:.08rem}@media (width<=640px){.music-hero.svelte-xefpw2{padding-block:3rem}.requirements.svelte-xefpw2{gap:.45rem}.requirements.svelte-xefpw2 span:where(.svelte-xefpw2){padding-inline:.7rem}}