.reactive-module__cUbQOa__page{background:radial-gradient(ellipse 60% 60% at 50% 50%, color-mix(in oklch, var(--color-signal) 6%, transparent), transparent 70%), var(--color-void);height:100svh;position:relative;overflow:hidden}.reactive-module__cUbQOa__canvas{width:100%;height:100%;position:absolute;inset:0}.reactive-module__cUbQOa__head{pointer-events:none;z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(.75rem,.5rem + 1vw,1.5rem);display:flex;position:absolute;top:0;left:0;right:0}.reactive-module__cUbQOa__head>*{pointer-events:auto}.reactive-module__cUbQOa__back{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);transition:color .22s}.reactive-module__cUbQOa__back:hover{color:var(--color-signal)}.reactive-module__cUbQOa__intro{z-index:2;text-align:center;background:color-mix(in oklch, var(--color-void) 62%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-content:center;justify-items:center;gap:1.1rem;padding:clamp(1.5rem,1rem + 3vw,4rem);display:grid;position:absolute;inset:0}.reactive-module__cUbQOa__intro h1{font-size:var(--step-4);max-width:18ch}.reactive-module__cUbQOa__intro p{max-width:58ch;color:var(--color-ink-dim);font-size:var(--step--1);line-height:1.75}.reactive-module__cUbQOa__sources{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.reactive-module__cUbQOa__sources label,.reactive-module__cUbQOa__switcher label{cursor:pointer;position:relative;overflow:hidden}.reactive-module__cUbQOa__sources input[type=file],.reactive-module__cUbQOa__switcher input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.reactive-module__cUbQOa__error{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-live)}.reactive-module__cUbQOa__panel{z-index:3;background:color-mix(in oklch, var(--color-canvas) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-hairline);border-radius:4px;gap:.8rem;width:min(19rem,100vw - 2rem);padding:1rem;display:grid;position:absolute;bottom:clamp(.75rem,.5rem + 1vw,1.5rem);left:clamp(.75rem,.5rem + 1vw,1.5rem)}.reactive-module__cUbQOa__panelHead{justify-content:space-between;align-items:center;gap:1rem;display:flex}.reactive-module__cUbQOa__panelHead .reactive-module__cUbQOa__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reactive-module__cUbQOa__stop{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);cursor:pointer;background:0 0;border:0;transition:color .2s}.reactive-module__cUbQOa__stop:hover{color:var(--color-live)}.reactive-module__cUbQOa__meters{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.reactive-module__cUbQOa__meters li{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-ink-dim);grid-template-columns:2.8rem 1fr 2rem;align-items:center;gap:.5rem;display:grid}.reactive-module__cUbQOa__meters .reactive-module__cUbQOa__readout{text-align:right;color:var(--color-ink-faint)}.reactive-module__cUbQOa__meter{background:var(--color-surface);border-radius:99px;height:4px;overflow:hidden}.reactive-module__cUbQOa__meter>span{background:var(--color-signal);border-radius:99px;height:100%;transition:width 90ms linear;display:block}.reactive-module__cUbQOa__bpm{border-top:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:1rem;padding-top:.7rem;display:flex}.reactive-module__cUbQOa__bpm .reactive-module__cUbQOa__readout{font-size:var(--step--1);color:var(--color-signal)}.reactive-module__cUbQOa__switcher{flex-wrap:wrap;gap:.35rem;display:flex}.reactive-module__cUbQOa__switcher .reactive-module__cUbQOa__btn{flex:auto}.reactive-module__cUbQOa__audio{z-index:3;filter:invert()hue-rotate(180deg);opacity:.55;width:min(20rem,100vw - 2rem);transition:opacity .24s;position:absolute;bottom:clamp(.75rem,.5rem + 1vw,1.5rem);right:clamp(.75rem,.5rem + 1vw,1.5rem)}.reactive-module__cUbQOa__audio:hover{opacity:.95}.reactive-module__cUbQOa__audio:not([src]){display:none}