@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap";@layer reset{html,:host{--font-fallback:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::placeholder{--placeholder-fallback:#00000080;opacity:1;color:var(--global-color-placeholder,var(--placeholder-fallback))}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{--placeholder-fallback:color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection,#0073ff4d)}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono,var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda:"🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--rotate-x:0;--rotate-y:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}}@layer tokens{:where(:root,:host){--colors-bg:#121414;--colors-bg-deep:#0c0f0f;--colors-surface:#1e2020;--colors-surface-low:#1a1c1c;--colors-surface-high:#282a2b;--colors-surface-bright:#37393a;--colors-text:#e2e2e2;--colors-text-variant:#d1c5b6;--colors-muted:#9a8f82;--colors-border:#4e453a;--colors-border-subtle:#ffffff0d;--colors-border-glass:#ffffff1a;--colors-primary:#e6c189;--colors-primary-container:#8a6c3c;--colors-on-primary:#422c02;--colors-primary-hover:#d4a96a;--colors-secondary:#bec7d6;--colors-secondary-container:#3e4754;--colors-on-secondary:#28313d;--colors-success:#4caf50;--colors-success-bright:#22c55e;--colors-warning:#ff9800;--colors-error:#ffb4ab;--colors-error-container:#93000a;--colors-accent-red:#e05470;--colors-accent-red-dim:#e0547040;--colors-on-primary-dark:#281900;--colors-piano-white:#323434;--colors-piano-white-dim:#3a3c3c;--colors-piano-white-grad:#2a2c2c;--colors-piano-white-avail-grad:#262828;--colors-piano-black:#101313;--colors-piano-black-dim:#050707;--colors-piano-label:#d1c5b673;--colors-piano-label-active:#d1c5b6d9;--colors-piano-label-black:#e6c18980;--colors-piano-hover-border:#e6c18959;--colors-white:#fff;--radii-sm:.125rem;--radii-md:.375rem;--radii-lg:.5rem;--radii-xl:.75rem;--radii-full:9999px;--fonts-heading:"Manrope", system-ui, sans-serif;--fonts-body:"Inter", system-ui, sans-serif;--fonts-music:"Bravura", "Academico", serif;--font-sizes-xs:.75rem;--font-sizes-sm:.875rem;--font-sizes-md:1rem;--font-sizes-lg:1.125rem;--font-sizes-xl:1.5rem;--font-sizes-2xl:2rem;--font-sizes-3xl:2.5rem;--font-weights-normal:400;--font-weights-semi:600;--font-weights-bold:700;--font-weights-xbold:800;--letter-spacings-tight:-.02em;--letter-spacings-normal:0;--letter-spacings-wide:.05em;--letter-spacings-wider:.08em;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-20:5rem;--durations-fast:.1s;--durations-base:.15s;--durations-slow:.6s;--breakpoints-sm:640px;--breakpoints-md:768px;--breakpoints-lg:1024px;--breakpoints-xl:1280px;--breakpoints-2xl:1536px;--sizes-breakpoint-sm:640px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:1024px;--sizes-breakpoint-xl:1280px;--sizes-breakpoint-2xl:1536px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}}@layer recipes{@layer _base{.tag{padding-inline:var(--spacing-2);border-radius:var(--radii-full);font-size:var(--font-sizes-xs);letter-spacing:var(--letter-spacings-wide);font-weight:var(--font-weights-semi);padding-block:0}.tag,.btn{font-family:var(--fonts-body);display:inline-flex}.btn{border-radius:var(--radii-md);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s}.btn:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.4;cursor:not-allowed}}.tag--status_ok{color:var(--colors-success);background:#4caf5026}.tag--status_err{color:var(--colors-error);background:#93000a40}.btn--visual_secondary{border-style:solid;border-width:1px;border-color:var(--colors-border-glass);color:var(--colors-text);background:0 0}.btn--visual_secondary:is(:hover,[data-hover]){border-color:var(--colors-primary);color:var(--colors-primary)}.btn--size_md{padding-inline:var(--spacing-4);padding-block:var(--spacing-2);border-radius:var(--radii-md);font-size:var(--font-sizes-md)}.btn--visual_primary{background:var(--colors-primary-container);color:var(--colors-primary);font-weight:var(--font-weights-semi);border:none}.btn--visual_primary:is(:hover,[data-hover]){background:var(--colors-primary-hover);color:var(--colors-on-primary)}.btn--visual_primary:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover]){background:var(--colors-primary-container)}.btn--visual_toggle{background:var(--colors-surface-low);border-style:solid;border-width:1px;border-color:var(--colors-border);color:var(--colors-text-variant)}.btn--visual_toggle:is(:hover,[data-hover]){border-color:var(--colors-primary);color:var(--colors-primary)}.btn--visual_ghost{border-style:solid;border-width:1px;border-color:var(--colors-border-subtle);color:var(--colors-muted);background:0 0}.btn--visual_ghost:is(:hover,[data-hover]){border-color:var(--colors-border);color:var(--colors-text-variant)}.btn--visual_play{background:var(--colors-primary-container);color:var(--colors-primary);font-weight:var(--font-weights-semi);border:none;flex:1}.btn--visual_play:is(:hover,[data-hover]){background:var(--colors-primary-hover);color:var(--colors-on-primary)}.btn--visual_play:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover]){background:var(--colors-primary-container)}.btn--visual_stop{background:var(--colors-surface-high);color:var(--colors-text-variant);font-weight:var(--font-weights-semi);border:none;flex:1}.btn--visual_figure{background:var(--colors-surface-low);border-style:solid;border-width:2px;border-color:var(--colors-border);color:var(--colors-text-variant);font-family:var(--fonts-music);overflow:hidden}.btn--visual_figure:is(:hover,[data-hover]){border-color:var(--colors-primary);color:var(--colors-primary)}.btn--size_sm{padding-inline:var(--spacing-3);padding-block:var(--spacing-1);border-radius:var(--radii-md);font-size:var(--font-sizes-sm)}.btn--size_lg{padding-inline:var(--spacing-6);padding-block:var(--spacing-3);border-radius:var(--radii-lg);font-size:var(--font-sizes-lg)}.btn--size_icon{padding:var(--spacing-2);border-radius:var(--radii-md);width:56px;height:56px;font-size:1.4rem;line-height:1}.btn--active_true{background:var(--colors-primary-container);border-color:var(--colors-primary);color:var(--colors-primary)}}@layer utilities{.m_0_auto{margin:0 auto}.m_0_0_0\.5rem{margin:0 0 .5rem}.bg_rgba\(255\,255\,255\,0\.05\){background:#ffffff0d}.p_0\.2rem{padding:.2rem}.bd_none{border:none}.bg_transparent{background:0 0}.bg_rgba\(230\,193\,137\,0\.2\){background:#e6c18933}.bg_linear-gradient\(to_right\,_\{colors\.primaryContainer\}\,_\{colors\.primary\}\){background:linear-gradient(to right, var(--colors-primary-container), var(--colors-primary))}.bd_1px_solid_rgba\(255\,222\,174\,0\.5\){border:1px solid #ffdeae80}.bg_surfaceLow{background:var(--colors-surface-low)}.p_6{padding:var(--spacing-6)}.bg_\#1A232E{background:#1a232e}.bg_rgba\(12\,15\,15\,0\.82\){background:#0c0f0fd1}.bg_bgDeep{background:var(--colors-bg-deep)}.bg_rgba\(13\,20\,28\,0\.8\){background:#0d141ccc}.bd_1px_solid{border:1px solid}.bg_rgba\(18\,20\,20\,0\.6\){background:#12141499}.p_0{padding:0}.bg_rgba\(138\,108\,60\,0\.25\){background:#8a6c3c40}.bg_rgba\(26\,28\,28\,0\.8\){background:#1a1c1ccc}.bg_rgba\(255\,255\,255\,0\.08\){background:#ffffff14}.bg_rgba\(26\,28\,28\,0\.65\){background:#1a1c1ca6}.p_5{padding:var(--spacing-5)}.bg_surface{background:var(--colors-surface)}.bg_rgba\(255\,255\,255\,0\.04\){background:#ffffff0a}.p_1{padding:var(--spacing-1)}.bg_rgba\(230\,193\,137\,0\.18\){background:#e6c1892e}.m_0{margin:0}.bg_linear-gradient\(180deg\,_token\(colors\.pianoWhiteDim\)_0\%\,_token\(colors\.pianoWhiteGrad\)_100\%\){background:linear-gradient(180deg, var(--colors-piano-white-dim) 0%, var(--colors-piano-white-grad) 100%)}.bg_linear-gradient\(180deg\,_token\(colors\.pianoBlack\)_0\%\,_token\(colors\.pianoBlackDim\)_100\%\){background:linear-gradient(180deg, var(--colors-piano-black) 0%, var(--colors-piano-black-dim) 100%)}.bg_linear-gradient\(180deg\,_token\(colors\.pianoWhite\)_0\%\,_token\(colors\.pianoWhiteAvailGrad\)_100\%\){background:linear-gradient(180deg, var(--colors-piano-white) 0%, var(--colors-piano-white-avail-grad) 100%)}.bg_border{background:var(--colors-border)}.bg_primary{background:var(--colors-primary)}.bg_rgba\(138\,108\,60\,0\.18\){background:#8a6c3c2e}.bg_rgba\(255\,255\,255\,0\.1\){background:#ffffff1a}.bg_primaryContainer{background:var(--colors-primary-container)}.bg_rgba\(255\,255\,255\,0\.03\){background:#ffffff08}.bg_rgba\(26\,28\,28\,0\.6\){background:#1a1c1c99}.inset_0{inset:0}.bg_rgba\(0\,0\,0\,0\.3\){background:#0000004d}.bg_rgba\(230\,193\,137\,0\.3\){background:#e6c1894d}.bg_rgba\(230\,193\,137\,0\.04\){background:#e6c1890a}.bg_rgba\(224\,84\,112\,0\.14\){background:#e0547024}.mx_auto{margin-inline:auto}.gap_4{gap:var(--spacing-4)}.gap_1{gap:var(--spacing-1)}.gap_8px{gap:8px}.gap_3{gap:var(--spacing-3)}.gap_6{gap:var(--spacing-6)}.px_6{padding-inline:var(--spacing-6)}.gap_8{gap:var(--spacing-8)}.gap_2{gap:var(--spacing-2)}.gap_0\.2rem{gap:.2rem}.bdr_md{border-radius:var(--radii-md)}.py_0\.2rem{padding-block:.2rem}.px_0\.65rem{padding-inline:.65rem}.bdr_sm{border-radius:var(--radii-sm)}.trs_all_0\.2s{transition:all .2s}.gap_0\.4rem{gap:.4rem}.py_0\.1rem{padding-block:.1rem}.py_0\.9rem{padding-block:.9rem}.px_3rem{padding-inline:3rem}.bdr_full{border-radius:var(--radii-full)}.trs_box-shadow_0\.3s\,_transform_0\.3s{transition:box-shadow .3s,transform .3s}.bd-w_1px{border-width:1px}.border-style_solid{border-style:solid}.bd-c_borderSubtle{border-color:var(--colors-border-subtle)}.bdr_xl{border-radius:var(--radii-xl)}.px_4{padding-inline:var(--spacing-4)}.py_1{padding-block:var(--spacing-1)}.ov_hidden{overflow:hidden}.py_2{padding-block:var(--spacing-2)}.bdr_lg{border-radius:var(--radii-lg)}.py_3{padding-block:var(--spacing-3)}.bd-b_1px_solid{border-bottom:1px solid}.bd-c_rgba\(230\,193\,137\,0\.2\){border-color:#e6c18933}.py_0\.3rem{padding-block:.3rem}.px_0\.9rem{padding-inline:.9rem}.py_0\.4rem{padding-block:.4rem}.px_5{padding-inline:var(--spacing-5)}.bd-c_rgba\(255\,255\,255\,0\.04\){border-color:#ffffff0a}.gap_0\.35rem{gap:.35rem}.gap_2px{gap:2px}.bd-l_1px_solid{border-left:1px solid}.bd-c_rgba\(230\,193\,137\,0\.15\){border-color:#e6c18926}.trs_all_0\.15s{transition:all .15s}.bd-c_rgba\(230\,193\,137\,0\.5\){border-color:#e6c18980}.py_0\.45rem{padding-block:.45rem}.px_1\.1rem{padding-inline:1.1rem}.bd-c_rgba\(255\,255\,255\,0\.06\){border-color:#ffffff0f}.bd-c_rgba\(230\,193\,137\,0\.3\){border-color:#e6c1894d}.bd-c_accentRedDim{border-color:var(--colors-accent-red-dim)}.px_0\.75rem{padding-inline:.75rem}.flex_1{flex:1}.px_10{padding-inline:10px}.ov_visible{overflow:visible}.bd-c_rgba\(230\,193\,137\,0\.1\){border-color:#e6c1891a}.bd-c_rgba\(230\,193\,137\,0\.22\){border-color:#e6c18938}.gap_0{gap:0}.bd-c_border{border-color:var(--colors-border)}.gap_5{gap:var(--spacing-5)}.px_0\.7rem{padding-inline:.7rem}.bd-c_rgba\(255\,255\,255\,0\.1\){border-color:#ffffff1a}.bd-t_none{border-top:none}.trs_all_0\.12s{transition:all .12s}.bd-c_rgba\(255\,255\,255\,0\.07\){border-color:#ffffff12}.bdr_0_0_8px_8px{border-radius:0 0 8px 8px}.bdr_0_0_5px_5px{border-radius:0 0 5px 5px}.trs_all_0\.1s{transition:all .1s}.px_3{padding-inline:var(--spacing-3)}.trs_width_\{durations\.slow\}_ease{transition:width var(--durations-slow) ease}.ring_none{outline-offset:2px;outline:2px solid #0000}.trs_border-color_0\.2s{transition:border-color .2s}.gap_0\.3rem{gap:.3rem}.px_0\.85rem{padding-inline:.85rem}.bd-c_rgba\(255\,255\,255\,0\.08\){border-color:#ffffff14}.bd-c_rgba\(230\,193\,137\,0\.4\){border-color:#e6c18966}.bd-c_rgba\(34\,197\,94\,0\.35\){border-color:#22c55e59}.trs_background_0\.3s{transition:background .3s}.gap_0\.65rem{gap:.65rem}.bd-t_1px_solid{border-top:1px solid}.px_0\.4rem{padding-inline:.4rem}.trs_all_0\.22s{transition:all .22s}.bd-c_rgba\(230\,193\,137\,0\.35\){border-color:#e6c18959}.gap_0\.1rem{gap:.1rem}.trs_opacity_0\.2s{transition:opacity .2s}.bd-c_rgba\(255\,255\,255\,0\.05\){border-color:#ffffff0d}.py_0\.875rem{padding-block:.875rem}.gap_0\.6rem{gap:.6rem}.gap_0\.45rem{gap:.45rem}.py_0\.28rem{padding-block:.28rem}.px_0\.5rem{padding-inline:.5rem}.py_0\.12rem{padding-block:.12rem}.bd-c_rgba\(230\,193\,137\,0\.18\){border-color:#e6c1892e}.trs_background_0\.15s{transition:background .15s}.d_flex{display:flex}.ai_center{align-items:center}.flex-d_column{flex-direction:column}.ai_flex-end{align-items:flex-end}.jc_space-between{justify-content:space-between}.flex-d_row{flex-direction:row}.flex-wrap_wrap{flex-wrap:wrap}.d_grid{display:grid}.grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(1,minmax(0,1fr))}.ta_center{text-align:center}.ff_heading{font-family:var(--fonts-heading)}.fs_2xl{font-size:var(--font-sizes-2xl)}.fw_xbold{font-weight:var(--font-weights-xbold)}.c_text{color:var(--colors-text)}.ls_tight{letter-spacing:var(--letter-spacings-tight)}.c_textVariant{color:var(--colors-text-variant)}.fs_md{font-size:var(--font-sizes-md)}.lh_1\.6{line-height:1.6}.ai_stretch{align-items:stretch}.fs_0\.8rem{font-size:.8rem}.fw_semi{font-weight:var(--font-weights-semi)}.cursor_pointer{cursor:pointer}.c_primary{color:var(--colors-primary)}.grid-tc_1fr{grid-template-columns:1fr}.fs_sm{font-size:var(--font-sizes-sm)}.jc_center{justify-content:center}.c_onPrimary{color:var(--colors-on-primary)}.fs_lg{font-size:var(--font-sizes-lg)}.fw_bold{font-weight:var(--font-weights-bold)}.bx-sh_0_0_40px_rgba\(230\,193\,137\,0\.25\){box-shadow:0 0 40px #e6c18940}.fs_3xl{font-size:var(--font-sizes-3xl)}.lh_1\.2{line-height:1.2}.c_secondary{color:var(--colors-secondary)}.c_muted{color:var(--colors-muted)}.fs_xs{font-size:var(--font-sizes-xs)}.pos_relative{position:relative}.bx-sh_inset_0_0_80px_rgba\(0\,0\,0\,0\.5\){box-shadow:inset 0 0 80px #00000080}.pos_absolute{position:absolute}.bkdp_blur\(12px\){-webkit-backdrop-filter:blur(12px)}.bg-i_radial-gradient\(circle_at_75\%_15\%\,_rgba\(138\,108\,60\,0\.12\)_0\%\,_transparent_50\%\){background-image:radial-gradient(circle at 75% 15%,#8a6c3c1f 0%,#0000 50%)}.bkdp_blur\(16px\){-webkit-backdrop-filter:blur(16px)}.flex-sh_0{flex-shrink:0}.z_50{z-index:50}.c_primaryContainer{color:var(--colors-primary-container)}.fs_0\.78rem{font-size:.78rem}.white-space_nowrap{white-space:nowrap}.jc_flex-end{justify-content:flex-end}.c_rgba\(230\,193\,137\,0\.45\){color:#e6c18973}.fs_11px{font-size:11px}.lh_1{line-height:1}.bkdp_blur\(8px\){-webkit-backdrop-filter:blur(8px)}.bx-sh_0_0_16px_rgba\(138\,108\,60\,0\.2\){box-shadow:0 0 16px #8a6c3c33}.c_accentRed{color:var(--colors-accent-red)}.bx-sh_0_0_12px_rgba\(224\,84\,112\,0\.2\){box-shadow:0 0 12px #e0547033}.bx-sh_0_0_20px_rgba\(138\,108\,60\,0\.3\){box-shadow:0 0 20px #8a6c3c4d}.fs_1\.2rem{font-size:1.2rem}.trf_perspective\(800px\)_rotateX\(20deg\)_scale\(1\.1\){transform:perspective(800px)rotateX(20deg)scale(1.1)}.filter_drop-shadow\(0_40px_60px_rgba\(0\,0\,0\,0\.9\)\){filter:drop-shadow(0 40px 60px #000000e6)}.trf-o_center_60\%{transform-origin:50% 60%}.fs_0\.9rem{font-size:.9rem}.fs_0\.4rem{font-size:.4rem}.c_successBright{color:var(--colors-success-bright)}.font-style_italic{font-style:italic}.bkdp_blur\(20px\){-webkit-backdrop-filter:blur(20px)}.bx-sh_0_4px_24px_-4px_rgba\(0\,0\,0\,0\.5\){box-shadow:0 4px 24px -4px #00000080}.bx-sh_0_8px_32px_-8px_rgba\(0\,0\,0\,0\.6\)\,_0_0_24px_rgba\(138\,108\,60\,0\.14\){box-shadow:0 8px 32px -8px #0009,0 0 24px #8a6c3c24}.bkdp_none{-webkit-backdrop-filter:none}.bx-sh_none{box-shadow:none}.c_rgba\(209\,197\,182\,0\.9\){color:#d1c5b6e6}.tt_uppercase{text-transform:uppercase}.ff_body{font-family:var(--fonts-body)}.ls_wide{letter-spacing:var(--letter-spacings-wide)}.fs_0\.68rem{font-size:.68rem}.fs_0\.65rem{font-size:.65rem}.ls_0\.08em{letter-spacing:.08em}.ls_0\.09em{letter-spacing:.09em}.ls_0\.1em{letter-spacing:.1em}.cursor_not-allowed{cursor:not-allowed}.bx-sh_inset_0_2px_4px_rgba\(255\,255\,255\,0\.05\)\,_0_4px_10px_rgba\(0\,0\,0\,0\.5\){box-shadow:inset 0 2px 4px #ffffff0d,0 4px 10px #00000080}.bx-sh_inset_0_2px_4px_rgba\(255\,255\,255\,0\.08\)\,_0_8px_16px_rgba\(0\,0\,0\,0\.9\)\,_inset_0_-2px_4px_rgba\(0\,0\,0\,0\.5\){box-shadow:inset 0 2px 4px #ffffff14,0 8px 16px #000000e6,inset 0 -2px 4px #00000080}.z_10{z-index:10}.op_0\.4{opacity:.4}.cursor_default{cursor:default}.pointer-events_none{pointer-events:none}.us_none{-webkit-user-select:none;user-select:none}.fw_semibold{font-weight:semibold}.c_pianoLabel{color:var(--colors-piano-label)}.fs_8px{font-size:8px}.c_pianoLabelBlack{color:var(--colors-piano-label-black)}.c_pianoLabelActive{color:var(--colors-piano-label-active)}.tsh_0_0_8px_rgba\(209\,197\,182\,0\.3\){text-shadow:0 0 8px #d1c5b64d}.d_inline-flex{display:inline-flex}.c_rgba\(209\,197\,182\,0\.5\){color:#d1c5b680}.bx-sh_0_-16px_32px_rgba\(0\,0\,0\,0\.7\){box-shadow:0 -16px 32px #000000b3}.fs_0\.72rem{font-size:.72rem}.c_rgba\(209\,197\,182\,0\.4\){color:#d1c5b666}.bx-sh_0_0_18px_rgba\(138\,108\,60\,0\.2\){box-shadow:0 0 18px #8a6c3c33}.trf_translateY\(-1px\){transform:translateY(-1px)}.tch-a_none{touch-action:none}.cursor_grab{cursor:grab}.fs_1\.6rem{font-size:1.6rem}.fs_0\.6rem{font-size:.6rem}.fw_500{font-weight:500}.fs_0\.55rem{font-size:.55rem}.ls_0\.06em{letter-spacing:.06em}.d_block{display:block}.fs_0\.66rem{font-size:.66rem}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.z_1{z-index:1}.w_100\%{width:100%}.max-w_1100px{max-width:1100px}.mt_1{margin-top:var(--spacing-1)}.ov-x_auto{overflow-x:auto}.max-w_1000px{max-width:1000px}.pt_8{padding-top:var(--spacing-8)}.pb_12{padding-bottom:var(--spacing-12)}.max-w_560px{max-width:560px}.pt_2{padding-top:var(--spacing-2)}.min-h_120px{min-height:120px}.bottom_3{bottom:var(--spacing-3)}.right_3{right:var(--spacing-3)}.h_100svh{height:100svh}.ml_2{margin-left:var(--spacing-2)}.pl_2{padding-left:var(--spacing-2)}.w_22px{width:22px}.h_22px{height:22px}.w_1px{width:1px}.h_24px{height:24px}.pb_4{padding-bottom:var(--spacing-4)}.min-h_0{min-height:0}.max-w_960px{max-width:960px}.pt_3{padding-top:var(--spacing-3)}.pb_6{padding-bottom:var(--spacing-6)}.bd-t-c_rgba\(230\,193\,137\,0\.2\){border-top-color:#e6c18933}.min-h_200px{min-height:200px}.w_42px{width:42px}.h_58px{height:58px}.min-w_0{min-width:0}.h_100\%{height:100%}.pb_10px{padding-bottom:10px}.top_0{top:0}.w_8\.57\%{width:8.57%}.h_62\%{height:62%}.pb_6px{padding-bottom:6px}.h_8px{height:8px}.w_44px{width:44px}.bd-b-w_1px{border-bottom-width:1px}.h_120px{height:120px}.h_188px{height:188px}.pb_0{padding-bottom:0}.min-h_74px{min-height:74px}.w_130px{width:130px}.h_130px{height:130px}.mt_3{margin-top:var(--spacing-3)}.w_26px{width:26px}.h_26px{height:26px}.min-w_1\.25rem{min-width:1.25rem}.w_1\.25rem{width:1.25rem}.h_2px{height:2px}.\[\&\:\:after\]\:bg_white:after{background:var(--colors-white)}.\[\&\:\:after\]\:bg_primary:after{background:var(--colors-primary)}.\[\&_\>_\*\]\:flex_1_1_0>*{flex:1 1 0}.\[\&\:\:after\]\:bdr_full:after{border-radius:var(--radii-full)}.\[\&\:\:after\]\:trs_left_0\.3s\,_background_0\.3s:after{transition:left .3s,background .3s}.\[\&_\>_\.oct-staff_\+_\.oct-staff\]\:bd-t_1px_solid_rgba\(230\,193\,137\,0\.1\)>.oct-staff+.oct-staff{border-top:1px solid #e6c1891a}.disabled\:op_0\.35:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.35}.disabled\:cursor_default:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:default}.\[\&_\>_svg\]\:d_block>svg{display:block}.\[\&\:\:after\]\:content_\"\":after{content:""}.\[\&\:\:after\]\:pos_absolute:after{position:absolute}.\[\&_\>_\*\]\:min-w_160px>*{min-width:160px}.\[\&_\>_svg\]\:w_100\%>svg{width:100%}.\[\&_\>_svg\]\:h_100\%>svg{height:100%}.\[\&\:\:after\]\:top_2px:after{top:2px}.\[\&\:\:after\]\:left_2px:after{left:2px}.\[\&\:\:after\]\:w_20px:after{width:20px}.\[\&\:\:after\]\:h_20px:after{height:20px}.\[\&\:\:after\]\:left_22px:after{left:22px}.\[\&_\>_\.oct-staff_\+_\.oct-staff\]\:mt_2px>.oct-staff+.oct-staff{margin-top:2px}.focus\:bd-c_primary:is(:focus,[data-focus]){border-color:var(--colors-primary)}.hover\:bg_rgba\(230\,193\,137\,0\.1\):is(:hover,[data-hover]){background:#e6c1891a}.hover\:bg_linear-gradient\(180deg\,_rgba\(138\,108\,60\,0\.35\)_0\%\,_token\(colors\.pianoBlackDim\)_100\%\):is(:hover,[data-hover]){background:linear-gradient(180deg, #8a6c3c59 0%, var(--colors-piano-black-dim) 100%)}.hover\:bg_linear-gradient\(180deg\,_rgba\(138\,108\,60\,0\.2\)_0\%\,_token\(colors\.pianoWhiteGrad\)_100\%\):is(:hover,[data-hover]){background:linear-gradient(180deg, #8a6c3c33 0%, var(--colors-piano-white-grad) 100%)}.hover\:bg_rgba\(138\,108\,60\,0\.25\):is(:hover,[data-hover]){background:#8a6c3c40}.hover\:bg_rgba\(230\,193\,137\,0\.18\):is(:hover,[data-hover]){background:#e6c1892e}.hover\:bd-c_rgba\(230\,193\,137\,0\.5\):is(:hover,[data-hover]){border-color:#e6c18980}.hover\:bd-c_rgba\(230\,193\,137\,0\.35\):is(:hover,[data-hover]){border-color:#e6c18959}.hover\:bd-c_rgba\(230\,193\,137\,0\.4\):is(:hover,[data-hover]){border-color:#e6c18966}.hover\:bd-c_token\(colors\.pianoHoverBorder\):is(:hover,[data-hover]){border-color:var(--colors-piano-hover-border)}.hover\:bd-c_rgba\(230\,193\,137\,0\.25\):is(:hover,[data-hover]){border-color:#e6c18940}.hover\:bd-c_primaryContainer:is(:hover,[data-hover]){border-color:var(--colors-primary-container)}.hover\:bx-sh_0_0_60px_rgba\(230\,193\,137\,0\.5\):is(:hover,[data-hover]){box-shadow:0 0 60px #e6c18980}.hover\:trf_translateY\(-2px\):is(:hover,[data-hover]){transform:translateY(-2px)}.hover\:c_primary:is(:hover,[data-hover]){color:var(--colors-primary)}.hover\:bx-sh_0_0_12px_rgba\(138\,108\,60\,0\.25\):is(:hover,[data-hover]){box-shadow:0 0 12px #8a6c3c40}.hover\:c_textVariant:is(:hover,[data-hover]){color:var(--colors-text-variant)}.hover\:bx-sh_0_0_14px_rgba\(138\,108\,60\,0\.3\)\,_inset_0_2px_4px_rgba\(255\,255\,255\,0\.1\):is(:hover,[data-hover]){box-shadow:0 0 14px #8a6c3c4d,inset 0 2px 4px #ffffff1a}.hover\:bx-sh_0_0_16px_rgba\(138\,108\,60\,0\.25\):is(:hover,[data-hover]){box-shadow:0 0 16px #8a6c3c40}.hover\:trf_translateY\(-1px\):is(:hover,[data-hover]){transform:translateY(-1px)}.active\:cursor_grabbing:is(:active,[data-active]){cursor:grabbing}@media screen and (width>=40rem){.sm\:grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}}@media screen and (width>=48rem){.md\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width>=64rem){.lg\:grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(4,minmax(0,1fr))}}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}body{color:#e2e2e2;background:#121414;min-height:100svh;margin:0}#app{flex-direction:column;width:100%;min-height:100svh;display:flex}p{margin:0}