.sing-dialog{position:fixed;top:var(--app-top, 0px);left:0;right:0;height:var(--app-h, 100dvh);display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;background:#00000059}.sing-dialog.hidden{display:none}.sing-card{min-width:300px;padding:20px 22px;background:var(--c-bg, #16181d);border:1px solid var(--c-border, #2a2e37);border-radius:var(--r-md, 10px);box-shadow:0 10px 40px #00000080}.sing-title{font-size:14px;font-weight:600;margin-bottom:8px}.sing-label{font-size:12px;opacity:.7;margin-bottom:12px;font-variant-numeric:tabular-nums}.sing-bar{height:6px;border-radius:3px;background:var(--c-border, #2a2e37);overflow:hidden}.sing-fill{height:100%;width:0;background:var(--c-accent, #6ea8fe);transition:width .15s ease}.sing-fill.indeterminate{width:40%!important;animation:sing-indet 1.1s ease-in-out infinite}@keyframes sing-indet{0%{margin-left:-40%}to{margin-left:100%}}.sing-dialog.sing-error .sing-title{color:var(--c-danger, #ff6b6b)}.sing-dialog.sing-error .sing-label{opacity:.9}.sing-dialog.sing-error .sing-fill{background:var(--c-danger, #ff6b6b)}.sing-consent{position:fixed;z-index:1000;top:var(--app-top, 0px);left:0;right:0;height:var(--app-h, 100dvh);display:flex;align-items:center;justify-content:center;background:#0000008c;padding:20px}.sing-consent-card{max-width:380px;width:100%;background:var(--c-panel, #1b1e24);color:var(--c-text, #e8eaed);border:1px solid var(--c-border, #2a2e37);border-radius:12px;padding:20px;box-shadow:0 12px 40px #00000080}.sing-consent-title{font-size:15px;font-weight:600;margin-bottom:10px}.sing-consent-body{font-size:13px;line-height:1.5;opacity:.8;margin-bottom:18px}.sing-consent-actions{display:flex;gap:10px;justify-content:flex-end}.sing-consent-actions button{font:inherit;font-size:13px;padding:8px 14px;border-radius:8px;cursor:pointer;border:1px solid var(--c-border, #2a2e37);background:transparent;color:inherit}.sing-consent-go{background:var(--c-accent, #6ea8fe)!important;border-color:var(--c-accent, #6ea8fe)!important;color:#08131f!important;font-weight:600}.cm-karaoke-syllable{border-radius:var(--r-sm);background-color:#ffb3476b;box-shadow:inset 0 -2px #ffb347f2;animation:cm-karaoke-pop .12s ease-out}.cm-karaoke-note{border-radius:var(--r-sm);background-color:#78aaff52;box-shadow:inset 0 -2px #78aafff2;animation:cm-karaoke-pop .12s ease-out}@keyframes cm-karaoke-pop{0%{background-color:#ffffffbf}}@media(prefers-reduced-motion:reduce){.cm-karaoke-syllable,.cm-karaoke-note{animation:none}}.cm-w{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);vertical-align:middle;height:20px;padding:0 var(--sp-2);font:inherit;font-size:var(--fs-meta);color:var(--c-text);background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.cm-w:before{content:"";position:absolute;top:-12px;right:-6px;bottom:-12px;left:-6px}.cm-w-slider{touch-action:none}.cm-w-track{position:relative;width:120px;height:6px;background:var(--c-bar);border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden}.cm-w-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-alt))}.cm-w-readout{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-meta);color:var(--c-accent);min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.cm-w-toggle{min-width:52px;justify-content:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--c-dim)}.cm-w-toggle.on{color:var(--c-accent);background:var(--c-green-deep);border-color:var(--c-green)}.cm-w-pick{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--c-accent);white-space:nowrap}.cm-w-xy{width:26px;justify-content:center;touch-action:none}.cm-w-xy-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--c-accent);transform:translate(-50%,-50%);pointer-events:none}.cm-w-xy-pad{position:fixed;z-index:30;background:var(--c-bar);border:1px solid var(--c-border);border-radius:var(--r);box-shadow:0 8px 28px #0000008c;touch-action:none}.cm-w-xy-pad .cm-w-xy-dot{width:13px;height:13px}.cm-scrub{text-decoration:underline dotted var(--c-faint) 1px;text-underline-offset:3px;touch-action:pan-y}.cm-scrubbing{cursor:ew-resize}.cm-scrubbing .cm-content{-webkit-user-select:none;user-select:none}@media(pointer:coarse){.cm-tooltip-autocomplete>ul>li{min-height:38px;display:flex;align-items:center}.cm-tooltip-autocomplete{max-height:40vh}}.rondo-palette{flex:none;display:flex;gap:var(--sp-1);align-items:center;padding:var(--sp-1) calc(var(--sp-2) + env(safe-area-inset-right)) var(--sp-1) calc(var(--sp-2) + env(safe-area-inset-left));background:var(--c-bar);border-top:1px solid var(--c-border);overflow-x:auto;scrollbar-width:none;-webkit-user-select:none;user-select:none}.rondo-palette::-webkit-scrollbar{display:none}.rondo-palette.hidden{display:none}.rp-chip{flex:none;min-height:36px;padding:0 var(--sp-3);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-ctrl);color:var(--c-text);background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--r);cursor:pointer;white-space:nowrap;touch-action:manipulation}.rp-chip:active{background:var(--c-surface);border-color:var(--c-accent)}.rp-chip.rp-kw{color:var(--c-accent)}.rp-chip.rp-note{min-width:36px;text-align:center;padding:0 var(--sp-2)}.rp-chip.rp-op{color:var(--c-dim);min-width:36px;padding:0 var(--sp-2)}.rondo-knob{display:inline-flex;align-items:center;vertical-align:middle;margin:0 0 0 2px;padding:4px;color:var(--c-accent, #6ea8fe);cursor:ns-resize;touch-action:none;opacity:.8;transition:opacity .1s,transform .1s}.rondo-knob:hover{opacity:1}.rondo-knob.active{opacity:1;transform:scale(1.35)}.rondo-knob.live{opacity:1;color:var(--c-accent-alt, #6ea8fe)}.rondo-knob svg{display:block}@media(pointer:coarse){.rondo-knob{padding:8px}}.rondo-env{display:inline-flex;align-items:center;vertical-align:text-bottom;margin:0 0 0 6px;color:var(--c-accent, #6ea8fe);cursor:pointer;touch-action:none;opacity:.8;transition:opacity .1s}.rondo-env:hover,.rondo-env.active{opacity:1}.rondo-env svg{display:block;overflow:visible}.rondo-env .fill{fill:color-mix(in srgb,var(--c-accent, #6ea8fe) 16%,transparent)}.rondo-env .h{fill:var(--c-bg, #16181d);stroke:currentColor;stroke-width:1.5}.rondo-env .emark{fill:var(--c-accent-alt, #6ea8fe);opacity:0;filter:drop-shadow(0 0 4px var(--c-accent-alt, #6ea8fe))}.rondo-env.firing .line{stroke:var(--c-accent-alt, #6ea8fe)}.rondo-env.firing .fill{fill:color-mix(in srgb,var(--c-accent-alt, #6ea8fe) 22%,transparent)}.rondo-roll{display:inline-grid;gap:2px;vertical-align:text-bottom;margin:0 0 0 8px;padding:3px;border-radius:5px;background:color-mix(in srgb,var(--c-border, #2a2e37) 28%,transparent);touch-action:none}.rondo-roll .rc{width:12px;height:12px;border-radius:2px;background:color-mix(in srgb,var(--c-border, #2a2e37) 55%,transparent);cursor:pointer;transition:background .06s,box-shadow .06s,transform .06s}.rondo-roll .rc:hover{background:color-mix(in srgb,var(--c-accent, #6ea8fe) 35%,transparent)}.rondo-roll .rc.beat{background:color-mix(in srgb,var(--c-border, #2a2e37) 90%,transparent)}.rondo-roll .rc.on{background:var(--c-accent, #6ea8fe);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 30%,var(--c-accent, #6ea8fe))}.rondo-roll .rc.play{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c-accent, #6ea8fe) 55%,transparent)}.rondo-roll .rc.trig{background:var(--c-accent-alt, #6ea8fe);box-shadow:0 0 10px -1px var(--c-accent-alt, #6ea8fe);transform:scale(1.12)}@media(pointer:coarse){.rondo-roll .rc{width:16px;height:16px}}