/* Local preview only. The player script enables these rules on local hosts. */
.music-instrument { position:fixed; z-index:15001; top:90px; left:24px; width:min(340px,80vw); height:135px; color:#292925; text-align:center; }
.music-instrument:not(.is-expanded){z-index:49}
.music-instrument.music-desktop,.music-instrument.music-desktop.is-expanded{z-index:49}
.music-desktop:not(.is-dock-settled)>.music-docked-sparks{visibility:hidden!important}
.music-instrument.music-desktop:not(.is-expanded)>.music-docked-sparks{width:112%}
html.music-shell-open .music-instrument.music-desktop{z-index:15001}
.music-instrument.music-desktop.is-expanded, .music-instrument.music-desktop.is-expanded .music-popover, .music-desktop .music-stage{pointer-events:none}
.music-desktop.is-expanded .music-stage canvas{pointer-events:auto}
@media(max-width:700px){.is-mobile-docking .music-surface-controls,.is-mobile-docking .music-ui{opacity:0!important;pointer-events:none!important}.is-mobile-docking .music-popover{backface-visibility:hidden}}
@media(max-width:700px){.music-instrument{z-index:49}.site-header{z-index:50}}
@media(hover:none),(pointer:coarse){.music-instrument,.music-instrument.is-expanded{z-index:49}.site-header{z-index:51!important}}
.music-popover { position:absolute; top:0; left:0; width:780px; padding:0 12px 14px; box-sizing:border-box; transform-origin:0 0; transform:translate(var(--rest-x,-12px),var(--rest-y,-55px)) rotate(var(--rest-angle,90deg)) scale(var(--rest-scale,.58)); background:transparent; pointer-events:none; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.music-instrument.is-expanded .music-popover { transform:translate(var(--open-x,0px),var(--open-y,0px)) rotate(0deg) scale(var(--open-scale,1)); pointer-events:auto; transition-duration:.85s; transition-timing-function:cubic-bezier(.22,.8,.2,1); }
.music-popover :is(.music-hint,.music-controls,.music-credit) { opacity:0; transition:opacity .2s; }
.music-instrument.is-expanded .music-popover :is(.music-hint,.music-controls,.music-credit) { opacity:1; transition-delay:.12s; }
.music-trigger { position:absolute; z-index:2; inset:0; width:100%; border:0; border-radius:18px; background:transparent; cursor:grab; touch-action:none; }
.music-instrument.is-moving .music-trigger { cursor:grabbing; }
.music-instrument.is-moving .music-popover { transition:none; }
.music-trigger:focus-visible { outline:2px solid #777; }
.music-instrument.is-expanded .music-trigger { pointer-events:none; height:0; outline:none; }
.music-stage { position:relative; height:820px; }
.music-ui { position:absolute; top:var(--ui-top,100px); left:12px; right:12px; height:64px; transform:var(--ui-motion,matrix(1,0,0,1,0,0)) rotate(5deg) scale(calc(var(--ui-scale,1) * var(--model-zoom,1))); transform-origin:50% 100%; }
.music-popover .music-hint { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.music-popover .music-controls { position:absolute; top:23px; left:50%; right:auto; width:max-content; padding:5px 9px 17px; transform:translateX(-50%); background:transparent; border:0; border-radius:0; box-shadow:none; isolation:isolate; }
.music-popover .music-controls::before { content:''; position:absolute; z-index:-1; inset:-26px -42px; border-radius:42px; background:rgba(255,254,250,.24); -webkit-backdrop-filter:blur(24px) saturate(.85); backdrop-filter:blur(24px) saturate(.85); -webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 75%); mask-image:radial-gradient(ellipse at center,#000 48%,transparent 75%); pointer-events:none; }
.music-advanced { position:relative; }
.music-extras { position:absolute; z-index:12; right:0; top:100%; width:max-content; max-width:calc(100vw - 32px); padding:6px 9px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; border:1px solid #d6d4cb; border-radius:24px; background:#f8f7f0f5; box-shadow:0 5px 24px #0002; color:#292925; }
.music-extras-transport{display:flex;align-items:center;gap:4px;width:100%}
.music-popover .music-extras-transport .music-track{width:160px;padding:0 8px}
.music-extras .music-volume{width:90px}
.music-extras[hidden] { display:none; }
.music-popover .music-extras .music-credit { position:static; width:100%; margin:4px 0 0; transform:none; font-size:9px; text-align:center; }
.music-extras .music-library { left:auto; right:0; transform:none; width:240px; }
.music-extras .music-volume { display:block; }
.music-stage canvas { display:block; width:100%; height:100%; touch-action:none; cursor:grab; }
.music-instrument:not(.is-expanded) .music-stage canvas { filter:drop-shadow(0 10px 12px rgba(35,32,27,.22)); }
.music-instrument.is-expanded .music-stage canvas { filter:none; }
.music-stage canvas.is-dragging { cursor:grabbing!important; }
.music-stage canvas:focus-visible { outline:2px solid #777; outline-offset:4px; border-radius:18px; }
.music-hint { margin:0 0 8px; font:11px/1.5 Arial,sans-serif; color:#65655f; }
.music-controls { display:flex; align-items:center; justify-content:center; gap:6px; }
.music-track-label { width:148px; flex-shrink:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; font:500 12px/1.5 Arial,sans-serif; color:#292925; }
.music-progress { appearance:none; -webkit-appearance:none; position:absolute; left:9px; bottom:-3px; width:calc(100% - 18px); min-width:0; height:20px; margin:0; padding:0; border:0; background:transparent; cursor:pointer; }
.music-progress::-webkit-slider-runnable-track { height:1px; border-radius:0; background:linear-gradient(to right,#373732 var(--progress,0%),#b9b9b1 var(--progress,0%)); }
.music-progress::-moz-range-track { height:1px; border-radius:0; background:#b9b9b1; }
.music-progress::-moz-range-progress { height:1px; border-radius:0; background:#373732; }
.music-progress::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:8px; height:8px; margin-top:-3px; border:0; border-radius:50%; background:#373732; opacity:0; transition:opacity .15s; }
.music-progress::-moz-range-thumb { width:8px; height:8px; border:0; border-radius:50%; background:#373732; opacity:0; }
.music-progress:hover::-webkit-slider-thumb,.music-progress:focus-visible::-webkit-slider-thumb { opacity:1; }
.music-progress:hover::-moz-range-thumb,.music-progress:focus-visible::-moz-range-thumb { opacity:1; }
.music-progress:focus-visible { outline:1px solid #777; outline-offset:3px; border-radius:4px; }
.music-progress:disabled { cursor:default; }
.music-extras .music-track { width:100%; padding:2px 4px 8px; }
.music-controls button,.music-dock button { width:36px; height:36px; padding:9px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid transparent; border-radius:50%; color:#30302c; background:transparent; cursor:pointer; transition:background .18s,transform .12s; }
.music-controls button:hover,.music-dock button:hover { background:#fff; border-color:#dddcd7; }
.music-controls button:active,.music-dock button:active { transform:scale(.91); }
.music-controls button:focus-visible,.music-dock button:focus-visible { outline:2px solid #666; outline-offset:2px; }
.music-controls svg,.music-dock svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.music-track { width:200px; text-align:left; padding:0 8px; }
.music-track strong { display:block; font:500 12px/1.5 Arial,sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.music-track small { display:block; font:10px/1.5 monospace; color:#74746d; }
.music-track-heading{display:flex;align-items:center;gap:8px;min-width:0}
.music-track-heading strong{flex:1;min-width:0}
.music-track-heading small{flex-shrink:0;white-space:nowrap}
.music-seek-slider{display:block;appearance:none;-webkit-appearance:none;width:100%;height:16px;padding:0;margin:1px 0 0;background:transparent;cursor:pointer;touch-action:none}
.music-seek-slider::-webkit-slider-runnable-track{height:2px;background:#6a716780;border-radius:2px}
.music-seek-slider::-moz-range-track{height:2px;background:#6a716780;border-radius:2px}
.music-seek-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-3px;border:0;border-radius:50%;background:#30362f}
.music-seek-slider::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#30362f}
.music-seek-slider:focus-visible{outline:2px solid #666;outline-offset:2px}
.music-volume { width:55px; accent-color:#343430; }
.music-library { position:absolute; z-index:10; top:100%; left:50%; transform:translateX(-50%); width:min(330px,90vw); max-height:260px; overflow:auto; margin:8px 0; padding:8px; background:#f9f8f3; box-shadow:0 12px 40px #0002; border:1px solid #deddd6; border-radius:12px; text-align:left; }
.music-library[hidden],.music-dock[hidden],.music-shell[hidden] { display:none!important; }
.music-library button { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:38px; border:0; background:transparent; color:#333; padding:8px 12px; font:12px Arial,sans-serif; border-radius:6px; cursor:pointer; }
.music-library button:hover,.music-library button[aria-current=true] { background:#eae8df; }
.music-library button:disabled { color:#93928c; cursor:default; }
.music-credit { display:block; width:max-content; margin:8px auto 0; color:#72726c; font:9px/1.4 Arial,sans-serif; text-decoration:none; }
.music-dock { position:fixed; z-index:15000; right:20px; bottom:calc(18px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:4px; padding:6px 9px; border-radius:50px; border:1px solid #d6d4cb; background:#f8f7f0f5; box-shadow:0 5px 24px #0002; color:#292925; }
.music-dock .music-track { width:160px; }
.music-compact-player{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;padding:6px 9px;border-radius:50px;border:1px solid #d6d4cb;background:#f8f7f0f5;box-shadow:0 5px 24px #0002;color:#292925;box-sizing:content-box;text-align:left}
.music-compact-player[hidden]{display:none!important}
.music-volume-control{position:relative;display:flex;align-items:center}
.music-volume-popup{position:absolute;bottom:100%;left:50%;padding:14px 10px;width:38px;height:128px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:20px;background:#f8f7f0f5;box-shadow:0 5px 24px #0002;border:1px solid #d6d4cb;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px) scaleY(.82);transform-origin:50% 100%;transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1),visibility .2s}
.music-volume-control:hover .music-volume-popup,.music-volume-control:focus-within .music-volume-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scaleY(1)}
.music-volume-slider{display:block;writing-mode:vertical-lr;direction:rtl;width:16px;height:98px;margin:0;accent-color:#343430;cursor:pointer}
.music-volume-popup{bottom:calc(100% + 12px)}
.music-volume-popup::after{content:'';position:absolute;left:0;right:0;top:100%;height:12px;background:transparent}
@media(prefers-reduced-motion:reduce){.music-volume-popup{transition:none}}
.music-popover .music-compact-player .music-track,.music-compact-player .music-track{width:160px;flex-shrink:0;padding:0 8px}
.music-extras.music-compact-player{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:none}
.music-extras.music-compact-player{padding:4px 8px;border-radius:18px;gap:3px}
.music-extras::after{content:'';position:absolute;left:-12px;right:-12px;top:100%;height:75px;background:transparent;pointer-events:auto}
.music-popover .music-extras.music-compact-player .music-track{width:230px;padding:0 6px}
.music-extras .music-track-heading strong{font-size:11px}
.music-extras .music-track-heading small{font-size:9px}
.music-extras .music-seek-slider{height:12px;margin:0}
.music-seek-row{display:flex;align-items:center;gap:6px}
.music-seek-row span{font:8px/1.4 monospace;color:#696c63;flex-shrink:0;font-variant-numeric:tabular-nums}
.music-seek-row .music-seek-slider{flex:1;min-width:0;width:auto}
.music-controls .music-extras button{width:28px;height:28px;padding:6px}
.music-popover>.music-advanced{position:absolute;width:0;height:0;z-index:5;transform-origin:0 0}
.music-popover>.music-advanced .music-extras button{width:36px;height:36px;padding:9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;background:transparent;color:#30302c;cursor:pointer}
.music-popover>.music-advanced .music-extras button:hover{background:#fff;border-color:#dddcd7}
.music-popover>.music-advanced svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.music-popover .music-advanced .music-extras{animation:music-screen-reveal .28s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 50%;will-change:transform,opacity}
.music-surface-screen{cursor:pointer}
@keyframes music-screen-reveal{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.music-popover .music-advanced .music-extras{animation:none}}
.music-shell { position:fixed; z-index:14000; inset:0; background:#f7f7f4; }
.music-shell iframe { display:block; width:100%; height:100%; border:0; }
.music-shell-close { position:absolute; z-index:1; left:50%; top:12px; transform:translateX(-50%); background:#222; color:#fff; border:1px solid #777; border-radius:20px; padding:7px 15px; font:12px Arial,sans-serif; cursor:pointer; }
html.music-shell-open { overflow:hidden!important; }
@media(max-width:700px) {
 .music-instrument { top:90px; }
 .music-track { width:155px; }
 .music-volume { display:none; }
 .music-dock { right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) { .music-controls button,.music-dock button,.music-popover,.music-popover :is(.music-hint,.music-controls,.music-credit) { transition:none; } }
.music-stage{position:relative;z-index:0;isolation:isolate}
.music-ui{z-index:2;pointer-events:none}
.music-ui .music-controls,.music-ui .music-extras{pointer-events:auto}
.music-hover-sparks{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .18s ease}
.music-hover-sparks svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#20201d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.is-music-playing .music-hover-sparks{opacity:.7}
.music-docked-sparks{display:block;inset:auto;left:50%;top:50%;width:160%;aspect-ratio:21/9;transform:translate(-50%,-50%);z-index:-1}
.music-popover{will-change:transform;backface-visibility:hidden}
.music-instrument:not(.is-expanded) .music-popover{transition:transform .7s cubic-bezier(.42,0,.2,1)}
.music-instrument{transition:opacity .45s ease}
.music-instrument.is-loading-model{opacity:1;pointer-events:none}
.music-instrument.is-loading-model .music-stage{opacity:0}
.music-instrument.is-loading-model::before{content:'';position:fixed;left:70%;top:32vh;width:min(32vw,480px);height:65px;transform:translate(-50%,-50%) rotate(5deg);border-radius:18px;background:rgba(50,53,47,.09);filter:blur(22px);pointer-events:none}
@media(max-width:700px){.music-instrument.is-loading-model::before{left:50%;top:36vh;width:72vw;height:48px}}
body:has(.site-intro:not(.is-leaving)) .music-instrument{visibility:hidden;pointer-events:none}
.music-instrument.is-loading-model .music-popover{transition:none!important}
@media(max-width:700px){
 .music-instrument{opacity:1;transition:opacity .35s ease}
 .music-instrument.is-loading-model{opacity:1;pointer-events:none}
 .music-instrument.is-loading-model .music-popover{transition:none!important}
}
.music-instrument:not(.is-expanded) .music-stage .music-hover-sparks{display:none}
.music-instrument:not(.is-expanded)>.music-docked-sparks{display:block;inset:auto;left:50%;top:50%;width:160%;aspect-ratio:21/9;transform:translate(-50%,-50%);z-index:-1}
.music-docked-sparks svg{stroke:#111;stroke-width:2.6}
.music-docked-sparks path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.music-docked-sparks path:nth-child(3){stroke-width:2.5}
.is-music-playing>.music-docked-sparks{opacity:1}
.music-instrument:is([data-dock-edge="right"],[data-dock-edge="left"]):not(.is-expanded)>.music-docked-sparks{width:auto;height:160%;aspect-ratio:9/21}
.music-docked-sparks img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0}
.is-music-playing .music-docked-sparks img{animation:music-burst-frames .45s steps(1,end) infinite}
.music-docked-sparks img:nth-child(2){animation-delay:-.30s!important}
.music-docked-sparks img:nth-child(3){animation-delay:-.15s!important}
.music-burst.is-rhythm-driven img,.music-docked-sparks.is-rhythm-driven img{animation:none!important}
.music-burst:not(.is-rhythm-driven) img:nth-child(n+4),.music-docked-sparks:not(.is-rhythm-driven) img:nth-child(n+4){display:none}
.music-instrument:not(.is-expanded)>.music-docked-sparks{transform:translate(-50%,-50%) scale(var(--beat-scale,1))}
.music-hover-sparks g{opacity:0}
.is-music-playing .music-hover-sparks g{animation:music-ink-frames .48s steps(1,end) infinite}
.is-music-playing .music-hover-sparks g:nth-child(2){animation-delay:-.36s}
.is-music-playing .music-hover-sparks g:nth-child(3){animation-delay:-.24s}
.is-music-playing .music-hover-sparks g:nth-child(4){animation-delay:-.12s}
@keyframes music-ink-frames{0%{opacity:1}25%,100%{opacity:0}}
.music-stage>.music-hover-sparks{display:none}
.music-stage canvas{position:relative;z-index:1}
.music-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116%;aspect-ratio:21/9;pointer-events:none;visibility:hidden;filter:brightness(0)}
.music-desktop .music-beat-graffiti{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:21/9;pointer-events:none;visibility:hidden;z-index:0;}
.music-desktop .music-beat-graffiti img{position:absolute;width:100%;height:100%;object-fit:contain;visibility:hidden;}
.music-burst img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
.is-expanded :is(.is-model-hovered,.is-model-held) .music-burst,.is-expanded.is-music-playing .music-burst{visibility:visible}
.is-expanded :is(.is-model-hovered,.is-model-held) .music-burst img,.is-expanded.is-music-playing .music-burst img{animation:music-burst-frames .45s steps(1,end) infinite}
.music-burst img:nth-child(2){animation-delay:-.30s!important}
.music-burst img:nth-child(3){animation-delay:-.15s!important}
.is-music-playing .music-burst{filter:none}
@keyframes music-burst-frames{0%{opacity:1}33.333%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.music-burst img{animation:none!important}.music-burst img:first-child{opacity:1}}
@media(prefers-reduced-motion:reduce){.music-hover-sparks{display:none}}
.music-surface-controls,.music-surface-screen{position:absolute;left:0;top:0;width:120px;height:48px;transform-origin:0 0;z-index:3;display:none}
.is-expanded .music-surface-controls{display:flex;align-items:center;justify-content:center;gap:4px}
.is-expanded .music-surface-controls{opacity:0;pointer-events:none;transition:opacity .16s ease}
.is-expanded:has(.music-stage:is(.is-model-hovered,.is-control-hovered,.is-screen-hovered)) .music-surface-controls,.is-expanded .music-surface-controls:has(:focus-visible){opacity:1;pointer-events:auto}
@media(hover:none){.is-expanded .music-surface-controls{opacity:1;pointer-events:auto}}
@media(max-width:700px){.is-expanded .music-surface-controls{opacity:1;pointer-events:auto}}
@media(max-width:700px){html.music-local .hero-title{transform:none;margin-top:auto;margin-bottom:clamp(46px,8svh,76px)}html.music-local .hero-footer{flex-shrink:0}}
@media(hover:none) and (max-width:700px){
 .music-surface-controls button{min-height:44px}
 .music-surface-volume{bottom:calc(100% + 6px)}
 .music-volume-popup{padding:14px 12px;width:44px}
 .music-volume-slider{width:20px}
}
.is-expanded .music-surface-screen{display:flex;align-items:center;justify-content:center}
.music-instrument:not(.has-music-started) .music-surface-screen .music-progress{display:none}
.music-surface-screen .music-track-label{transform:translateY(2px)}
.music-surface-controls button{width:32px;height:38px;padding:6px;border:0;border-radius:5px;background:rgba(245,242,231,.72);color:#252921;cursor:pointer;box-shadow:0 1px 2px #0002;flex-shrink:0;overflow:hidden;transition:width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),border-radius .26s ease,opacity .18s ease,background .18s ease,transform .12s ease}
.music-surface-controls svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6}
.music-surface-volume{position:absolute;z-index:1;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .18s ease}
.music-surface-controls>[data-action=play]{position:relative;z-index:2}
.music-surface-controls>[data-action=play]:hover,.music-surface-controls>[data-action=play]:focus-visible{z-index:4}
.music-surface-volume:focus-within{z-index:3}
.is-music-playing .music-surface-volume{opacity:1;pointer-events:auto}
.music-surface-volume::after{content:'';position:absolute;top:100%;left:0;right:0;height:8px}
.music-surface-volume .music-volume-popup{height:128px}
.music-surface-volume .music-volume-slider{height:98px}
.music-surface-controls button:active{transform:translateY(2px);background:#dddacc}
.music-surface-controls button:focus-visible{outline:2px solid #333;outline-offset:2px}
.music-surface-controls button{width:44px;height:48px;padding:9px;background:rgba(255,250,238,.36);color:#393832;-webkit-backdrop-filter:blur(12px) saturate(1.05);backdrop-filter:blur(12px) saturate(1.05);box-shadow:0 2px 5px #342a1b0c,inset 0 0 0 1px #ffffff70}
.music-surface-controls{gap:6px!important}
@media(hover:hover) and (pointer:fine){
 .music-surface-controls button{transition:width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),border-radius .26s ease,opacity .18s ease,background .2s ease,transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}
 .music-surface-controls button:hover{transform:translateY(-5px) scale(1.045);background:rgba(255,254,250,.28);box-shadow:0 8px 16px rgba(45,37,27,.14),0 2px 4px rgba(45,37,27,.06),inset 0 0 0 1px rgba(255,255,255,.5)}
 .music-surface-controls button:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 3px #0002,inset 0 0 0 1px #ffffff55}
}
.music-instrument:not(.is-music-playing) .music-surface-controls [data-action=prev],.music-instrument:not(.is-music-playing) .music-surface-controls [data-action=next]{width:0;padding:0;opacity:0;pointer-events:none}
.music-instrument:not(.is-music-playing) .music-surface-volume>[data-action=mute]{width:0;padding:0;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.music-surface-controls button{transition:none}}
.music-instrument:not(.is-music-playing) .music-extras [data-action=next],.music-dock:not(.is-music-playing) [data-action=next]{display:none}
.music-instrument:not(.is-music-playing) .music-surface-controls [data-action=play]{width:96px;height:62px;padding:11px 25px;background:rgba(255,250,238,.36);border-radius:11px}
.music-extras.music-compact-player,.music-volume-popup{background:rgba(255,250,238,.65);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border-color:rgba(255,255,255,.65);box-shadow:0 4px 16px #342a1b12,inset 0 1px 0 #ffffff80}
.music-surface-controls button,.music-instrument:not(.is-music-playing) .music-surface-controls [data-action=play]{background:rgba(253,249,240,.32);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 2px 6px #302b2010,inset 0 1px 0 #ffffff99,inset 0 0 0 1px #ffffff66}
.music-extras.music-compact-player,.music-volume-popup{background:rgba(253,249,240,.5);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}
.music-surface-controls button,.music-instrument:not(.is-music-playing) .music-surface-controls [data-action=play]{background:rgba(255,255,255,.62);border:0;box-shadow:0 3px 10px rgba(0,0,0,.06);-webkit-backdrop-filter:blur(18px) saturate(.7);backdrop-filter:blur(18px) saturate(.7)}
.music-extras.music-compact-player,.music-volume-popup{background:rgba(255,255,255,.72);border:0;box-shadow:0 4px 16px rgba(0,0,0,.07);-webkit-backdrop-filter:blur(18px) saturate(.7);backdrop-filter:blur(18px) saturate(.7)}
@media(hover:hover) and (pointer:fine){.music-surface-controls button:hover{background:rgba(255,255,255,.78);box-shadow:0 8px 16px rgba(0,0,0,.1)}.music-surface-controls button:active{box-shadow:0 2px 5px rgba(0,0,0,.06)}}
.music-surface-controls button,.music-instrument:not(.is-music-playing) .music-surface-controls [data-action=play]{background:rgba(252,248,237,.62)}
.music-extras.music-compact-player,.music-volume-popup{background:rgba(252,248,237,.72)}
@media(hover:hover) and (pointer:fine){.music-surface-controls button:hover{background:rgba(252,248,237,.78)}}
.music-surface-screen{height:16px;background:transparent;color:#17291a;pointer-events:auto;overflow:hidden}
.music-desktop.is-loading-model :is(.music-surface-screen,.music-surface-controls,.music-ui){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.music-desktop .music-surface-screen .music-track-label{transform:none;opacity:0}
.music-desktop .music-advanced .music-extras{animation:none}
.music-desktop .music-mini-tracks{position:absolute;left:0;right:0;bottom:calc(100% + 10px);padding:5px;border-radius:12px;background:rgba(252,248,237,.58);backdrop-filter:blur(28px) saturate(.85);-webkit-backdrop-filter:blur(28px) saturate(.85);box-shadow:0 6px 20px #00000012;max-height:190px;overflow-y:auto;transform-origin:50% 100%;z-index:10}
.music-desktop :is(.music-mini-tracks,.music-extras.music-compact-player){background:rgba(252,248,237,.72);border:0;backdrop-filter:blur(18px) saturate(.7);-webkit-backdrop-filter:blur(18px) saturate(.7);box-shadow:0 4px 16px rgba(0,0,0,.07)}
.music-desktop .music-advanced{position:relative}
.music-mini-tracks[hidden]{display:none}
.music-mini-tracks[data-placement=below]{bottom:auto;top:calc(100% + 10px);transform-origin:50% 0}
.music-mini-tracks::after{content:'';position:absolute;left:0;right:0;top:100%;height:12px}
.music-mini-tracks[data-placement=below]::after{top:auto;bottom:100%}
.music-desktop .music-advanced .music-mini-tracks .music-mini-track{display:flex;width:100%;height:28px;min-height:28px;padding:4px 8px;gap:10px;justify-content:flex-start;border:0;border-radius:7px;background:transparent;font:11px/1.3 Arial,sans-serif;color:#282824;text-align:left;box-shadow:none}
.music-mini-track span:first-child{font:9px monospace;color:#73736c;flex-shrink:0}
.music-mini-track span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-desktop .music-mini-tracks .music-mini-track:hover,.music-desktop .music-mini-tracks .music-mini-track:focus-visible{background:#ffffff99;transform:none}
.music-desktop .music-mini-tracks .music-mini-track[aria-current=true]{background:#242420;color:#fff}
.music-mini-track[aria-current=true] span:first-child{color:#d2d2c9}
.music-desktop .music-mini-tracks[data-placement=right]{left:calc(100% + 10px);right:auto;top:0;bottom:auto;width:180px;padding:4px;max-height:160px;transform-origin:0 15px;border-radius:10px}
.music-desktop .music-mini-tracks[data-placement=right]::after{content:none}
.music-desktop .music-mini-tracks[data-placement=right]::before{content:'';position:absolute;right:100%;top:0;bottom:0;width:12px}
.music-desktop .music-advanced .music-mini-tracks .music-mini-track{height:23px;min-height:23px;padding:3px 7px;gap:8px;border-radius:5px}
.music-desktop .music-extras.music-compact-player{padding-top:3px;padding-bottom:3px}
.music-desktop .music-extras .music-seek-slider{height:10px;margin:0}
.music-desktop.is-play-prompt .music-surface-controls{opacity:1;pointer-events:auto}
.music-desktop .music-surface-controls{translate:0 0;transition:opacity .32s ease,translate .4s cubic-bezier(.22,1,.36,1)}
.music-desktop:has(.music-stage.is-model-held) .music-surface-controls{opacity:0!important;translate:0 10px;pointer-events:none!important}
.music-desktop:has(.music-stage.is-model-held) .music-surface-controls [data-action=play]{animation-play-state:paused}
.music-desktop.is-play-prompt .music-surface-controls [data-action=play]{transform:translateY(-8px);transform-origin:50% 50%;position:relative;z-index:8;background:rgba(252,248,237,.4);box-shadow:0 10px 20px rgba(0,0,0,.14);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease;animation:music-play-prompt-float 2.8s ease-in-out .55s infinite}
.music-desktop.is-play-prompt .music-surface-controls [data-action=play]:active{transform:translateY(-3px);translate:0 0;animation:none}
.music-desktop.is-play-prompt .music-surface-controls [data-action=play]:hover:not(:active){animation-play-state:paused;transform:translateY(-13px);box-shadow:0 16px 28px rgba(0,0,0,.16);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease}
@keyframes music-play-prompt-float{0%,100%{translate:0 0;scale:1;background:rgba(252,248,237,.4);box-shadow:0 8px 18px rgba(0,0,0,.12)}50%{translate:0 -7px;scale:1.055;background:rgba(252,248,237,.62);box-shadow:0 14px 24px rgba(0,0,0,.16)}}
@media(prefers-reduced-motion:reduce){.music-desktop.is-play-prompt .music-surface-controls [data-action=play]{animation:none}}
.music-desktop .music-idle-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;display:none}
.music-idle-outline>[data-frame]{display:none}
.music-idle-outline path{fill:none;stroke:#000;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.music-idle-outline>[data-frame]{filter:url(#music-pencil-grain)}
.music-idle-outline[data-frame="0"] [data-frame="0"],.music-idle-outline[data-frame="1"] [data-frame="1"],.music-idle-outline[data-frame="2"] [data-frame="2"]{display:block}
@media(prefers-reduced-motion:reduce){.music-idle-outline>[data-frame]{display:none!important}.music-idle-outline>[data-frame="0"]{display:block!important}}
.music-instrument,.music-instrument *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.music-surface-screen{touch-action:none;cursor:grab}
.music-surface-screen:active{cursor:grabbing}
.music-surface-screen .music-track-label{width:110px;font:700 13px/1 monospace;color:#112015;text-align:center;text-shadow:none;letter-spacing:-.35px}
.music-surface-screen .music-progress{left:5px;bottom:0;width:110px;pointer-events:auto;height:3px}
.music-instrument:not(.has-music-started) .music-ui{display:none}
.music-popover .music-controls{padding:0;background:none}
.music-popover .music-controls::before{display:none}
/* Three held partial exposures, followed by the existing redrawn frame loop. */
.music-burst[data-ink-step],.music-docked-sparks[data-ink-step]{visibility:visible;transition:none;opacity:1!important}
.music-burst[data-ink-color="black"][data-ink-step]{opacity:1!important}
.music-burst[data-ink-step="0"],.music-docked-sparks[data-ink-step="0"]{visibility:hidden}
[data-ink-step="1"]{clip-path:polygon(0 0,25% 0,25% 100%,0 100%)}
[data-ink-step="2"]{clip-path:polygon(0 0,100% 0,100% 46%,58% 46%,58% 100%,0 100%)}
[data-ink-step="3"]{clip-path:none}
.music-burst[data-ink-color="color"]{filter:none}
.music-burst[data-ink-color="black"]{filter:brightness(0)}
.music-burst[data-ink-step]:not([data-ink-step="0"]) img,.music-docked-sparks[data-ink-step]:not([data-ink-step="0"]) img{animation:music-burst-frames .45s steps(1,end) infinite}
@media(prefers-reduced-motion:reduce){.music-burst[data-ink-step] img,.music-docked-sparks[data-ink-step] img{animation:none!important}.music-burst img:first-child,.music-docked-sparks img:first-child{opacity:1}}