.keyboard{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;top:0;left:0;overflow:hidden}@font-face{font-family:Plainsound Sans;src:url(/hexatone/assets/PlainsoundSans-Regular-3SPRFtrr.otf);font-weight:400;font-style:normal}@font-face{font-family:Plainsound Sans;src:url(/hexatone/assets/PlainsoundSans-Italic-xVMxajch.otf);font-weight:400;font-style:italic}@font-face{font-family:Plainsound Sans;src:url(/hexatone/assets/PlainsoundSans-Bold-DBR5AbbM.otf);font-weight:700;font-style:normal}: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(/hexatone/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}table{width:100%}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.landscape-safe-left{left:auto;right:0;border-top-right-radius:0}#sidebar-button.landscape-safe-right{left:0;right:auto;border-top-left-radius:0}#sidebar-button:not(.landscape-safe-left):not(.landscape-safe-right){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;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;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;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}}path{fill-rule:evenodd}path:nth-child(1){animation:1.3s linear infinite alternate pink_ani}path:nth-child(2){animation:1.7s linear infinite alternate orange_ani}path:nth-child(3){animation:2.3s linear infinite alternate blue_ani}path:nth-child(4){animation:3.7s linear infinite alternate pink_ani}path:nth-child(5){animation:4.3s linear infinite alternate green_ani}path:nth-child(6){animation:4.7s linear infinite alternate orange_ani}path:nth-child(7){animation:1.1s linear infinite alternate green_ani}path:nth-child(8){animation:1.9s linear infinite alternate blue_ani}path:nth-child(9){animation:3.1s linear infinite alternate green_ani}path:nth-child(10){animation:4.1s linear infinite alternate green_ani}path:nth-child(11){animation:3.7s linear infinite alternate blue_ani}path:nth-child(12){animation:2.9s linear infinite alternate blue_ani}path:nth-child(13){animation:.7s linear infinite alternate pink_ani}path:nth-child(14){animation:.5s linear infinite alternate orange_ani}svg{opacity:.95;position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none}