@font-face{font-family:Plainsound Sans;src:url(/assets/PlainsoundSans-Regular-z_NVK9Qw.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plainsound Sans;src:url(/assets/PlainsoundSans-Italic-CvBlhCHX.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Plainsound Sans;src:url(/assets/PlainsoundSans-Bold-RsmfNtP4.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--color-bg: #faf9f8;--color-bg-btn: #f0e9e9;--color-bg-btn-hover: #ddd0d0;--color-bg-btn-alt: #f4efef;--color-bg-btn-alt-hover: #e8dede;--color-border: #c0aaaa;--color-border-ui: #c8b8b8;--color-text: #330000;--color-accent: #990000;--color-accent-hot: #ff0000;--color-latch: #ff3333;--btn-radius-pill: 999px;--btn-radius-square: 4px;--btn-transition: background-color .15s ease}html,body{overflow:hidden;max-width:100%;height:100%;position:relative;overscroll-behavior:none;-webkit-overflow-scrolling:auto}body{-webkit-touch-callout:none;background-image:url(/assets/Pattern3D_06-D5OgJPQC.png);background-repeat:repeat;background-position:top left;background-attachment:scroll;font-family:Plainsound Sans,sans-serif;transition:transform .3s ease-in-out}button{cursor:pointer}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hot)}#leftaligned{text-align:left}#centered{text-align:center}#sidebar{transition:transform .3s ease-in-out;z-index:10;overflow-x:hidden;overflow-y:auto;background-color:var(--color-bg);color:var(--color-text)}#sidebar-button{position:fixed;z-index:11;background-color:var(--color-bg-btn);border:1px solid var(--color-border);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease}#sidebar-button:hover{background-color:var(--color-bg-btn-hover)}#sidebar-button.latch-active{background-color:var(--color-latch);border-color:#a00}#sidebar-spacer{height:.7em}@media (max-width: 480px){#sidebar-spacer{height:3em}#sidebar{position:fixed;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:4em 1em 0}#sidebar-button{height:2.5em;top:0;left:50vw;transform:translate(-50%);transition:width .3s ease-in-out;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hide #sidebar{transform:translateY(-100%)}.show #sidebar{transform:translate(0)}.hide #sidebar-button{width:2.5em}.show #sidebar-button{width:50vw}.hide #sidebar-button div{transform:rotate(90deg)}.show #sidebar-button div{transform:rotate(270deg)}}@media (min-width: 480px){#sidebar{position:fixed;top:0;left:0;height:100vh;max-width:40em;padding-left:3.5em;padding-right:1em}#sidebar-button{width:2.5em;top:50vh;left:0;transform:translateY(-50%);transition:height .3s ease-in-out;border-top-right-radius:10px;border-bottom-right-radius:10px}.hide #sidebar{transform:translate(-100%)}.show #sidebar{transform:translate(0)}.hide #sidebar-button{height:2.5em}.show #sidebar-button{height:35vh}.hide #sidebar-button div{transform:rotate(0)}.show #sidebar-button div{transform:rotate(180deg)}}@media (max-height: 500px) and (orientation: landscape){#sidebar-spacer{top:75vh;height:1.5em}#sidebar-button{top:calc(env(safe-area-inset-top,0px) + .5em);transform:none}.hide #sidebar-button,.show #sidebar-button{height:2.5em}#sidebar-button{left:0;right:auto;border-top-left-radius:0}}#bottom-bar{display:contents}.text-entry-active #bottom-bar,.text-entry-active #snapshot-list{display:none!important;pointer-events:none}#octave-island{position:fixed;bottom:1.2em;left:calc(50% - 13em);z-index:11;display:flex;align-items:center;gap:0;border-radius:var(--btn-radius-pill);background-color:var(--color-bg-btn);border:1px solid var(--color-border);overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.octave-btn{background:none;border:none;color:var(--color-accent);font-size:.85em;padding:.45em .75em;font-family:inherit;line-height:1;transition:var(--btn-transition)}.octave-btn:hover{background-color:var(--color-bg-btn-hover)}.octave-btn:active{background-color:#dcc}.octave-defer-active{background-color:#f3cec5;color:#8a2a1f;transition:background-color .1s ease,color .1s ease}.octave-display{color:var(--color-accent);font-size:.95em;font-family:inherit;font-weight:700;letter-spacing:.04em;min-width:2.8em;text-align:center;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:.45em .3em;pointer-events:none}@media (max-width: 600px) and (orientation: portrait){#main-bottom-controls{position:fixed;bottom:1.2em;left:50%;transform:translate(-50%);z-index:11;display:flex;align-items:center;gap:.6em}#main-bottom-controls #octave-island,#main-bottom-controls #sustain-island,#main-bottom-controls #modulation-island,#main-bottom-controls #panic-button{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important}#main-bottom-controls #sustain-island{padding:.38em 1.05em!important;font-size:.8em!important}#main-bottom-controls #modulation-island{padding:.38em 1.05em!important;font-size:.8em!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:.12em!important}#main-bottom-controls #panic-button{padding:.38em .9em!important;font-size:.8em!important}#main-bottom-controls #octave-island{font-size:.8em!important}#main-bottom-controls #modulation-island .modulation-route{display:block;line-height:1.05;text-align:center;white-space:nowrap}#snapshot-button,#redraw-button{bottom:3em!important}#snapshot-list{bottom:6.05em!important}}@media (max-height: 500px) and (orientation: landscape){#sustain-island{left:50%;transform:translate(-50%)}#modulation-island{left:calc(50% + 5.8em);transform:none}#panic-button{right:4.5em;left:auto;transform:none}}#sustain-island,#modulation-island{position:fixed;bottom:1.2em;z-index:11;padding:.45em 1.6em;border-radius:var(--btn-radius-pill);background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:.95em;font-family:inherit;letter-spacing:.04em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#sustain-island{left:50%;transform:translate(-50%)}#modulation-island{left:calc(50% + 6.2em);transform:none;display:inline-flex;align-items:baseline;gap:.55em}.modulation-route{font-size:.92em;font-style:normal;letter-spacing:0}#sustain-island:hover,#modulation-island:hover{background-color:var(--color-bg-btn-hover)}#sustain-island.latch-active{background-color:var(--color-latch);border-color:#a00;color:#fff}#modulation-island.modulation-active{background-color:#00a8c6;border-color:#007f96;color:#fff}#modulation-island.modulation-pending{background-color:#0083a5;border-color:#005f79;color:#fff}#sustain-island:focus,#modulation-island:focus{outline:none}#snapshot-button{position:fixed;bottom:1.25em;left:.6em;z-index:11;width:2.2em;height:2.2em;border-radius:50%;background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:1.1em;line-height:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:var(--btn-transition)}#snapshot-button:hover{background-color:var(--color-bg-btn-hover)}#snapshot-button:active{background-color:#dcc}#snapshot-list{position:fixed;bottom:4.5em;left:.5em;z-index:11;display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:14px;background:#f0e4e48c;-webkit-backdrop-filter:blur(12px) saturate(.7);backdrop-filter:blur(12px) saturate(.7);border:1px solid rgba(200,175,175,.45);box-shadow:0 2px 12px #643c3c1f}.snapshot-row{display:flex;align-items:center;gap:5px;border-radius:6px;transition:background-color .1s ease}.snapshot-drag-over{background:#c8a0a059;outline:1px solid rgba(153,0,0,.3)}.snapshot-drag-handle{cursor:grab;color:#783c3c80;font-size:1.1em;padding:0 2px;-webkit-user-select:none;user-select:none;line-height:1}.snapshot-play-btn{padding:.2em .65em;border-radius:var(--btn-radius-pill);background-color:#fff8f8bf;border:1px solid rgba(192,160,160,.6);color:#800;font-size:.82em;font-family:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .1s ease}.snapshot-play-btn:hover{background-color:#e6d7d7d9}.snapshot-play-btn:active,.snapshot-playing .snapshot-play-btn{background-color:#dcc8c8d9}.snapshot-playing .snapshot-play-btn{border-color:#a00;font-weight:700}.snapshot-del-btn{width:1.5em;height:1.5em;border-radius:50%;background:#b48c8c47;border:1px solid rgba(170,120,120,.4);color:#700;font-size:.75em;line-height:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .1s ease,color .1s ease}.snapshot-del-btn:hover,.snapshot-del-btn:active{background:#b4646473;color:#fff;border-color:#a0505099}#modulation-palette{position:fixed;z-index:12;display:flex;flex-direction:column;gap:4px;min-width:11.3rem;padding:7px 9px;border-radius:5px;background:#dcf5fac7;-webkit-backdrop-filter:blur(12px) saturate(.9);backdrop-filter:blur(12px) saturate(.9);border:1px solid rgba(0,127,150,.35);box-shadow:0 2px 14px #005a6e1f;font-size:.9em;line-height:1}.modulation-palette-header{display:flex;align-items:center;gap:6px;line-height:1;min-height:1.3em}.modulation-palette-row{display:grid;grid-template-columns:minmax(7.5em,1fr) max-content 1.2em 2.2em 1.2em 1.25em;align-items:center;column-gap:5px;line-height:1;min-height:1.3em}.modulation-palette-row{height:1.3em}.modulation-palette-header{color:#006e84;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:flex-start}.modulation-palette-handle{color:#005a6e8c;line-height:1}.modulation-palette-close,.modulation-palette-toggle{color:#006e84;-webkit-user-select:none;user-select:none}.modulation-palette-close-slot{width:1.25em;min-width:1.25em;height:1.25em;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.modulation-palette-close{width:1.25em;min-width:1.25em;height:1.25em;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:.82;flex:0 0 auto;border:none;background:transparent;color:var(--color-accent);border-radius:0;text-align:right}.modulation-palette-close:hover{color:#600}.modulation-palette-toggle{margin-left:auto;width:1.6em;min-width:1.6em;height:1.25em;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;vertical-align:middle;cursor:pointer;flex:0 0 auto;border:none;background:transparent;color:inherit;border-radius:0;text-align:right;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transform:translateY(-.08em)}.modulation-palette-toggle .disclosure-toggle-glyph{display:inline-block;width:0;height:0;flex:0 0 auto;line-height:0}.modulation-palette-toggle .disclosure-toggle-glyph--collapsed{border-top:.27em solid transparent;border-bottom:.27em solid transparent;border-left:.41em solid currentColor}.modulation-palette-toggle .disclosure-toggle-glyph--expanded{border-left:.29em solid transparent;border-right:.29em solid transparent;border-top:.41em solid currentColor;transform:translateY(.08em)}.modulation-palette-step{width:1.2em;min-width:1.2em;height:1.2em;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:var(--color-accent);font-size:.9rem;line-height:1;font-family:inherit;font-weight:400;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;background-image:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.modulation-palette-step:before{content:"";display:block;width:0;height:0;border-top:.32em solid transparent;border-bottom:.32em solid transparent}.modulation-palette-step--left:before{border-right:.56em solid var(--color-accent)}.modulation-palette-step--right:before{border-left:.56em solid var(--color-accent)}.modulation-palette-step:hover{background-color:#ddd0d08c}.modulation-palette-step:disabled{opacity:.42}.modulation-palette-step:disabled:before{opacity:.8}.modulation-palette-route{min-width:0;color:#004d5c;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.modulation-palette-modulation{min-width:0;color:#004d5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;text-align:left}.modulation-palette-summary{display:grid;grid-template-columns:minmax(7.5em,1fr) max-content 1.2em 2.2em 1.2em 1.25em;align-items:center;column-gap:5px;min-width:0;min-height:1.3em;max-width:100%;padding-bottom:3px;margin-bottom:1px;border-bottom:1px solid rgba(0,110,132,.18);line-height:1}.modulation-palette-summary-label{flex:0 0 auto;color:#006e84;font-style:normal!important;font-weight:600;white-space:nowrap}.modulation-palette-summary-value{min-width:0;color:#004d5c;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1;text-align:right;justify-self:end}.modulation-palette-summary-reset{width:1.25em;min-width:1.25em;height:1.25em;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1em;font-weight:600;line-height:1}.modulation-palette-summary-placeholder{visibility:hidden;width:100%;height:1px}.modulation-palette-route-arrow{position:relative;display:inline-block;width:1.28em;height:.66em;margin:0 .24em;vertical-align:.08em;background:linear-gradient(currentColor,currentColor) center / calc(100% - .62em) 1.25px no-repeat}.modulation-palette-route-arrow:before,.modulation-palette-route-arrow:after{content:"";position:absolute;background:currentColor;top:50%;width:.35em;height:.35em;transform:translateY(-50%)}.modulation-palette-route-arrow:before{left:0;clip-path:polygon(100% 0,0 50%,100% 100%)}.modulation-palette-route-arrow:after{right:0;clip-path:polygon(0 0,100% 50%,0 100%)}.modulation-palette-row-active .modulation-palette-route{color:#9a2f2f;font-style:normal}.modulation-palette-row-active .modulation-palette-modulation,.modulation-palette-row-active .modulation-palette-count{color:#9a2f2f}.modulation-palette-count{min-width:2.2em;text-align:center;font-weight:600;color:#006e84;line-height:1}.modulation-palette-row:not(.modulation-palette-row-active) .modulation-palette-route{font-style:italic}@media (max-width: 600px) and (orientation: portrait){#modulation-palette{min-width:10.5rem;max-width:min(78vw,16rem);gap:4px;padding:6px 8px;border-radius:12px;font-size:.9em}.modulation-palette-header{font-size:.9em}.modulation-palette-row,.modulation-palette-summary{grid-template-columns:minmax(6.1em,1fr) max-content 1.25em 1.7em 1.25em 1.45em;column-gap:4px;font-size:.9em}.modulation-palette-step{width:1.25em;min-width:1.25em;height:1.25em;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;line-height:1;color:var(--color-accent)!important;border:none!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important}.modulation-palette-step:before{border-top-width:.3em;border-bottom-width:.3em}.modulation-palette-step--left:before{border-right-width:.5em}.modulation-palette-step--right:before{border-left-width:.5em}.modulation-palette-toggle{width:1.75em;min-width:1.75em;height:1.45em;font-size:1.56em;line-height:.82}.modulation-palette-toggle{transform:translateY(-.08em)}.modulation-palette-close-slot,.modulation-palette-close{width:1.45em;min-width:1.45em;height:1.25em;font-size:1.34em;line-height:.82}.modulation-palette-route,.modulation-palette-modulation,.modulation-palette-count{font-size:.9em}.modulation-palette-route-arrow{width:1.16em;margin:0 .18em}.modulation-palette-count{min-width:1.7em}}@media (max-height: 500px) and (orientation: landscape){#modulation-palette{max-width:min(36vw,14.5rem);gap:3px;padding:5px 7px;border-radius:12px}.modulation-palette-header{gap:5px;line-height:.98}.modulation-palette-row,.modulation-palette-summary{grid-template-columns:minmax(5.8em,1fr) max-content 1.1em 1.7em 1.1em 1.3em;column-gap:4px;line-height:.98}}#redraw-button{position:fixed;bottom:1.25em;right:.6em;z-index:11;width:2.2em;height:2.2em;border-radius:50%;background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:1.1em;line-height:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:var(--btn-transition)}#redraw-button:hover{background-color:var(--color-bg-btn-hover)}#redraw-button:active{background-color:#ddd0d0}#panic-button{position:fixed;bottom:1.2em;right:4.5em;z-index:11;padding:.45em 1.6em;border-radius:var(--btn-radius-pill);background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:.95em;font-family:inherit;letter-spacing:.04em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:var(--btn-transition)}#panic-button:hover{background-color:var(--color-bg-btn-hover)}#panic-button:active{background-color:#dcc}#ios-banner{position:fixed;bottom:3.5em;left:0;right:0;z-index:20;background:#1a1a2e;color:#e0e0e0;font-size:.85em;padding:.7em 1em .9em;text-align:center;line-height:1.4}#ios-banner a{color:#7cb7ff;text-decoration:underline}#ios-banner .ios-banner__message{max-width:42rem;margin:0 auto}#ios-banner .ios-banner__actions{display:flex;justify-content:center;gap:.6em;margin-top:.75em;flex-wrap:wrap}#ios-banner button{position:static;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:var(--btn-radius-pill);color:#e0e0e0;font-size:.95em;line-height:1.2;padding:.45em .9em}#ios-banner button:hover{background:#ffffff24}@keyframes blue_ani{0%{fill:#abd1ff}25%{fill:#7cb7ff}50%{fill:#157fff}75%{fill:#0057c0}to{fill:#003f8b}}@keyframes pink_ani{0%{fill:#ffa4ff}25%{fill:#ff70ff}50%{fill:#f0f}75%{fill:#bf00bf}to{fill:#8a008a}}@keyframes green_ani{0%{fill:#efffa4}25%{fill:#e6ff70}50%{fill:#d3ff00}75%{fill:#cef900}to{fill:#a9cd00}}@keyframes orange_ani{0%{fill:#ffdca4}25%{fill:#ffc770}50%{fill:#ff9c00}75%{fill:#ff9c00}to{fill:#d48200}}.app-loading-icon path{fill-rule:evenodd}.app-loading-icon path:nth-child(1){animation:1.3s linear infinite alternate pink_ani}.app-loading-icon path:nth-child(2){animation:1.7s linear infinite alternate orange_ani}.app-loading-icon path:nth-child(3){animation:2.3s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(4){animation:3.7s linear infinite alternate pink_ani}.app-loading-icon path:nth-child(5){animation:4.3s linear infinite alternate green_ani}.app-loading-icon path:nth-child(6){animation:4.7s linear infinite alternate orange_ani}.app-loading-icon path:nth-child(7){animation:1.1s linear infinite alternate green_ani}.app-loading-icon path:nth-child(8){animation:1.9s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(9){animation:3.1s linear infinite alternate green_ani}.app-loading-icon path:nth-child(10){animation:4.1s linear infinite alternate green_ani}.app-loading-icon path:nth-child(11){animation:3.7s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(12){animation:2.9s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(13){animation:.7s linear infinite alternate pink_ani}.app-loading-icon path:nth-child(14){animation:.5s linear infinite alternate orange_ani}.app-loading-icon{opacity:.95;position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none}#sidebar h1{text-align:center}#sidebar h1 a{color:var(--color-text)}#sidebar #donation-link{line-height:1.3;margin-bottom:3em}#sidebar fieldset{margin-bottom:.5em;border:1px solid var(--color-border-ui);border-radius:3px}.section-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.65em;min-width:1.65em;height:1.42em;margin-left:.6em;padding:0;box-sizing:border-box;font-size:.95em;line-height:1;vertical-align:middle}.disclosure-toggle-glyph{display:inline-block;width:0;height:0;flex:0 0 auto;line-height:0}.disclosure-toggle-glyph--collapsed{border-top:.27em solid transparent;border-bottom:.27em solid transparent;border-left:.41em solid currentColor}.disclosure-toggle-glyph--expanded{border-left:.29em solid transparent;border-right:.29em solid transparent;border-top:.41em solid currentColor;transform:translateY(.04em)}#sidebar label{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:.25em;line-height:1.5em}#sidebar label>.sidebar-input{margin-left:auto}.controller-inline-row{min-height:1.5em;margin-top:.25em;line-height:1.5em}.controller-output-row,.controller-status-row{font-style:italic}.controller-inline-row>span.sidebar-input{display:inline-flex;align-items:center;justify-content:flex-end;min-height:1.5em;line-height:1.5em}.controller-status-value{text-align:right}#sidebar label:has(input[type=checkbox]){pointer-events:none}#sidebar label:has(input[type=checkbox]) input,#sidebar label:has(input[type=checkbox]) button,#sidebar label:has(input[type=checkbox]) select,#sidebar label:has(input[type=checkbox]) textarea,#sidebar label:has(input[type=checkbox]) a,#sidebar label:has(input[type=checkbox]) [role=button]{pointer-events:auto}#sidebar table{width:100%;border-collapse:collapse}#sidebar table td,#sidebar table th,#sidebar table{padding:0;height:1.7em;box-sizing:border-box}#sidebar table td>em{margin-left:.25em}#sidebar table td{vertical-align:top;padding-top:0;padding-bottom:0;position:relative}#sidebar textarea{width:100%;height:8.5em;box-sizing:border-box;-webkit-overflow-scrolling:touch;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px}#sidebar input[type=text],#sidebar select{width:min(24em,100%);height:1.5em;box-sizing:border-box;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px}#sidebar input[type=color]{height:1.5em;width:2.5em;box-sizing:border-box;background-color:var(--color-bg);color:#f5f1f0;border:1px solid var(--color-border-ui);border-radius:3px}#sidebar input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}#sidebar table input[type=text]{width:95%}#sidebar input:out-of-range{background-color:#fde8e8;color:var(--color-accent)}#sidebar input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1em;height:1.1em;border:1px solid #b0adb0;border-radius:3px;background:var(--color-bg);cursor:pointer;flex-shrink:0;position:relative;vertical-align:middle;margin:0}#sidebar input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}#sidebar input[type=checkbox]:checked:after{content:"";position:absolute;left:.2em;top:.05em;width:.35em;height:.6em;border:2px solid rgb(243,241,240);border-top:none;border-left:none;transform:rotate(45deg)}#sidebar input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #99000040}#sidebar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50%;height:1.1em;background:transparent;cursor:pointer;margin:0;padding:0;vertical-align:middle}#sidebar input[type=range]:focus{outline:none}#sidebar input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:3px;background:var(--color-border-ui, #c8b8b8);border-radius:2px}#sidebar input[type=range]::-webkit-slider-container{-webkit-appearance:none}#sidebar input[type=range]::-moz-range-track{height:3px;background:var(--color-border-ui, #c8b8b8);border-radius:2px}#sidebar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:.85em;height:.85em;border-radius:50%;background:var(--color-accent);border:none;margin-top:-.32em;transition:background .1s ease}#sidebar input[type=range]::-moz-range-thumb{width:.85em;height:.85em;border-radius:50%;background:var(--color-accent);border:none;transition:background .1s ease}#sidebar input[type=range]:hover::-webkit-slider-thumb,#sidebar input[type=range]:hover::-moz-range-thumb{background:var(--color-accent-hot)}.color-cell{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;gap:2px;height:1.5em;position:relative;text-align:right}.color-swatch-hitbox{position:relative;display:inline-block;width:1.4em;height:1.4em;flex-shrink:0}.color-swatch{display:inline-block;width:1.4em;height:1.4em;border-radius:3px;border:1px solid #c3c8cb;flex-shrink:0;cursor:pointer;transition:box-shadow .1s ease}.color-swatch:hover{box-shadow:0 0 0 2px #9006}.color-swatch--disabled{cursor:default;opacity:.5}.color-swatch--disabled:hover{box-shadow:none}.color-picker-hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;padding:0!important;border:none!important;opacity:0;cursor:pointer;pointer-events:all}.color-input{display:none;width:calc(100% - 1.8em)!important;padding:0 .3em;box-sizing:content-box;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px;font-family:monospace;font-size:1em;text-align:right}.color-input:disabled{opacity:.5;cursor:not-allowed}.color-cell:focus-within{position:absolute;z-index:5;background:var(--color-bg);border-radius:3px;box-shadow:0 2px 8px #00000026;height:auto;min-width:10em;right:0}.color-cell:focus-within .color-input{display:block;width:8.2em!important}#sidebar label .color-cell{flex-shrink:0;width:auto;margin-left:40%}@media (max-width: 550px){#sidebar label .color-cell{margin-left:30%}}#sidebar label .color-cell--label-rhs{margin-left:auto}#sidebar label .color-cell .color-input{display:block;width:6.3em!important;flex:none;text-align:right}td.scale-color-col{padding:0 3px;text-align:right}td.scale-color-col .color-cell{width:auto;justify-content:flex-end;margin-left:auto}td.scale-color-col .color-input{width:100%!important;min-width:5.5em}@media (min-width: 481px){td.scale-color-col .color-cell{width:max-content}td.scale-color-col .color-cell:focus-within{position:relative;z-index:auto;background:transparent;box-shadow:none;height:1.5em;min-width:0;right:auto}td.scale-color-col .color-input,td.scale-color-col .color-cell:focus-within .color-input{display:block;width:6.3em!important;min-width:0;flex:none}}.preset-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.4rem;margin-top:.125em;line-height:1.5em}.preset-action-btn,.preset-utility-btn{flex:0 1 auto;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:anywhere;font-size:1em;padding:.1em .6em;background:var(--color-bg-btn-alt);border:1px solid var(--color-border-ui);color:var(--color-text);border-radius:var(--btn-radius-square)}.preset-action-btn:hover,.preset-utility-btn:hover{background:var(--color-bg-btn-alt-hover)}.preset-utility-btn{min-width:fit-content}.delete-btn{color:var(--color-accent);width:6em;text-align:center}.preset-error{width:100%;margin:.25em 0 0;color:var(--color-accent);font-size:.85em}.preset-selector-row{justify-content:flex-start;gap:6px}.preset-selector-row select{flex:none}@media (max-width: 550px){.preset-selector-row{flex-wrap:nowrap;align-items:center}.preset-selector-row select{flex:1 1 auto;min-width:0}}.preset-refresh-btn:hover{background:var(--color-bg-btn-alt-hover)}.preset-refresh-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;padding:0;line-height:1;box-sizing:border-box}.preset-refresh-glyph{display:block;font-size:1.3rem;line-height:1;transform:translateY(-.02em)}.scale-table-workspace{display:flex;flex-direction:column;gap:.5em}.scale-degree-cell{display:flex;align-items:flex-start;gap:.45em;width:100%}th.scale-data-col,td.scale-data-col{width:48%}th.scale-frequency-col,td.scale-frequency-col,th.scale-name-col,td.scale-name-col{width:18%}th.scale-color-col,td.scale-color-col{width:16%}td.scale-name-col{padding-right:2px}td.scale-name-col input{width:100%}@media (max-width: 480px){.degree-gutter{width:2ch;min-width:2ch}.scale-degree-cell{gap:.1em}th.scale-data-col,td.scale-data-col{width:56%}th.scale-frequency-col,td.scale-frequency-col{width:14%}th.scale-name-col,td.scale-name-col{width:18%;padding-right:0}th.scale-color-col,td.scale-color-col{width:12%;padding-left:0;padding-right:0}td.scale-name-col input{width:100%}td.scale-frequency-col{position:relative}td.scale-color-col .color-cell{justify-content:flex-end}td.scale-frequency-col input.frequency-input:focus{position:absolute;right:0;top:50%;z-index:6;width:max(8.2em,100%);transform:translateY(-50%);background:var(--color-bg);box-shadow:0 2px 8px #00000026}}.reference-degree-row{background-color:#fff8a8}.center-degree-row{background-color:#ffebed}.reference-degree-label,.center-degree-label{border-radius:var(--btn-radius-square)}.reference-degree-row input:not(:disabled),.reference-degree-row .color-input,.reference-degree-row .color-cell:focus-within{background-color:#fff8a8!important}.center-degree-row input:not(:disabled),.center-degree-row .color-input,.center-degree-row .color-cell:focus-within,.center-degree-row .sidebar-input,.center-degree-row .sidebar-input input{background-color:#ffebed!important}.reference-degree-row.center-degree-row{background-color:#fff8a8}.reference-degree-row.center-degree-row input:not(:disabled),.reference-degree-row.center-degree-row .color-input,.reference-degree-row.center-degree-row .color-cell:focus-within{background-color:#fff8a8!important}.reference-degree-row td:first-child{border-radius:4px 0 0 4px}.reference-degree-row td:last-child{border-radius:0 4px 4px 0}.sidebar-input{width:50%!important;text-align:right;justify-content:flex-end}td.scale-frequency-col input.frequency-input{color:inherit;-webkit-text-fill-color:currentColor;border-color:var(--color-border-ui);background-color:var(--color-bg);opacity:1}input.equiv-cell,input.equiv-cell:disabled,#sidebar table input:disabled{color:#b99;border-color:#e8d8d8;background:transparent;-webkit-text-fill-color:#bb9999;opacity:1}.degree-gutter{display:block;width:4ch;min-width:4ch;box-sizing:border-box;padding-top:.1em;text-align:right;color:#7a6666;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-shrink:0}.scala-input__cents{display:inline-block;width:2.2em;text-align:right;color:#666;font-size:.85em;padding-right:2px;white-space:nowrap}.scala-input__cents--error{color:#c0392b}.heji-name-cell{display:block;width:100%;text-align:center;font-family:Plainsound Sans,serif;font-size:.95em;padding:2px 0}.heji-name-cell--modulated{color:#9a2f2f}.freq-cell{display:flex;flex-direction:row;align-items:center;gap:0;width:100%}.freq-cell input,.freq-cell>span,.freq-cell>span input{flex:1;min-width:0;width:100%}.tune-cell{display:flex;flex-direction:row;align-items:center;gap:3px;font-size:.78em;margin-left:4px;margin-right:4px;position:relative}.tune-cell-spacer{display:inline-flex;width:38px;flex-shrink:0}.tune-cell--inline{display:inline-flex;flex-direction:row;align-items:center;gap:3px;font-size:.78em}.tune-handle{cursor:ew-resize;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:16px;border-radius:3px;background:#ede8e8;color:var(--color-text);touch-action:none;border:1px solid var(--color-border-ui);font-size:1.7em;margin-left:auto;margin-right:0}.tune-handle:hover{background:#ddd0d0}.tune-handle:active{background:#cbb;cursor:grabbing}.tune-delta{font-family:monospace;font-size:1.35em;line-height:1;color:var(--color-accent);min-width:4em;text-align:right;padding-left:2px;margin-right:12px}.tune-delta.tune-comparing{color:#600;font-style:italic}.tune-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:#ede8e8;color:var(--color-text);font-size:1.05em;line-height:1}.tune-btn:hover{background:#ddd0d0}.tune-btn--revert{color:var(--color-accent);border-color:#c99}.tune-btn--revert:hover{background:#f5eded}.tune-btn--rationalise{color:#357;border-color:#aebfcf}.tune-btn--rationalise:hover{background:#edf3f7}.tune-btn-compare{font-size:1.3em;line-height:1}.rationalise-dropdown{position:absolute;top:calc(100% + 3px);left:0;z-index:20;min-width:238px;background:var(--color-bg);border:1px solid #d6caca;border-radius:6px;box-shadow:0 3px 10px #33000014;padding:4px;display:flex;flex-direction:column;gap:2px}.rationalise-candidate{display:flex;flex-direction:column;gap:1px;width:100%;padding:3px 7px 5px;margin-bottom:3px;border:0;border-radius:var(--btn-radius-square);background:transparent;color:var(--color-text);text-align:left;font-family:monospace;font-size:1em}.rationalise-candidate__row1{display:flex;gap:10px;align-items:baseline}.rationalise-candidate__row2{display:flex;gap:8px;align-items:baseline;font-size:.88em}.rationalise-candidate:hover{background:#f3ecec}.rationalise-candidate--committed .rationalise-candidate__ratio{font-style:italic}.rationalise-candidate--out-of-bounds .rationalise-candidate__ratio{color:var(--color-accent);font-style:italic}.rationalise-candidate--out-of-bounds .rationalise-candidate__meta{color:#b66}.rationalise-candidate__ratio{font-weight:700}.rationalise-candidate__meta{color:#885f5f}.rationalise-candidate__score{margin-left:auto;font-weight:600;color:#363}.scale-table-toolbar{display:flex;align-items:center;gap:.5em}.scale-table-toolbar__sort,.scale-table-toolbar__toggle,.scale-table-toolbar__rationalise{display:inline-flex;align-items:center;justify-content:center;padding:.1em .6em;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:var(--color-bg-btn-alt);color:var(--color-text);font-size:1em}.scale-table-toolbar__rationalisation-group{margin-left:auto;display:inline-flex;align-items:center}.scale-table-toolbar__rationalise{margin-left:.5em}.scale-table-toolbar__sort:hover,.scale-table-toolbar__toggle:hover,.scale-table-toolbar__rationalise:hover{background:#ece2e2}.scale-table-toolbar__rationalise:disabled{opacity:.6;cursor:default}.degree-gutter--draggable{cursor:grab}.degree-gutter--selected{background:#e9edf4;border-radius:3px;min-width:1.85em;padding-left:.32em;position:relative;cursor:default}.degree-gutter__number{display:block;width:100%;box-sizing:border-box;text-align:right;position:relative;top:.08em}.degree-gutter--selected .degree-gutter__number{color:#8e2020}.degree-gutter--dragging{cursor:grabbing;opacity:.65}.degree-gutter__delete{all:unset;position:absolute;left:.1em;top:50%;transform:translateY(-50%);width:.8em;height:.8em;display:block;cursor:pointer;z-index:2;pointer-events:auto}.degree-gutter__delete-glyph{display:block;width:100%;height:100%;color:#6f3535;font-weight:600;font-family:Plainsound Sans,serif;line-height:.8em;text-align:center;position:relative;top:.16em;pointer-events:none}.degree-gutter__delete:hover{color:inherit}.degree-gutter__delete:hover .degree-gutter__delete-glyph{color:#8e2020}.scale-row--drop-target td{background:#e9edf4;box-shadow:inset 0 0 0 1px #cdd8e8;z-index:2}.scale-row--drop-target-before td{box-shadow:inset 0 0 0 1px #cdd8e8,0 -2px #d6deea}.scale-row--drop-target-after td{box-shadow:inset 0 0 0 1px #cdd8e8,0 2px #d6deea}.scale-row--selected,.scale-row--selected td{background:#e8edf5!important;box-shadow:inset 0 1px #d6deea,inset 0 -1px #d6deea}.scale-row--selected input:not(:disabled),.scale-row--selected .color-input,.scale-row--selected .color-cell:focus-within,.scale-row--selected .sidebar-input,.scale-row--selected .sidebar-input input{background-color:#e8edf5!important}.divide-btns{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4em;padding-top:.5rem;margin-bottom:.5rem}@media (max-width: 480px){.divide-btns button{width:100%;text-align:center}}.heji-anchor-fieldset{margin-top:.75em}.settings-panel{position:relative}.settings-panel__close{position:absolute;top:-1.3em;right:-.8em;padding:.3em .4em;font-size:1em;line-height:1;background:inherit;border:none;color:var(--color-accent)}.settings-panel__close:hover{color:#600}#sidebar .manual-sidebar__updated{margin:.25em 0 0;color:#744}#sidebar .manual-sidebar__toc{margin:0;padding-left:1.2em;display:grid;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;column-gap:1.2em}#sidebar .manual-sidebar__toc li{margin-bottom:.25em}#sidebar .manual-sidebar__toc-button{width:100%;padding:0;border:none;background:transparent;color:var(--color-text);text-align:left}#sidebar .manual-sidebar__toc-button:hover{color:var(--color-accent)}#sidebar .manual-sidebar__toc-button--active{color:var(--color-accent);font-weight:700}#sidebar .manual-sidebar__section{scroll-margin-top:.75em}#sidebar .manual-sidebar__footer{margin:.35em 0 .8em}#sidebar .manual-sidebar__content h3{margin:1em 0 .45em;font-size:1em}#sidebar .manual-sidebar__content p,#sidebar .manual-sidebar__content ul,#sidebar .manual-sidebar__content ol,#sidebar .manual-sidebar__content table,#sidebar .manual-sidebar__content pre,#sidebar .manual-sidebar__content hr{margin-top:0;margin-bottom:.75em}#sidebar .manual-sidebar__content ul,#sidebar .manual-sidebar__content ol{padding-left:1.2em}#sidebar .manual-sidebar__content li>ul,#sidebar .manual-sidebar__content li>ol{margin-top:.3em;margin-bottom:0}#sidebar .manual-sidebar__content li+li{margin-top:.2em}#sidebar .manual-sidebar__content code{padding:.1em .3em;border-radius:999px;background:#99000012;font-family:monospace;font-size:.92em}#sidebar .manual-sidebar__content pre{overflow-x:auto;padding:.65em;border:1px solid var(--color-border-ui);border-radius:3px;background:#f4efef}#sidebar .manual-sidebar__content pre code{padding:0;background:transparent}#sidebar .manual-sidebar__content table{display:block;width:100%;height:auto;table-layout:auto;overflow-x:auto;border-collapse:collapse}#sidebar .manual-sidebar__content table,#sidebar .manual-sidebar__content th,#sidebar .manual-sidebar__content td{padding:.35em .5em;height:auto;border:1px solid var(--color-border-ui);box-sizing:border-box;text-align:left;vertical-align:top}#sidebar .manual-sidebar__content tr{height:auto}#sidebar .manual-sidebar__content th{background:#f4efef}@media (max-width: 640px){#sidebar .manual-sidebar__toc{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}.scale-search-prefs{display:flex;flex-direction:column;gap:.55em}.scale-search-prefs legend{padding:0 .25em;color:#744}.scale-search-prefs__top-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;color:#5e4444}.scale-search-prefs__top-row select{flex:1 1 auto;min-width:0}.scale-search-prefs__top-row button{flex-shrink:0}.scale-search-prefs__row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.55em .8em}.scale-search-prefs__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45em}.scale-search-prefs__grid--custom{grid-template-columns:repeat(7,minmax(0,1fr))}@media (max-width: 480px){.scale-search-prefs__grid--custom{grid-template-columns:repeat(4,minmax(0,1fr))}.scale-search-prefs__grid--custom .scale-search-prefs__prime-pair{flex-direction:column;align-items:stretch;gap:.15em}.scale-search-prefs__grid--custom .scale-search-prefs__prime-badge{display:none}}.scale-search-prefs__field,.scale-search-prefs__prime{display:flex;flex-direction:column;gap:.25em;color:#5e4444}.scale-search-prefs__field input,.scale-search-prefs__field select,.scale-search-prefs__prime input{min-width:0;width:100%}.scale-search-prefs__prime--inactive{opacity:.35}.scale-search-prefs__prime--inactive input{background:#f0ecec;cursor:not-allowed}.scale-search-prefs__prime-label{text-align:center;color:#5e4444}.scale-search-prefs__prime-pair{display:flex;align-items:center;gap:.2em}.scale-search-prefs__prime-input{min-width:0;width:100%;flex:1 1 0;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:#fffdfc;color:var(--color-text);padding:.2em;text-align:center}.scale-search-prefs__prime-badge{color:#744;flex-shrink:0;line-height:1}.scale-search-prefs__prime-badge--ut{color:#559}.scale-search-prefs__prime-badge--ot{color:#955}.fundamental-right{display:flex;align-items:center;gap:4px;width:50%;margin-left:auto}.fundamental-right input{flex:1;min-width:0;text-align:right;height:1.5em;box-sizing:border-box;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px}.keyboard{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;top:0;left:0;overflow:hidden}