.drawer[data-v-501c20f9]{--drawer-handle-height: 28px;position:absolute;inset-inline:0;min-width:0;background:var(--ink-3);color:var(--ivory);pointer-events:auto}.drawer--fixed[data-v-501c20f9]{position:fixed}.drawer--top[data-v-501c20f9]{top:0}.drawer--bottom[data-v-501c20f9]{bottom:0}.drawer--ready[data-v-501c20f9]{transition:height var(--dur-panel) var(--ease-swing)}.drawer--dragging[data-v-501c20f9],.drawer--layout-resize[data-v-501c20f9]{transition:none}.drawer__clip[data-v-501c20f9]{height:100%;overflow:clip}.drawer--persistent-overflow-visible .drawer__clip[data-v-501c20f9]{overflow-x:clip;overflow-y:visible}.drawer__persistent[data-v-501c20f9]{display:flow-root}.drawer__content[data-v-501c20f9]{min-width:0;overflow:hidden}.drawer--top .drawer__content[data-v-501c20f9]{box-sizing:border-box;padding-top:max(var(--drawer-handle-height),var(--hit-min))}.drawer__content--scroll[data-v-501c20f9]{overflow-y:auto;overscroll-behavior:contain}.drawer__handle[data-v-501c20f9]{position:absolute;z-index:1;display:flex;align-items:center;gap:4px;max-width:min(240px,65%);min-height:var(--drawer-handle-height);justify-content:center;min-inline-size:88px;padding:4px 18px;border:0;border-radius:0;background:none;color:var(--ivory);cursor:ns-resize;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.drawer__handle[data-v-501c20f9]:before{content:"";position:absolute;inset:0}.drawer--top .drawer__handle[data-v-501c20f9]:before{bottom:min(0px,100% - var(--hit-min))}.drawer--bottom .drawer__handle[data-v-501c20f9]:before{top:min(0px,100% - var(--hit-min))}.drawer__lip[data-v-501c20f9]{--drawer-lip-chamfer: 14px;position:absolute;z-index:-1;inset:0;background:var(--ink-3);clip-path:polygon(var(--drawer-lip-chamfer) 0,calc(100% - var(--drawer-lip-chamfer)) 0,100% 100%,0 100%);pointer-events:none}.drawer--top .drawer__lip[data-v-501c20f9]{clip-path:polygon(0 0,100% 0,calc(100% - var(--drawer-lip-chamfer)) 100%,var(--drawer-lip-chamfer) 100%)}.drawer--top.drawer--handle-left .drawer__handle[data-v-501c20f9]{padding-inline-start:6px}.drawer--top.drawer--handle-left .drawer__lip[data-v-501c20f9]{clip-path:polygon(0 0,100% 0,calc(100% - var(--drawer-lip-chamfer)) 100%,0 100%)}.drawer--top.drawer--handle-right .drawer__handle[data-v-501c20f9]{padding-inline-end:6px}.drawer--top.drawer--handle-right .drawer__lip[data-v-501c20f9]{clip-path:polygon(0 0,100% 0,100% 100%,var(--drawer-lip-chamfer) 100%)}.drawer__handle--metered[data-v-501c20f9]{padding-top:9px}.drawer__meter[data-v-501c20f9]{position:absolute;top:3px;left:50%;inline-size:calc(var(--drawer-meter-max) * 5px - 2px);block-size:3px;translate:-50% 0;background:linear-gradient(90deg,var(--ivory) 0 calc(var(--drawer-meter-lit) / var(--drawer-meter-max) * 100%),var(--ink-5) 0);-webkit-mask:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 5px);mask:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 5px);transition:filter var(--dur-tap) var(--ease-stab)}.drawer--dragging .drawer__meter[data-v-501c20f9],.drawer__handle:active .drawer__meter[data-v-501c20f9]{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--ivory) 70%,transparent))}.drawer__handle--pointer-disabled[data-v-501c20f9]{pointer-events:none}.drawer--top .drawer__handle[data-v-501c20f9]{top:100%}.drawer--bottom .drawer__handle[data-v-501c20f9]{bottom:100%}.drawer--handle-left .drawer__handle[data-v-501c20f9]{left:0}.drawer--handle-right .drawer__handle[data-v-501c20f9]{right:0}.drawer--handle-center .drawer__handle[data-v-501c20f9]{left:50%;transform:translate(-50%)}.drawer__handle[data-v-501c20f9]:focus-visible{outline:2px solid var(--ivory);outline-offset:-2px}.drawer__icon[data-v-501c20f9]{display:flex;flex:0 0 14px}.drawer__icon[data-v-501c20f9] svg{width:14px;height:14px}.drawer__label[data-v-501c20f9]{min-width:0;padding-inline:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--t-label);line-height:20px;transform:translateY(-2px)}.drawer__grip[data-v-501c20f9]{flex:0 0 8px;height:2px;background:var(--ivory-4)}@media (hover: hover) and (pointer: fine){.drawer__handle[data-v-501c20f9]:hover{color:var(--ivory-2)}}@media (prefers-reduced-motion: reduce){.drawer--ready[data-v-501c20f9],.drawer__meter[data-v-501c20f9]{transition:none}}@media (forced-colors: active){.drawer[data-v-501c20f9]{background:Canvas;color:CanvasText}.drawer__handle[data-v-501c20f9]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}.drawer__grip[data-v-501c20f9]{background:ButtonText}.drawer__lip[data-v-501c20f9]{display:none}.drawer__meter[data-v-501c20f9]{background:linear-gradient(90deg,Highlight 0 calc(var(--drawer-meter-lit) / var(--drawer-meter-max) * 100%),GrayText 0);forced-color-adjust:none;filter:none}.drawer__handle[data-v-501c20f9]:focus-visible{outline-color:Highlight}}.top-drawer[data-v-0e7f575e]{z-index:calc(var(--z-top-drawers) + 2);background:var(--ink)}.top-drawer--active[data-v-0e7f575e]{z-index:calc(var(--z-top-drawers) + 1)}.top-drawer--closing[data-v-0e7f575e]{z-index:var(--z-top-drawers)}.top-drawer__panel[data-v-0e7f575e]{height:100%;min-height:0}.top-drawer[data-v-0e7f575e] .drawer__handle{background:var(--ink)}.top-drawer[data-v-0e7f575e] .drawer__grip{background:var(--ivory);opacity:.28}.midi-settings-icon[data-v-a0af30ee]{--midi-led: var(--ivory-4)}.midi-settings-icon--connecting[data-v-a0af30ee]{--midi-led: var(--ivory-2);--midi-glow: color-mix(in srgb, var(--ivory-2) 55%, transparent)}.midi-settings-icon--connected[data-v-a0af30ee]{--midi-led: var(--brass);--midi-glow: color-mix(in srgb, var(--brass) 45%, transparent)}.midi-settings-icon--error[data-v-a0af30ee]{--midi-led: var(--tomato);--midi-glow: color-mix(in srgb, var(--tomato) 45%, transparent)}.midi-settings-icon[data-v-a0af30ee]:not(.midi-settings-icon--idle){filter:drop-shadow(0 0 5px var(--midi-glow))}.midi-settings-icon[data-v-a0af30ee] circle{fill:var(--midi-led);stroke:var(--midi-led)}@media (forced-colors: active){.midi-settings-icon[data-v-a0af30ee]:not(.midi-settings-icon--idle){filter:none}.midi-settings-icon[data-v-a0af30ee] circle{fill:ButtonText;stroke:ButtonText}}@property --paper-button-lip-angle{syntax: "<angle>"; inherits: false; initial-value: 180deg;}@property --paper-button-lip-span{syntax: "<angle>"; inherits: false; initial-value: 100deg;}.paper-button[data-v-f8a656f1]{--button-size: 40px;--button-travel: 4px;--button-radius: 24%;--button-cap: var(--ink-4);--button-cap-lit: var(--ink-5);--button-wall: var(--ink-2);--button-rim: rgb(255 255 255 / 10%);--button-ink: var(--ivory);--button-light: var(--ivory);--button-extra-glow: 0 0 0 transparent;position:relative;display:inline-grid;place-items:center;flex:0 0 auto;inline-size:var(--button-size);block-size:var(--button-size);box-sizing:border-box;padding:0;border:0;border-radius:var(--button-radius);background:transparent;color:var(--button-ink);cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity var(--dur-tap) var(--ease-stab)}.paper-button--xs[data-v-f8a656f1]{--button-size: var(--control-xs);--button-travel: 2px}.paper-button--sm[data-v-f8a656f1]{--button-size: var(--control-sm);--button-travel: 3px}.paper-button--md[data-v-f8a656f1]{--button-size: 40px}.paper-button--lg[data-v-f8a656f1]{--button-size: 48px;--button-travel: 5px}.paper-button--ivory[data-v-f8a656f1]{--button-cap: var(--ivory);--button-cap-lit: var(--bone);--button-wall: var(--ivory-3);--button-rim: rgb(255 255 255 / 70%);--button-ink: var(--ink);--button-light: var(--ivory)}.paper-button--brass[data-v-f8a656f1]{--button-cap: var(--brass);--button-cap-lit: var(--brass-hi);--button-wall: var(--brass-lo);--button-rim: rgb(255 255 255 / 45%);--button-ink: var(--brass-edge);--button-light: var(--brass-hi)}.paper-button--brass-sheen[data-v-f8a656f1],.paper-button--brass-sheen-glow[data-v-f8a656f1]{--button-cap: var(--brass-fill)}.paper-button--brass-glow[data-v-f8a656f1],.paper-button--brass-sheen-glow[data-v-f8a656f1]{--button-extra-glow: var(--shadow-glow-brass)}.paper-button__face[data-v-f8a656f1],.paper-button__switch[data-v-f8a656f1]{position:absolute;inset:0;border-radius:var(--button-radius);pointer-events:none}.paper-button__switch[data-v-f8a656f1]{background:var(--button-wall);box-shadow:0 0 0 transparent,var(--button-extra-glow)}.paper-button__lip[data-v-f8a656f1]{--paper-button-lip-angle: 180deg;--paper-button-lip-span: 100deg;--lip: color-mix(in srgb, var(--button-light) 85%, transparent);--feather: 14deg;position:absolute;inset:-4px;box-sizing:border-box;padding:2px;border-radius:calc(var(--button-radius) + 2px);background:conic-gradient(from calc(var(--paper-button-lip-angle) - var(--paper-button-lip-span) / 2),transparent 0deg,var(--lip) var(--feather),var(--lip) calc(var(--paper-button-lip-span) - var(--feather)),transparent var(--paper-button-lip-span),transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--button-light) 55%,transparent));pointer-events:none}.paper-button__cap[data-v-f8a656f1]{position:absolute;inset:1px 2px var(--button-travel);display:grid;place-items:center;overflow:hidden;border-radius:22%;background:var(--button-cap);box-shadow:inset 0 1px 0 var(--button-rim),inset 0 -1px #00000038;transition:transform var(--dur-tap) var(--ease-stab)}.paper-button__lamp[data-v-f8a656f1]{position:absolute;inset:0;background:var(--button-cap-lit);opacity:0;pointer-events:none}.paper-button--brass-sheen .paper-button__cap[data-v-f8a656f1]:after,.paper-button--brass-sheen-glow .paper-button__cap[data-v-f8a656f1]:after{content:"";position:absolute;inset:0;background:var(--brass-sheen);background-repeat:no-repeat;background-position:-60% 0;background-size:220% 100%;mix-blend-mode:screen;animation:brass-sheen var(--dur-sheen) var(--ease-sheen) infinite;pointer-events:none}.paper-button__content[data-v-f8a656f1]{position:relative;z-index:1;display:grid;place-items:center;line-height:0;transition:opacity var(--dur-tap) var(--ease-stab)}.paper-button__content[data-v-f8a656f1] svg{display:block;inline-size:calc(var(--button-size) * .44);block-size:calc(var(--button-size) * .44);max-inline-size:none;max-block-size:none}.paper-button:not(:disabled):active .paper-button__cap[data-v-f8a656f1],.paper-button--pressed .paper-button__cap[data-v-f8a656f1]{transform:translateY(calc(var(--button-travel) - 1px))}.paper-button[data-v-f8a656f1]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-outer);outline-offset:5px;box-shadow:0 0 0 5px var(--focus-ring-inner)}.paper-button--hit-a .paper-button__lip[data-v-f8a656f1]{animation:paper-button-ring-a-f8a656f1 var(--dur-bounce) var(--ease-brush) both}.paper-button--hit-b .paper-button__lip[data-v-f8a656f1]{animation:paper-button-ring-b-f8a656f1 var(--dur-bounce) var(--ease-brush) both}.paper-button--hit-a .paper-button__switch[data-v-f8a656f1]{animation:paper-button-glow-a-f8a656f1 var(--dur-bounce) var(--ease-brush) both}.paper-button--hit-b .paper-button__switch[data-v-f8a656f1]{animation:paper-button-glow-b-f8a656f1 var(--dur-bounce) var(--ease-brush) both}.paper-button--hit-a .paper-button__lamp[data-v-f8a656f1]{animation:paper-button-lamp-a-f8a656f1 var(--dur-bounce) var(--ease-brush) both}.paper-button--hit-b .paper-button__lamp[data-v-f8a656f1]{animation:paper-button-lamp-b-f8a656f1 var(--dur-bounce) var(--ease-brush) both}@keyframes paper-button-ring-a-f8a656f1{0%{--paper-button-lip-span: 360deg}to{--paper-button-lip-span: 100deg}}@keyframes paper-button-ring-b-f8a656f1{0%{--paper-button-lip-span: 360deg}to{--paper-button-lip-span: 100deg}}@keyframes paper-button-glow-a-f8a656f1{0%{box-shadow:0 0 18px color-mix(in srgb,var(--button-light) 70%,transparent),var(--button-extra-glow)}to{box-shadow:0 0 0 transparent,var(--button-extra-glow)}}@keyframes paper-button-glow-b-f8a656f1{0%{box-shadow:0 0 18px color-mix(in srgb,var(--button-light) 70%,transparent),var(--button-extra-glow)}to{box-shadow:0 0 0 transparent,var(--button-extra-glow)}}@keyframes paper-button-lamp-a-f8a656f1{0%{opacity:1}to{opacity:0}}@keyframes paper-button-lamp-b-f8a656f1{0%{opacity:1}to{opacity:0}}.paper-button--loading[data-v-f8a656f1]{cursor:progress}.paper-button--loading .paper-button__content[data-v-f8a656f1]{opacity:.3}.paper-button--loading .paper-button__lip[data-v-f8a656f1]{animation:paper-button-orbit-f8a656f1 .9s linear infinite}@keyframes paper-button-orbit-f8a656f1{0%{--paper-button-lip-angle: 180deg}to{--paper-button-lip-angle: 540deg}}.paper-button[data-v-f8a656f1]:disabled:not(.paper-button--loading){cursor:not-allowed;opacity:.35;transition:none}.paper-button:disabled:not(.paper-button--loading) .paper-button__lip[data-v-f8a656f1]{display:none}.paper-button:disabled .paper-button__cap[data-v-f8a656f1]{transition:none}.paper-button:disabled .paper-button__cap[data-v-f8a656f1]:after{animation:none}@media (prefers-reduced-motion: no-preference){.paper-button:not(.paper-button--brass):not(:disabled) .paper-button__cap[data-v-f8a656f1]{transition:transform var(--dur-bounce) var(--ease-bounce)}.paper-button:not(.paper-button--brass):not(:disabled):active .paper-button__cap[data-v-f8a656f1]{transition:transform var(--dur-tap) var(--ease-stab)}}@media (prefers-reduced-motion: reduce){.paper-button[data-v-f8a656f1],.paper-button__cap[data-v-f8a656f1],.paper-button__content[data-v-f8a656f1]{transition:none}.paper-button__lip[data-v-f8a656f1],.paper-button__switch[data-v-f8a656f1],.paper-button__lamp[data-v-f8a656f1],.paper-button__cap[data-v-f8a656f1]:after,.paper-button--loading .paper-button__lip[data-v-f8a656f1]{animation:none}}@media (forced-colors: active){.paper-button[data-v-f8a656f1]{color:ButtonText;forced-color-adjust:auto}.paper-button__switch[data-v-f8a656f1]{background:ButtonText;box-shadow:none}.paper-button__cap[data-v-f8a656f1]{border:1px solid ButtonText;background:ButtonFace;box-shadow:none}.paper-button__lip[data-v-f8a656f1],.paper-button__lamp[data-v-f8a656f1]{display:none}.paper-button--pressed[data-v-f8a656f1]{outline:2px solid Highlight;outline-offset:2px}}.note[data-v-f9aa1758]{--note-width: 56px;--note-height: 88px;--note-padding-top: 9px;--note-padding-inline: 8px;--note-padding-bottom: 10px;--note-radius: var(--r-sm);--note-clip: var(--clip-tile);--note-corner-top: 9px;--note-corner-left: 8px;--note-corner-right: 8px;--note-corner-bottom: 10px;--note-primary-size: 32px;--note-primary-tracking: .04em;--note-aux-size: 9px;--note-aux-tracking: .14em;--note-primary-safe-inline: 9px;--note-primary-accidental-size: .7em;--note-primary-degree-accidental-overlap: .08em;--note-primary-raw-accidental-gap: .34em;--note-primary-satellite-raise: -.12em;position:relative;display:block;box-sizing:border-box;width:var(--note-width);height:var(--note-height);overflow:visible;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note__surface[data-v-f9aa1758]{position:absolute;inset:0;display:block;box-sizing:border-box;padding:var(--note-padding-top) var(--note-padding-inline) var(--note-padding-bottom);overflow:hidden;contain:paint;isolation:isolate;border-radius:var(--note-radius);background:var(--note-surface);box-shadow:var(--note-shadow),inset 0 0 0 1px var(--note-inner-border);clip-path:var(--note-clip)}.note__surface[data-v-f9aa1758]:after{content:"";position:absolute;inset:0;border-radius:inherit;clip-path:inherit;pointer-events:none;background:var(--paper-surface-sheen);mix-blend-mode:overlay}.note[data-v-f9aa1758]:before,.note[data-v-f9aa1758]:after{content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:var(--note-radius);clip-path:var(--note-clip);pointer-events:none}.note[data-v-f9aa1758]:before{z-index:0;border:2px solid var(--note-primary-color);opacity:0}.note[data-v-f9aa1758]:after{z-index:3;box-shadow:inset 0 0 0 2px #ffffffb8;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--note-primary-color) 42%,transparent));opacity:0;transition:opacity var(--dur-ui) var(--ease-brush)}.note--sounding[data-v-f9aa1758]:before{animation:flash-ring var(--dur-ui) var(--ease-stab) both}.note--sounding[data-v-f9aa1758]:after{opacity:1}.note__label[data-v-f9aa1758]{position:absolute;z-index:1;line-height:1;white-space:nowrap}.note__label--rank-primary[data-v-f9aa1758]{top:50%;left:50%;max-width:calc(100% - (var(--note-primary-safe-inline) * 2));transform:translate(-50%,-50%);color:var(--note-label-main);text-align:center}.note__label--structured[data-v-f9aa1758]{max-width:none}.note__identity-core[data-v-f9aa1758]{display:inline-block}.note__label--rank-primary>.note__identity-core[data-v-f9aa1758]{position:relative;left:50%;transform:translate(-50%)}.note__identity-core--raw[data-v-f9aa1758]{display:inline-flex;align-items:baseline;gap:0}.note__identity-core--has-accidental[data-v-f9aa1758]{gap:var(--note-primary-raw-accidental-gap)}.note__identity-core-part[data-v-f9aa1758]{display:block;font:inherit}.note__identity-inline[data-v-f9aa1758]{display:inline}.note__identity-satellite[data-v-f9aa1758]{position:absolute;display:block;line-height:1;letter-spacing:0;pointer-events:none}.note__identity-accidental[data-v-f9aa1758]{font-size:var(--note-primary-accidental-size)}.note__identity-accidental--degree[data-v-f9aa1758]{top:var(--note-primary-satellite-raise);right:calc(100% - var(--note-primary-degree-accidental-overlap))}.note__identity-accidental--raw[data-v-f9aa1758]{top:var(--note-primary-satellite-raise);left:50%;transform:translate(-50%)}.note__label--rank-aux[data-v-f9aa1758]{color:var(--note-label-soft)}.note__label--slot-top-left[data-v-f9aa1758]{top:var(--note-corner-top);left:var(--note-corner-left);max-width:calc(100% - 16px);text-align:left}.note__label--slot-bottom-right[data-v-f9aa1758]{right:var(--note-corner-right);bottom:var(--note-corner-bottom);max-width:calc(100% - 16px);text-align:right}.note__label--syllable[data-v-f9aa1758],.note__label--degree[data-v-f9aa1758],.note__label--raw[data-v-f9aa1758]{font-family:var(--font-display);font-weight:700}.note__label--rank-primary[data-v-f9aa1758]{font-size:var(--note-primary-size);letter-spacing:var(--note-primary-tracking)}.note__label--rank-aux[data-v-f9aa1758]{font-size:var(--note-aux-size);letter-spacing:var(--note-aux-tracking)}.note__label--rank-aux.note__label--raw[data-v-f9aa1758]{color:var(--note-label-muted)}.note--geometry-standard[data-v-f9aa1758]{--note-radius: var(--r-sm);--note-clip: var(--note-geometry-override-clip, var(--clip-tile));--note-shadow: var(--note-geometry-override-shadow, var(--shadow-key))}.note--geometry-tile[data-v-f9aa1758]{--note-radius: 0px;--note-clip: var(--note-geometry-override-clip, var(--clip-tile));--note-shadow: var(--note-geometry-override-shadow, var(--shadow-key))}.note--geometry-offcut[data-v-f9aa1758]{--note-radius: 0px;--note-clip: var(--note-geometry-override-clip, var(--clip-offcut));--note-shadow: var(--note-geometry-override-shadow, var(--shadow-key))}.note--geometry-tab[data-v-f9aa1758]{--note-radius: 0px;--note-clip: var(--note-geometry-override-clip, var(--clip-tab));--note-shadow: var(--note-geometry-override-shadow, var(--shadow-key))}.note--geometry-pill[data-v-f9aa1758]{--note-clip: var(--note-geometry-override-clip, none);--note-shadow: var(--note-geometry-override-shadow, var(--shadow-key));--note-radius: 999px;--note-corner-top: clamp(8px, 12%, 12px);--note-corner-left: clamp(8px, 16%, 18px);--note-corner-right: clamp(8px, 16%, 18px);--note-corner-bottom: clamp(8px, 12%, 12px);--note-primary-safe-inline: clamp(12px, 20%, 22px)}.note--proportion-tall[data-v-f9aa1758]{--note-width: 40px;--note-height: 116px;--note-padding-top: 8px;--note-padding-inline: 5px;--note-padding-bottom: 9px;--note-primary-size: 20px;--note-aux-size: 7px}.note--proportion-glyph[data-v-f9aa1758]{--note-glyph-block-size: var(--note-host-block-size, 33.6px);--note-width: calc(var(--note-glyph-block-size) * .75);--note-height: var(--note-glyph-block-size);--note-padding-top: calc(var(--note-glyph-block-size) * .09);--note-padding-inline: calc(var(--note-glyph-block-size) * .09);--note-padding-bottom: calc(var(--note-glyph-block-size) * .09);--note-primary-size: calc(var(--note-glyph-block-size) * .42);--note-aux-size: calc(var(--note-glyph-block-size) * .17);--note-primary-safe-inline: calc(var(--note-glyph-block-size) * .07)}.note--proportion-medium[data-v-f9aa1758]{--note-width: 56px;--note-height: 88px}.note--proportion-stocky[data-v-f9aa1758]{--note-width: 72px;--note-height: 72px;--note-primary-size: 28px}.note--proportion-wide[data-v-f9aa1758]{--note-width: 120px;--note-height: 56px;--note-padding-top: 6px;--note-padding-inline: 12px;--note-padding-bottom: 8px;--note-corner-top: 6px;--note-corner-left: 12px;--note-corner-right: 12px;--note-corner-bottom: 8px;--note-primary-size: 24px;--note-aux-size: 8px}.note--surface-monochrome .note__surface[data-v-f9aa1758]:after{background:var(--paper-surface-sheen-monochrome)}.note--surface-monochrome.note--accidental[data-v-f9aa1758]:before{border-color:var(--ink)}.note--surface-monochrome.note--natural[data-v-f9aa1758]:before{border-color:var(--ivory)}.note--surface-monochrome.note--natural[data-v-f9aa1758]:after{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ivory) 72%,transparent)}.note--surface-monochrome.note--accidental[data-v-f9aa1758]:after{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 72%,transparent)}@media (prefers-reduced-motion: reduce){.note[data-v-f9aa1758]:before{animation:none;opacity:0}.note[data-v-f9aa1758]:after{transition:none}}.chord[data-v-2001a8a7]{--chord-block-size: clamp(36px, 10cqi, 44px);--chord-member-inline-size: calc(var(--chord-block-size) * .75);--chord-clip: var(--clip-offcut);--chord-radius: 0;position:relative;display:inline-flex;box-sizing:border-box;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chord--proportion-compact[data-v-2001a8a7]{--chord-block-size: clamp(27.2px, 8cqi, 33.6px)}.chord--proportion-balanced[data-v-2001a8a7]{--chord-block-size: clamp(36px, 10cqi, 44px)}.chord--proportion-wide[data-v-2001a8a7]{--chord-block-size: clamp(44px, 12cqi, 54px)}.chord--geometry-standard[data-v-2001a8a7]{--chord-clip: var(--clip-tile);--chord-radius: var(--r-sm)}.chord--geometry-tile[data-v-2001a8a7]{--chord-clip: var(--clip-tile);--chord-radius: 0}.chord--geometry-offcut[data-v-2001a8a7]{--chord-clip: var(--clip-offcut);--chord-radius: 0}.chord--geometry-tab[data-v-2001a8a7]{--chord-clip: var(--clip-tab);--chord-radius: 0}.chord--geometry-pill[data-v-2001a8a7]{--chord-clip: none;--chord-radius: var(--r-pill)}.chord__fused[data-v-2001a8a7],.chord__cluster[data-v-2001a8a7]{position:relative;display:inline-flex;align-items:stretch;gap:0}.chord__fused[data-v-2001a8a7]{min-height:var(--chord-block-size);overflow:hidden;isolation:isolate;border-radius:var(--chord-radius);background:var(--ink);box-shadow:var(--shadow-key);clip-path:var(--chord-geometry-override-clip, var(--chord-clip))}.chord__fused[data-v-2001a8a7]:after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:var(--paper-surface-sheen);mix-blend-mode:overlay;pointer-events:none}.chord__fused-member[data-v-2001a8a7]{position:relative;display:grid;isolation:isolate;flex:0 0 var(--chord-member-inline-size);place-items:center;width:var(--chord-member-inline-size);min-width:0}.chord__fused-member[data-v-2001a8a7]{--chord-band-overscan: calc(var(--chord-block-size) * -.3)}.chord__fused-band[data-v-2001a8a7]{position:absolute;inset-block:-12%;inset-inline:0 var(--chord-band-overscan);overflow:hidden;background:transparent;transform:rotate(var(--chord-member-rotation));transform-origin:50% 50%}.chord__fused-member[data-v-2001a8a7]:first-child>:is(.chord__fused-band,.chord__fused-progress){inset-inline-start:var(--chord-band-overscan)}.chord__fused-member+.chord__fused-member .chord__fused-progress .chord__fused-band[data-v-2001a8a7]{box-shadow:inset 1.5px 0 0 var(--ink)}.chord__fused-member+.chord__fused-member .chord__fused-band[data-v-2001a8a7]:after{content:"";position:absolute;inset:0;border-inline-start:var(--chord-member-seam, 0px solid transparent);pointer-events:none}.chord__fused-progress[data-v-2001a8a7]{position:absolute;z-index:0;inset-block:0;inset-inline:0 var(--chord-band-overscan);clip-path:inset(calc((1 - var(--chord-member-progress)) * 100%) -100% -20% -100%);transition:clip-path var(--dur-press) linear;will-change:clip-path}.chord__fused-progress .chord__fused-band[data-v-2001a8a7]{inset-inline:0;background:var(--chord-member-surface)}.chord__symbol[data-v-2001a8a7]{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding-inline:calc(var(--chord-block-size) * .16);color:var(--ivory);font-family:var(--font-display);font-size:clamp(17px,calc(var(--chord-block-size) * .56),30px);font-weight:700;line-height:.92;letter-spacing:.01em;text-align:center;text-shadow:1px 1px 0 var(--ink),-.5px 0 0 var(--ink);white-space:nowrap}.chord__symbol--monochrome[data-v-2001a8a7]{background-image:var(--chord-symbol-fill);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}.chord__cluster-member[data-v-2001a8a7]{position:relative;display:inline-flex;--note-host-block-size: var(--chord-block-size)}.chord__cluster-member[data-v-2001a8a7] .note__surface:before{content:"";position:absolute;z-index:0;inset:0;background:var(--ink);transform:scaleY(calc(1 - var(--chord-member-progress)));transform-origin:top center;transition:transform var(--dur-press) linear;will-change:transform;pointer-events:none}@media (prefers-reduced-motion: reduce){.chord__fused-progress[data-v-2001a8a7],.chord__cluster-member[data-v-2001a8a7] .note__surface:before{transition:none}}@media (forced-colors: active){.chord__fused[data-v-2001a8a7]{--chord-member-seam: 1px solid CanvasText;border:1px solid CanvasText;box-shadow:none}.chord__fused[data-v-2001a8a7]:after{display:none}.chord__fused-band[data-v-2001a8a7]{background:Canvas;forced-color-adjust:none}.chord__fused-progress .chord__fused-band[data-v-2001a8a7]{background:Highlight}.chord__symbol[data-v-2001a8a7],.chord__symbol--monochrome[data-v-2001a8a7]{background:none;color:CanvasText;-webkit-text-fill-color:currentColor;text-shadow:none}}.code-strip-sequence[data-v-9e047ce1]{--note-host-block-size: clamp(27.2px, 8cqi, 33.6px);display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-height:48px;overflow:hidden;border:1px solid var(--hairline);background:var(--ink-2);padding:7px 10px;font-family:var(--font-mono);font-size:12px;container-type:inline-size}.code-strip__chevron[data-v-9e047ce1]{flex:0 0 auto;color:var(--ivory-4);font-size:11px}.code-strip__sequence[data-v-9e047ce1]{display:flex;align-items:center;flex:1;flex-wrap:nowrap;gap:5px;min-width:0;overflow-x:hidden}.code-strip__event[data-v-9e047ce1]{--code-strip-duration-paint: var(--code-strip-sustain, var(--ivory));display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:2px}.code-strip__event-line[data-v-9e047ce1]{display:inline-flex;align-items:center;gap:4px}.code-strip__note[data-v-9e047ce1]{position:relative;display:inline-flex}.code-strip__note[data-v-9e047ce1] .note__surface:before{content:"";position:absolute;z-index:0;inset:0;background:var(--ink);transform:scaleY(calc(1 - var(--code-strip-progress)));transform-origin:top center;transition:transform var(--code-strip-fill-duration, var(--dur-press)) linear;will-change:transform}.code-strip__event-line[data-v-9e047ce1] .chord__fused-progress{transition-duration:var(--code-strip-fill-duration, var(--dur-press))}.code-strip__event-line[data-v-9e047ce1] .chord__cluster-member .note__surface:before{transition-duration:var(--code-strip-fill-duration, var(--dur-press))}.code-strip__rest[data-v-9e047ce1]{--code-strip-rest-inline-size: calc(var(--note-host-block-size) * .28);position:relative;display:inline-grid;width:var(--code-strip-rest-inline-size);height:var(--note-host-block-size);overflow:hidden;place-items:center;isolation:isolate;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--ivory-4)}.code-strip__rest-fill[data-v-9e047ce1]{position:absolute;z-index:0;inset:0;overflow:hidden;background:var(--ivory);transform:scaleY(var(--code-strip-progress));transform-origin:bottom center;transition:transform var(--code-strip-fill-duration, var(--dur-press)) linear;will-change:transform}.code-strip__rest-mark[data-v-9e047ce1]{display:none;position:relative;z-index:2;color:var(--ivory);font-family:var(--font-display);font-size:calc(var(--note-host-block-size) * .54);font-weight:700;line-height:1;mix-blend-mode:difference}.code-strip__accidental[data-v-9e047ce1]{color:var(--ivory-3);font-size:9px;letter-spacing:.025em;line-height:1}.code-strip__duration-bar[data-v-9e047ce1]{--code-strip-bar-cycle-span: calc(var(--note-host-block-size) * 2.4);display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(1px,1fr);align-items:center;-moz-column-gap:3px;column-gap:3px;flex:0 0 auto;width:max(5px,calc(var(--code-strip-duration-ratio) * var(--code-strip-bar-cycle-span)));min-height:5px}.code-strip__duration-mark[data-v-9e047ce1]{justify-self:center;width:2px;height:9px;background:var(--code-strip-duration-paint);opacity:.35}.code-strip__duration-mark--lit[data-v-9e047ce1]{opacity:1}.code-strip__duration-mark--beat[data-v-9e047ce1]{height:15px}.code-strip__duration-hold[data-v-9e047ce1]{--code-strip-hold-step: calc(var(--note-host-block-size) * .6);position:relative;flex:0 0 auto;width:max(4px,calc(var(--code-strip-hold-bars) * var(--code-strip-hold-step)));height:15px;margin-inline-start:-1px}.code-strip__duration-hold[data-v-9e047ce1]:before,.code-strip__duration-hold[data-v-9e047ce1]:after{content:"";position:absolute;inset-inline:0;top:calc(50% - 1px);height:2px;background:var(--code-strip-duration-paint)}.code-strip__duration-hold[data-v-9e047ce1]:before{opacity:.35}.code-strip__duration-hold[data-v-9e047ce1]:after{clip-path:inset(0 calc((1 - var(--code-strip-hold-progress)) * 100%) 0 0)}.code-strip__duration-hold--fades[data-v-9e047ce1]{-webkit-mask-image:linear-gradient(to right,var(--ink) calc(100% - var(--code-strip-hold-step)),transparent);mask-image:linear-gradient(to right,var(--ink) calc(100% - var(--code-strip-hold-step)),transparent)}.code-strip__duration-hold-bar[data-v-9e047ce1]{position:absolute;inset-block:0;left:calc(var(--code-strip-hold-at) * var(--code-strip-hold-step) - 1px);width:2px;background:var(--code-strip-duration-paint);opacity:.35}.code-strip__duration-hold-bar--lit[data-v-9e047ce1]{opacity:1}.code-strip__event--rest .code-strip__duration-mark[data-v-9e047ce1]:not(.code-strip__duration-mark--lit),.code-strip__event--rest .code-strip__duration-hold-bar[data-v-9e047ce1]:not(.code-strip__duration-hold-bar--lit),.code-strip__event--rest .code-strip__duration-hold[data-v-9e047ce1]:before{background:var(--ink-5);opacity:1}.code-strip__bracket[data-v-9e047ce1]{display:inline-block;inline-size:2px;block-size:var(--note-host-block-size);overflow:hidden;background:var(--ivory-2);color:transparent;font-size:0}.code-strip__separator[data-v-9e047ce1]{visibility:hidden;font-size:10px}.code-strip-sequence--wrapped .code-strip__sequence[data-v-9e047ce1]{flex-wrap:wrap;row-gap:5px}.code-strip-sequence--scrollable .code-strip__sequence[data-v-9e047ce1]{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.code-strip-sequence--scrollable .code-strip__sequence[data-v-9e047ce1]::-webkit-scrollbar{display:none}.code-strip-sequence--dense[data-v-9e047ce1]{--note-host-block-size: clamp(24px, 7cqi, 29px);min-height:42px;padding-block:5px}.code-strip-sequence--dense .code-strip__sequence[data-v-9e047ce1]{gap:3px}.code-strip-sequence--spaced[data-v-9e047ce1]{min-height:54px;padding-block:10px}.code-strip-sequence--spaced .code-strip__sequence[data-v-9e047ce1]{gap:10px}.code-strip-sequence--embedded[data-v-9e047ce1]{display:inline-flex;flex:0 0 auto;width:-moz-max-content;width:max-content;min-height:0;overflow:visible;border:0;background:transparent;padding:0;container-type:normal}.code-strip-sequence--embedded .code-strip__sequence[data-v-9e047ce1]{flex:0 0 auto;width:-moz-max-content;width:max-content;overflow:visible}@media (prefers-reduced-motion: reduce){.code-strip__note[data-v-9e047ce1] .note__surface:before,.code-strip__event-line[data-v-9e047ce1] .chord__fused-progress,.code-strip__event-line[data-v-9e047ce1] .chord__cluster-member .note__surface:before,.code-strip__rest-fill[data-v-9e047ce1]{transition:none}}@media (forced-colors: active){.code-strip__event[data-v-9e047ce1]{--code-strip-duration-paint: CanvasText}.code-strip__duration-mark[data-v-9e047ce1],.code-strip__duration-hold[data-v-9e047ce1],.code-strip__duration-hold-bar[data-v-9e047ce1]{forced-color-adjust:none}.code-strip__event--rest .code-strip__duration-mark[data-v-9e047ce1]:not(.code-strip__duration-mark--lit),.code-strip__event--rest .code-strip__duration-hold-bar[data-v-9e047ce1]:not(.code-strip__duration-hold-bar--lit),.code-strip__event--rest .code-strip__duration-hold[data-v-9e047ce1]:before{background:GrayText}.code-strip__bracket[data-v-9e047ce1]{background:CanvasText}.code-strip__rest[data-v-9e047ce1]{border:1px solid CanvasText}}.highlight-strip-event[data-v-59c9e043]{display:inline-flex;flex:0 0 auto;margin-inline:2.5px;vertical-align:middle}.highlight-strip-event--hidden[data-v-59c9e043]{margin:0}.highlight-strip-event[data-code-strip-visible=false][data-v-59c9e043] .code-strip__note .note__surface:before,.highlight-strip-event[data-code-strip-visible=false][data-v-59c9e043] .chord__cluster-member .note__surface:before,.highlight-strip-event[data-code-strip-visible=false][data-v-59c9e043] .chord__fused-progress,.highlight-strip-event[data-code-strip-visible=false][data-v-59c9e043] .code-strip__rest-fill{transition:none;will-change:auto}.highlight-strip[data-v-2dbe3d94]{--strip-border: var(--hairline);display:flex;align-items:stretch;position:relative;width:100%;min-width:0;border:1px solid var(--strip-border);background:var(--ink-2);color:var(--ivory);container-type:inline-size;transition:border-color .16s ease}.highlight-strip--playing[data-v-2dbe3d94]{border-color:var(--ivory-4)}.highlight-strip--unframed[data-v-2dbe3d94]{border:0;background:transparent;box-shadow:none}.highlight-strip__scroller[data-v-2dbe3d94]{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;font-family:var(--font-mono);font-size:13px;line-height:1.15;scrollbar-width:none}.highlight-strip__scroller[data-v-2dbe3d94]::-webkit-scrollbar{display:none}.highlight-strip__scroller[data-v-2dbe3d94]:focus-visible{outline:2px solid var(--ivory);outline-offset:-2px}.highlight-strip__line[data-v-2dbe3d94]{display:flex;align-items:center;box-sizing:border-box;width:-moz-max-content;width:max-content;min-width:100%;padding:7px 10px;white-space:pre}.highlight-strip--dense .highlight-strip__line[data-v-2dbe3d94]{padding:0}.highlight-strip--spaced .highlight-strip__line[data-v-2dbe3d94]{padding-block:10px}.highlight-strip--unframed .highlight-strip__line[data-v-2dbe3d94]{min-height:40px}.highlight-strip:not(.highlight-strip--empty) .highlight-strip__line[data-v-2dbe3d94]{background:linear-gradient(transparent calc(50% - 1px),var(--ivory-4) calc(50% - 1px) calc(50% + 1px),transparent 0)}.highlight-strip__phrase[data-v-2dbe3d94]{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.highlight-strip__gap[data-v-2dbe3d94]{flex:none;align-self:stretch}.highlight-strip--dense[data-v-2dbe3d94] .highlight-strip-event:not(.highlight-strip-event--hidden){margin-inline:1.5px}.highlight-strip--spaced[data-v-2dbe3d94] .highlight-strip-event:not(.highlight-strip-event--hidden){margin-inline:5px}.highlight-strip__empty[data-v-2dbe3d94]{flex:1 1 auto;padding-inline:6px;color:var(--ivory-2);font-size:11px;letter-spacing:.02em;opacity:.68;text-align:center}@media (prefers-reduced-motion: reduce){.highlight-strip[data-v-2dbe3d94]{transition:none}}@media (forced-colors: active){.highlight-strip:not(.highlight-strip--empty) .highlight-strip__line[data-v-2dbe3d94]{background:none}}.code-strip[data-v-d0df9f2c]{display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0}.code-strip__view[data-v-d0df9f2c]{flex:0 0 auto}.code-strip__error[data-v-d0df9f2c]{padding:.3rem .4rem;color:#ff9999eb;font-size:.72rem}.beat-indicator[data-v-cd6525dd]{position:relative;display:inline-grid;place-items:center;box-sizing:border-box}.beat-indicator__crown[data-v-cd6525dd]{position:absolute;inset-block-end:calc(100% + var(--s-2));inset-inline:0;display:flex;justify-content:center;gap:var(--s-2);pointer-events:none;transition:opacity var(--dur-ui) var(--ease-brush)}.beat-indicator[data-beat-transport=idle] .beat-indicator__crown[data-v-cd6525dd]{opacity:0}.beat-indicator__content[data-v-cd6525dd]{position:relative;display:grid;place-items:center;min-inline-size:var(--beat-indicator-hole, 32px);min-block-size:var(--beat-indicator-hole, 32px)}.beat-indicator__beat[data-v-cd6525dd]{flex:0 0 var(--s-2);inline-size:var(--s-2);block-size:var(--s-2);border-radius:.6px;background:var(--led-off);rotate:var(--beat-tilt);transition:background-color var(--dur-tap) var(--ease-stab),box-shadow var(--dur-tap) var(--ease-stab);will-change:transform}.beat-indicator__beat--lit[data-v-cd6525dd]{background:var(--ivory);box-shadow:0 0 5px color-mix(in srgb,var(--ivory) 60%,transparent);transition:none}.beat-indicator__beat--downbeat[data-v-cd6525dd]{background:var(--brass-fill);box-shadow:inset 0 .5px 0 var(--brass-hi),inset 0 -.5px 0 var(--brass-lo),0 0 5px color-mix(in srgb,var(--brass) 55%,transparent)}.beat-indicator:not([data-ui-beat-state=running]) .beat-indicator__beat[data-v-cd6525dd]{transition:transform var(--dur-ui) var(--ease-brush)}.beat-indicator .beat-indicator__beat--drained[data-v-cd6525dd]{background:var(--led-off);box-shadow:none;transition:background-color var(--dur-ui) var(--ease-brush),box-shadow var(--dur-ui) var(--ease-brush)}.beat-indicator:not([data-ui-beat-state=running]) .beat-indicator__beat--downbeat[data-v-cd6525dd]:after{animation:none}@media (prefers-reduced-motion: reduce){.beat-indicator__beat--downbeat[data-v-cd6525dd]:after{animation:none!important}.beat-indicator__crown[data-v-cd6525dd],.beat-indicator__beat[data-v-cd6525dd]{transition:none!important}.beat-indicator__beat[data-v-cd6525dd]{transform:none!important}}@media (forced-colors: active){.beat-indicator__beat[data-v-cd6525dd]{forced-color-adjust:none;background:GrayText;box-shadow:none;transition:none}.beat-indicator__beat--lit[data-v-cd6525dd]{background:CanvasText}.beat-indicator__beat--downbeat[data-v-cd6525dd]{background:Highlight}.beat-indicator .beat-indicator__beat--drained[data-v-cd6525dd]{background:GrayText}.beat-indicator__beat--downbeat[data-v-cd6525dd]:after{display:none}}.latch-ring[data-v-9259f1f8]{position:relative;display:inline-grid;place-items:center}.latch-ring__ring[data-v-9259f1f8]{--latch-ring-sweep: 0deg;--latch-ring-track: color-mix(in srgb, var(--brass-lo) 28%, var(--ink));position:absolute;inset:-4px;z-index:1;box-sizing:border-box;padding:2px;border-radius:calc(24% + 2px);background:var(--latch-ring-track);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.latch-ring[data-latch-ring=sweep] .latch-ring__ring[data-v-9259f1f8]{background:conic-gradient(from 0deg,var(--brass) 0deg,var(--brass-hi) var(--latch-ring-sweep),var(--latch-ring-track) var(--latch-ring-sweep),var(--latch-ring-track) 360deg);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--brass) 55%,transparent))}.latch-ring[data-latch-ring=still] .latch-ring__ring[data-v-9259f1f8]{background:var(--brass);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--brass) 55%,transparent))}@media (forced-colors: active){.latch-ring__ring[data-v-9259f1f8]{forced-color-adjust:none;background:GrayText;filter:none}.latch-ring[data-latch-ring=sweep] .latch-ring__ring[data-v-9259f1f8]{background:conic-gradient(Highlight 0deg,Highlight var(--latch-ring-sweep),GrayText var(--latch-ring-sweep),GrayText 360deg)}.latch-ring[data-latch-ring=still] .latch-ring__ring[data-v-9259f1f8]{background:Highlight}}.code-strip-bar[data-v-077c6d10]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;-moz-column-gap:var(--s-4);column-gap:var(--s-4);width:100%;min-width:0;min-height:40px;box-sizing:border-box;padding:var(--s-4) var(--s-5);border:0;background-color:var(--instrument-bar-surface)}.code-strip-bar__strip[data-v-077c6d10]{display:flex;align-self:stretch;min-width:0}.code-strip-bar__left[data-v-077c6d10],.code-strip-bar__right[data-v-077c6d10]{display:flex;align-items:center;gap:var(--s-3)}.code-strip-bar__right[data-v-077c6d10]{min-width:0;gap:var(--hit-gap-sm)}.code-strip-bar__beat[data-v-077c6d10]{flex:0 0 auto;margin-block:var(--s-2)}:root{--instrument-control-size-default: clamp(3rem, 12vw, 4.5rem);--instrument-control-visible-diameter: 84%;--instrument-control-dark-well: radial-gradient(circle at 42% 34%, rgb(255 255 255 / 10%), transparent 28%), radial-gradient(circle at 50% 42%, #252525 0%, #111 61%, #070707 100%);--instrument-control-dark-well-shadow: inset 0 1.5cqi 1.5cqi rgb(255 255 255 / 8%), inset 0 -4.5cqi 7.5cqi rgb(0 0 0 / 65%), 0 3cqi 7.5cqi rgb(0 0 0 / 55%)}.instrument-control{--instrument-control-size: var(--instrument-control-size-default);display:grid;inline-size:min(100%,var(--instrument-control-size));max-inline-size:100%;margin-inline:auto;justify-items:center;container-type:inline-size}.instrument-control__face{inline-size:100%;min-inline-size:0;aspect-ratio:1}.instrument-control__label{display:block;max-inline-size:100%;margin-block-start:3cqi;overflow:hidden;color:currentColor;font-size:clamp(.625rem,18cqi,.75rem);font-weight:500;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.readout[data-v-62c3219a]{position:fixed;inset:0 auto auto 0;z-index:1000;visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-inline-size:calc(100vw - 32px);transform-origin:50% 100%;will-change:transform}.readout__window[data-v-62c3219a]{--lit: var(--ivory);--glow: color-mix(in srgb, var(--ivory) 55%, transparent);--bezel: var(--ink-4);display:inline-grid;max-inline-size:100%;box-sizing:border-box;padding:7px 10px 6px;background:var(--ink);border-radius:var(--r-xs);box-shadow:0 0 0 3px var(--bezel),inset 0 2px 5px #000c;font:700 20px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;white-space:normal;transform-origin:50% 100%}.readout__window--brass[data-v-62c3219a]{--lit: var(--brass-hi);--glow: color-mix(in srgb, var(--brass) 70%, transparent);--bezel: var(--brass)}.readout__window--latched[data-v-62c3219a]{--bezel: var(--ivory)}.readout__ghost[data-v-62c3219a],.readout__lit[data-v-62c3219a]{grid-area:1 / 1}.readout__ghost[data-v-62c3219a]{color:color-mix(in srgb,var(--lit) 9%,transparent)}.readout__lit[data-v-62c3219a]{color:var(--lit);text-shadow:0 0 8px var(--glow)}@keyframes readout-arrive-a-62c3219a{0%{scale:.9}to{scale:1}}@keyframes readout-arrive-b-62c3219a{0%{scale:.9}to{scale:1}}@keyframes readout-refresh-62c3219a{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion: no-preference){.readout__window--bounce-a[data-v-62c3219a]{animation:readout-arrive-a-62c3219a var(--dur-bounce) var(--ease-bounce)}.readout__window--bounce-b[data-v-62c3219a]{animation:readout-arrive-b-62c3219a var(--dur-bounce) var(--ease-bounce)}.readout__lit[data-v-62c3219a]{animation:readout-refresh-62c3219a .14s steps(2) both}}@media (prefers-reduced-motion: reduce){.readout__window[data-v-62c3219a],.readout__lit[data-v-62c3219a]{animation:none}}@media (forced-colors: active){.readout__window[data-v-62c3219a]{background:Canvas;box-shadow:none;border:2px solid CanvasText}.readout__lit[data-v-62c3219a]{color:CanvasText;text-shadow:none}.readout__ghost[data-v-62c3219a]{display:none}}.knob-face[data-v-ee81f287]{position:relative;display:block;inline-size:100%;aspect-ratio:1;color:var(--knob-color);isolation:isolate}.knob-face__dome[data-v-ee81f287]{position:absolute;inset:16%;z-index:-1;border:clamp(1px,1.5cqi,2px) solid color-mix(in srgb,currentColor 24%,#080808);border-radius:50%;background:var(--instrument-control-dark-well);box-shadow:var(--instrument-control-dark-well-shadow)}.knob-face__meter[data-v-ee81f287]{display:block;width:100%;height:auto;overflow:visible;transform:rotate(-90deg)}.knob-face__track[data-v-ee81f287],.knob-face__value[data-v-ee81f287]{transform-origin:50% 50%}.knob-face--arc .knob-face__track[data-v-ee81f287],.knob-face--arc .knob-face__value[data-v-ee81f287]{stroke-linecap:butt}.knob-face__track[data-v-ee81f287]{opacity:.4}.knob-face__value[data-v-ee81f287]{filter:drop-shadow(0 0 6cqi color-mix(in srgb,currentColor 55%,transparent))}.knob-face--boolean:not(.knob-face--active) .knob-face__value[data-v-ee81f287],.knob-face--button:not(.knob-face--active) .knob-face__value[data-v-ee81f287]{opacity:0}.knob-face__collar[data-v-ee81f287]{display:block;width:100%;height:auto;overflow:visible}.knob-face__chad[data-v-ee81f287]{fill:var(--led-off);transition:fill var(--dur-tap) var(--ease-stab),filter var(--dur-tap) var(--ease-stab)}.knob-face__chad--lit[data-v-ee81f287]{fill:currentColor;filter:drop-shadow(0 0 2.5px color-mix(in srgb,currentColor 60%,transparent))}.knob-face--brass .knob-face__chad--lit[data-v-ee81f287]{filter:drop-shadow(0 0 3px color-mix(in srgb,currentColor 75%,transparent))}.knob-face--brass .knob-face__value[data-v-ee81f287]{filter:drop-shadow(0 -1.25cqi 0 var(--brass-hi)) drop-shadow(0 1.25cqi 0 var(--brass-lo)) drop-shadow(0 0 10cqi color-mix(in srgb,var(--brass) 78%,transparent))}.knob-face__center[data-v-ee81f287]{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}@media (prefers-reduced-motion: reduce){.knob-face__meter[data-v-ee81f287],.knob-face__value[data-v-ee81f287],.knob-face__chad[data-v-ee81f287]{transition:none}}@media (forced-colors: active){.knob-face__chad[data-v-ee81f287]{fill:GrayText}.knob-face__chad--lit[data-v-ee81f287]{fill:CanvasText;filter:none}}.knob-range-value__number[data-v-88ceec0f],.knob-range-value__unit[data-v-88ceec0f]{position:absolute;inset-inline-start:50%;display:flex;flex-direction:column;align-items:center;line-height:1;text-align:center;pointer-events:none;transform:translate(-50%,-50%)}.knob-range-value__number[data-v-88ceec0f]{inset-block-start:50%;padding-block-end:5cqi;font-size:clamp(.75rem,28cqi,1.25rem);font-weight:700}.knob-range-value__unit[data-v-88ceec0f]{inset-block-start:78%;font-size:clamp(.5rem,14cqi,.6875rem);opacity:.7}.knob-boolean__ball[data-v-a28fc00d],.knob-boolean__icon[data-v-a28fc00d]{position:absolute;inset-block-start:50%;inset-inline-start:50%;pointer-events:none;transform:translate(-50%,-50%)}.knob-boolean__ball[data-v-a28fc00d]{inline-size:38cqi;aspect-ratio:1;border-radius:50%;box-shadow:0 0 9cqi color-mix(in srgb,currentColor 45%,transparent);transform:translate(-50%,-50%) scale(.2);transition:transform var(--dur-bounce) var(--ease-bounce)}.knob-boolean__ball--active[data-v-a28fc00d]{transform:translate(-50%,-50%) scale(1.2)}.knob-boolean__ball.brass[data-v-a28fc00d]{box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000073,var(--shadow-glow-brass)}.knob-boolean__icon[data-v-a28fc00d]{inline-size:25cqi;block-size:25cqi}@media (prefers-reduced-motion: reduce){.knob-boolean__ball[data-v-a28fc00d]{transition:none}.knob-boolean__ball.brass[data-v-a28fc00d]:after{animation:none}}@media (forced-colors: active){.knob-boolean__ball.brass[data-v-a28fc00d]{background:CanvasText;box-shadow:none;color:CanvasText}.knob-boolean__ball.brass[data-v-a28fc00d]:after{display:none}}.knob-options__viewport[data-v-25d7c4b1]{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;inline-size:84cqi;min-block-size:44cqi;padding-block:4cqi;box-sizing:border-box;overflow:hidden;pointer-events:none;transform:translate(-50%,-50%)}.knob-options__value[data-v-25d7c4b1]{grid-area:1 / 1;max-inline-size:100%;font-size:clamp(.625rem,26cqi,1.125rem);font-weight:700;line-height:1.12;text-align:center;white-space:nowrap}.knob-options__value--long[data-v-25d7c4b1]{font-size:clamp(.5rem,20cqi,.875rem)}.knob-options__value--multiline[data-v-25d7c4b1]{white-space:normal}.knob-options__value--linebreak[data-v-25d7c4b1]{white-space:pre}.knob-rip-mode-enter-active[data-v-25d7c4b1]{animation:rip-mode-in var(--dur-rip-mode) var(--ease-rip-mode) both}.knob-rip-mode-leave-active[data-v-25d7c4b1]{animation:rip-mode-out var(--dur-rip-mode) var(--ease-rip-mode) both}@media (prefers-reduced-motion: reduce){.knob-rip-mode-enter-active[data-v-25d7c4b1],.knob-rip-mode-leave-active[data-v-25d7c4b1]{animation:none}}.knob-wrapper[data-v-7b9acb08]{--instrument-control-size: var(--knob-size, var(--instrument-control-size-default));position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;padding:0;border:0;background:transparent;color:inherit;font:inherit}.knob-wrapper[data-v-7b9acb08]:before{content:"";position:absolute;inset-block:min(0px,(100% - var(--hit-min)) / 2);inset-inline:min(0px,(var(--instrument-control-size) - var(--hit-min)) / 2)}.knob-wrapper[role=slider][data-v-7b9acb08]:focus-visible{outline:2px solid var(--ivory);outline-offset:-2px}@media (forced-colors: active){.knob-wrapper[role=slider][data-v-7b9acb08]:focus-visible{outline-color:Highlight}}.knob-wrapper__face[data-v-7b9acb08]{position:relative}@keyframes knob-context-bounce-a-7b9acb08{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes knob-context-bounce-b-7b9acb08{0%{transform:scale(.94)}to{transform:scale(1)}}@media (prefers-reduced-motion: no-preference){.knob-wrapper--context-bounce-a .knob-wrapper__face[data-v-7b9acb08]{animation:knob-context-bounce-a-7b9acb08 var(--dur-bounce) var(--ease-bounce)}.knob-wrapper--context-bounce-b .knob-wrapper__face[data-v-7b9acb08]{animation:knob-context-bounce-b-7b9acb08 var(--dur-bounce) var(--ease-bounce)}}.knob-wrapper__label[data-v-7b9acb08]{overflow:visible;line-height:1.25;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.joystick[data-v-20c61209]{--instrument-control-size: var(--joystick-size, var(--instrument-control-size-default));color:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.joystick__face[data-v-20c61209]{display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.joystick__beat-face[data-v-20c61209]{display:grid;place-items:center;inline-size:100%;block-size:100%;pointer-events:none}.joystick__plate[data-v-20c61209]{position:relative;inline-size:var(--instrument-control-visible-diameter);aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--brass-fill);box-shadow:0 2px 0 var(--brass-edge);isolation:isolate}.joystick__plate[data-v-20c61209]:before{content:"";position:absolute;z-index:1;inset:12%;border-radius:inherit;background:var(--instrument-control-dark-well);box-shadow:var(--instrument-control-dark-well-shadow);pointer-events:none}.joystick__plate[data-v-20c61209]:after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;background:var(--brass-sheen);background-position:-60% 0;background-size:220% 100%;background-repeat:no-repeat;mix-blend-mode:screen;-webkit-mask:radial-gradient(circle,transparent 0 37.5%,#000 38%);mask:radial-gradient(circle,transparent 0 37.5%,#000 38%);pointer-events:none;animation:brass-sheen var(--dur-sheen) var(--ease-sheen) infinite}.joystick__plate[data-v-20c61209]:focus-within{outline:2px solid var(--ivory);outline-offset:3px}.joystick[data-dragging] .joystick__face[data-v-20c61209]{cursor:grabbing}.joystick__detent[data-v-20c61209]{position:absolute;z-index:3;inline-size:4%;aspect-ratio:1;border-radius:50%;background:var(--brass-edge);transform:translate(-50%,-50%);pointer-events:none}.joystick__detent--effective[data-v-20c61209]{background:var(--ivory);box-shadow:0 0 4px var(--brass-hi)}.joystick__stick[data-v-20c61209]{position:absolute;z-index:4;inline-size:29%;aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--brass-fill);box-shadow:inset 0 -2px 2px var(--brass-lo),0 3px 4px var(--brass-edge);translate:-50% -50%;scale:1;pointer-events:none;transition:left var(--dur-tap) var(--ease-stab),top var(--dur-tap) var(--ease-stab),scale var(--dur-bounce) var(--ease-bounce)}.joystick__stick[data-v-20c61209]:after{content:"";position:absolute;inset:-10% -30%;background:var(--brass-sheen);background-position:-60% 0;background-size:220% 100%;background-repeat:no-repeat;mix-blend-mode:screen;animation:brass-sheen var(--dur-sheen) var(--ease-sheen) infinite}.joystick[data-active] .joystick__stick[data-v-20c61209]{scale:.9;transition:left 0s,top 0s,scale var(--dur-tap) var(--ease-stab)}.joystick--digital .joystick__plate[data-v-20c61209]{background:var(--ink);box-shadow:inset 0 0 0 2px var(--brass)}.joystick--digital .joystick__plate[data-v-20c61209]:before{inset:22%;border-radius:0;background:linear-gradient(transparent 48%,var(--brass-edge) 48% 52%,transparent 52%),linear-gradient(90deg,transparent 48%,var(--brass-edge) 48% 52%,transparent 52%);box-shadow:none}.joystick--digital .joystick__plate[data-v-20c61209]:after{display:none}.joystick--digital .joystick__detent[data-v-20c61209]{inline-size:5%;border-radius:0;background:var(--brass-lo)}.joystick--digital .joystick__detent--effective[data-v-20c61209]{background:var(--brass-hi)}.joystick--digital .joystick__stick[data-v-20c61209]{border-radius:20%;box-shadow:0 0 8px color-mix(in srgb,var(--brass) 50%,transparent)}.sr-only[data-v-20c61209]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap;pointer-events:none}@media (prefers-reduced-motion: reduce){.joystick__stick[data-v-20c61209],.joystick[data-active] .joystick__stick[data-v-20c61209]{scale:1;transition:none}.joystick__plate[data-v-20c61209]:after,.joystick__stick[data-v-20c61209]:after{animation:none}}@media (forced-colors: active){.joystick .joystick__plate[data-v-20c61209]{border:1px solid CanvasText;background:Canvas;box-shadow:none;forced-color-adjust:none}.joystick .joystick__plate[data-v-20c61209]:before{background:Canvas;box-shadow:none}.joystick .joystick__plate[data-v-20c61209]:after,.joystick .joystick__stick[data-v-20c61209]:after{display:none}.joystick .joystick__detent[data-v-20c61209]{background:CanvasText}.joystick .joystick__detent--effective[data-v-20c61209]{background:Highlight;outline:1px solid Highlight}.joystick .joystick__stick[data-v-20c61209]{background:Highlight;border:1px solid HighlightText;box-shadow:none}.joystick__plate[data-v-20c61209]:focus-within{outline-color:Highlight}}.control-bar[data-v-20c24363]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;width:100%;min-width:0;box-sizing:border-box;padding:3px 0 4px;overflow:hidden;background-color:var(--instrument-bar-surface);border-bottom:1px solid var(--hairline);contain:layout style;-webkit-user-select:none;-moz-user-select:none;user-select:none}.control-bar__item[data-v-20c24363]{min-width:0;container-type:inline-size}.control-bar__item[data-v-20c24363] .knob-wrapper{touch-action:none}.control-bar__item[data-v-20c24363]:first-child .instrument-control{margin-inline:clamp(0px,calc((100% - var(--instrument-control-size)) / 2),var(--s-4)) auto}.control-bar__item[data-v-20c24363]:last-child .instrument-control{margin-inline:auto clamp(0px,calc((100% - var(--instrument-control-size)) / 2),var(--s-4))}.pressable-key{display:inline-grid;min-width:44px;min-height:44px;place-items:center;margin:0;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pressable-key:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-outer);outline-offset:var(--focus-ring-width);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-inner)}.pressable-key__face{--key-face-press-y: 0px;--key-face-press-scale: 1;--key-face-hover-y: 0px;display:block;pointer-events:none;transform:translateY(calc(var(--key-face-hover-y) + var(--key-face-press-y))) rotate(var(--key-face-rotation, 0deg)) scale(var(--key-face-press-scale));transition:transform var(--dur-tap) ease-in-out;will-change:transform}.pressable-key--pressed .pressable-key__face{--key-face-press-y: 2px;--key-face-press-scale: .97}@media (hover: hover) and (pointer: fine){.pressable-key:not(.pressable-key--pressed):hover .pressable-key__face{--key-face-hover-y: -1px}}@media (prefers-reduced-motion: reduce){.pressable-key__face,.pressable-key--pressed .pressable-key__face{--key-face-press-y: 0px;--key-face-press-scale: 1;--key-face-hover-y: 0px;transition:none;will-change:auto}@media (hover: hover) and (pointer: fine){.pressable-key:not(.pressable-key--pressed):hover .pressable-key__face{--key-face-hover-y: 0px}}}@media (forced-colors: active){.pressable-key:focus-visible{outline-color:CanvasText}}.key--pressed .key__face[data-v-a1f54c2d] .note__surface{box-shadow:var(--note-shadow),inset 0 2px 4px #0000006b,inset 0 0 0 1px var(--note-inner-border)}.chord-key[data-v-571cf4ea]{width:100%;min-width:44px;touch-action:none}.chord-key__face[data-v-571cf4ea],.chord-key[data-v-571cf4ea] .chord,.chord-key[data-v-571cf4ea] .chord__fused{width:100%}.chord-key[data-v-571cf4ea] .chord__fused{container-type:inline-size}.chord-key[data-v-571cf4ea] .chord__fused-member{width:auto;min-width:0;flex:1 1 0}.chord-key[data-v-571cf4ea] .chord__symbol{overflow:hidden;padding-inline:2px;font-size:clamp(12px,34cqi,14px);text-overflow:ellipsis}.chord-key--pressed[data-v-571cf4ea] .chord__fused{box-shadow:var(--shadow-key),inset 0 2px 4px #0000006b}.keyboard[data-v-353c8428]{--keyboard-variation-amplitude: 1;display:flex;min-width:0;overflow:visible;flex-direction:column;isolation:isolate;container-type:inline-size;container-name:keyboard;-moz-user-select:none;user-select:none;-webkit-user-select:none}.keyboard__chord-row[data-v-353c8428]{--keyboard-variation-amplitude: var(--keyboard-user-variation-amplitude, 1);display:grid;min-width:0;min-height:44px;grid-template-columns:repeat(var(--keyboard-chord-count, 1),minmax(0,1fr));align-items:stretch;gap:var(--keyboard-gap, 2px);padding-block:1px 2px;overflow:visible;touch-action:none}.keyboard__chord-row>.keyboard__chord-key[data-v-353c8428]{min-width:0;overflow:visible;touch-action:none}.keyboard--padded[data-v-353c8428]{padding:4px}.keyboard__row[data-v-353c8428]{--keyboard-variation-amplitude: var(--keyboard-user-variation-amplitude, 1);display:flex;box-sizing:border-box;min-width:0;flex-shrink:0;align-items:stretch;gap:var(--keyboard-gap, 2px);padding-inline:var(--keyboard-outer-inset, 0px);touch-action:none}.keyboard__key[data-v-353c8428]{min-width:0!important;flex:1 1 0;overflow:visible;container-type:inline-size;container-name:keyboard-key}.keyboard__key[data-v-353c8428] .key__face,.keyboard__key[data-v-353c8428] .note{width:100%}.keyboard__key[data-v-353c8428] .note{height:var(--keyboard-note-height)}.keyboard__row--main .keyboard__key[data-v-353c8428] .note{--note-primary-size: clamp(16px, 62cqi, 24px)}.keyboard__row:not(.keyboard__row--main) .keyboard__key[data-v-353c8428] .note{--note-primary-size: clamp(15px, 47cqi, 18px)}.keyboard__key--focus-preview[data-v-353c8428]{outline:var(--focus-ring-width) solid var(--focus-ring-outer);outline-offset:var(--focus-ring-width);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-inner)}.keyboard__key[data-v-353c8428]:focus-visible,.keyboard__chord-key[data-v-353c8428]:focus-visible,.keyboard__key--focus-preview[data-v-353c8428]{z-index:10002!important}.keyboard__key--pressed[data-v-353c8428]{z-index:10001!important}@container keyboard (max-width: 390px){.keyboard__row[data-v-353c8428],.keyboard__chord-row[data-v-353c8428]{--keyboard-variation-amplitude: calc(var(--keyboard-user-variation-amplitude, 1) * .45)}.keyboard__key[data-v-353c8428] .note{--note-aux-size: 7px;--note-padding-inline: 4px;--note-primary-safe-inline: 4px}}.keyboard--motion-reduced[data-v-353c8428] .key__face,.keyboard--motion-reduced[data-v-353c8428] .chord-key__face{--key-face-hover-y: 0px;--key-face-press-y: 0px;--key-face-press-scale: 1;transition:none}.keyboard--motion-reduced[data-v-353c8428] .chord__fused-progress{transition:none;will-change:auto}.keyboard--motion-reduced[data-v-353c8428] .note:before{animation:none}.keyboard--motion-reduced[data-v-353c8428] .note:after{transition:none}.keyboard--contrast-forced[data-v-353c8428] .key:focus-visible,.keyboard--contrast-forced[data-v-353c8428] .chord-key:focus-visible,.keyboard--contrast-forced .keyboard__key--focus-preview[data-v-353c8428]{outline-color:CanvasText}.keyboard--contrast-forced[data-v-353c8428] .note__surface{border:1px solid CanvasText;background:Canvas!important;box-shadow:none;color:CanvasText;forced-color-adjust:none}.keyboard--contrast-forced[data-v-353c8428] .note__label{color:CanvasText}.keyboard--contrast-forced[data-v-353c8428] .chord__fused{--chord-member-seam: 1px solid CanvasText;border:1px solid CanvasText;background:Canvas!important;box-shadow:none;forced-color-adjust:none}.keyboard--contrast-forced[data-v-353c8428] .chord__fused:after{display:none}.keyboard--contrast-forced[data-v-353c8428] .chord__fused-band{background:Canvas}.keyboard--contrast-forced[data-v-353c8428] .chord__fused-progress .chord__fused-band{background:Highlight!important}.keyboard--contrast-forced[data-v-353c8428] .chord__symbol{color:CanvasText;text-shadow:none}@media (prefers-reduced-motion: reduce){.keyboard[data-v-353c8428] .key__face{--key-face-hover-y: 0px;--key-face-press-y: 0px;--key-face-press-scale: 1;transition:none}}@media (forced-colors: active){.keyboard[data-v-353c8428] .note__surface{border:1px solid CanvasText;background:Canvas!important;box-shadow:none;forced-color-adjust:none}}.loop-dial[data-v-aae42454]{width:34px;height:34px;flex:none;pointer-events:none}.loop-dial__well[data-v-aae42454]{fill:var(--ink)}.loop-dial__hand[data-v-aae42454],.loop-dial__disc[data-v-aae42454]{transform-box:view-box;transform-origin:50% 50%}.loop-dial__arc[data-v-aae42454]{fill:none;stroke-width:2.5;stroke-linecap:butt}.loop-dial__masthead[data-v-aae42454]{stroke:var(--ivory-3);stroke-width:1.5;stroke-linecap:butt}.loop-dial--live .loop-dial__masthead[data-v-aae42454]{stroke:var(--ivory)}.loop-dial--disc .loop-dial__masthead[data-v-aae42454]{stroke:var(--brass-hi);stroke-width:2;filter:drop-shadow(0 0 1.5px var(--brass))}@media (prefers-reduced-motion: reduce){.loop-dial__hand[data-v-aae42454],.loop-dial__disc[data-v-aae42454]{transform:none!important}}@media (forced-colors: active){.loop-dial[data-v-aae42454]{forced-color-adjust:none}.loop-dial__well[data-v-aae42454]{fill:Canvas}.loop-dial__arc[data-v-aae42454],.loop-dial__masthead[data-v-aae42454]{stroke:CanvasText!important}}.pattern-strip[data-v-7648910d]{position:relative;display:grid;width:100%;height:51.2px;min-width:0;min-height:51.2px;box-sizing:border-box;overflow:hidden;background:var(--ink);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ivory) 9%,transparent);color:var(--ivory)}.pattern-strip--disabled[data-v-7648910d]{cursor:progress}.pattern-strip__spine[data-v-7648910d]{position:absolute;z-index:2;inset:0 auto 0 0;width:4px;background:var(--pattern-strip-spine, var(--ivory))}.pattern-strip__row[data-v-7648910d]{--pattern-strip-key-room: calc((var(--hit-min) / var(--slot-scale, 1) - var(--control-sm)) / 2 + 1px);display:flex;min-width:0;align-items:center;gap:var(--s-4);padding:1.6px max(10px,var(--pattern-strip-key-room)) 1.6px 16px}.pattern-strip__identity[data-v-7648910d]{display:flex;min-width:0;min-height:44px;flex:1;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pattern-strip__identity-copy[data-v-7648910d]{display:grid;min-width:0;gap:1px}.pattern-strip__identity[data-v-7648910d]:disabled{cursor:progress}.pattern-strip__identity--static[data-v-7648910d]{cursor:default}.pattern-strip__identity[data-v-7648910d]:focus-visible{outline:2px solid var(--ivory-2);outline-offset:2px}.pattern-strip__identity strong[data-v-7648910d]{max-width:100%;overflow:hidden;color:var(--ivory);font:var(--t-h2);letter-spacing:var(--tracking-display);line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pattern-strip__identity small[data-v-7648910d]{display:flex;min-width:0;align-items:center;gap:4px;overflow:hidden;color:var(--ivory-3);font:var(--t-caption);letter-spacing:var(--tracking-label);line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pattern-strip__identity small span[data-v-7648910d]{overflow:hidden;text-overflow:ellipsis}.pattern-strip__instrument-icon[data-v-7648910d]{width:10px;height:10px;flex:none}.pattern-strip__rename[data-v-7648910d]{display:flex;min-width:0;flex:1;align-items:center}.pattern-strip__rename input[data-v-7648910d]{width:100%;min-width:0;padding:4px 6px;border:1px solid var(--ivory-3);border-radius:0;outline:none;background:var(--ink-2);color:var(--ivory);font:var(--t-h2);letter-spacing:var(--tracking-display);line-height:1;text-transform:uppercase}.pattern-strip__rename input[data-v-7648910d]:focus-visible{border-color:var(--ivory);box-shadow:0 0 0 1px var(--ivory)}.pattern-strip__actions[data-v-7648910d]{display:flex;flex:0 0 auto;align-items:center;gap:calc((var(--control-sm) + var(--hit-gap-sm)) / var(--slot-scale, 1) - var(--control-sm))}.pattern-strip--tone-take[data-v-7648910d]{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brass-hi) 38%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--brass-lo) 30%,transparent)}.pattern-strip__shelf[data-v-7648910d]{display:inline-flex;flex:none;align-items:center;gap:5px;color:var(--ivory-3)}.pattern-strip--tone-take .pattern-strip__shelf[data-v-7648910d]{color:var(--brass-hi)}.pattern-strip__lamp[data-v-7648910d]{width:7px;height:7px;flex:none;box-sizing:border-box;border-radius:50%;transition:background-color .12s var(--ease-brush),box-shadow .12s var(--ease-brush)}.pattern-strip__lamp--armed[data-v-7648910d]{border:1.5px solid var(--brass);background:transparent}.pattern-strip__lamp--live[data-v-7648910d]{background:var(--pattern-strip-spine, var(--brass));box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 60%,transparent)}.pattern-strip--recording .pattern-strip__lamp--live[data-v-7648910d]{box-shadow:0 0 0 1px color-mix(in srgb,var(--ivory) 45%,transparent),0 0 7px var(--pattern-strip-spine, var(--brass))}.pattern-strip__instrument[data-v-7648910d]{flex:0 1000 auto;min-width:2ch}.pattern-strip__detail[data-v-7648910d]{flex:0 1 auto;min-width:0;color:var(--ivory-2);text-transform:none}.pattern-strip__detail[data-v-7648910d]:before{content:"· "}.pattern-strip__dial[data-v-7648910d]{margin-inline:var(--s-3) var(--s-2)}@media (max-width: 520px){.pattern-strip__row[data-v-7648910d]{gap:var(--s-3);padding-right:max(7px,var(--pattern-strip-key-room));padding-left:13px}.pattern-strip__identity strong[data-v-7648910d]{font-size:clamp(15px,5vw,20px)}.pattern-strip__identity small[data-v-7648910d]{font-size:9px}}@media (forced-colors: active){.pattern-strip__lamp--armed[data-v-7648910d]{border-color:CanvasText}.pattern-strip__lamp--live[data-v-7648910d]{forced-color-adjust:none;background:Highlight}.pattern-strip[data-v-7648910d]{border:1px solid CanvasText;background:Canvas;box-shadow:none;color:CanvasText}.pattern-strip__spine[data-v-7648910d]{background:Highlight}.pattern-strip__identity strong[data-v-7648910d]{color:CanvasText}.pattern-strip__identity small[data-v-7648910d]{color:GrayText}.pattern-strip__rename input[data-v-7648910d]{border-color:CanvasText;background:Canvas;color:CanvasText}}.pattern-reel[data-v-30ad169e]{--ease-reel-rebound: linear( 0, .06 5%, .2 13%, .44 25%, .7 38%, .9 52%, .99 61%, 1.1 72%, .96 84%, 1.025 93%, 1 );--selected-height: 51.2px;--reel-height: var(--selected-height);position:relative;display:grid;width:100%;min-width:0;background:transparent;outline:none}.pattern-reel--handle-guard[data-v-30ad169e]{z-index:3}.pattern-reel:focus-visible .pattern-reel__slot--active[data-v-30ad169e] .pattern-strip{outline:2px solid var(--ivory-2);outline-offset:-2px}.pattern-reel:focus-visible .pattern-reel__empty[data-v-30ad169e]{outline:2px solid var(--ivory-2);outline-offset:-2px}.pattern-reel__viewport[data-v-30ad169e]{position:relative;z-index:1;height:var(--reel-height);min-width:0;overflow:visible;touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pattern-reel__slot[data-v-30ad169e]{position:absolute;z-index:var(--slot-z);top:calc(100% - var(--selected-height));right:0;left:0;min-width:0;opacity:var(--slot-opacity);transform:translate3d(0,var(--slot-y),0) scale(var(--slot-scale));transform-origin:50% 0;transition:transform var(--settle-duration) var(--settle-easing),opacity var(--settle-duration) var(--settle-opacity-easing);will-change:transform,opacity}.pattern-reel__slot[data-v-30ad169e] .paper-button.touch-floor:before{scale:calc(1 / var(--slot-scale))}.pattern-reel__slot[data-v-30ad169e] .pattern-strip__identity.touch-floor:before{scale:1 calc(1 / var(--slot-scale))}.pattern-reel__slot--active[data-v-30ad169e]{min-height:var(--selected-height)}.pattern-reel__slot--1[data-v-30ad169e]{pointer-events:none}.pattern-reel--dragging .pattern-reel__slot[data-v-30ad169e],.pattern-reel--keyboard .pattern-reel__slot[data-v-30ad169e],.pattern-reel--entry-staged .pattern-reel__slot[data-v-30ad169e]{transition:none}.pattern-reel__empty[data-v-30ad169e]{display:grid;min-height:var(--selected-height);place-items:center;margin:0;padding:0;color:var(--ivory-3);font:var(--t-body-s-mono);text-align:center}.pattern-reel__sr-only[data-v-30ad169e]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%);pointer-events:none;white-space:nowrap}@media (prefers-reduced-motion: reduce){.pattern-reel__slot[data-v-30ad169e]{transition:none;will-change:auto}}@media (forced-colors: active){.pattern-reel__slot[data-v-30ad169e]{opacity:1}.pattern-reel--entry-staged .pattern-reel__slot--active[data-v-30ad169e],.pattern-reel__slot--1[data-v-30ad169e]:not(.pattern-reel__slot--active){opacity:0}}.humming-capture-transport[data-v-0b72ed2f]{--humming-primary-size: 28px;--humming-cancel-size: 22.4px;position:fixed;z-index:var(--z-mic);top:calc(env(safe-area-inset-top,0px) + var(--s-5));left:50%;display:inline-flex;pointer-events:auto;transform:translate(-50%)}.humming-capture-transport .humming-capture-transport__primary[data-v-0b72ed2f]{--button-size: var(--humming-primary-size);inline-size:var(--humming-primary-size);block-size:var(--humming-primary-size)}.humming-capture-transport .humming-capture-transport__cancel[data-v-0b72ed2f]{--button-size: var(--humming-cancel-size);inline-size:var(--humming-cancel-size);block-size:var(--humming-cancel-size)}.humming-capture-transport__cancel-slot[data-v-0b72ed2f]{position:absolute;top:50%;left:calc(100% + var(--hit-min) - (var(--humming-primary-size) + var(--humming-cancel-size)) / 2);display:flex;transform:translateY(-50%)}.humming-capture-transport__feedback[data-v-0b72ed2f]{position:absolute;top:calc(50% + var(--hit-min) / 2 + var(--s-2));left:50%;display:grid;width:-moz-max-content;width:max-content;max-width:min(280px,calc(100vw - 2 * var(--s-5)));justify-items:center;gap:var(--s-2);transform:translate(-50%)}.humming-capture-transport__error[data-v-0b72ed2f],.humming-capture-transport__countdown[data-v-0b72ed2f],.humming-capture-transport__take-select[data-v-0b72ed2f]{border:1px solid var(--hairline);border-radius:var(--r-xs);background:var(--ink-3);color:var(--ivory-2);font:var(--t-mono);font-size:9px}.humming-capture-transport__error[data-v-0b72ed2f],.humming-capture-transport__countdown[data-v-0b72ed2f]{margin:0;padding:var(--s-3) var(--s-4);line-height:1.35;text-align:center}.humming-capture-transport__take-select[data-v-0b72ed2f]{min-block-size:var(--hit-min);padding:0 var(--s-3);font-size:var(--input-text-min)}.humming-capture-transport__status[data-v-0b72ed2f]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 480px){.humming-capture-transport[data-v-0b72ed2f]{top:calc(env(safe-area-inset-top,0px) + var(--s-4))}}.edge-notice[data-v-4fc3d727]{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-4);box-sizing:border-box;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;min-block-size:var(--hit-min);margin-inline-start:auto;color:var(--ivory);cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity var(--dur-ui) var(--ease-brush),visibility 0s}.edge-notice[data-v-4fc3d727]:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}.edge-notice--busy[data-v-4fc3d727]{opacity:0;visibility:hidden;transition:opacity var(--dur-tap) var(--ease-brush),visibility 0s linear var(--dur-tap)}.edge-notice--sweeping[data-v-4fc3d727]{opacity:.6;transition:none}.edge-notice__lamp[data-v-4fc3d727]{flex:0 0 auto;inline-size:6px;block-size:6px;border-radius:50%;background:var(--brass-lo)}.edge-notice--problem .edge-notice__lamp[data-v-4fc3d727]{background:var(--brass-hi);box-shadow:var(--shadow-glow-brass)}.edge-notice__line[data-v-4fc3d727]{min-width:0;margin:0;overflow:hidden;font:var(--t-mono);color:var(--ivory);text-align:end;text-overflow:ellipsis;text-shadow:0 0 6px var(--ink),0 1px 2px var(--ink);white-space:nowrap}.edge-notice__sr[data-v-4fc3d727]{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes edge-notice-in-4fc3d727{0%{opacity:0;translate:var(--s-5) 0}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion: no-preference){.edge-notice[data-v-4fc3d727]:not(.edge-notice--busy){animation:edge-notice-in-4fc3d727 var(--dur-ui) var(--ease-brush)}}@media (prefers-reduced-motion: reduce){.edge-notice[data-v-4fc3d727],.edge-notice--busy[data-v-4fc3d727]{animation:none;transition:none}}@media (forced-colors: active){.edge-notice__line[data-v-4fc3d727]{color:CanvasText;text-shadow:none}.edge-notice__lamp[data-v-4fc3d727]{background:CanvasText;box-shadow:none}}.looper-dial[data-v-c8d551c2]{display:grid;place-items:center;inline-size:var(--hit-min);block-size:var(--hit-min);padding:0;border:0;border-radius:50%;background:transparent;color:var(--ivory);cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.looper-dial[data-v-c8d551c2]:focus-visible{outline:2px solid var(--ivory);outline-offset:1px}.looper-dial--flicking[data-v-c8d551c2]{opacity:.6}.looper-dial--muted>.loop-dial[data-v-c8d551c2]{opacity:.3}.looper-dial--solo[data-v-c8d551c2]{box-shadow:0 0 0 1.5px var(--ivory)}@media (forced-colors: active){.looper-dial--solo[data-v-c8d551c2]{box-shadow:none;outline:2px solid Highlight}}.looper-dials[data-v-e3bbb31b]{position:relative;height:0;z-index:3}.looper-dials__column[data-v-e3bbb31b]{position:absolute;left:var(--s-3);bottom:var(--s-10);display:flex;flex-direction:column-reverse;align-items:center;gap:var(--s-1)}.looper-dials__stop[data-v-e3bbb31b]{margin-bottom:var(--s-2)}.looper-dials__notice[data-v-e3bbb31b]{position:absolute;right:var(--s-5);bottom:calc(2 * var(--hit-min));max-inline-size:calc(100% - var(--s-3) - var(--hit-min) - var(--s-4) - var(--s-5))}.phrase-shelf[data-v-86d751f9]{position:relative;width:100%;min-width:0}.phrase-shelf__notice[data-v-86d751f9]{position:absolute;z-index:4;bottom:calc(100% + var(--hit-min));right:var(--s-5);max-inline-size:calc(100% - var(--hit-min) - var(--s-3) - var(--s-4) - var(--s-5))}.performance-deck-drawer[data-v-a373d033]{background:transparent}.performance-deck-drawer[data-v-a373d033] .drawer__handle{z-index:2}.performance-deck-drawer--reel-open[data-v-a373d033]{z-index:var(--z-reel-open)}.performance-deck__instrument-surface[data-v-a373d033],.performance-deck__keyboard-surface[data-v-a373d033],.performance-deck__warmup[data-v-a373d033]{background:var(--ink)}.performance-deck__keyboard-surface[data-v-a373d033]{position:relative;height:100%}.performance-deck__warmup[data-v-a373d033]{position:absolute;z-index:20;inset:0;display:grid;align-content:center;justify-items:center;gap:var(--s-4);padding:var(--s-7);color:var(--ivory);text-align:center}.performance-deck__warmup-status[data-v-a373d033]{display:flex;align-items:center;justify-content:center;gap:var(--s-3);color:var(--ivory-2);font:var(--t-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.performance-deck__warmup-spinner[data-v-a373d033]{width:14px;height:14px;flex:0 0 14px;box-sizing:border-box;border:2px solid var(--ivory-4);border-top-color:var(--ivory);border-right-color:var(--ivory-2);border-radius:50%;animation:performance-deck-warmup-spin-a373d033 .8s linear infinite}.performance-deck__warmup-instrument[data-v-a373d033]{color:var(--ivory);font:var(--t-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}@keyframes performance-deck-warmup-spin-a373d033{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.performance-deck__warmup-spinner[data-v-a373d033]{animation:none}}@media (forced-colors: active){.performance-deck-drawer[data-v-a373d033]{background:Canvas}}.mark[data-v-cf2170b2]{display:block;color:var(--ivory)}.mark--tone-inherit[data-v-cf2170b2]{color:inherit}.mark--tone-ivory[data-v-cf2170b2]{color:var(--ivory)}.mark--tone-ivory-2[data-v-cf2170b2]{color:var(--ivory-2)}.mark--tone-brass[data-v-cf2170b2]{color:var(--brass)}.mark--tone-tomato[data-v-cf2170b2]{color:var(--tomato)}.mark--tone-pine[data-v-cf2170b2]{color:var(--pine)}.mark--tone-plum[data-v-cf2170b2]{color:var(--plum)}.mark--tone-mustard[data-v-cf2170b2]{color:var(--mustard)}.sticker[data-v-e7383910]{--sticker-accent: var(--ivory);--sticker-fill: var(--ivory);--sticker-fill-fg: var(--ink);--sticker-glow: 0 0 0 transparent;--sticker-clip: none;--sticker-shadow: var(--shadow-cut);--sticker-transform: rotate(-2.2deg);display:inline-flex;align-items:baseline;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--ivory);border-radius:0;clip-path:var(--sticker-clip);transform:var(--sticker-transform);box-shadow:var(--sticker-shadow),var(--sticker-glow);white-space:nowrap}.sticker--outline[data-v-e7383910]{background:transparent;border:1px solid var(--sticker-accent);padding:5px 10px 4px}.sticker--fill[data-v-e7383910]{background:var(--sticker-fill);border:0;color:var(--sticker-fill-fg);padding:6px 11px 5px}.sticker--marked[data-v-e7383910]{align-items:center;gap:7px}.sticker__mark[data-v-e7383910]{flex:none}.sticker__marked-text[data-v-e7383910]{display:block}.sticker--color-ink[data-v-e7383910]{--sticker-accent: var(--ink);--sticker-fill: var(--ink);--sticker-fill-fg: var(--ivory)}.sticker--color-ink-5[data-v-e7383910]{--sticker-accent: var(--ink-5);--sticker-fill: var(--ink-5);--sticker-fill-fg: var(--ivory)}.sticker--color-ivory[data-v-e7383910]{--sticker-accent: var(--ivory);--sticker-fill: var(--ivory);--sticker-fill-fg: var(--ink)}.sticker--color-brass[data-v-e7383910]{--sticker-accent: var(--brass);--sticker-fill: var(--brass);--sticker-fill-fg: var(--brass-edge)}.sticker--color-brass-sheen[data-v-e7383910]{--sticker-accent: var(--brass);--sticker-fill: var(--brass-fill);--sticker-fill-fg: var(--brass-edge)}.sticker--color-brass-glow[data-v-e7383910]{--sticker-accent: var(--brass);--sticker-fill: var(--brass);--sticker-fill-fg: var(--brass-edge);--sticker-glow: var(--shadow-glow-brass)}.sticker--color-brass-sheen-glow[data-v-e7383910]{--sticker-accent: var(--brass);--sticker-fill: var(--brass-fill);--sticker-fill-fg: var(--brass-edge);--sticker-glow: var(--shadow-glow-brass)}.sticker--color-tomato[data-v-e7383910]{--sticker-accent: var(--tomato);--sticker-fill: var(--tomato);--sticker-fill-fg: var(--ivory)}.sticker--color-pine[data-v-e7383910]{--sticker-accent: var(--pine);--sticker-fill: var(--pine);--sticker-fill-fg: var(--ivory)}.sticker--color-plum[data-v-e7383910]{--sticker-accent: var(--plum);--sticker-fill: var(--plum);--sticker-fill-fg: var(--ivory)}.sticker--color-bone[data-v-e7383910]{--sticker-accent: var(--bone);--sticker-fill: var(--bone);--sticker-fill-fg: var(--ink)}.sticker--color-mustard[data-v-e7383910]{--sticker-accent: var(--mustard);--sticker-fill: var(--mustard);--sticker-fill-fg: var(--ink)}.sticker--outline.sticker--color-brass-sheen[data-v-e7383910],.sticker--outline.sticker--color-brass-sheen-glow[data-v-e7383910]{border-color:transparent;-o-border-image:var(--brass-fill) 1;border-image:var(--brass-fill) 1}.sticker--fill.sticker--color-brass-sheen[data-v-e7383910],.sticker--fill.sticker--color-brass-sheen-glow[data-v-e7383910]{background:var(--brass-sheen),var(--brass-fill);background-size:220% 100%;background-repeat:no-repeat;animation:brass-sheen var(--dur-sheen) var(--ease-sheen) infinite}.sticker--paper-tape.sticker--outline[data-v-e7383910]{background:var(--ink-2);border:0;border-block:2px solid var(--sticker-accent);color:var(--sticker-accent);padding:5px 14px 3px}.sticker--paper-tape.sticker--fill[data-v-e7383910]{background:repeating-linear-gradient(96deg,transparent 0 3px,color-mix(in srgb,var(--sticker-fill-fg) 7%,transparent) 3px 4px),var(--sticker-fill);padding:7px 14px 5px}.sticker--paper-stamp[data-v-e7383910]{letter-spacing:.12em;--sticker-wear-mask: radial-gradient(circle, transparent 0 .7px, #000 1.2px) var(--sticker-wear, 0 0) / 9px 7px, radial-gradient(circle, transparent 0 .6px, #000 1px) 3px 2px / 13px 11px;-webkit-mask-composite:source-in;-webkit-mask:var(--sticker-wear-mask);mask:var(--sticker-wear-mask);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.sticker--paper-stamp.sticker--outline[data-v-e7383910]{border:4px double var(--sticker-accent);-o-border-image:none;border-image:none;color:var(--sticker-accent);padding:5px 10px 3px}.sticker--paper-stamp.sticker--fill[data-v-e7383910]{outline:1px solid var(--sticker-fill-fg);outline-offset:-3px;padding:7px 12px 5px}.sticker--paper-tape.sticker--fill.sticker--color-brass-sheen[data-v-e7383910],.sticker--paper-tape.sticker--fill.sticker--color-brass-sheen-glow[data-v-e7383910]{background:var(--brass-sheen),repeating-linear-gradient(96deg,transparent 0 3px,color-mix(in srgb,var(--sticker-fill-fg) 7%,transparent) 3px 4px),var(--brass-fill);background-size:220% 100%,auto,100% 100%;background-repeat:no-repeat,repeat,no-repeat}.sticker--paper-stamp.sticker--fill.sticker--color-brass-sheen[data-v-e7383910],.sticker--paper-stamp.sticker--fill.sticker--color-brass-sheen-glow[data-v-e7383910]{background:var(--brass-sheen),var(--brass-fill);background-size:220% 100%,100% 100%;background-repeat:no-repeat}.sticker--badge[data-v-e7383910]{align-items:stretch;flex-direction:column;overflow:hidden;position:relative;padding:0;border:0;background:var(--ink-2);color:transparent;box-shadow:none;clip-path:none;transform:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.sticker__badge-edge[data-v-e7383910]{display:block;height:2px;width:100%;background:var(--sticker-fill);animation:brass-sheen var(--dur-sheen) var(--ease-sheen) infinite;background-size:200% 100%}.sticker__badge-text[data-v-e7383910]{display:block;padding:7px 12px 6px;background:var(--sticker-fill);background-clip:text;-webkit-background-clip:text;color:transparent;animation:brass-sheen var(--dur-sheen) var(--ease-sheen) infinite;background-size:200% 100%}.sticker--badge.sticker--color-ivory[data-v-e7383910]{background:var(--sticker-fill)}.sticker--badge.sticker--color-ivory .sticker__badge-edge[data-v-e7383910],.sticker--badge.sticker--color-ivory .sticker__badge-text[data-v-e7383910]{background:var(--sticker-fill-fg);animation:none}.sticker--badge.sticker--color-ivory .sticker__badge-text[data-v-e7383910]{background-clip:text;-webkit-background-clip:text}@media (prefers-reduced-motion: reduce){.sticker--fill.sticker--color-brass-sheen[data-v-e7383910],.sticker--fill.sticker--color-brass-sheen-glow[data-v-e7383910],.sticker__badge-edge[data-v-e7383910],.sticker__badge-text[data-v-e7383910]{animation:none}}@media (forced-colors: active){.sticker:is(.sticker--paper-tape,.sticker--paper-stamp).sticker--outline[data-v-e7383910],.sticker:is(.sticker--paper-tape,.sticker--paper-stamp).sticker--fill[data-v-e7383910]{border:1px solid CanvasText;-o-border-image:none;border-image:none;outline:none;clip-path:none;-webkit-mask:none;mask:none;color:CanvasText;background:Canvas;box-shadow:none}}.brand-logo[data-v-d01bb64f]{--brand-logo-wordmark: var(--ivory);display:inline-grid;width:-moz-fit-content;width:fit-content;max-width:100%;align-items:center}.brand-logo--on-bone[data-v-d01bb64f]{--brand-logo-wordmark: var(--ink)}.brand-logo--stacked[data-v-d01bb64f]{gap:calc(var(--brand-logo-mark-width) * .08);justify-items:center}.brand-logo--compact[data-v-d01bb64f]{grid-template-columns:auto auto;gap:calc(var(--brand-logo-mark-width) * .16)}.brand-logo__mark[data-v-d01bb64f]{width:var(--brand-logo-mark-width);max-width:100%;container-type:inline-size}.brand-logo__svg[data-v-d01bb64f]{display:block;width:100%;height:auto;aspect-ratio:180 / 184;overflow:visible}.brand-logo__beat[data-v-d01bb64f]{fill:var(--ivory)}.brand-logo__beat--downbeat[data-v-d01bb64f]{fill:var(--tomato)}.brand-logo__paper[data-v-d01bb64f]{stroke:var(--ink);stroke-linejoin:round;paint-order:stroke}.brand-logo__scrap--e .brand-logo__paper[data-v-d01bb64f]{fill:var(--ivory)}.brand-logo__scrap--e .brand-logo__glyph[data-v-d01bb64f],.brand-logo__scrap--t .brand-logo__paper[data-v-d01bb64f]{fill:var(--ink)}.brand-logo__scrap--t .brand-logo__glyph[data-v-d01bb64f]{fill:var(--ivory)}@container (max-width: 72px){.brand-logo__beats[data-v-d01bb64f],.brand-logo__sprinkles[data-v-d01bb64f]{display:none}}.brand-logo__wordmark[data-v-d01bb64f]{display:inline-flex;align-items:center;color:var(--brand-logo-wordmark);font:700 calc(var(--brand-logo-mark-width) * .2)/1 var(--font-display);letter-spacing:var(--tracking-display);white-space:nowrap}.brand-logo__tab[data-v-d01bb64f]{margin-left:.06em;padding:.12em .14em .08em;line-height:1;background:var(--tomato);color:var(--ivory);clip-path:var(--clip-tab);transform:rotate(var(--rot-sticker))}.brand-logo--compact .brand-logo__wordmark[data-v-d01bb64f]{font-size:calc(var(--brand-logo-mark-width) * .42)}@media (forced-colors: active){.brand-logo__backdrop[data-v-d01bb64f]{fill:CanvasText!important}.brand-logo__beat[data-v-d01bb64f],.brand-logo__sprinkle[data-v-d01bb64f],.brand-logo__scrap .brand-logo__paper[data-v-d01bb64f]{fill:Canvas;stroke:CanvasText}.brand-logo__scrap .brand-logo__glyph[data-v-d01bb64f]{fill:CanvasText}.brand-logo__wordmark[data-v-d01bb64f]{color:CanvasText}.brand-logo__tab[data-v-d01bb64f]{background:Canvas;color:CanvasText;outline:1px solid CanvasText}}.source-credits[data-v-4fe299ed]{display:inline-flex;align-items:center;justify-self:start;min-height:44px;color:var(--ivory-3);font:700 10px/1.2 var(--font-mono);letter-spacing:var(--tracking-label);text-decoration:underline;text-decoration-color:var(--ivory-4);text-underline-offset:3px;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.source-credits[data-v-4fe299ed]:hover{color:var(--ivory);text-decoration-color:currentcolor}.source-credits[data-v-4fe299ed]:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}.loading-screen[data-v-d59c3272]{--count-beat: 577ms;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--ink);color:var(--ivory);container-type:size;isolation:isolate}.loading-screen--app[data-v-d59c3272]{position:fixed;z-index:10000;inset:0;height:100dvh}.loading-screen[data-v-d59c3272] *,.loading-screen[data-v-d59c3272] *:before,.loading-screen[data-v-d59c3272] *:after{box-sizing:border-box}.loading-screen__stage[data-v-d59c3272]{--count-logo: clamp(76px, 22cqi, 104px);--gate-height: clamp(76px, 10cqh, 96px);display:grid;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2.2cqh,22px);padding:max(clamp(16px,5cqi,28px),env(safe-area-inset-top)) clamp(16px,5cqi,28px) max(clamp(14px,2.4cqh,24px),env(safe-area-inset-bottom))}.loading-screen__marks[data-v-d59c3272]{position:absolute;z-index:-1;inset:0;pointer-events:none}.loading-screen__float[data-v-d59c3272]{position:absolute;opacity:.7;animation:count-float-d59c3272 calc(var(--count-beat) * 8) var(--ease-brush) infinite alternate}.loading-screen__float--1[data-v-d59c3272]{top:22%;right:6%;color:var(--cobalt);rotate:-12deg}.loading-screen__float--2[data-v-d59c3272]{top:17%;right:4%;color:var(--plum);rotate:8deg;animation-delay:calc(var(--count-beat) * -3)}.loading-screen__float--3[data-v-d59c3272]{top:1.5%;left:3%;color:var(--mustard);rotate:14deg;animation-delay:calc(var(--count-beat) * -5)}.loading-screen__head[data-v-d59c3272]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(12px,4cqi,24px)}.loading-screen__logo[data-v-d59c3272] .brand-logo__beat{transform-box:fill-box;transform-origin:center;animation:count-logo-beat-d59c3272 calc(var(--count-beat) * 4) var(--ease-stab) infinite}.loading-screen__logo[data-v-d59c3272] .brand-logo__beat:nth-child(2){animation-delay:var(--count-beat)}.loading-screen__logo[data-v-d59c3272] .brand-logo__beat:nth-child(3){animation-delay:calc(var(--count-beat) * 2)}.loading-screen__logo[data-v-d59c3272] .brand-logo__beat:nth-child(4){animation-delay:calc(var(--count-beat) * 3)}.loading-screen__logo[data-v-d59c3272] .brand-logo__scrap{transform-box:fill-box;transform-origin:50% 90%;animation:count-logo-slap-d59c3272 calc(var(--count-beat) * 2) var(--ease-stab) infinite}.loading-screen__logo[data-v-d59c3272] .brand-logo__scrap--t{animation-delay:var(--count-beat)}.loading-screen__kicker[data-v-d59c3272]{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 6px;font:700 10px/1 var(--font-mono);letter-spacing:var(--tracking-label)}.loading-screen__kicker>span[data-v-d59c3272]:first-child{padding:4px 6px 3px;background:var(--ivory);color:var(--ink);clip-path:var(--clip-tab)}.loading-screen.is-error .loading-screen__kicker>span[data-v-d59c3272]:first-child{background:var(--tomato);color:var(--ivory)}.loading-screen__tempo[data-v-d59c3272]{align-self:center;color:var(--ivory-3)}.loading-screen__title[data-v-d59c3272]{margin:0;font:700 clamp(44px,15cqi,64px)/1.14 var(--font-display);letter-spacing:var(--tracking-display)}.loading-screen__board[data-v-d59c3272]{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,1.6cqh,16px)}.loading-screen__tiles[data-v-d59c3272]{display:grid;min-height:0;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,3cqi,16px);list-style:none}.count-tile[data-v-d59c3272]{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;padding:clamp(8px,3cqi,16px);grid-template-rows:minmax(0,1fr) auto auto;align-items:end;background:var(--ink-2);color:var(--ivory-3);clip-path:var(--clip-tile);transition:background-color var(--dur-ui) var(--ease-brush),color var(--dur-ui) var(--ease-brush)}.count-tile__fill[data-v-d59c3272]{position:absolute;inset:0;background:var(--tile-paper);clip-path:var(--clip-offcut);transform:translateY(calc((1 - var(--tile-fill)) * 104%));transition:transform var(--dur-panel) var(--ease-brush)}.count-tile.is-pending .count-tile__fill[data-v-d59c3272]{opacity:0}.count-tile.is-active .count-tile__fill[data-v-d59c3272]{opacity:.9}.count-tile__number[data-v-d59c3272]{position:relative;align-self:start;justify-self:start;margin:0 0 0 -.02em;font:700 clamp(64px,min(28cqi,14cqh),200px)/.92 var(--font-display);color:transparent;-webkit-text-stroke:2px var(--ivory-4)}.count-tile__word[data-v-d59c3272]{position:relative;font:700 11px/1 var(--font-mono);letter-spacing:var(--tracking-label);opacity:.8}.count-tile__label[data-v-d59c3272]{position:relative;margin-top:4px;font:700 clamp(15px,4.4cqi,22px)/1 var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase}.count-tile__stamp[data-v-d59c3272]{position:absolute;top:clamp(8px,2.6cqi,14px);right:clamp(8px,2.6cqi,14px);opacity:0;transform:scale(1.6) rotate(-14deg)}.count-tile__stamp[data-v-d59c3272] .sticker{font-size:12px;padding:4px 8px 3px}.count-tile.is-active[data-v-d59c3272]{color:var(--ivory)}.count-tile.is-active .count-tile__number[data-v-d59c3272]{-webkit-text-stroke-color:var(--ivory);transform-origin:20% 80%;animation:count-beat-d59c3272 var(--count-beat) var(--ease-stab) infinite}.count-tile.is-held .count-tile__number[data-v-d59c3272]{animation:none}.count-tile.is-held .count-tile__stamp[data-v-d59c3272]{opacity:1;transform:rotate(var(--rot-sticker))}.loading-screen.is-error .count-tile.is-held .count-tile__number[data-v-d59c3272]{-webkit-text-stroke-color:var(--tomato)}.loading-screen.is-error .count-tile.is-held .count-tile__fill[data-v-d59c3272]{opacity:.28}.count-tile.is-complete[data-v-d59c3272]{background:var(--tile-paper);color:var(--tile-ink);transform:rotate(var(--tile-tilt));animation:count-slap-d59c3272 var(--dur-scene) var(--ease-stab) both}.count-tile.is-complete .count-tile__number[data-v-d59c3272]{color:var(--tile-ink);-webkit-text-stroke-color:transparent}.count-tile.is-complete .count-tile__stamp[data-v-d59c3272]{opacity:1;transform:rotate(var(--rot-sticker));transition:opacity var(--dur-tap) var(--ease-stab) .12s,transform var(--dur-ui) var(--ease-stab) .12s}.count-and[data-v-d59c3272]{position:relative;display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px 8px 10px;background:var(--ink-2);color:var(--ivory-3);clip-path:var(--clip-offcut)}.count-and__glyph[data-v-d59c3272]{padding:4px 0 2px 6px;font:700 clamp(40px,12cqi,56px)/1 var(--font-display);color:transparent;-webkit-text-stroke:1.5px var(--ivory-4)}.count-and__copy[data-v-d59c3272]{display:grid;min-width:0;gap:3px}.count-and__label[data-v-d59c3272]{display:flex;align-items:center;gap:6px;font:700 17px/1 var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase}.count-and__label small[data-v-d59c3272]{font:700 9px/1 var(--font-mono);letter-spacing:var(--tracking-label);opacity:.8}.count-and__icon[data-v-d59c3272]{width:16px;height:16px;flex:0 0 auto}.count-and__detail[data-v-d59c3272]{display:-webkit-box;overflow:hidden;font:var(--t-caption);-webkit-box-orient:vertical;-webkit-line-clamp:2}.count-and__stamp[data-v-d59c3272]{opacity:0}.count-and__stamp.is-visible[data-v-d59c3272]{opacity:1}.count-and__stamp[data-v-d59c3272] .sticker{font-size:12px;padding:4px 8px 3px}.count-and.is-active[data-v-d59c3272]{color:var(--ivory)}.count-and.is-active .count-and__glyph[data-v-d59c3272]{-webkit-text-stroke-color:var(--ivory);animation:count-beat-d59c3272 var(--count-beat) var(--ease-stab) calc(var(--count-beat) / 2) infinite}.count-and.is-complete[data-v-d59c3272]{background:var(--and-paper);color:var(--ivory);animation:count-slap-d59c3272 var(--dur-scene) var(--ease-stab) both}.count-and.is-complete .count-and__glyph[data-v-d59c3272]{color:var(--ivory);-webkit-text-stroke-color:transparent}.loading-screen__foot[data-v-d59c3272]{display:grid;gap:clamp(10px,1.6cqh,16px)}.loading-screen__credits[data-v-d59c3272]{grid-column:1 / -1}.loading-screen__readout[data-v-d59c3272]{display:grid;min-height:34px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.loading-screen__status[data-v-d59c3272]{display:grid;min-width:0;gap:2px;margin:0}.loading-screen__status strong[data-v-d59c3272]{font:700 16px/1 var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase}.loading-screen__status span[data-v-d59c3272]{color:var(--ivory-3);font:var(--t-caption);overflow-wrap:anywhere}.loading-screen.is-error .loading-screen__status span[data-v-d59c3272]{color:var(--ivory-2)}.loading-screen__percent[data-v-d59c3272]{grid-column:2;font:700 34px/1 var(--font-display);font-variant-numeric:tabular-nums}.count-gate[data-v-d59c3272],.count-gate-slot[data-v-d59c3272]{position:relative;display:flex;width:100%;height:var(--gate-height);align-items:center;justify-content:center}.count-gate[data-v-d59c3272]{flex-direction:column;gap:8px;border:0;clip-path:var(--clip-tab);cursor:pointer;isolation:isolate;overflow:hidden;-webkit-tap-highlight-color:transparent;animation:count-gate-in-d59c3272 var(--dur-scene) var(--ease-swing) both}.count-gate--cue[data-v-d59c3272]{background:var(--ivory);color:var(--ink)}.count-gate--retry[data-v-d59c3272]{background:var(--tomato);color:var(--ivory)}.count-gate--cue .count-gate__label[data-v-d59c3272],.count-gate--retry .count-gate__label[data-v-d59c3272]{font-size:clamp(24px,7cqi,36px);letter-spacing:.08em}.count-gate[data-v-d59c3272]:disabled{cursor:wait;opacity:.6}.count-gate__label[data-v-d59c3272]{display:inline-flex;align-items:center;gap:.3em;font:700 clamp(30px,9cqi,44px)/1 var(--font-display);letter-spacing:.14em}.count-gate__label>span[data-v-d59c3272]{font-size:.5em}.count-gate__sub[data-v-d59c3272]{font:700 10px/1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.count-gates[data-v-d59c3272]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.count-gates[data-v-d59c3272]>:only-child{grid-column:1 / -1}.count-fallback[data-v-d59c3272]{display:grid;width:clamp(92px,26cqi,140px);height:var(--gate-height);place-content:center;gap:4px;padding:8px 10px;border:0;background:var(--ink-2);color:var(--ivory-2);clip-path:var(--clip-tab);cursor:pointer;font:700 10px/1.2 var(--font-mono);letter-spacing:var(--tracking-label);text-align:center;text-transform:uppercase;-webkit-tap-highlight-color:transparent;animation:count-gate-in-d59c3272 var(--dur-scene) var(--ease-swing) both}.count-fallback strong[data-v-d59c3272]{font:700 clamp(15px,4.4cqi,20px)/1 var(--font-display);letter-spacing:var(--tracking-display);color:var(--ivory)}.count-fallback[data-v-d59c3272]:disabled{cursor:wait;opacity:.6}.count-fallback[data-v-d59c3272]:not(:disabled):hover{background:var(--ink-3);color:var(--ivory)}.count-fallback[data-v-d59c3272]:not(:disabled):active{transform:translateY(1px)}.count-fallback[data-v-d59c3272]:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}.count-gate[data-v-d59c3272]:not(:disabled):active{transform:translateY(2px)}.count-gate[data-v-d59c3272]:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}.count-gate-slot[data-v-d59c3272]{gap:10px;background:var(--ink-2);color:var(--ivory-3);clip-path:var(--clip-tab)}.count-gate-slot__beat[data-v-d59c3272]{width:10px;aspect-ratio:1;border-radius:50%;background:var(--ivory-4);animation:count-tick-d59c3272 calc(var(--count-beat) * 4) var(--ease-stab) calc(var(--beat-index) * var(--count-beat)) infinite}.count-gate-slot__beat[data-v-d59c3272]:first-child{background:var(--tomato)}.count-gate-slot__copy[data-v-d59c3272]{margin-left:6px;font:700 10px/1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.loading-screen__skip[data-v-d59c3272]{position:absolute;z-index:8;top:max(10px,env(safe-area-inset-top));right:10px;min-height:28px;padding:6px 12px;border:0;background:var(--ink-3);color:var(--ivory-3);clip-path:var(--clip-tab);cursor:pointer;font:700 9px/1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.68}@container (min-width: 820px){.loading-screen__stage[data-v-d59c3272]{--count-logo: clamp(160px, 18cqi, 240px);--gate-height: clamp(84px, 11cqh, 110px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr) auto;-moz-column-gap:clamp(32px,5cqi,80px);column-gap:clamp(32px,5cqi,80px);padding:clamp(28px,4cqi,56px)}.loading-screen__head[data-v-d59c3272]{grid-template-columns:1fr;align-content:center;align-items:start;justify-items:start;gap:28px}.loading-screen__title[data-v-d59c3272]{font-size:clamp(72px,9cqi,132px)}.loading-screen__board[data-v-d59c3272]{grid-column:2;grid-row:1}.loading-screen__foot[data-v-d59c3272]{grid-column:1 / -1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);-moz-column-gap:clamp(32px,5cqi,80px);column-gap:clamp(32px,5cqi,80px);align-items:end}.count-tile__number[data-v-d59c3272]{font-size:clamp(110px,13cqh,200px)}}@container (max-height: 700px){.loading-screen__stage[data-v-d59c3272]{--count-logo: 64px;--gate-height: 68px}.loading-screen__title[data-v-d59c3272]{font-size:40px}.count-tile__number[data-v-d59c3272]{font-size:clamp(56px,12cqh,120px)}.count-tile__word[data-v-d59c3272]{display:none}}@keyframes count-beat-d59c3272{0%{transform:scale(1.08) rotate(-2deg)}40%,to{transform:scale(1) rotate(0)}}@keyframes count-slap-d59c3272{0%{opacity:0;transform:scale(1.22) rotate(-7deg)}60%{opacity:1;transform:scale(.98) rotate(var(--tile-tilt, 0deg))}to{opacity:1;transform:scale(1) rotate(var(--tile-tilt, 0deg))}}@keyframes count-gate-in-d59c3272{0%{opacity:0;transform:translateY(60%) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes count-tick-d59c3272{0%{transform:scale(1.7);background:var(--ivory)}25%,to{transform:scale(1)}}@keyframes count-float-d59c3272{0%{translate:0 -6px}to{translate:0 6px}}@keyframes count-logo-beat-d59c3272{0%{opacity:1;transform:scale(1.5)}22%,to{opacity:.5;transform:scale(1)}}@keyframes count-logo-slap-d59c3272{0%{transform:rotate(-1.4deg) scale(1.025)}30%,to{transform:rotate(0) scale(1)}}.loading-screen.is-still[data-v-d59c3272] *,.loading-screen.is-still[data-v-d59c3272] *:after{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){.loading-screen[data-v-d59c3272] *,.loading-screen[data-v-d59c3272] *:after{animation:none!important;transition:none!important}}@media (forced-colors: active){.count-tile.is-complete[data-v-d59c3272],.count-and.is-complete[data-v-d59c3272]{background:Highlight;color:HighlightText}.count-gate[data-v-d59c3272],.count-fallback[data-v-d59c3272],.loading-screen__skip[data-v-d59c3272]{border:2px solid ButtonText;background:ButtonFace;color:ButtonText}}.splash-enter-active{transition:opacity .45s cubic-bezier(.215,.61,.355,1)}.splash-leave-active{transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1)}.splash-enter-from,.splash-leave-to{opacity:0}.splash-leave-to{transform:scale(1.01)}@media (prefers-reduced-motion: reduce){.splash-enter-active,.splash-leave-active{transition:none}.splash-leave-to{transform:none}}.save-failure-notice[data-v-e5e36682]{position:fixed;top:max(calc(env(safe-area-inset-top,0px) + var(--s-5) + var(--hit-min)),var(--save-notice-clearance, 0px));left:56px;right:56px;z-index:90;display:flex;justify-content:center;pointer-events:none}.save-failure-notice__button[data-v-e5e36682]{pointer-events:auto;padding:6px;background:none;border:0;cursor:pointer}.unified-visual-effects[data-v-9b79376d]{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.unified-canvas[data-v-9b79376d]{position:absolute;inset:0;width:100%;height:100%;z-index:1}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.isolate{isolation:isolate}.z-0{z-index:0}.z-50{z-index:50}.z-\[1\]{z-index:1}.m-0{margin:0}.mt-2{margin-top:.5rem}.\!block{display:block!important}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.flow-root{display:flow-root}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.h-3{height:.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-12{max-width:3rem}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#76544f\]{--tw-border-opacity: 1;border-color:rgb(118 84 79 / var(--tw-border-opacity, 1))}.border-\[color-mix\(in_srgb\,var\(--ivory\)_14\%\,transparent\)\]{border-color:color-mix(in srgb,var(--ivory) 14%,transparent)}.border-\[color-mix\(in_srgb\,var\(--ivory\)_20\%\,transparent\)\]{border-color:color-mix(in srgb,var(--ivory) 20%,transparent)}.border-\[var\(--hairline\)\]{border-color:var(--hairline)}.border-\[var\(--ink-5\)\]{border-color:var(--ink-5)}.border-\[var\(--ivory-4\)\]{border-color:var(--ivory-4)}.border-current{border-color:currentColor}.border-transparent{border-color:transparent}.border-r-\[var\(--ivory\)\]{border-right-color:var(--ivory)}.border-t-\[var\(--ivory-3\)\]{border-top-color:var(--ivory-3)}.bg-\[\#090909\]\/75{background-color:#090909bf}.bg-\[\#1d1514\]{--tw-bg-opacity: 1;background-color:rgb(29 21 20 / var(--tw-bg-opacity, 1))}.bg-\[tomato\]{--tw-bg-opacity: 1;background-color:rgb(255 99 71 / var(--tw-bg-opacity, 1))}.bg-\[var\(--ink\)\]{background-color:var(--ink)}.bg-\[var\(--ink-2\)\]{background-color:var(--ink-2)}.bg-\[var\(--ink-3\)\]{background-color:var(--ink-3)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-2{padding-bottom:.5rem}.pt-0\.5{padding-top:.125rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[length\:var\(--input-text-min\)\]{font-size:var(--input-text-min)}.text-sm{font-size:.875rem;line-height:1.25rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.text-\[\#e2c2bd\]{--tw-text-opacity: 1;color:rgb(226 194 189 / var(--tw-text-opacity, 1))}.text-\[var\(--ivory\)\]{color:var(--ivory)}.text-\[var\(--ivory-2\)\]{color:var(--ivory-2)}.text-\[var\(--ivory-3\)\]{color:var(--ivory-3)}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-50{--tw-saturate: saturate(.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[clip-path\:polygon\(0_10px\,10px_0\,100\%_0\,100\%_calc\(100\%-10px\)\,calc\(100\%-10px\)_100\%\,0_100\%\)\]{clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.\[clip-path\:polygon\(0_8px\,8px_0\,100\%_0\,100\%_calc\(100\%-8px\)\,calc\(100\%-8px\)_100\%\,0_100\%\)\]{clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.\[clip-path\:polygon\(12\%_0\,100\%_0\,88\%_100\%\,0_100\%\)\]{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}*{box-sizing:border-box}html{font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"salt" 1,"smcp" 1,"onum" 1}body{margin:0;padding:0;background-color:var(--ink);color:var(--ivory);min-height:100vh;overflow-x:hidden;font-weight:600}#app{min-height:100vh;width:100%}.placeholder\:text-\[var\(--ivory-4\)\]::-moz-placeholder{color:var(--ivory-4)}.placeholder\:text-\[var\(--ivory-4\)\]::placeholder{color:var(--ivory-4)}.focus-within\:border-\[var\(--ivory-2\)\]:focus-within{border-color:var(--ivory-2)}.focus-within\:text-\[var\(--ivory\)\]:focus-within{color:var(--ivory)}.hover\:border-t:hover{border-top-width:1px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--ivory\)\]:focus-visible{--tw-ring-color: var(--ivory)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--ink\)\]:focus-visible{--tw-ring-offset-color: var(--ink)}@media (prefers-reduced-motion: reduce){.motion-reduce\:animate-none{animation:none}}@media (min-width: 640px){.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@font-face{font-family:Lets Jazz;src:url(/assets/lets-jazz-regular-b8227395.woff2) format("woff2");font-weight:400;font-style:normal;size-adjust:75%;font-display:swap}:root{--ink: #0A0908;--ink-2: #141210;--ink-3: #1C1916;--ink-4: #25211D;--ink-5: #3A352F;--ivory: #F4EFE6;--ivory-2: #C9C2B5;--ivory-3: #8F877B;--ivory-4: #514B42;--brass: #e0a93a;--brass-hi: #f5d278;--brass-lo: #c89230;--brass-edge: #2a1c08;--brass-fill: linear-gradient(160deg, #d6a03e 0%, #e0aa42 22%, #efbf50 42%, #f5d278 50%, #ebb947 60%, #d6a03e 82%, #e3ac42 100%);--brass-sheen: linear-gradient(110deg, transparent 0%, transparent 40%, rgba(255,228,166,.3) 47%, rgba(255,238,194,.5) 50%, rgba(255,228,166,.3) 53%, transparent 60%, transparent 100%);--hairline: color-mix(in srgb, var(--ivory) 10%, transparent);--led-off: color-mix(in srgb, var(--ivory-3) 55%, var(--ivory-4));--focus-ring-inner: var(--ink);--focus-ring-outer: var(--ivory);--focus-ring-width: 2px;--instrument-bar-surface: var(--ink);--tomato: #d8362a;--pine: #1f4d3f;--plum: #6b3fa0;--bone: #efe6d0;--mustard: #f0b137;--cobalt: #2f67b2;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 12px;--s-6: 16px;--s-7: 20px;--s-8: 24px;--s-9: 32px;--s-10: 48px;--s-11: 64px;--hit-min: 44px;--control-xs: 24px;--control-sm: 32px;--hit-gap-sm: calc(var(--hit-min) - var(--control-sm) + 1px);--z-top-drawers: 100;--z-mic: 110;--z-reel-open: 120;--r-xs: 4px;--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--shadow-cut: 6px 6px 0 var(--ink);--shadow-key: inset 0 -2px 0 rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.18);--shadow-pressed: inset 0 2px 6px rgba(0,0,0,.6);--shadow-glow: 0 0 0 1px var(--hairline), 0 18px 60px -28px color-mix(in srgb, var(--tomato) 35%, transparent);--shadow-glow-brass: 0 0 14px rgba(224,169,58,.45);--ring: inset 0 0 0 1px var(--hairline);--paper-surface-sheen: radial-gradient(110% 60% at 50% 0%, rgba(255,255,255,.18), transparent 55%), linear-gradient(180deg, transparent 65%, rgba(0,0,0,.22) 100%);--paper-surface-sheen-monochrome: radial-gradient(110% 60% at 50% 0%, rgba(255,255,255,.12), transparent 55%), linear-gradient(180deg, transparent 65%, rgba(0,0,0,.1) 100%);--clip-offcut: polygon(2% 6%, 96% 0%, 100% 8%, 98% 94%, 4% 100%, 0% 90%);--clip-tile: polygon(3% 1%, 98% 2%, 100% 98%, 1% 99%);--clip-tab: polygon(2% 0, 100% 4%, 98% 100%, 0 96%);--clip-paper-rip: polygon(0 0, 100% 0, 100% 4%, 88% 20%, 100% 40%, 78% 56%, 100% 78%, 100% 100%, 0 100%);--clip-disc-tile: circle(50%);--clip-disc-offcut: circle(50%);--clip-disc-tab: circle(50%);--clip-disc-paper-rip: circle(50%);--clip-disc-rounded-stock: circle(50%);--keyboard-standard-cut-1: polygon(2% 1%, 98% 1%, 99% 98%, 1% 99%);--keyboard-standard-cut-2: polygon(1% 2%, 99% 1%, 98% 99%, 2% 98%);--keyboard-standard-cut-3: polygon(2% 0%, 98% 2%, 99% 99%, 1% 98%);--keyboard-tile-cut-1: var(--clip-tile);--keyboard-tile-cut-2: polygon(2% 2%, 99% 1%, 98% 98%, 1% 100%);--keyboard-tile-cut-3: polygon(1% 0%, 98% 2%, 100% 99%, 2% 98%);--keyboard-offcut-cut-1: var(--clip-offcut);--keyboard-offcut-cut-2: polygon(1% 7%, 97% 1%, 100% 10%, 97% 95%, 5% 99%, 0% 88%);--keyboard-offcut-cut-3: polygon(3% 4%, 95% 0%, 100% 7%, 99% 92%, 3% 100%, 1% 91%);--keyboard-tab-cut-1: var(--clip-tab);--keyboard-tab-cut-2: polygon(1% 1%, 99% 3%, 97% 99%, 0% 97%);--keyboard-tab-cut-3: polygon(3% 0%, 100% 5%, 99% 100%, 1% 95%);--keyboard-pill-cut-1: inset(0 round var(--r-pill));--keyboard-pill-cut-2: inset(1% 0 0 1% round var(--r-pill));--keyboard-pill-cut-3: inset(0 1% 1% 0 round var(--r-pill));--keyboard-standard-rotation-1: var(--rot-tile-4);--keyboard-standard-rotation-2: 0deg;--keyboard-standard-rotation-3: var(--rot-tile-1);--keyboard-tile-rotation-1: var(--rot-tile-2);--keyboard-tile-rotation-2: var(--rot-tile-1);--keyboard-tile-rotation-3: var(--rot-tile-3);--keyboard-offcut-rotation-1: var(--rot-tile-2);--keyboard-offcut-rotation-2: var(--rot-tile-3);--keyboard-offcut-rotation-3: var(--rot-tile-4);--keyboard-tab-rotation-1: var(--rot-tile-4);--keyboard-tab-rotation-2: var(--rot-tile-1);--keyboard-tab-rotation-3: var(--rot-tile-5);--keyboard-pill-rotation-1: var(--rot-tile-4);--keyboard-pill-rotation-2: 0deg;--keyboard-pill-rotation-3: var(--rot-tile-1);--keyboard-standard-shadow-1: var(--shadow-key);--keyboard-standard-shadow-2: inset 1px -2px 0 rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.18);--keyboard-standard-shadow-3: inset -1px -2px 0 rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.18);--keyboard-tile-shadow-1: var(--shadow-key);--keyboard-tile-shadow-2: inset 1px -2px 0 rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.16);--keyboard-tile-shadow-3: inset -1px -2px 0 rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.2);--keyboard-offcut-shadow-1: var(--shadow-key);--keyboard-offcut-shadow-2: inset 1px -3px 0 rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.18);--keyboard-offcut-shadow-3: inset -1px -2px 0 rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.16);--keyboard-tab-shadow-1: var(--shadow-key);--keyboard-tab-shadow-2: inset 1px -2px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2);--keyboard-tab-shadow-3: inset -1px -2px 0 rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.18);--keyboard-pill-shadow-1: var(--shadow-key);--keyboard-pill-shadow-2: inset 1px -2px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.18);--keyboard-pill-shadow-3: inset -1px -2px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.18);--rot-tile-1: .2deg;--rot-tile-2: -.3deg;--rot-tile-3: .5deg;--rot-tile-4: -.15deg;--rot-tile-5: .45deg;--rot-sticker: -2.2deg;--rot-sticker-lg: -3deg;--rot-mark: 2deg;--ease-swing: cubic-bezier(.7, -.2, .3, 1.2);--ease-stab: cubic-bezier(.2, .9, .3, 1);--ease-brush: cubic-bezier(.4, 0, .2, 1);--ease-sustain: linear;--ease-bend: cubic-bezier(.85, 0, .15, 1);--ease-bounce: linear(0 0%, .646 5%, 1.25 10%, 1.354 15%, 1.125 20%, .912 25%, .875 30%, .956 35%, 1.031 40%, 1.044 45%, 1.016 50%, .989 55%, .984 60%, .994 65%, 1.004 70%, 1.006 75%, 1.002 80%, .999 85%, .998 90%, .999 95%, 1 100%);--ease-sheen: cubic-bezier(.55, .05, .45, .95);--dur-press: 72ms;--dur-tap: 90ms;--dur-ui: .22s;--dur-panel: .36s;--dur-scene: .6s;--dur-bounce: .6s;--dur-sheen: 6.5s;--dur-rip-mode: var(--dur-panel);--ease-rip-mode: var(--ease-bend);--font-display: "Lets Jazz", "Oswald", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-display-xl: 700 56px/1.12 var(--font-display);--t-display-l: 700 40px/1.12 var(--font-display);--t-display-m: 700 28px/1.12 var(--font-display);--t-h1: 700 22px/1.1 var(--font-display);--t-h2: 700 18px/1.14 var(--font-display);--t-label: 600 11px/1.1 var(--font-display);--t-body: 450 14px/1.55 var(--font-display);--t-body-s: 450 12px/1.5 var(--font-display);--t-caption: 450 11px/1.4 var(--font-mono);--t-mono: 500 12px/1.4 var(--font-mono);--t-body-mono: 450 14px/1.55 var(--font-mono);--t-body-s-mono:450 12px/1.5 var(--font-mono);--input-text-min: 16px;--tracking-display: .01em;--tracking-label: .14em}@supports (clip-path: shape(from 50% 0%,curve to 100% 50% with 78% 0% / 100% 22%,close)){:root{--clip-disc-tile: shape( from 37% 2%, curve to 63% 2% with 44% 1% / 56% 1%, curve to 86% 15% with 74% 3% / 82% 8%, curve to 98% 38% with 93% 21% / 97% 29%, curve to 98% 62% with 99% 44% / 99% 56%, curve to 85% 86% with 97% 71% / 92% 80%, curve to 61% 98% with 79% 92% / 70% 97%, curve to 38% 98% with 55% 99% / 45% 99%, curve to 14% 85% with 29% 97% / 20% 92%, curve to 2% 61% with 8% 79% / 3% 70%, curve to 2% 38% with 1% 55% / 1% 45%, curve to 15% 14% with 3% 29% / 8% 20%, curve to 37% 2% with 20% 8% / 29% 3%, close );--clip-disc-offcut: shape( from 50% 0%, curve to 100% 50% with 77.614% 0% / 100% 22.386%, curve to 50% 100% with 100% 77.614% / 77.614% 100%, curve to 0% 50% with 22.386% 100% / 0% 77.614%, curve to 14% 14% with 0% 31% / 6% 20%, line to 31% 4%, curve to 50% 0% with 37% 1% / 43% 0%, close );--clip-disc-tab: shape( from 50% 0%, curve to 93% 25% with 75% 0% / 87% 12%, curve to 95% 36% with 95% 29% / 96% 33%, curve to 100% 43% with 96% 39% / 99% 40%, curve to 100% 57% with 101% 47% / 101% 53%, curve to 93% 75% with 99% 60% / 95% 70%, curve to 50% 100% with 87% 88% / 75% 100%, curve to 0% 50% with 22.386% 100% / 0% 77.614%, curve to 50% 0% with 0% 22.386% / 22.386% 0%, close );--clip-disc-paper-rip: shape( from 50% 0%, curve to 93% 25% with 75% 0% / 87% 12%, curve to 95% 30% with 94% 27% / 95% 28%, curve to 94% 36% with 96% 33% / 94% 34%, curve to 97% 40% with 95% 38% / 97% 38%, curve to 83% 51% with 98% 44% / 83% 45%, curve to 96% 57% with 84% 54% / 97% 52%, curve to 90% 65% with 95% 60% / 90% 61%, curve to 93% 75% with 91% 69% / 93% 72%, curve to 50% 100% with 87% 88% / 75% 100%, curve to 0% 50% with 22.386% 100% / 0% 77.614%, curve to 50% 0% with 0% 22.386% / 22.386% 0%, close );--clip-disc-rounded-stock: shape( from 47% 1%, curve to 72% 5% with 58% -1% / 66% 1%, curve to 94% 27% with 84% 10% / 91% 18%, curve to 97% 55% with 100% 36% / 99% 46%, curve to 86% 82% with 94% 66% / 91% 75%, curve to 58% 98% with 79% 91% / 69% 97%, curve to 30% 94% with 47% 100% / 38% 98%, curve to 7% 72% with 19% 89% / 11% 82%, curve to 3% 43% with 1% 61% / 1% 51%, curve to 17% 17% with 5% 34% / 10% 24%, curve to 47% 1% with 25% 9% / 36% 2%, close )}}.touch-floor{position:relative}.touch-floor:before{content:"";position:absolute;inset:min(0px,(100% - var(--hit-min)) / 2)}.touch-floor--block:before{inset-inline:0}input,select,textarea{font-size:max(var(--input-text-min),1em)}@keyframes cut-slide-in{0%{transform:translate(-12%) skew(-8deg);opacity:0}60%{transform:translate(2%) skew(-2deg);opacity:1}to{transform:translate(0) skew(0)}}.brass{position:relative;background:var(--brass-fill);color:var(--brass-edge);isolation:isolate;overflow:hidden;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000073,0 1px #0009,0 0 0 1px #0000002e,0 0 14px #e0a93a2e}.brass:after{content:"";position:absolute;inset:-10% -30%;background:var(--brass-sheen);background-size:220% 100%;background-repeat:no-repeat;pointer-events:none;mix-blend-mode:screen;animation:brass-sheen var(--dur-sheen) var(--ease-sheen) infinite;z-index:1}.brass>*{position:relative;z-index:2}@media (prefers-reduced-motion: reduce){.brass:after{animation:none}}@keyframes brass-sheen{0%{background-position:-60% 0}55%{background-position:160% 0}to{background-position:160% 0}}.brass-text{background:var(--brass-fill);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}@keyframes lift{0%,to{transform:translateY(0)}14%{transform:translateY(-3px)}34%{transform:translateY(0)}}@keyframes rip{0%,8%{transform:scale(0)}14%{transform:scale(1) rotate(0)}44%{transform:scale(1) rotate(0);opacity:1}74%{transform:scale(.6) translate(2px,-2px);opacity:0}to{transform:scale(0)}}@keyframes ring{0%,10%{transform:scale(1);opacity:0;border-width:2px}14%{transform:scale(1);opacity:.9;border-width:2px}50%{transform:scale(1.45);opacity:0;border-width:1px}to{transform:scale(1.45);opacity:0}}@keyframes rip-mode-out{0%{opacity:1;transform:translateY(0) skew(0)}45%,to{opacity:0;transform:translateY(-12px) skew(-10deg)}}@keyframes rip-mode-in{0%,45%{opacity:0;transform:translateY(12px) skew(8deg)}46%{opacity:0;transform:translateY(12px) skew(8deg)}to{opacity:1;transform:translateY(0) skew(0)}}@keyframes smear{0%{transform:scaleX(1) skew(0)}50%{transform:scaleX(1.18) skew(-12deg)}to{transform:scaleX(1) skew(0)}}@keyframes flash{0%{transform:translateY(0) scale(1);filter:brightness(1)}25%{transform:translateY(-3px) scale(1.04);filter:brightness(1.25)}to{transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes flash-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.18);opacity:0}}