:root{--search-dropdown-width:13rem}.width.svelte-1fo6s1k{width:var(--search-dropdown-width)}.items-list.svelte-1fo6s1k{box-shadow:0 2px 6px 2px #3c404326}.open-btn.svelte-1fo6s1k{width:var(--search-dropdown-width)}.open-btn.svelte-1fo6s1k:disabled{cursor:initial;opacity:.5}.open-btn.svelte-1fo6s1k:disabled:hover{background-color:initial}.selected.svelte-1fo6s1k{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}.collapsed.svelte-8e2xsi{padding-block:calc(var(--spacing,.25rem)*.5)}.body.svelte-8e2xsi{grid-template-rows:auto;grid-template-columns:[col1]1fr[col2]1fr;gap:.25rem;display:grid}@media (max-width:600px){.body.svelte-8e2xsi{grid-template-columns:1fr}}.body.svelte-8e2xsi.hidden{display:none}.options.svelte-8e2xsi{--search-dropdown-width:13rem;grid-template-columns:1fr 3fr;display:grid}.options.svelte-8e2xsi>.input{margin-block:calc(var(--spacing,.25rem)*.5);margin-right:calc(var(--spacing,.25rem)*0)}@media not all and (max-width:600px){.options.svelte-8e2xsi{grid-column-end:span 2;display:flex}.options.svelte-8e2xsi>label:where(.svelte-8e2xsi),.options.svelte-8e2xsi>.input{margin-block:calc(var(--spacing,.25rem)*0);margin-right:calc(var(--spacing,.25rem)*4)}}.select-btn.svelte-8e2xsi:hover>div:where(.svelte-8e2xsi){background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}.chord-list.svelte-8e2xsi{grid-template-rows:auto;grid-template-columns:2fr 4fr 5fr;align-items:center;gap:.25rem;display:grid}.intervals.svelte-8e2xsi>span:where(.svelte-8e2xsi)+span:where(.svelte-8e2xsi):before{content:"-";font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));margin-inline:1px}.error.svelte-8e2xsi{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-red-500,oklch(63.7% .237 25.331))}.guessed.svelte-1uyuyqo{grid-template-rows:auto;grid-template-columns:1fr 1fr 2fr;gap:.25rem;display:grid}@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-border-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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}}}input[type=checkbox].svelte-gaoc8l{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-500,oklch(55.1% .027 264.364));background-color:#0000;place-content:center;display:grid;position:relative;transform:translateY(-.075em)}input[type=checkbox].svelte-gaoc8l:checked{border-color:var(--color-blue-500,oklch(62.3% .214 259.815));background-color:var(--color-blue-500,oklch(62.3% .214 259.815))}input[type=checkbox].svelte-gaoc8l:checked:before{transform:scale(1)}input[type=checkbox].svelte-gaoc8l:before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);content:"";transform-origin:0 100%;background-color:canvastext;background-color:var(--color-white,#fff);width:.65rem;height:.65rem;transition:transform .12s ease-in-out;transform:scale(0)}input[type=checkbox].svelte-gaoc8l:after{content:"";opacity:0;pointer-events:none;height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-shadow:0px 0px 0px 11px 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);transition-property:box-shadow .2s,transform .2s;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background:0 0;border-radius:3.40282e38px;position:absolute;top:-1px;left:-1px}input[type=checkbox].svelte-gaoc8l:focus-visible{--tw-outline-style:none;outline-style:none}input[type=checkbox].svelte-gaoc8l:focus-visible:after{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:.5}input[type=checkbox].svelte-gaoc8l:disabled{cursor:not-allowed}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.items-list.svelte-mdi0uo{box-shadow:0 2px 6px 2px #3c404326}.open-btn.svelte-mdi0uo.disabled{cursor:initial;opacity:.5}.open-btn.svelte-mdi0uo.disabled:hover{background-color:initial}.selected.svelte-mdi0uo{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}@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-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-duration:initial}}}.toggle.svelte-17epefe{border-radius:.25rem;width:40px;min-width:40px;height:22px;position:relative}.toggle.svelte-17epefe:focus-within{--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);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-blue-700,oklch(48.8% .243 264.376))}input.svelte-17epefe{height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000}input.svelte-17epefe:checked+.slider:where(.svelte-17epefe){background-color:var(--color-blue-500,oklch(62.3% .214 259.815))}input.svelte-17epefe:checked+.slider:where(.svelte-17epefe):before{transform:translate(110%)}.slider.svelte-17epefe{inset:calc(var(--spacing,.25rem)*0);cursor:pointer;background-color:var(--color-gray-300,oklch(87.2% .01 258.338));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:34px;transition-duration:.3s;position:absolute}.slider.svelte-17epefe:before{content:"";background-color:var(--color-white,#fff);width:16px;height:16px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:50%;transition-duration:.3s;position:absolute;bottom:3px;left:3px}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@media (max-width:656px){li.svelte-6jfa8w{font-size:12px}}li.svelte-6jfa8w.captured button:where(.svelte-6jfa8w){border:2px solid #015fcc}li.svelte-6jfa8w button:where(.svelte-6jfa8w){--tw-outline-style:none;border:2px solid #0000;outline-style:none}li.svelte-6jfa8w button:where(.svelte-6jfa8w):focus{border:2px solid #015fcc}li.svelte-6jfa8w button:where(.svelte-6jfa8w):focus-within .enter-part:where(.svelte-6jfa8w){color:red;border-top:2px solid #015fcc;border-bottom:2px solid #015fcc;border-left:2px solid #015fcc}li.svelte-6jfa8w button:where(.svelte-6jfa8w) .enter-part:where(.svelte-6jfa8w):after{content:" ";background-color:#ececf1;width:1px;height:3px;display:block;position:relative;bottom:-40px;right:-10px}li.svelte-6jfa8w button:where(.svelte-6jfa8w) .text:where(.svelte-6jfa8w){z-index:1}li.svelte-6jfa8w.size-1{grid-column:span 4}li.svelte-6jfa8w.size-1-5{grid-column:span 6}li.svelte-6jfa8w.size-1-7{grid-column:span 7}li.svelte-6jfa8w.size-2{grid-column:span 8}li.svelte-6jfa8w.size-2-2{grid-column:span 9}li.svelte-6jfa8w.size-2-5{grid-column:span 10}li.svelte-6jfa8w.size-3{grid-column:span 12}li.svelte-6jfa8w.enter{border-top-left-radius:0;grid-area:2/58/4/63}@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-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}}}ul.svelte-1s6t04c{height:calc(var(--spacing,.25rem)*48)}ul.svelte-1s6t04c li:where(.svelte-1s6t04c){--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);background-color:#ececf1;border-radius:.25rem;justify-content:center;align-items:center;margin:.175rem;display:flex}.options.svelte-1s6t04c{grid-template-columns:1fr 1fr 2fr;display:grid}@media (max-width:656px){.options.svelte-1s6t04c{grid-template-columns:1fr}}.keyboard.svelte-1s6t04c{grid-template-rows:auto;grid-template-columns:2fr repeat(61,1fr);display:grid}.collapsed.svelte-1eguhle{padding-block:calc(var(--spacing,.25rem)*.5)}.body.svelte-1eguhle{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;align-items:start;gap:.5rem;display:grid}@media (max-width:656px){.body.svelte-1eguhle{grid-template-columns:1fr 1fr}}@media (max-width:396px){.body.svelte-1eguhle{grid-template-columns:1fr}}.body.svelte-1eguhle.hidden{display:none}.error.svelte-1eguhle{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-red-500,oklch(63.7% .237 25.331))}ul.svelte-1685db2 li:where(.svelte-1685db2)+li:where(.svelte-1685db2){margin-top:calc(var(--spacing,.25rem)*1)}ul.svelte-t2nqed li:where(.svelte-t2nqed)+li:where(.svelte-t2nqed){margin-top:calc(var(--spacing,.25rem)*1)}ul.svelte-t2nqed .selected:where(.svelte-t2nqed){background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}.body.svelte-t2nqed{grid-template-rows:1fr 1fr;grid-template-columns:5fr 4fr 4fr;gap:.5rem;display:grid}.body.svelte-t2nqed .games:where(.svelte-t2nqed),.body.svelte-t2nqed .options:where(.svelte-t2nqed){grid-row-end:span 2}@media (max-width:475px){.body.svelte-t2nqed{grid-template-columns:1fr 1fr}}.buttons.svelte-t2nqed{grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:auto;align-items:center;display:grid}.error.svelte-t2nqed{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-red-500,oklch(63.7% .237 25.331))}.intervals.svelte-1cr0omy>span:where(.svelte-1cr0omy)+span:where(.svelte-1cr0omy):before{content:"-";font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));margin-inline:1px}.trichords.svelte-1931ow1>span:where(.svelte-1931ow1)+span:where(.svelte-1931ow1):before{content:"-";margin-inline:4px}.trichords.svelte-1931ow1 .super-text:where(.svelte-1931ow1){font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));top:-.3rem}.collapsed.svelte-19j85m9{padding-block:calc(var(--spacing,.25rem)*.5)}.body.svelte-19j85m9{grid-template-rows:auto;grid-template-columns:[col1]1fr[col2]1fr;gap:.25rem;display:grid}@media (max-width:600px){.body.svelte-19j85m9{grid-template-columns:1fr}.body.svelte-19j85m9>.split-list:where(.svelte-19j85m9){display:none}.body.svelte-19j85m9>.full-list:where(.svelte-19j85m9){display:flex}}.body.svelte-19j85m9.hidden{display:none}@media not all and (max-width:600px){.input.svelte-19j85m9{grid-column-end:span 2}}.list.svelte-19j85m9{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.list.svelte-19j85m9>li:where(.svelte-19j85m9){padding:calc(var(--spacing,.25rem)*1);border-radius:.25rem;grid-template-rows:auto;grid-template-columns:auto;align-items:center;display:grid}.list.svelte-19j85m9>li:where(.svelte-19j85m9)>.intervals{margin-top:calc(var(--spacing,.25rem)*.5)}.list.svelte-19j85m9.even>li:where(.svelte-19j85m9):nth-child(2n),.list.svelte-19j85m9.odd>li:where(.svelte-19j85m9):nth-child(odd){background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.full-list.svelte-19j85m9{display:none}.error.svelte-19j85m9{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-red-500,oklch(63.7% .237 25.331))}.collapsed.svelte-1nxknrd{height:calc(var(--spacing,.25rem)*8);padding-block:calc(var(--spacing,.25rem)*.5)}.options.svelte-1nxknrd{grid-template-rows:auto;grid-template-columns:1fr;gap:.5rem;display:grid}.options.svelte-1nxknrd .scale-dropdown:where(.svelte-1nxknrd){--search-dropdown-width:100%}@media (max-width:656px){.options.svelte-1nxknrd{grid-template-columns:1fr 1fr}.options.svelte-1nxknrd .range:where(.svelte-1nxknrd){grid-column-end:span 2}.options.svelte-1nxknrd .scale-dropdown:where(.svelte-1nxknrd){--search-dropdown-width:100%}.options.svelte-1nxknrd #key:where(.svelte-1nxknrd){width:100%}}.options.svelte-1nxknrd.hidden{display:none}.error.svelte-1nxknrd{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-red-500,oklch(63.7% .237 25.331))}.intervals.svelte-1nxknrd>span:where(.svelte-1nxknrd)+span:where(.svelte-1nxknrd):before{content:"-";margin-inline:1px}@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-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}}}li.svelte-1g2c8tw button:where(.svelte-1g2c8tw){-webkit-tap-highlight-color:#0000;top:calc(var(--spacing,.25rem)*0);--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);--tw-outline-style:none;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;outline-style:none;position:relative}li.svelte-1g2c8tw button:where(.svelte-1g2c8tw).is-first{border-top-left-radius:.25rem}li.svelte-1g2c8tw button:where(.svelte-1g2c8tw).is-last{border-top-right-radius:.25rem}li.svelte-1g2c8tw button:where(.svelte-1g2c8tw).white-key{background:linear-gradient(-30deg,#f8f8f8,#fff);box-shadow:inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff,inset -1px 0 #fff,0 4px 3px #000000b3,inset 0 -1px #fff,inset 1px 0 #fff,inset -1px -1px 15px #00000080,-3px 4px 6px #00000080}li.svelte-1g2c8tw button:where(.svelte-1g2c8tw).white-key.is-held{box-shadow:inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff,inset -1px 0 #fff,0 4px 3px #000000b3,inset 0 -1px #fff,inset 1px 0 #fff,inset -1px -1px 15px #000,-3px 4px 6px #00000080}li.svelte-1g2c8tw button:where(.svelte-1g2c8tw).black-key{background:linear-gradient(-20deg,#222,#000,#222);border-top:1px solid #666;border-bottom:8px solid #111;border-left:3px solid #555;border-right:3px solid #222;box-shadow:inset 0 -1px 2px #fff6,0 2px 3px #0006}li.svelte-1g2c8tw button:where(.svelte-1g2c8tw).black-key.is-held{background:linear-gradient(-20deg,#444,#222,#444);border-bottom-width:3px}@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}/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */.play.svelte-19hu6u2{grid-template-rows:auto;grid-template-columns:1fr 3fr;display:grid}@media (max-width:656px){.play.svelte-19hu6u2{flex-direction:column;display:flex}.play.svelte-19hu6u2 .score-options{width:100%}.play.svelte-19hu6u2 .play-form{margin-top:calc(var(--spacing,.25rem)*4)}}