:root{--bg-main:#fbf7f0;--fg-main:#000;--fg-dim:#595959;--bg-dim:#efe9dd;--border-colour:#9f9690;--border-mode-line-active:#545454;--fg-inactive:#dfd9cf;--fg-button-active:#000;--fg-button-inactive:#595959;--bg-button-active:var(--bg-main);--bg-button-inactive:#efe9dd;--bg-hover:#b2e4dc;--bg-added:#c3ebc1;--bg-added-hover:#acd6a5;--bg-removed:#f4d0cf;--bg-removed-refine:#f3b5a7;--err:#a60000;--info:#005f5f;--fg-term-green-bright:#006800;--fg-active-value:#3f578f;--fg-link:#3548cf;--bg-hl-line:#f1d5d0;--fg-heading-0:#005f5f;--fg-heading-1:#000;--fg-heading-2:#624416;--fg-heading-3:#193668;--fg-heading-4:#721045;--fg-heading-5:#2a5045;--fg-heading-6:#7f0000;--fg-heading-7:#3f578f;--fg-heading-8:#595959;--cyan-cooler:#005f5f;--border:2px solid var(--border-colour);--transition-time:.2s;--font-family:monospace;font-family:var(--font-family);box-sizing:border-box}@media (prefers-color-scheme:dark){:root{--bg-main:#0d0e1c;--fg-main:#fff;--bg-dim:#1d2235;--border-colour:#61647a;--fg-button-active:#fff;--fg-button-inactive:#989898;--bg-button-active:#4a4f69;--bg-button-inactive:#1d2235;--fg-inactive:#292d48;--fg-dim:#989898;--bg-hover:#45605e;--bg-added:#003a2f;--bg-removed:#4f1127;--bg-added-hover:#035542;--bg-removed-refine:#781a3a;--err:#ff5f59;--info:#6ae4b9;--fg-term-green-bright:#00c06f;--fg-active-value:#6ae4b9;--fg-link:#79a8ff;--bg-hl-line:#303a6f;--fg-heading-0:#6ae4b9;--fg-heading-1:#fff;--fg-heading-2:#d2b580;--fg-heading-3:#82b0ec;--fg-heading-4:#feacd0;--fg-heading-5:#88ca9f;--fg-heading-6:#ff9f80;--fg-heading-7:#9ac8e0;--fg-heading-8:#989898;--cyan-cooler:#6ae4b9}}@media (width>=80rem){body{width:90%;max-width:100rem}.panel-layout{height:90vh}.main-panel{width:55%}#code-editor{flex-grow:2}#console-output{height:40%}.docs{width:40%;height:90vh;overflow-y:scroll}.panel{width:100%}#training-info{flex-grow:2}main{justify-content:space-between;display:flex}}@media (width<=80rem){body{width:90%}main{flex-direction:column-reverse;display:flex}.panel-layout{flex-direction:column}.panel{width:100%}#training-info{width:100%;max-width:100%}.docs{width:90%}#training-info{height:30em}}body{box-sizing:border-box;background-color:var(--bg-main);color:var(--fg-main);margin:0 auto}a{color:var(--fg-link)}details>summary{list-style-type:"+ "}details[open]>summary{list-style-type:"- "}.header{font-weight:700}input,button{box-sizing:border-box;border:var(--border);border-right:0;height:2rem;padding:0 .5rem}input{background-color:var(--bg-dim);color:var(--fg-main)}button{font-family:var(--font-family);background-color:var(--bg-button-active);border:var(--border);color:var(--fg-button-active);transition:all var(--transition-time) ease}button:hover,button[data-current-mode]{color:var(--fg-active-value);border-color:var(--border-mode-line-color);transition:all var(--transition-time) ease}.button-green{background-color:var(--bg-added)}.button-red{background-color:var(--bg-removed)}.button-green:hover{background-color:var(--bg-added-hover)}.button-red:hover{background-color:var(--bg-removed-refine)}button:disabled,input:disabled,button:disabled:hover{color:var(--fg-inactive);border-color:var(--fg-inactive);background-color:var(--bg-button-inactive)}nav{border-bottom:var(--border);border-top:var(--border);justify-content:space-between;gap:1rem;margin:1rem auto 0;padding:1rem 0;display:flex}nav .nav-bar-buttons{gap:1rem;display:flex}.logo{color:var(--fg-heading-0);align-content:center;font-weight:700}.panel-layout{flex-direction:column;align-items:flex-start;gap:2rem;display:flex}.panel-layout .panel{box-sizing:border-box;border-bottom:var(--border);flex-direction:column;gap:2rem;padding:1rem 0;display:flex}.button-row{gap:10px;display:flex}.input-and-button{display:flex}.input-and-button input{border-right:none}.input-and-button input:focus{outline:0}.training-mode-good-bad-buttons>button{width:6rem}.training-mode-train-buttons{justify-content:space-between;display:flex}.training-mode-load-save-buttons button{width:7rem}div[data-status=loading]{color:var(--fg-heading-4);animation:1s linear infinite flash}div[data-status=playing]{color:var(--fg-heading-0);font-weight:700;animation:none}div[data-status=stopped]{color:none;animation:none}@keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}#training-info{justify-content:flex-start}.CodeMirror{height:fit-content!important}.cm-editor{height:100%}.cm-editor .cm-content{font-family:var(--font-family);caret-color:#d00000}.cm-activeLine{background-color:var(--bg-hl-line)!important}.cm-focused{outline:none!important}#console-output{gap:.5rem;overflow-y:scroll}#console-output p{margin-top:0;margin-bottom:0}console-msg{gap:1rem;display:flex}console-msg .console-error,console-msg .console-id{font-weight:700}console-msg .console-id{color:var(--info)}console-msg .console-error{color:var(--err)}console-msg .console-prompt{color:var(--fg-term-green-bright)}#training-info.panel{overflow-y:scroll}.sounds-list{flex-direction:column;gap:1rem;display:flex}.sounds-list sound-info:first-child{color:var(--fg-main);margin-bottom:1rem}.sounds-list sound-info{color:var(--fg-dim)}.docs h1{margin-top:1rem}.docs h2,.docs h3,.docs h4,.docs h5,.docs h6{box-sizing:border-box;border-bottom:1px dashed;padding-bottom:.25rem}.docs h1{color:var(--fg-heading-0)}.docs h2{color:var(--fg-heading-1)}.docs h3{color:var(--fg-heading-2)}.docs h4{color:var(--fg-heading-3)}.docs h5{color:var(--fg-heading-4)}.docs h6{color:var(--fg-heading-5)}.docs summary{font-style:italic}.docs code{color:var(--cyan-cooler)}.docs pre{background-color:var(--bg-dim);padding:1rem}.docs pre code{color:var(--fg-main)}footer{color:var(--fg-dim);margin:4em 0}.green-text{color:var(--fg-heading-0);font-weight:700}.red-text{color:var(--err);font-weight:700}