.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}}.scrub-lens{position:fixed;z-index:60;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:var(--c-bg);border:1px solid var(--c-accent);color:var(--c-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;transition:opacity .12s;box-shadow:0 4px 16px #00000059}.scrub-lens.on{opacity:1}.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}.rondo-knob .kv{font-size:10px;line-height:1;margin-left:3px;min-width:3.5ch;font-variant-numeric:tabular-nums;opacity:.75;pointer-events:none}.rondo-knob.live .kv,.rondo-knob.active .kv{opacity:1}@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)}.rondo-beatgrid{--beat-cell: 18px;display:inline-grid;grid-template-columns:auto max-content;gap:3px 8px;align-items:center;vertical-align:text-bottom;margin:2px 0 2px 8px;padding:4px 6px;border-radius:6px;background:color-mix(in srgb,var(--c-border, #2a2e37) 28%,transparent);touch-action:none}.rondo-beatgrid .bl{font-size:10px;line-height:1;opacity:.75;text-align:right;user-select:none;-webkit-user-select:none}.rondo-beatgrid .lane{margin:0;padding:0;background:none;border-radius:0}.rondo-beatgrid .lane .rc{width:auto;height:16px;border-radius:3px}@media(pointer:coarse){.rondo-roll .rc{width:16px;height:16px}.rondo-beatgrid{--beat-cell: 22px}.rondo-beatgrid .lane .rc{height:20px}}.rp-chip.rp-hist{min-width:40px;font-size:15px;line-height:1}.rp-chip.rp-hist:disabled{opacity:.35;pointer-events:none}.rondo-qwrap{display:inline-flex;align-items:stretch;gap:3px;vertical-align:text-bottom;margin:0 0 0 8px}.rondo-qwrap .rondo-qroll{margin:0}.rondo-qroll{position:relative;display:inline-block;vertical-align:text-bottom;width:min(46vw,220px);margin:0 0 0 8px;border-radius:5px;background:color-mix(in srgb,var(--c-border, #2a2e37) 28%,transparent);overflow:hidden;pointer-events:none}.rondo-qroll.editable{touch-action:none;cursor:ns-resize;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-accent, #6ea8fe) 25%,transparent)}.rondo-qroll .qr-layer,.rondo-rollov .qr-layer{position:absolute;top:0;right:0;bottom:0;left:0}.rondo-qroll .qr-cell,.rondo-rollov .qr-cell{position:absolute;border-radius:2px;background:color-mix(in srgb,var(--c-accent, #6ea8fe) 55%,transparent)}.rondo-qroll .qr-cell.on,.rondo-rollov .qr-cell.on{background:var(--c-accent-alt, #6ea8fe);box-shadow:0 0 8px -2px var(--c-accent-alt, #6ea8fe)}.rondo-qroll .qr-head,.rondo-rollov .qr-head{position:absolute;top:0;bottom:0;width:1.5px;background:color-mix(in srgb,var(--c-accent, #6ea8fe) 70%,transparent);opacity:0;transition:opacity .2s}.qr-grab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:18px;border-radius:5px;color:var(--c-dim, #8b93a3);background:color-mix(in srgb,var(--c-border, #2a2e37) 42%,transparent);pointer-events:auto;touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none}.qr-grab:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-10px;right:-16px}.qr-grab.active{color:var(--c-accent, #6ea8fe);background:color-mix(in srgb,var(--c-accent, #6ea8fe) 18%,transparent)}.rondo-rollov{display:flex;box-sizing:border-box;align-items:stretch;gap:3px;margin:4px 0 6px 2px;padding:4px;border-radius:8px;background:color-mix(in srgb,var(--c-border, #2a2e37) 26%,transparent);user-select:none;-webkit-user-select:none}.rondo-rollov .ro-body{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:5px;background:color-mix(in srgb,var(--c-border, #2a2e37) 28%,transparent)}.rondo-rollov .ro-bar{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--c-dim, #8b93a3) 30%,transparent)}.rondo-wt{display:inline-block;vertical-align:middle;margin:2px 0 2px 10px;padding:2px;border-radius:6px;color:var(--c-accent, #6ea8fe);background:color-mix(in srgb,var(--c-border, #2a2e37) 22%,transparent);pointer-events:none;user-select:none;-webkit-user-select:none}.rondo-wt .wt-canvas{display:block}.rondo-wavedef{display:flex;flex-direction:column;box-sizing:border-box;gap:4px;margin:4px 0 6px 2px;padding:5px;border-radius:8px;background:color-mix(in srgb,var(--c-border, #2a2e37) 26%,transparent);touch-action:none;user-select:none;-webkit-user-select:none}.rondo-wavedef .wd-frames{display:flex;flex-wrap:wrap;gap:5px}.rondo-wavedef .wd-frame{position:relative;display:inline-block;padding:2px;border-radius:6px;color:var(--c-dim, #8b93a3);background:color-mix(in srgb,var(--c-border, #2a2e37) 45%,transparent);border:1px solid transparent;cursor:pointer}.rondo-wavedef .wd-frame.sel{color:var(--c-accent, #6ea8fe);border-color:color-mix(in srgb,var(--c-accent, #6ea8fe) 60%,transparent);background:color-mix(in srgb,var(--c-accent, #6ea8fe) 12%,transparent)}.rondo-wavedef .wd-frame canvas{display:block}.rondo-wavedef .wd-flabel{position:absolute;top:1px;right:4px;font-size:9px;opacity:.7}.rondo-wavedef .wd-bars-strip{overflow-x:auto;overflow-y:hidden;max-width:100%}.rondo-wavedef .wd-bars{display:inline-flex;align-items:flex-end;gap:2px;height:96px}.rondo-wavedef .wd-bar{position:relative;display:inline-block;width:var(--wd-bar-w, 28px);height:100%;border-radius:4px;background:color-mix(in srgb,var(--c-border, #2a2e37) 50%,transparent);cursor:ns-resize;overflow:hidden}.rondo-wavedef .wd-fill{position:absolute;left:0;right:0;bottom:0;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--c-accent, #6ea8fe) 75%,transparent);min-height:2px;pointer-events:none}.rondo-wavedef.active .wd-fill{background:var(--c-accent-alt, #6ea8fe)}.rondo-wavedef .wd-h{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:9px;color:var(--c-text, #e8eaf0);opacity:.55;pointer-events:none}.rondo-wavedef .wd-rail{display:inline-flex;flex-direction:column;justify-content:flex-end;gap:4px;width:var(--wd-bar-w, 28px);height:100%}.rondo-wavedef .wd-add,.rondo-wavedef .wd-del{display:inline-flex;align-items:center;justify-content:center;height:26px;border-radius:5px;font-size:15px;color:var(--c-accent, #6ea8fe);background:color-mix(in srgb,var(--c-border, #2a2e37) 55%,transparent);cursor:pointer}.rondo-wavedef .wd-del{color:var(--c-dim, #8b93a3)}.rondo-wavedef .wd-del.off{opacity:.3;pointer-events:none}.rondo-ufan{display:inline-block;vertical-align:middle;margin:0 0 0 8px;color:var(--c-accent, #6ea8fe);opacity:.85;pointer-events:none;user-select:none;-webkit-user-select:none}.rondo-ufan svg{display:block}.rondo-ufan line{stroke:currentColor;stroke-width:2;stroke-linecap:round}.rondo-ufan line.oct{stroke:var(--c-accent-alt, #9d7bfe)}.cm-rondo-enum{text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--c-accent, #6ea8fe) 45%,transparent);cursor:pointer}.cm-rondo-enum:hover{text-decoration-color:var(--c-accent, #6ea8fe)}@media(pointer:coarse){.cm-rondo-enum{padding:10px 4px;margin:-10px -4px}}.rondo-fcurve{display:inline-block;vertical-align:middle;margin:2px 0 2px 10px;padding:3px;border-radius:6px;color:var(--c-accent, #6ea8fe);background:color-mix(in srgb,var(--c-border, #2a2e37) 22%,transparent);user-select:none;-webkit-user-select:none}.rondo-fcurve canvas{display:block}.rondo-fcurve.editable{touch-action:none;cursor:ew-resize}.rondo-fcurve.active{color:var(--c-accent-alt, #6ea8fe);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-accent, #6ea8fe) 35%,transparent)}