/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--font-heading:"Bricolage Grotesque", ui-rounded, system-ui, sans-serif;--font-text:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--text-display:2.75rem;--text-display--line-height:3rem;--text-display--letter-spacing:-.02em;--text-title:1.75rem;--text-title--line-height:2.125rem;--text-title--letter-spacing:-.01em;--text-heading:1.25rem;--text-heading--line-height:1.625rem;--text-body-lg:1.125rem;--text-body-lg--line-height:1.625rem;--text-body:1rem;--text-body--line-height:1.5rem;--text-caption:.875rem;--text-caption--line-height:1.25rem;--radius-chip:10px;--radius-control:16px;--radius-card:24px;--spacing-tap:3rem;--spacing-control:3.5rem;--container-content:32.5rem;--color-device-tile-a:#11101a;--color-device-tile-b:#0b0a10;--color-device-edge:#262233;--color-device-guide:#4e4a43;--color-device-ink-A:#0a0b0e;--color-device-ink-B:#060709;--color-device-grid-major:#1d2230;--color-device-grid-minor:#11141a;--color-device-grid-half:#0d1015;--color-device-rail-text:#5b6573;--color-device-axis-text:#a4adb8;--color-signal-cyan-300:#a8dcff;--color-signal-cyan-400:#6ec1ff;--color-signal-brass-300:#f3d59c;--color-signal-brass-400:#e8b86a}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentColor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.piano-board{aspect-ratio:2;--piano-pressed:#9fb2ee;--piano-pressed-strong:#7b91d8;position:relative}.piano-white{color:#08070d;background:linear-gradient(#f8f3e6 0%,#ece6d7 92%,#d4cfc0 100%);border:1px solid #0000002e;border-bottom:4px solid #140f088c;border-radius:0 0 4px 4px;flex:1;height:100%;transition:transform 80ms ease-out,background 80ms ease-out,box-shadow 80ms ease-out,border-bottom-width 80ms ease-out;position:relative;box-shadow:inset 0 -2px #0000000a,inset 1px 0 #ffffff8c,inset -1px 0 #0000000d}.piano-white:first-child{border-bottom-left-radius:8px}.piano-white:last-child{border-bottom-right-radius:8px}.piano-white:hover:not(:disabled):not(.piano-key-selected){background:linear-gradient(#fffaf0 0%,#f3eedd 100%)}.piano-white:active:not(:disabled),.piano-white.piano-key-selected{background:linear-gradient(to bottom, var(--piano-pressed) 0%, var(--piano-pressed) 100%)}@supports (color:color-mix(in lab, red, red)){.piano-white:active:not(:disabled),.piano-white.piano-key-selected{background:linear-gradient(to bottom, color-mix(in srgb, var(--piano-pressed) 85%, white) 0%, var(--piano-pressed) 100%)}}.piano-white:active:not(:disabled),.piano-white.piano-key-selected{box-shadow:0 0 18px -2px var(--piano-pressed), inset 0 -1px 0 #0000000f;border-bottom:1px solid #0000004d;transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.piano-white:active:not(:disabled),.piano-white.piano-key-selected{box-shadow:0 0 18px -2px color-mix(in srgb, var(--piano-pressed) 60%, transparent), inset 0 -1px 0 #0000000f}}.piano-white:disabled{cursor:not-allowed}.piano-white:disabled:not(.piano-key-selected){opacity:.6}.piano-black{color:#ece6d7;z-index:10;background:linear-gradient(#3a3552 0%,#15131f 100%);border:1px solid #08070d;border-bottom:3px solid #06050b;border-radius:0 0 3px 3px;height:64%;transition:transform 80ms ease-out,background 80ms ease-out,box-shadow 80ms ease-out;position:absolute;top:0;box-shadow:inset 0 -2px #ffffff0a,inset 0 1px #ffffff1a,0 2px 4px #0006}.piano-black:hover:not(:disabled):not(.piano-key-selected){background:linear-gradient(#4a4566 0%,#25223a 100%)}.piano-black:active:not(:disabled),.piano-black.piano-key-selected{background:linear-gradient(to bottom, var(--piano-pressed) 0%, var(--piano-pressed-strong) 100%);color:#08070d;box-shadow:0 0 14px -2px var(--piano-pressed), inset 0 -1px 0 #0006;border-bottom:1px solid #08070d;transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.piano-black:active:not(:disabled),.piano-black.piano-key-selected{box-shadow:0 0 14px -2px color-mix(in srgb, var(--piano-pressed) 55%, transparent), inset 0 -1px 0 #0006}}.piano-black:disabled{cursor:not-allowed}.piano-black:disabled:not(.piano-key-selected){opacity:.55}.piano-label{font-family:var(--font-text);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.piano-label-white{font-size:.875rem;bottom:.625rem}.piano-label-black{font-size:.625rem;line-height:1;bottom:.3rem}.plugin-panel{background:radial-gradient(ellipse at 50% 0%, #6ec1ff0d, transparent 55%), linear-gradient(180deg, var(--color-device-ink-A), var(--color-device-ink-B));border:1px solid #1a1d24;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #000000b3,0 14px 30px -16px #000000d9}.plugin-rail{letter-spacing:.16em;text-transform:uppercase;color:var(--color-device-rail-text);border-bottom:1px solid #14171c;justify-content:space-between;padding:8px 12px;font-size:10px;display:flex}.plugin-rail .live{color:var(--color-signal-cyan-400)}.plugin-rail .live:before{content:"●";margin-right:5px}.plugin-rail .live.brass{color:var(--color-signal-brass-400)}.plugin-canvas{position:relative}.plugin-canvas:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.chip-strip{background:linear-gradient(#07080a,#050608);border-top:1px solid #14171c;display:flex}.chip-strip .chip{letter-spacing:.2em;text-transform:uppercase;color:var(--color-device-rail-text);border-right:1px solid #14171c;flex:1;padding:9px 12px;font-size:9.5px}.chip-strip .chip:last-child{border-right:none}.chip-strip .chip .v{color:#e7eaef;letter-spacing:.01em;font-feature-settings:"tnum";text-transform:none;margin-top:3px;font-size:14px;font-weight:500;display:block}.chip-strip .chip.dim .v{color:#2d343f}.tile-head{background:linear-gradient(#1f1c2e,#15131f);border-bottom:1px solid #14171c;justify-content:space-between;align-items:baseline;padding:9px 14px 7px;display:flex}.tile-canvas{background:radial-gradient(ellipse at 50% 0%, #6ec1ff0a, transparent 55%), linear-gradient(180deg, var(--color-device-ink-A), var(--color-device-ink-B));position:relative}.tile-canvas:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.tile-canvas.brass{background:radial-gradient(ellipse at 50% 0%, #e8b86a0a, transparent 55%), linear-gradient(180deg, var(--color-device-ink-A), var(--color-device-ink-B))}.tile-chips{background:linear-gradient(#07080a,#050608);border-top:1px solid #14171c;display:flex}.tile-chips .chip{letter-spacing:.18em;text-transform:uppercase;color:var(--color-device-rail-text);border-right:1px solid #14171c;flex:1;padding:7px 10px;font-size:8.5px}.tile-chips .chip:last-child{border-right:none}.tile-chips .chip .v{color:#e7eaef;font-feature-settings:"tnum";text-transform:none;letter-spacing:.01em;margin-top:2px;font-size:12px;font-weight:500;display:block}.tile-chips .chip.dim .v{color:#2d343f}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-2{top:calc(var(--spacing) * -2)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.left-0\.5{left:calc(var(--spacing) * .5)}.z-10{z-index:10}.z-40{z-index:40}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.m-0{margin:calc(var(--spacing) * 0)}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mx-auto{margin-inline:auto}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.-mr-3{margin-right:calc(var(--spacing) * -3)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-5\.5{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-tap{width:var(--spacing-tap);height:var(--spacing-tap)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-svh{height:100svh}.max-h-\[92svh\]{max-height:92svh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-15{min-height:calc(var(--spacing) * 15)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-19{min-height:calc(var(--spacing) * 19)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-control{min-height:var(--spacing-control)}.min-h-svh{min-height:100svh}.min-h-tap{min-height:var(--spacing-tap)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-13{width:calc(var(--spacing) * 13)}.w-\[2px\]{width:2px}.w-\[3px\]{width:3px}.w-full{width:100%}.max-w-\[520px\]{max-width:520px}.max-w-content{max-width:var(--container-content)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-13{min-width:calc(var(--spacing) * 13)}.min-w-14{min-width:calc(var(--spacing) * 14)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.scroll-mt-40{scroll-margin-top:calc(var(--spacing) * 40)}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--r-line)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-card{border-radius:var(--radius-card)}.rounded-chip{border-radius:var(--radius-chip)}.rounded-control{border-radius:var(--radius-control)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-t-card{border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--color-device-edge\)\]{border-color:var(--color-device-edge)}.border-correct{border-color:var(--r-correct)}.border-correct-fill{border-color:var(--r-correct-fill)}.border-domain-ink{border-color:var(--r-domain-ink,var(--r-ink))}.border-ink{border-color:var(--r-ink)}.border-line{border-color:var(--r-line)}.border-line-strong{border-color:var(--r-line-strong)}.border-notquite{border-color:var(--r-notquite)}.border-primary{border-color:var(--r-primary)}.border-transparent{border-color:#0000}.bg-correct-fill{background-color:var(--r-correct-fill)}.bg-correct-soft{background-color:var(--r-correct-soft)}.bg-domain-ink{background-color:var(--r-domain-ink,var(--r-ink))}.bg-domain-soft{background-color:var(--r-domain-soft,var(--r-surface-sunken))}.bg-ground{background-color:var(--r-ground)}.bg-ink{background-color:var(--r-ink)}.bg-ink-2{background-color:var(--r-ink-2)}.bg-ink-3{background-color:var(--r-ink-3)}.bg-ink\/30{background-color:var(--r-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/30{background-color:color-mix(in oklab, var(--r-ink) 30%, transparent)}}.bg-line{background-color:var(--r-line)}.bg-line-strong{background-color:var(--r-line-strong)}.bg-notquite-fill{background-color:var(--r-notquite-fill)}.bg-notquite-soft{background-color:var(--r-notquite-soft)}.bg-on-primary{background-color:var(--r-on-primary)}.bg-primary{background-color:var(--r-primary)}.bg-spark{background-color:var(--r-spark)}.bg-spark-soft{background-color:var(--r-spark-soft)}.bg-surface{background-color:var(--r-surface)}.bg-surface-sunken{background-color:var(--r-surface-sunken)}.bg-transparent{background-color:#0000}.bg-\[linear-gradient\(180deg\,var\(--color-device-tile-a\)\,var\(--color-device-tile-b\)\)\]{background-image:linear-gradient(180deg,var(--color-device-tile-a),var(--color-device-tile-b))}.stroke-domain-ink{stroke:var(--r-domain-ink,var(--r-ink))}.stroke-spark{stroke:var(--r-spark)}.stroke-surface{stroke:var(--r-surface)}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[max\(0\.75rem\,env\(safe-area-inset-left\)\)\]{padding-inline:max(.75rem, env(safe-area-inset-left))}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-\[max\(0\.5rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(.5rem, env(safe-area-inset-top))}.pt-\[max\(1rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(1rem, env(safe-area-inset-top))}.pt-\[max\(3rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(3rem, env(safe-area-inset-top))}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.25rem, env(safe-area-inset-bottom))}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-heading{font-family:var(--font-heading)}.font-text{font-family:var(--font-text)}.text-display{font-size:var(--text-display);line-height:var(--tw-leading,var(--text-display--line-height));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing))}.text-title{font-size:var(--text-title);line-height:var(--tw-leading,var(--text-title--line-height));letter-spacing:var(--tw-tracking,var(--text-title--letter-spacing))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height))}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-heading{font-size:var(--text-heading);line-height:var(--tw-leading,var(--text-heading--line-height))}.text-\[4\.5rem\]{font-size:4.5rem}.text-\[5rem\]{font-size:5rem}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-correct{color:var(--r-correct)}.text-domain-ink{color:var(--r-domain-ink,var(--r-ink))}.text-ink{color:var(--r-ink)}.text-ink-2{color:var(--r-ink-2)}.text-ink-3{color:var(--r-ink-3)}.text-notquite{color:var(--r-notquite)}.text-on-correct{color:var(--r-on-correct)}.text-on-notquite{color:var(--r-on-notquite)}.text-on-primary{color:var(--r-on-primary)}.text-on-spark{color:var(--r-on-spark)}.text-spark{color:var(--r-spark)}.text-surface{color:var(--r-surface)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.accent-domain-ink{accent-color:var(--r-domain-ink,var(--r-ink))}.accent-ink{accent-color:var(--r-ink)}.opacity-40{opacity:.4}.shadow-\[0_1px_0_var\(--r-line-strong\)\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,var(--r-line-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-press{--tw-shadow:0 3px 0 var(--tw-shadow-color,var(--r-press));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sheet{--tw-shadow:0 -10px 30px var(--tw-shadow-color,var(--r-sheet-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-ink{--tw-ring-color:var(--r-ink)}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.-outline-offset-3{outline-offset:calc(3px * -1)}.outline-offset-2{outline-offset:2px}.outline-ink{outline-color:var(--r-ink)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,box-shadow\]{transition-property:translate,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-ink-3::placeholder{color:var(--r-ink-3)}@media (hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[var\(--color-signal-brass-400\)\]:hover{border-color:var(--color-signal-brass-400)}.hover\:bg-surface-sunken:hover{background-color:var(--r-surface-sunken)}.hover\:text-ink:hover{color:var(--r-ink)}.hover\:shadow-\[0_0_0_1px_rgba\(232\,184\,106\,0\.25\)\,0_18px_40px_-22px_rgba\(232\,184\,106\,0\.55\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#e8b86a40), 0 18px 40px -22px var(--tw-shadow-color,#e8b86a8c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:outline-2:hover{outline-style:var(--tw-outline-style);outline-width:2px}.hover\:outline-line-strong:hover{outline-color:var(--r-line-strong)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-20:focus-visible{z-index:20}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:var(--r-focus)}.active\:translate-y-0\.5:active{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-45:disabled{opacity:.45}@media (width>=40rem){.sm\:size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}}@media (prefers-reduced-motion:reduce){.still\:transition-none{transition-property:none}}.still\:transition-none:where([data-calm],[data-calm] *){transition-property:none}@media (prefers-reduced-motion:reduce){.still\:active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.still\:active\:translate-y-0:where([data-calm],[data-calm] *):active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}:root,[data-theme]{--r-ground:var(--lightningcss-light,#f6f6f3)var(--lightningcss-dark,#121317);--r-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1e24);--r-surface-sunken:var(--lightningcss-light,#ecece7)var(--lightningcss-dark,#0d0e11);--r-line:var(--lightningcss-light,#e2e2dc)var(--lightningcss-dark,#2a2d35);--r-line-strong:var(--lightningcss-light,#8a8f99)var(--lightningcss-dark,#6b707c);--r-ink:var(--lightningcss-light,#1a1c22)var(--lightningcss-dark,#f1f1ee);--r-ink-2:var(--lightningcss-light,#555a66)var(--lightningcss-dark,#b3b7c1);--r-ink-3:var(--lightningcss-light,#636874)var(--lightningcss-dark,#9095a1);--r-primary:var(--lightningcss-light,#1a1c22)var(--lightningcss-dark,#f1f1ee);--r-on-primary:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121317);--r-spark:var(--lightningcss-light,#ffc845)var(--lightningcss-dark,#ffc845);--r-on-spark:var(--lightningcss-light,#1a1c22)var(--lightningcss-dark,#121317);--r-spark-soft:var(--lightningcss-light,#fff3d1)var(--lightningcss-dark,#33290f);--r-focus:var(--lightningcss-light,#1f6fd1)var(--lightningcss-dark,#7db6ff);--r-correct:var(--lightningcss-light,#0b5cb0)var(--lightningcss-dark,#7db6ff);--r-correct-fill:var(--lightningcss-light,#1f6fd1)var(--lightningcss-dark,#66a8ff);--r-on-correct:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0e1420);--r-correct-soft:var(--lightningcss-light,#e6f0fc)var(--lightningcss-dark,#14253b);--r-notquite:var(--lightningcss-light,#9a4700)var(--lightningcss-dark,#ffaa60);--r-notquite-fill:var(--lightningcss-light,#f28c28)var(--lightningcss-dark,#ff9b45);--r-on-notquite:var(--lightningcss-light,#1a1c22)var(--lightningcss-dark,#121317);--r-notquite-soft:var(--lightningcss-light,#fff0e0)var(--lightningcss-dark,#3a2410);--r-timing-soft:var(--lightningcss-light,#ffe8c7)var(--lightningcss-dark,#3a2a14);--r-timing-ink:var(--lightningcss-light,#8a4b00)var(--lightningcss-dark,#ffc37a);--r-pitch-soft:var(--lightningcss-light,#e0e5ff)var(--lightningcss-dark,#1e2547);--r-pitch-ink:var(--lightningcss-light,#2e3f9e)var(--lightningcss-dark,#afbcff);--r-ear-soft:var(--lightningcss-light,#f3e2f8)var(--lightningcss-dark,#33203d);--r-ear-ink:var(--lightningcss-light,#6e2f86)var(--lightningcss-dark,#e3b2f2);--r-bpm-soft:var(--lightningcss-light,#daf2dc)var(--lightningcss-dark,#183320);--r-bpm-ink:var(--lightningcss-light,#23662b)var(--lightningcss-dark,#94de9a);--r-english-soft:var(--lightningcss-light,#ffe0e7)var(--lightningcss-dark,#3d1c25);--r-english-ink:var(--lightningcss-light,#9a2443)var(--lightningcss-dark,#ffafc1);--r-finance-soft:var(--lightningcss-light,#ebf0d2)var(--lightningcss-dark,#2a3014);--r-finance-ink:var(--lightningcss-light,#4c5a12)var(--lightningcss-dark,#cfe08f);--r-press:var(--lightningcss-light,#d2d2ca)var(--lightningcss-dark,#08090b);--r-sheet-shadow:var(--lightningcss-light,#1a1c221a)var(--lightningcss-dark,#00000073)}:root[data-theme=light],[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark],[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-domain=timing]{--r-domain-soft:var(--r-timing-soft);--r-domain-ink:var(--r-timing-ink)}[data-domain=pitch]{--r-domain-soft:var(--r-pitch-soft);--r-domain-ink:var(--r-pitch-ink)}[data-domain=ear]{--r-domain-soft:var(--r-ear-soft);--r-domain-ink:var(--r-ear-ink)}[data-domain=bpm]{--r-domain-soft:var(--r-bpm-soft);--r-domain-ink:var(--r-bpm-ink)}[data-domain=english]{--r-domain-soft:var(--r-english-soft);--r-domain-ink:var(--r-english-ink)}[data-domain=finance]{--r-domain-soft:var(--r-finance-soft);--r-domain-ink:var(--r-finance-ink)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--r-ground);color:var(--r-ink);font-family:var(--font-text)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{min-height:100svh}body{background:var(--r-ground);margin:0}::selection{background:var(--r-spark);color:var(--r-on-spark)}html,body{overscroll-behavior:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}