:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr}body{display:flex;place-items:center}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.app{min-height:100vh;width:100%}header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}h1{font-size:3.25rem;color:#4caf50;text-shadow:0 0 4px #327434;margin-bottom:0}h2{color:#249a32}nav{padding:0;text-align:center}nav a{margin:0 .5rem;text-decoration:none;color:#435f7b}nav a:hover{color:#42b883}nav a.active{color:#42b883;font-weight:700}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent;border-radius:2px}::-webkit-scrollbar-thumb{background:#0d5d27;border-radius:2px;border:2px solid #1a1b1a}*{scrollbar-width:thin;scrollbar-color:#0d5d27 transparent}.bar-selector[data-v-8d5f18cf]{padding:0 1rem;width:100%}.heading[data-v-8d5f18cf]{margin-bottom:1rem}.heading h3[data-v-8d5f18cf]{margin-bottom:.5rem}.heading span[data-v-8d5f18cf]{font-weight:400;font-size:.875rem;font-style:italic;color:#cad9cb}.bar-buttons[data-v-8d5f18cf]{display:flex;justify-content:space-between;gap:.25rem;font-size:1.25rem;font-weight:700;width:100%}button[data-v-8d5f18cf]{width:3.25rem;padding:.5rem 1rem;border:2px solid #4caf50;border-radius:4px;background:transparent;cursor:pointer;transition:all .3s;color:#fff}button[data-v-8d5f18cf]:hover{background:#4caf4f72}button[data-v-8d5f18cf]:active,button.active[data-v-8d5f18cf]{background:#4caf50}.bracket-container[data-v-7ea75222]{position:relative;width:100%;height:24px;margin:1rem 0}.bracket[data-v-7ea75222]{position:absolute;height:100%;display:flex;align-items:stretch}.handle[data-v-7ea75222]{width:.875rem;min-width:14px;background:#4caf50;display:flex;align-items:center;justify-content:center}.handle-grip[data-v-7ea75222]{width:2px;height:12px;background:#cad9cb}.bracket-body[data-v-7ea75222]{border-top:2px solid #4caf50;border-bottom:2px solid #4caf50;cursor:grab}.bracket-body[data-v-7ea75222]:active{cursor:grabbing}.bar-markers[data-v-7ea75222]{display:flex;height:100%}.bar-marker[data-v-7ea75222]{background-color:#4caf5080}.play-pause-button[data-v-1a12517d]{border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2d692f,#3b893e);box-shadow:3px 3px 5px #1a1a1a,-1px -1px 1px #55b758;transition:all .1s ease-in}.play-button[data-v-1a12517d]:active,.play-pause-button.playing[data-v-1a12517d]{background:linear-gradient(145deg,#3a863c,#47a34a);box-shadow:inset .5px .5px 3px #1a1a1a,inset -1px -1px 1px #55b758}.stop-button[data-v-1a12517d]{border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#88322f,#a83e3a);box-shadow:3px 3px 5px #1a1a1a,-1px -1px 1px #d75c58;transition:all .1s ease-in}.stop-button[data-v-1a12517d]:active{background:linear-gradient(145deg,#aa3f3b,#c9403b);box-shadow:inset .5px .5px 3px #1a1a1a,inset -1px -1px 1px #d75c58}.button-content[data-v-1a12517d]{display:flex}.playback-controls[data-v-1a12517d]{display:flex;gap:1rem}.playhead-container[data-v-82d6e139]{position:absolute;top:-8px;left:0;width:100%;height:108%;pointer-events:none}.playhead[data-v-82d6e139]{position:absolute;z-index:5;height:calc(100% + 8px)}.no-transition[data-v-82d6e139]{transition:none}.playhead-line[data-v-82d6e139]{position:absolute;width:2px;height:100%;background:#cad9cb;left:50%;transform:translate(-50%)}.playhead-marker-top[data-v-82d6e139]{position:absolute;width:8px;height:8px;background:#cad9cb;border-radius:50%;top:-4px;left:50%;transform:translate(-50%)}.playhead-marker-bottom[data-v-82d6e139]{position:absolute;width:8px;height:8px;background:#cad9cb;border-radius:50%;bottom:-4px;left:50%;transform:translate(-50%)}.fader[data-v-88b6c3fb]{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:8px}.track[data-v-88b6c3fb]{width:100%;height:6px;background:#1a1a1a;border-radius:3px;position:relative}.handle[data-v-88b6c3fb]{width:12px;height:20px;background:linear-gradient(145deg,#2a2a2a,#323232);box-shadow:2px 2px 4px #1a1a1a;border-radius:4px;position:absolute;top:50%;transform:translateY(-50%);cursor:grab}.label[data-v-88b6c3fb]{font-size:12px;color:#888;margin-bottom:.75rem}.value[data-v-88b6c3fb]{font-size:10px;color:#4caf50}.handle[data-v-88b6c3fb]:active{box-shadow:1px 1px 3px #1a1a1a}.bpm-control[data-v-7e0347b1]{width:12rem}.rotary-knob[data-v-1574bbfc]{display:flex;flex-direction:column;align-items:center;width:70px;-webkit-user-select:none;user-select:none}.knob-container[data-v-1574bbfc]{position:relative;width:60px;height:60px}.scale-indicators[data-v-1574bbfc]{position:absolute;width:100%;height:100%}.scale-dot[data-v-1574bbfc]{position:absolute;width:3px;height:3px;background:#333;border-radius:50%;left:50%;top:50%;transform-origin:0 0;transition:background .2s ease}.scale-dot.active[data-v-1574bbfc]{background:#4caf50;box-shadow:0 0 4px #4caf50}.knob[data-v-1574bbfc]{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#2a2a2a,#323232);box-shadow:3px 3px 5px #1a1a1a,-1px -1px 1px #363636;cursor:pointer}.indicator[data-v-1574bbfc]{position:absolute;top:5px;left:50%;width:2px;height:15px;background-color:#4caf50;transform-origin:bottom;transition:transform .2s ease}.label[data-v-1574bbfc]{font-size:10px;color:#888;cursor:default}.value[data-v-1574bbfc]{font-size:10px;color:#4caf50;margin-top:2px}.bass-synth-panel[data-v-b5d9211b]{background:#242424;border-radius:12px;padding:16px;width:12rem;height:fit-content;box-shadow:0 4px 6px #0000001a}.panel-header[data-v-b5d9211b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #333;padding-bottom:8px}.control-buttons[data-v-b5d9211b]{display:flex;gap:4px}.control-btn[data-v-b5d9211b]{width:24px;height:20px;background:#2a2a2a;border:1px solid #3333338d;border-radius:4px;color:#888;font-size:.625rem;font-weight:700;text-align:center;cursor:pointer;transition:all .2s ease}.control-btn[data-v-b5d9211b]:hover{background:#333;color:#fff}.control-btn.active[data-v-b5d9211b]{color:#1a1a1a;background:#4caf50;box-shadow:0 0 4px #4caf50}.panel-header h3[data-v-b5d9211b]{margin:0;color:#4caf50;font-size:1.2em;font-weight:500}.controls-grid[data-v-b5d9211b]{display:flex;flex-direction:column;gap:24px}.knob-section[data-v-b5d9211b]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.knob-section.filter[data-v-b5d9211b],.volume-section[data-v-b5d9211b]{padding-bottom:16px;border-bottom:1px solid #333}.toggle-switch[data-v-55dbfb19]{display:flex;flex-direction:column-reverse;align-items:center;gap:8px}.switch[data-v-55dbfb19]{width:40px;height:20px;background:#1a1a1a;border-radius:10px;position:relative;cursor:pointer;transition:background-color .2s}.switch.active[data-v-55dbfb19]{background:#4caf50}.handle[data-v-55dbfb19]{width:16px;height:16px;background:linear-gradient(145deg,#2a2a2a,#323232);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.switch.active .handle[data-v-55dbfb19]{transform:translate(20px)}.label[data-v-55dbfb19]{font-size:12px;color:#888;cursor:default}.pad-synth-panel[data-v-5e55b03b]{background:#242424;border-radius:12px;padding:16px;width:12rem;height:fit-content;box-shadow:0 4px 6px #0000001a}.panel-header[data-v-5e55b03b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #333;padding-bottom:8px}.control-buttons[data-v-5e55b03b]{display:flex;gap:4px}.control-btn[data-v-5e55b03b]{width:24px;height:20px;background:#2a2a2a;border:1px solid #3333338d;border-radius:4px;color:#888;font-size:.625rem;font-weight:700;text-align:center;cursor:pointer;transition:all .2s ease}.control-btn[data-v-5e55b03b]:hover{background:#333;color:#fff}.control-btn.active[data-v-5e55b03b]{color:#1a1a1a;background:#4caf50;box-shadow:0 0 4px #4caf50}.panel-header h3[data-v-5e55b03b]{margin:0;color:#4caf50;font-size:1.2em;font-weight:500}.controls-grid[data-v-5e55b03b]{display:flex;flex-direction:column;gap:24px}.knob-section[data-v-5e55b03b]{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.switch-section[data-v-5e55b03b]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 .5rem}.left-align[data-v-5e55b03b]{align-items:flex-start!important}.right-align[data-v-5e55b03b]{align-items:flex-end!important}.knob-section.effects[data-v-5e55b03b],.knob-section.envelope[data-v-5e55b03b],.volume-section[data-v-5e55b03b]{padding-bottom:16px;border-bottom:1px solid #333}.lead-synth-panel[data-v-54a69862]{background:#242424;border-radius:12px;padding:16px;width:12rem;height:fit-content;box-shadow:0 4px 6px #0000001a}.panel-header[data-v-54a69862]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #333;padding-bottom:8px}.control-buttons[data-v-54a69862]{display:flex;gap:4px}.control-btn[data-v-54a69862]{width:24px;height:20px;background:#2a2a2a;border:1px solid #3333338d;border-radius:4px;color:#888;font-size:.625rem;font-weight:700;text-align:center;cursor:pointer;transition:all .2s ease}.control-btn[data-v-54a69862]:hover{background:#333;color:#fff}.control-btn.active[data-v-54a69862]{color:#1a1a1a;background:#4caf50;box-shadow:0 0 4px #4caf50}.panel-header h3[data-v-54a69862]{margin:0;color:#4caf50;font-size:1.2em;font-weight:500}.controls-grid[data-v-54a69862]{display:flex;flex-direction:column;gap:24px}.knob-section[data-v-54a69862]{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.knob-section.effects[data-v-54a69862],.knob-section.envelope[data-v-54a69862],.volume-section[data-v-54a69862]{padding-bottom:16px;border-bottom:1px solid #333}.glossary[data-v-05b52962]{padding:2rem;width:40rem;max-width:800px;margin:0 auto}.glossary-grid[data-v-05b52962]{display:grid;gap:1rem;margin-top:2rem}.glossary-item[data-v-05b52962]{background:#2a2a2a;border-radius:8px;border:1px solid #3333338d;overflow:hidden}.term[data-v-05b52962]{padding:.625rem 1rem;cursor:pointer;color:#4caf50;font-weight:700;-webkit-user-select:none;user-select:none}.term[data-v-05b52962]:hover{background:#333}.wrapper[data-v-05b52962]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out}.wrapper.is-open[data-v-05b52962]{grid-template-rows:1fr}.inner[data-v-05b52962]{overflow:hidden}.content[data-v-05b52962]{padding:1rem;color:#cad9cb;border-top:1px solid #3333338d;line-height:1.5}.imprint[data-v-5eae147d]{padding:2rem;max-width:800px;margin:0 auto}.content[data-v-5eae147d]{margin-top:2rem;line-height:1.6}.links[data-v-5eae147d]{display:flex;flex-direction:column}h3[data-v-5eae147d]{margin-top:2rem;color:#4caf50}p[data-v-5eae147d]{margin:1rem 0;color:#cad9cb}a[data-v-5eae147d]{width:fit-content;text-decoration-line:underline}a[data-v-5eae147d]:hover{color:#7dede0}span[data-v-5eae147d]{font-weight:700;color:#fff}li[data-v-5eae147d]{color:#cad9cb}.grid-view[data-v-a1d2eddc]{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;width:fit-content}.input-section[data-v-a1d2eddc]{display:flex;gap:1rem}input[data-v-a1d2eddc]{background-color:#cad9cb;padding:.5rem .75rem;border:2px solid #4caf50;border-radius:4px;font-size:1rem;outline:0px solid #4caf50;transition:outline-width .125s ease-in-out}input[data-v-a1d2eddc]:focus-within{outline-width:2px}button[data-v-a1d2eddc]{padding:.625rem .875rem;background:#4caf50;border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;outline:0px solid #4caf50;transition:all .2s ease-in-out}button[data-v-a1d2eddc]:hover{outline-width:2px}button[data-v-a1d2eddc]:active{color:#181818}.status[data-v-a1d2eddc]{font-size:1.2rem}.error[data-v-a1d2eddc]{color:#f44}.sequencer-controls[data-v-a1d2eddc]{width:calc(100% + 2rem);font-weight:700}.contribution-grid[data-v-a1d2eddc]{position:relative;width:100%;display:flex;justify-content:center;gap:4px}.week[data-v-a1d2eddc]{display:flex;flex-direction:column;gap:4px}.week.inactive[data-v-a1d2eddc]{filter:saturate(.5) blur(1px);opacity:.35;transition:all .3s ease-out}.day[data-v-a1d2eddc]{width:12px;height:12px;border-radius:2px;background-color:#1a1b1a;border:1px solid #212221}.day.triggered[data-v-a1d2eddc]{filter:brightness(2.5);box-shadow:0 0 8px #80fbc466;transition:all .125s ease-in-out}.level-4[data-v-a1d2eddc]{background-color:#35cf43;border:1px solid #40db4e}.level-3[data-v-a1d2eddc]{background-color:#249a32;border:1px solid #2ea73d}.level-2[data-v-a1d2eddc]{background-color:#0d5d27;border:1px solid #146731}.level-1[data-v-a1d2eddc]{background-color:#0f361f;border:1px solid #184229}.level-1[data-v-a1d2eddc],.level-2[data-v-a1d2eddc],.level-3[data-v-a1d2eddc],.level-4[data-v-a1d2eddc]{transition:all .1s ease-out}.playback-controls-container[data-v-a1d2eddc]{margin-top:2rem;display:flex;align-items:center;gap:2rem;justify-content:center;background:#242424;border-radius:12px;padding:16px;box-shadow:0 4px 6px #0000001a}.divider[data-v-a1d2eddc]{height:3rem;border-right:1px solid #333}.synth-panels[data-v-a1d2eddc]{bottom:2rem;display:flex;gap:24px;width:100%;padding:24px;justify-content:center;flex-wrap:wrap}