@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--pr-font-sans);--default-mono-font-family:var(--font-mono)}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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}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:where(:not(iframe)){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}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{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}::-webkit-calendar-picker-indicator{line-height:1}:-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}:where(*){box-sizing:border-box}html{font-family:var(--pr-font-sans);scroll-padding-top:var(--pr-space-16)}body{background-color:var(--background);color:var(--foreground);font-family:var(--pr-font-sans);font-size:var(--pr-type-body-size);line-height:var(--pr-type-body-leading);font-weight:var(--pr-weight-regular);margin:0}:where(h1,h2,h3,p,figure,dl,dd,fieldset){margin:0}button,input,select,textarea{font:inherit}:where(a){color:var(--primary);text-underline-offset:.2em}:where(:focus-visible){outline:var(--pr-focus-width) solid var(--ring);outline-offset:var(--pr-focus-offset)}:where(button:disabled,input:disabled,select:disabled,textarea:disabled){cursor:not-allowed}:where([hidden]){display:none!important}h1{font-size:var(--pr-type-h1-size);line-height:var(--pr-type-h1-leading);font-weight:var(--pr-type-h1-weight);letter-spacing:var(--pr-type-h1-tracking)}h2{font-size:var(--pr-type-h2-size);line-height:var(--pr-type-h2-leading);font-weight:var(--pr-type-h2-weight);letter-spacing:var(--pr-type-h2-tracking)}h3{font-size:var(--pr-type-h3-size);line-height:var(--pr-type-h3-leading);font-weight:var(--pr-type-h3-weight);letter-spacing:var(--pr-type-h3-tracking)}}@layer components;@layer utilities{.container{width:100%}@media (min-width:22rem){.container{max-width:22rem}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:67rem){.container{max-width:67rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pr-32{padding-right:calc(var(--spacing) * 32)}.pr-40{padding-right:calc(var(--spacing) * 40)}.pr-48{padding-right:calc(var(--spacing) * 48)}.pr-64{padding-right:calc(var(--spacing) * 64)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pr-container{inline-size:min(var(--pr-container-page), calc(100% - 2 * var(--pr-page-gutter)));margin-inline:auto}.pr-reading-measure{max-inline-size:var(--pr-container-reading);min-inline-size:0}.pr-tool-copy-measure{max-inline-size:var(--pr-container-tool-copy);min-inline-size:0}.pr-section-rhythm{padding-block:var(--pr-section-padding)}.pr-flow>:where(*+*){margin-block-start:var(--pr-space-16)}.pr-control-hitbox{min-block-size:var(--pr-control-min-size);min-inline-size:var(--pr-control-min-size)}.pr-numeric{font-variant-numeric:tabular-nums}.pr-motion-color{transition-property:color,background-color,border-color;transition-duration:var(--pr-duration-fast);transition-timing-function:var(--pr-motion-ease)}.pr-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pr-type-label{font-size:var(--pr-type-label-size);line-height:var(--pr-type-label-leading);font-weight:var(--pr-type-label-weight);letter-spacing:var(--pr-type-label-tracking)}.pr-type-ui{font-size:var(--pr-type-ui-size);line-height:var(--pr-type-ui-leading);font-weight:var(--pr-type-ui-weight);letter-spacing:var(--pr-type-ui-tracking)}.pr-type-meta{font-size:var(--pr-type-meta-size);line-height:var(--pr-type-meta-leading);font-weight:var(--pr-type-meta-weight);letter-spacing:var(--pr-type-meta-tracking)}.pr-type-copy{font-size:var(--pr-type-copy-size);line-height:var(--pr-type-copy-leading);font-weight:var(--pr-type-copy-weight);letter-spacing:var(--pr-type-copy-tracking)}.pr-type-notes{font-size:var(--pr-type-notes-size);line-height:var(--pr-type-notes-leading);font-weight:var(--pr-type-notes-weight);letter-spacing:var(--pr-type-notes-tracking)}.pr-type-result{font-size:var(--pr-type-result-size);line-height:var(--pr-type-result-leading);font-weight:var(--pr-type-result-weight);letter-spacing:var(--pr-type-result-tracking)}.pr-type-formula{font-size:var(--pr-type-formula-size);line-height:var(--pr-type-formula-leading);font-weight:var(--pr-type-formula-weight);letter-spacing:var(--pr-type-formula-tracking)}.pr-type-key-label{font-size:var(--pr-type-key-label-size);line-height:var(--pr-type-key-label-leading);font-weight:var(--pr-type-key-label-weight);letter-spacing:var(--pr-type-key-label-tracking)}.pr-type-section-title{font-size:var(--pr-type-section-title-size);line-height:var(--pr-type-section-title-leading);font-weight:var(--pr-type-section-title-weight);letter-spacing:var(--pr-type-section-title-tracking)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#1d1d1f;--surface:#f6f7f9;--surface-foreground:#1d1d1f;--card:#f6f7f9;--card-foreground:#1d1d1f;--popover:#fff;--popover-foreground:#1d1d1f;--primary:#06c;--primary-foreground:#fff;--primary-hover:#0057ae;--secondary:#fff;--secondary-foreground:#1d1d1f;--secondary-hover:#e9edf3;--muted:#f6f7f9;--muted-foreground:#5c626b;--accent:#eaf2ff;--accent-foreground:#06c;--border:#e1e4e8;--input:#7a828e;--ring:#06c;--selected:#fff;--selected-foreground:#06c;--selected-border:#06c;--selected-hover:#eaf2ff;--control-track:#e9ebef;--control-hover:#f2f4f7;--control-pressed:#dce8f8;--disabled:#e8eaee;--disabled-foreground:#686f79;--error:#b42318;--destructive:#b42318;--destructive-foreground:#fff;--piano-key-white:#fff;--piano-key-black:#1d1d1f;--piano-key-border:#8b919a;--piano-note-selected:#eaf2ff;--piano-note-mark:#06c;--piano-note-sounding:#06c;--piano-note-sounding-mark:#fff;--piano-note-label:#5c626b;--piano-note-label-selected:#06c;--print-background:#fff;--print-foreground:#000;--print-key-black:#111;--print-key-border:#555;--print-divider:#888;--pr-font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pr-weight-regular:400;--pr-weight-label:450;--pr-weight-medium:500;--pr-weight-ui:550;--pr-weight-selected:600;--pr-weight-strong:650;--pr-weight-heading:700;--pr-weight-brand-observed:750;--pr-type-h1-size:1.875rem;--pr-type-h1-leading:1.2;--pr-type-h1-weight:700;--pr-type-h1-tracking:-.035em;--pr-type-h2-size:1.5rem;--pr-type-h2-leading:1.3333;--pr-type-h2-weight:650;--pr-type-h2-tracking:-.02em;--pr-type-section-title-size:1.5rem;--pr-type-section-title-leading:1.3333;--pr-type-section-title-weight:650;--pr-type-section-title-tracking:-.02em;--pr-type-h3-size:1.125rem;--pr-type-h3-leading:1.4;--pr-type-h3-weight:650;--pr-type-h3-tracking:0em;--pr-type-body-size:1rem;--pr-type-body-leading:1.625;--pr-type-body-weight:400;--pr-type-body-tracking:0em;--pr-type-copy-size:1rem;--pr-type-copy-leading:1.625;--pr-type-copy-weight:400;--pr-type-copy-tracking:0em;--pr-type-label-size:.875rem;--pr-type-label-leading:1.43;--pr-type-label-weight:450;--pr-type-label-tracking:0em;--pr-type-ui-size:.9375rem;--pr-type-ui-leading:1.333;--pr-type-ui-weight:550;--pr-type-ui-tracking:0em;--pr-type-meta-size:.8125rem;--pr-type-meta-leading:1.5;--pr-type-meta-weight:400;--pr-type-meta-tracking:0em;--pr-type-notes-size:1.75rem;--pr-type-notes-leading:1.2;--pr-type-notes-weight:650;--pr-type-notes-tracking:-.025em;--pr-type-result-size:1.375rem;--pr-type-result-leading:1.4;--pr-type-result-weight:650;--pr-type-result-tracking:-.025em;--pr-type-chord-size:1.5rem;--pr-type-chord-leading:1.2;--pr-type-chord-weight:650;--pr-type-chord-tracking:-.025em;--pr-type-formula-size:1.25rem;--pr-type-formula-leading:1.2;--pr-type-formula-weight:500;--pr-type-formula-tracking:-.025em;--pr-type-key-label-size:.875rem;--pr-type-key-label-leading:1.43;--pr-type-key-label-weight:400;--pr-type-key-label-tracking:0em;--pr-space-2:.125rem;--pr-space-4:.25rem;--pr-space-6:.375rem;--pr-space-8:.5rem;--pr-space-10:.625rem;--pr-space-12:.75rem;--pr-space-14:.875rem;--pr-space-16:1rem;--pr-space-20:1.25rem;--pr-space-24:1.5rem;--pr-space-32:2rem;--pr-space-40:2.5rem;--pr-space-48:3rem;--pr-space-64:4rem;--pr-container-tool:70rem;--pr-container-page:70rem;--pr-container-reading:72ch;--pr-container-tool-copy:65ch;--pr-control-min-size:2.75rem;--pr-control-icon-size:2.75rem;--pr-icon-small:1rem;--pr-icon-default:1.125rem;--pr-icon-large:1.25rem;--pr-border-width:1px;--pr-radius-control:.5rem;--pr-radius-panel:.75rem;--pr-radius-track:.625rem;--pr-radius-segment:.4375rem;--pr-radius-scroll:.25rem;--pr-radius-key:.1875rem;--pr-focus-width:2px;--pr-focus-offset:4px;--pr-focus-proxy-offset:3px;--pr-duration-fast:.12s;--pr-pressed-translate:1px;--pr-piano-min-width:33.75rem;--pr-piano-black-height:62%;--pr-piano-marker-size:.65rem;--pr-piano-sounding-line:3px;--pr-print-margin:16mm;--pr-print-body-size:12pt;--pr-print-heading-size:24pt;--pr-print-note-size:17pt;--pr-print-label-size:9pt;--pr-print-helper-size:10pt;--radius:var(--pr-radius-panel);--pr-shadow-surface:none;--pr-overlay:#1d1d1f59;--pr-motion-ease:ease;--pr-motion-enabled:1;--pr-page-gutter:1rem;--pr-tool-padding:1rem;--pr-section-padding:2rem;--pr-reading-gap:2rem;--pr-segment-min-height:2.875rem;--pr-piano-white-height:9rem;--pr-piano-marker-bottom:1rem;--pr-breakpoint-compact:22rem;--pr-breakpoint-tablet:48rem;--pr-breakpoint-wide:67rem;--pr-container-reflow:18rem}@media (min-width:48rem){:root{--pr-type-h1-size:2.25rem;--pr-type-h1-leading:1.2222;--pr-type-body-size:1.0625rem;--pr-type-body-leading:1.588;--pr-type-meta-size:.875rem;--pr-type-meta-leading:1.43;--pr-type-notes-size:2.125rem;--pr-type-result-size:1.5rem;--pr-type-chord-size:1.75rem;--pr-type-formula-size:1.5rem;--pr-page-gutter:2rem;--pr-tool-padding:1.5rem;--pr-section-padding:2.5rem;--pr-reading-gap:3rem;--pr-segment-min-height:2.75rem;--pr-piano-white-height:12.25rem;--pr-piano-marker-bottom:1.375rem}}@media (max-width:22rem){:root{--pr-type-section-title-size:1.375rem;--pr-type-notes-size:1.5rem;--pr-type-formula-size:1.125rem}}@media (prefers-reduced-motion:reduce){:root{--pr-duration-fast:0s;--pr-motion-enabled:0;--pr-pressed-translate:0px}@layer base{:where(html){scroll-behavior:auto!important}}.pr-motion-color,[data-pr-motion],[data-pr-motion]:before,[data-pr-motion]:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){@layer base{:where(:focus-visible){outline-color:highlight}}}@media print{@layer base{html,body{color:var(--print-foreground);background:var(--print-background);font-size:var(--pr-print-body-size)}}[data-pr-no-print]{display:none!important}}@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-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}