:root{--cal-pink: var(--nc-ui-instrument-calliope);--cal-gap: var(--nc-ui-module-gap)}.cal-brand{color:var(--cal-pink)}.nc-module [data-nc-id$=-mount]{display:none}.cal-body,.cal-col{display:flex;flex-direction:column;gap:var(--nc-ui-space-16);min-width:0}.cal-body{gap:var(--nc-ui-space-20)}.cal-field{display:flex;flex-direction:column;gap:var(--nc-ui-space-6);min-width:0}.cal-field>.nc-seg{margin-bottom:0}.cal-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nc-ui-space-16) var(--nc-ui-space-20);align-items:end}.cal-row{display:flex;align-items:center;gap:var(--nc-ui-space-8);min-width:0}.cal-end{align-items:flex-end}.cal-row-between{display:flex;align-items:baseline;justify-content:space-between;gap:var(--nc-ui-space-12);min-width:0}.cal-grow{flex:1 1 auto;min-width:0}.cal-left{align-self:flex-start}.cal-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cal-mono{font-family:var(--nc-ui-font-readout);font-variant-numeric:tabular-nums}.cal-sub{color:var(--nc-ui-text-sub)}.cal-small{font-size:var(--nc-ui-font-size-xs)}.cal-readout{font-size:var(--nc-ui-readout-size)}.cal-rule{border:0;border-top:var(--nc-ui-hairline) solid var(--nc-ui-divider);margin:0;width:100%}.cal-ghost{padding-bottom:0}.cal-ghost:disabled{opacity:var(--nc-ui-opacity-40);cursor:default}.cal-body .nc-select{width:100%}.cal-chord-name{font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-2xl);color:var(--nc-ui-text)}.cal-voicing{margin-top:var(--nc-ui-space-8)}.nc-module[data-nc-module=chord][data-nc-place=stack][data-nc-shade]{background:transparent;padding-inline:0;border-top:var(--nc-ui-hairline) solid var(--nc-ui-divider);margin-top:var(--nc-ui-space-16)}.cal-browser{display:flex;flex-direction:column;gap:var(--nc-ui-space-12);background:var(--nc-ui-surface-raised);padding:var(--nc-ui-space-12)}.cal-input{background:transparent;border:0;border-bottom:var(--nc-ui-hairline) solid var(--nc-ui-divider);padding:var(--nc-ui-space-4) 0;font:inherit;font-size:var(--nc-ui-font-size-md);width:100%;color:var(--nc-ui-text);border-radius:0}.cal-input:focus-visible{outline:var(--nc-ui-focus-width) solid var(--nc-ui-focus-ring);outline-offset:calc(var(--nc-ui-hairline) * -1)}.cal-library{list-style:none;margin:0;padding:0;max-height:calc(var(--nc-ui-space-64) * 4);overflow-y:auto}.cal-lib-row{display:flex;align-items:center;border-bottom:var(--nc-ui-hairline) solid var(--nc-ui-divider)}.cal-lib-pick{flex:1;min-width:0;text-align:left;display:flex;justify-content:space-between;gap:var(--nc-ui-space-8);padding:var(--nc-ui-space-5) var(--nc-ui-space-4);font:inherit;font-size:var(--nc-ui-font-size-sm);color:var(--nc-ui-text);background:none;border:0;cursor:pointer}.cal-lib-pick:hover{background:var(--nc-ui-surface-page)}.cal-lib-row[data-on=true]>.cal-lib-pick{color:var(--nc-ui-accent);box-shadow:inset var(--nc-ui-rule-strong) 0 0 var(--nc-ui-accent)}.cal-lib-pick:focus-visible,.cal-star:focus-visible{outline:var(--nc-ui-focus-width) solid var(--nc-ui-focus-ring);outline-offset:calc(var(--nc-ui-hairline) * -1)}.cal-star{min-width:var(--nc-ui-space-28);font-size:var(--nc-ui-font-size-lg);color:var(--nc-ui-text-sub);background:none;border:0;cursor:pointer}.cal-star[aria-pressed=true]{color:var(--nc-ui-accent)}.cal-pads,.cal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--nc-ui-space-6)}.cal-pad-wrap{position:relative;display:grid;min-width:0}.cal-pad,.cal-step{display:flex;flex-direction:column;gap:var(--nc-ui-space-2);text-align:left;min-width:0;padding:var(--nc-ui-space-8) var(--nc-ui-space-8) var(--nc-ui-space-6);background:var(--nc-ui-surface-page);color:var(--nc-ui-text);font:inherit;border:var(--nc-ui-hairline) solid var(--nc-ui-divider);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color var(--nc-ui-transition-feedback)}.cal-pad{min-height:calc(var(--nc-ui-space-64) + var(--nc-ui-space-8))}.cal-pad:hover,.cal-step:hover{border-color:var(--nc-ui-text-sub)}.cal-pad:focus-visible,.cal-step:focus-visible{outline:var(--nc-ui-focus-width) solid var(--nc-ui-focus-ring);outline-offset:var(--nc-ui-space-2)}.cal-pad:not([data-filled]) .cal-pad-name{color:var(--nc-ui-text-sub)}.cal-pad[data-active]{border-color:var(--cal-pink);box-shadow:inset 0 calc(-1 * var(--nc-ui-space-3)) 0 var(--cal-pink)}.cal-pad[data-queued]{border-style:dashed;border-color:var(--cal-pink)}.cal-pad[data-drop=before]{box-shadow:inset var(--nc-ui-rule-strong) 0 0 var(--cal-pink)}.cal-pad[data-drop=after]{box-shadow:inset calc(-1 * var(--nc-ui-rule-strong)) 0 0 var(--cal-pink)}.cal-pad-name{font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-pad-meta{font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-2xs);color:var(--nc-ui-text-sub);white-space:pre;overflow:hidden;text-overflow:ellipsis}.cal-pad-more{position:absolute;top:0;right:0;padding:var(--nc-ui-space-2) var(--nc-ui-space-4);background:none;border:0;color:var(--nc-ui-text-sub);font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-2xs);cursor:pointer}.cal-pad-more:hover{color:var(--nc-ui-text)}.cal-step[aria-current=true]{border-color:var(--nc-ui-accent);box-shadow:inset 0 calc(-1 * var(--nc-ui-space-3)) 0 var(--nc-ui-accent)}.cal-prog{display:flex;flex-direction:column;gap:var(--nc-ui-space-10);border-top:var(--nc-ui-hairline) solid var(--nc-ui-divider);padding-top:var(--nc-ui-space-16)}.cal-prog[data-paused] .cal-strip{opacity:var(--nc-ui-opacity-80)}.cal-prog-pick{position:relative;flex:1 1 auto;min-width:0}.cal-prog-pick>select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cal-prog-face{display:flex;align-items:baseline;gap:var(--nc-ui-space-8);pointer-events:none}.cal-prog-face[data-on]{border-bottom:var(--nc-ui-rule-strong) solid var(--nc-ui-accent)}.cal-prog-pick:focus-within .cal-prog-face{outline:var(--nc-ui-focus-width) solid var(--nc-ui-focus-ring);outline-offset:var(--nc-ui-space-2)}.cal-step-btn{min-width:var(--nc-ui-space-24);padding:var(--nc-ui-space-6) var(--nc-ui-space-4);font-size:var(--nc-ui-font-size-xs);color:var(--nc-ui-text);background:none;border:0;cursor:pointer}.cal-step-btn:focus-visible{outline:var(--nc-ui-focus-width) solid var(--nc-ui-focus-ring)}.cal-fold{display:flex;align-items:center;gap:var(--nc-ui-space-6);background:none;border:0;padding:0;cursor:pointer;color:inherit}.cal-roll-box{background:var(--nc-ui-surface-page);border:var(--nc-ui-hairline) solid var(--nc-ui-divider);padding:var(--nc-ui-space-10) var(--nc-ui-space-10) var(--nc-ui-space-6)}.cal-roll-box[data-arp]{opacity:var(--nc-ui-opacity-45)}.cal-roll{display:block;width:100%;height:auto}.cal-roll-c{fill:color-mix(in srgb,var(--nc-ui-divider) 60%,transparent)}.cal-roll-line{stroke:var(--nc-ui-divider);stroke-width:1}.cal-roll-beat{stroke:var(--nc-ui-text-sub);stroke-opacity:var(--nc-ui-opacity-35);stroke-width:1}.cal-roll-note{fill:color-mix(in srgb,var(--cal-pink) 45%,var(--nc-ui-surface-page));stroke:var(--cal-pink);stroke-width:.75}.cal-roll-label{font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-3xs);fill:var(--nc-ui-text-sub)}.cal-toggle{font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-xs);color:var(--nc-ui-text-sub);background:none;border:var(--nc-ui-hairline) solid transparent;padding:var(--nc-ui-space-2) var(--nc-ui-space-4);cursor:pointer}.cal-toggle[aria-pressed=true]{color:var(--nc-ui-text);border-color:var(--nc-ui-text);font-weight:var(--nc-ui-label-weight)}.cal-toggle:focus-visible,.cal-onoff:focus-visible,.cal-fold:focus-visible{outline:var(--nc-ui-focus-width) solid var(--nc-ui-focus-ring);outline-offset:var(--nc-ui-space-2)}.cal-now{display:flex;flex-direction:column;gap:var(--nc-ui-space-6);padding-bottom:var(--nc-ui-space-16);border-bottom:var(--nc-ui-hairline) solid var(--nc-ui-divider)}.cal-now-hd,.cal-now-row,.cal-next{display:flex;align-items:baseline;justify-content:space-between;gap:var(--nc-ui-space-8)}.cal-now-hd>.cal-mono{font-size:var(--nc-ui-font-size-xs)}.cal-now-name{font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-xl)}.cal-now-row>.cal-mono{font-size:var(--nc-ui-font-size-xs)}.cal-next{justify-content:flex-start;margin-top:var(--nc-ui-space-6)}.cal-next-name{font-size:var(--nc-ui-font-size-sm);flex:1 1 auto}.cal-meter{display:inline-flex;gap:var(--nc-ui-space-2)}.cal-meter>i{display:block;width:var(--nc-ui-space-10);height:var(--nc-ui-space-3);background:var(--nc-ui-divider)}.cal-meter>i[data-on]{background:var(--nc-ui-text)}.cal-target{display:flex;flex-direction:column;gap:var(--nc-ui-space-10);padding:var(--nc-ui-space-12);margin-inline:calc(-1 * var(--nc-ui-space-12))}.cal-target:nth-of-type(2n){background:color-mix(in srgb,var(--nc-ui-text) 4%,transparent)}.cal-target[data-disabled]>:not(.cal-row-between),.cal-target[data-disabled] .cal-target-name{opacity:var(--nc-ui-opacity-55)}.cal-target-name{font-size:var(--nc-ui-font-size-sm)}.cal-target-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:var(--nc-ui-space-16);align-items:end}.cal-dot{display:block;width:var(--nc-ui-space-8);height:var(--nc-ui-space-8);border-radius:var(--nc-ui-radius-round);border:var(--nc-ui-hairline) solid var(--nc-ui-text-sub)}.cal-target[data-on] .cal-dot{background:var(--nc-ui-text-sub);border-color:var(--nc-ui-text-sub)}.cal-target[data-on] .cal-dot[data-on]{background:var(--nc-ui-text);border-color:var(--nc-ui-text)}.cal-onoff{font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-xs);letter-spacing:var(--nc-ui-label-tracking);text-transform:uppercase;color:var(--nc-ui-text-sub);background:none;border:0;padding:var(--nc-ui-space-2) 0;cursor:pointer}.cal-onoff[aria-checked=true]{color:var(--nc-ui-text)}.cal-onoff:disabled{cursor:default}.cal-inputs{display:flex;flex-direction:column;gap:var(--nc-ui-space-8);opacity:var(--nc-ui-opacity-45);padding-top:var(--nc-ui-space-16);border-top:var(--nc-ui-hairline) solid var(--nc-ui-divider);font-size:var(--nc-ui-font-size-sm)}.cal-foot{margin-top:var(--nc-ui-space-48);padding-top:var(--nc-ui-space-24);border-top:var(--nc-ui-hairline) solid var(--nc-ui-divider);display:flex;justify-content:space-between;gap:var(--nc-ui-space-16);font-family:var(--nc-ui-font-readout);font-size:var(--nc-ui-font-size-2xs);color:var(--nc-ui-text-sub)}.cal-foot>p{margin:0}[data-cal-now=pads]{display:none}@media(max-width:768px){[data-cal-now=pads]{display:flex}[data-cal-now=targets]{display:none}.cal-stack>[data-nc-module=pads]{order:1}.cal-stack>[data-nc-module=targets]{order:2}.cal-stack>[data-nc-module=mode]{order:3}.cal-stack>[data-nc-module=rhythm]{order:4}[data-nc-module=chord]>.nc-module-hd{display:none}[data-nc-module=chord]{padding:0;background:transparent}.cal-target-body{grid-template-columns:minmax(0,1fr) minmax(0,.5fr)}}@media(min-width:1024px){.cal-stack[data-nc-layout=adjacent]:not(:has(>.nc-module[data-nc-slim])){grid-template-columns:minmax(0,23.333fr) minmax(0,30fr) minmax(0,23.333fr) minmax(0,23.333fr)!important}}