@font-face{font-family:"initial";src:url(../fonts/initial.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-main: "initial", monospace;--accent-color-1: rgb(243, 156, 18);--accent-color-2: rgb(46, 204, 113);--color-2: #72b58c;--accent-color-3: #5061a3;--settings-div-bg: #303133;--input-trio-width: 15rem;--button-width: 10rem;--numeric-input-font-size: 2rem;--text-0: #fff;--background-0: #000;--background-1: #545664;--menu-radius: 4px;--menu-gap: 8px;--shadow-1: 0 8px 24px rgba(0, 0, 0, .8);--menu-border: 1px solid rgba(0, 0, 0, .08);--menu-fg: #111;--menu-hl: rgba(0, 0, 0, .06);--menu-kbd: #666;--border-radius-1: .5rem}.accent1{background:var(--accent-color-1)}.accent2{background:var(--accent-color-2)}.accent3{background:var(--accent-color-3)}button,a,label,input{touch-action:manipulation}*{margin:0;padding:0;-webkit-font-smoothing:antialiased;text-decoration:none}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;font-size:clamp(10px,1.5vw,15px)}body{font-family:var(--font-main);text-align:center;padding:0;margin:0;font-size:1.5rem;max-width:100%;min-width:300px;min-height:100vh;-webkit-user-select:none;user-select:none;overflow-x:hidden;overflow-y:scroll;display:flex;color:var(--text-0);background-color:var(--background-0);flex-direction:column;align-items:center;justify-content:space-evenly}li{text-align:left}#appMain{gap:1.1rem;width:100%;display:flex;flex:1;flex-direction:column;align-items:center}.wizard-btn{background-color:var(--background-1)}:root{--req-color: #ef4444;--ok-color: #22c55e;--field-bdr: #d1d5db}.menu-form input,.menu-form select,.menu-form textarea{border:1px solid var(--field-bdr);border-radius:8px;padding:8px 10px;width:100%;box-sizing:border-box}.menu-form-row:has(input[required],select[required],textarea[required])>label:after,.menu-form-row:has(input[aria-required=true],select[aria-required=true],textarea[aria-required=true])>label:after{content:" *";color:var(--req-color);margin-left:.25em}.menu-form input[required]:user-invalid,.menu-form select[required]:user-invalid,.menu-form textarea[required]:user-invalid{border-color:var(--req-color);outline-color:var(--req-color)}.menu-form input[required]:invalid:focus,.menu-form select[required]:invalid:focus,.menu-form textarea[required]:invalid:focus{border-color:var(--req-color);outline-color:var(--req-color)}.menu-form input[required]:user-valid,.menu-form select[required]:user-valid,.menu-form textarea[required]:user-valid{border-color:var(--ok-color);outline-color:var(--ok-color)}.menu-form .field-hint{font-size:12px;opacity:.8;margin-top:4px}.menu-form-row{padding:8px}.menu-form-row-buttons{display:flex;gap:6px;padding-top:0}.menu-form input{box-sizing:border-box;padding:6px 8px;border:1px solid #ccc;border-radius:6px;font:inherit;width:100%}.menu-form label{color:#fff;font-size:1.25rem;display:block;opacity:.8;margin-bottom:4px}.menu-root{position:relative;display:inline-block}.menu-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;border:var(--menu-border);background:var(--background-1);box-shadow:0 1px 3px #0000000f;cursor:pointer}.menu-btn:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}.menu-pop{position:absolute;top:calc(100% + var(--menu-gap));left:0;background:var(--background-1);color:var(--menu-fg);border:var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--shadow-1);padding:.5rem;min-width:220px;z-index:1000}.menu-pop[data-hidden=true]{display:none}.menu-pop[data-anchored=true]{position:fixed;top:0;left:0}.menu-list{list-style:none;margin:0;padding:.25rem}.menu-item{font-size:2rem;display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .625rem;border-radius:10px;line-height:1.2;white-space:nowrap;background:var(--background-1);justify-content:flex-start}.menu-item[aria-disabled=true]{opacity:.5;pointer-events:none}.menu-item:hover,.menu-item[data-active=true]{background:var(--menu-hl)}.menu-sep{height:1px;background:#00000014;margin:.375rem .25rem}.menu-right{margin-left:auto;font-size:.825rem;color:var(--menu-kbd)}.submenu-caret{margin-left:auto}.submenu-pop{position:absolute;top:-.5rem;left:calc(100% + .5rem);min-width:220px}.menu-group{position:relative}.menu-label{font-size:1.25rem}.menu-item:hover{background:var(--accent-color-3)}@media (max-width: 640px){.menu-pop{position:fixed;inset:auto 0 0 0;top:auto;border-radius:16px;min-width:unset;padding:.75rem}.menu-pop[data-anchored=true]{inset:auto 0 0 0;left:auto;height:fit-content}.submenu-pop{position:static;inset:auto;left:auto;top:auto}.menu-group>.submenu-pop{margin-left:0}}.app-action{grid-column:1;justify-self:start;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;background-color:transparent}.transparent-bg{background-color:transparent}button.app-action .icon-span svg{display:block;transform-origin:center;transition:transform .16s ease}button.app-action:hover .icon-span svg,button.app-action:focus-visible .icon-span svg{transform:scaleY(.9)}button.app-action:active .icon-span svg{transform:scaleY(.85)}@media (hover: none){button.app-action .icon-span svg{transition:none}}#timer-counter{display:flex;gap:3rem}#controls{width:100%}.sequences-ui{display:flex;flex-direction:column;flex:1}.sequences-rects{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:.4rem;padding:.4rem .5rem}.sequence-rect{min-width:max-content;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:4px;border:2px solid transparent;background:var(--settings-div-bg);color:var(--text-0);font-size:.9rem;box-sizing:border-box;transition:background .12s,border-color .12s}.sequence-rect-main{display:flex;flex-direction:row;align-items:stretch}.sequence-drag-handle{display:flex;align-items:center;justify-content:center;padding:0 .35rem;cursor:grab;opacity:.4;font-size:1rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.sequence-drag-handle:hover{opacity:.9}.sequence-drag-handle:active{cursor:grabbing}.sequence-rect-inner{display:flex;flex-direction:column;gap:.25rem;padding:.4rem .75rem .4rem 0;flex:1;min-width:0}.sequence-rect-name{cursor:pointer;-webkit-user-select:none;user-select:none}.sequence-rect-name:hover{opacity:.8}.sequence-rect:hover{background:#ffffff0f}.sequence-rect-controls{display:flex;align-items:center;gap:.3rem;--numeric-input-font-size: 1rem}.sequence-rect-controls .inputTrio{gap:0;align-self:stretch}.sequence-rect-controls .inputTrio .arrowButtons{height:100%}.sequence-rect-controls .arrowButtons{font-size:1rem;padding:.2rem}.sequence-rect-controls .arrowButtons .icon-span{width:1rem;height:1rem}.sequence-after-btn{background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:3px;color:var(--text-0);font-size:.75rem;padding:.1rem .3rem;cursor:pointer;opacity:.45;line-height:1}.sequence-after-btn.chosen{opacity:1;border-color:var(--accent-color-1, #4af);color:var(--accent-color-1, #4af)}.sequence-after-btn.disabled{opacity:.2;cursor:pointer}.seq-pin-btn.pinned{--icon-fill: var(--accent-color-1, #4af)}.sequence-rect-ghost{opacity:.3}.sequence-repeat-indicator{display:flex;flex-direction:row;gap:2px;padding:0 .35rem .35rem;min-height:0}.sequence-repeat-indicator:empty{display:none}.repeat-dot{flex:1;height:4px;border-radius:2px;background:#ffffff26;transition:background .1s}.repeat-dot.active{background:var(--accent-color-1)}.sequence-rect-dragging{cursor:grabbing;box-shadow:0 4px 16px #0006}.sequence-rect.active{border-color:var(--accent-color-1, #4af)}.sequence-rect.pending{border-color:var(--accent-color-2, #fa4);border-style:dashed;animation:pending-blink .4s step-start infinite}@keyframes pending-blink{0%,to{border-color:var(--accent-color-2, #fa4)}50%{border-color:transparent}}.beat-grid-container{width:100%;display:grid;grid-template-columns:max-content max-content max-content 1fr;border:2px solid rgba(255,255,255,.18);border-radius:0;outline:1px solid rgba(255,255,255,.06);outline-offset:3px}#content_tabBeatGrid>.close-tab-content-btn{display:none}.panel-header{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.15rem}.panel-header-title{flex:1;font-size:1rem;opacity:.85;text-align:center}.beat-grid-header{grid-column:1 / -1;margin-bottom:0}.panel-header>.close-tab-content-btn{position:static;order:999}.beat-grid-header .inputTrio{gap:0;--numeric-input-font-size: 1rem}.beat-grid-header .arrowButtons{font-size:1rem;padding:.2rem}.beat-grid-header .arrowButtons .icon-span{width:1rem;height:1rem}.beat-grid-track{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;border-bottom:1px dashed rgba(255,255,255,.12)}.beat-grid-track:last-of-type{border-bottom:none}.beat-grid-track-label{display:flex;flex-direction:column;align-items:flex-end;padding-right:.75rem;gap:.2rem;border-right:2px solid rgba(255,255,255,.15)}.beat-grid-track-name{font-size:.9rem;color:var(--text-0);opacity:.8;padding:0 .6rem 0 .2rem;white-space:nowrap}.track-menu-popup .menu-pop{min-width:9rem}.track-menu-popup .menu-item{font-size:1.1rem;padding:.25rem .5rem;gap:.4rem}.menu-rename-section{padding:.35rem .5rem .4rem;display:flex;flex-direction:column;gap:.3rem}.menu-rename-input{background:#ffffff14;color:var(--text-0, #fff);border:1px solid rgba(255,255,255,.25);border-radius:3px;padding:.2rem .4rem;font-size:1rem;font-family:inherit;width:100%;box-sizing:border-box}.menu-rename-input:focus{outline:none;border-color:var(--accent-color-1, #4af)}.menu-rename-buttons{display:flex;gap:.3rem}.menu-rename-ok,.menu-rename-cancel{flex:1;padding:.2rem .4rem;background:#ffffff0f;color:var(--text-0, #fff);border:1px solid rgba(255,255,255,.15);border-radius:3px;cursor:pointer;font-family:inherit;font-size:.9rem}.menu-rename-ok:hover{background:var(--accent-color-1, #4af);border-color:var(--accent-color-1, #4af);color:#000}.menu-rename-cancel:hover{background:#ffffff1f}.numeric-input-wrapper{touch-action:none}.numeric-input-wrapper.dragging-bpm{cursor:ns-resize;-webkit-user-select:none;user-select:none}.numeric-input-wrapper.dragging-bpm .numeric-input{pointer-events:none}@media (max-width: 768px),(pointer: coarse){.inputTrio .arrowButtons{font-size:3rem;padding:.6rem .9rem;min-width:3rem;min-height:3rem}}.add-track-name-row{padding:.4rem .5rem .2rem}.add-track-name-input{width:100%;box-sizing:border-box}.beat-grid-add-track{align-self:flex-start;margin:.4rem 0 .2rem;padding:.25rem .75rem;font-size:.8rem;background:transparent;color:var(--text-0);border:1px dashed rgba(255,255,255,.3);border-radius:0;cursor:pointer;opacity:.7}.beat-grid-add-track:hover{opacity:1;border-color:#fff9;border-style:solid}.beat-grid{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;padding:0}.settingsDiv{width:100%;gap:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.5rem .5rem .5rem 2rem;background:var(--settings-div-bg)}.row-layout-l-r-t-b{display:grid;grid-template-columns:2fr auto var(--input-trio-width) var(--button-width);gap:1rem}.icon{display:inline-block;font-size:24px;line-height:1;vertical-align:middle}.collapsible{background:#3a3f51}.collapsible>button{border-radius:0;font-size:2rem}.collapsible button{background:#000}button{font-family:var(--font-main);border:none;padding:.5rem;border-radius:var(--border-radius-1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.border-radius-1{border-radius:var(--border-radius-1)}button:disabled{cursor:not-allowed!important;background:#ccc!important;color:#888!important}button:not(:disabled){cursor:pointer}.transportButtons{background:var(--accent-color-3);font-size:2.5rem;width:13rem;height:4rem}.button-size-2{border-radius:.5rem;width:2rem;height:2rem}.button-size-2 svg{height:1.5rem;width:1.5rem}.shadow1{box-shadow:var(--shadow-1)}.arrowButtons{color:#fff;font-size:2.5rem;padding:.25rem;background:#000}#transport{display:flex;gap:2rem}.beat{width:2rem;height:2rem;border-radius:50%;background:#ccc}.beat.active{background:var(--accent-color-2);transform:scale(1.5);transform-origin:center}.beat.active.sequence-beat-clicked{background:gold}.beat{position:relative}.beat.err-shown:after{content:"";position:absolute;top:-.3rem;bottom:-.3rem;left:50%;width:2px;border-radius:1px;background:var(--accent-color-1, #4af);transform:translate(calc(-50% + var(--err-shift, 0) * 2rem));opacity:calc(.3 + .7 * var(--err-gain, 1));pointer-events:none}.beat.err-stutter:after{box-shadow:.3rem 0 #4aaaff8c,.55rem 0 #4aaaff4d}.beat.err-drop:after{background:#ff4d4d;opacity:.9}.beat.err-drop{box-shadow:inset 0 0 0 2px #ff4d4d}#content_tabBeatDisplay{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.beat-display-wrapper{position:relative;flex:1;width:100%;display:flex;flex-direction:column}.beat-display-left{position:absolute;left:1.5rem;top:5rem;bottom:1.5rem;width:4rem;z-index:1;pointer-events:auto;display:flex;align-items:center;justify-content:center}.beat-display-left .verticalControl{width:100%;height:100%;gap:4px;color:#fff}.beat-display-left .verticalSlider{flex:1;width:100%}.beat-display-left .sliderTrack{height:100%!important;flex:1}.beat-display-left .verticalSliderValue{color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.beat-display-wrapper:has(#beatDisplay:not(.accent1):not(.accent2)) .beat-display-left .sliderTrack{background:#ffffff59}.beat-display-left.out-of-range .accent3{background:#6b6b6b;opacity:.55}.beat-display-right{position:absolute;right:1.5rem;top:5rem;bottom:8rem;z-index:1;pointer-events:auto;display:flex;flex-direction:row;align-items:stretch;gap:.9rem}.beat-display-right .verticalControl{width:2.8rem;height:100%;gap:4px;color:#fff}.beat-display-right .verticalSlider{flex:1;width:100%}.beat-display-right .sliderTrack{height:100%!important;flex:1}.beat-display-right .sliderTrack>div{width:100%!important;transform:none!important}.beat-display-right .verticalSliderValue{display:block;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.beat-display-right .label{color:#fff;font-size:.7rem;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.beat-display-wrapper:has(#beatDisplay:not(.accent1):not(.accent2)) .beat-display-right .sliderTrack{background:#ffffff59}.beat-display-right.imprinted{opacity:.4}#appVersion{position:fixed;right:.4rem;bottom:.2rem;z-index:20;font-size:.75rem;letter-spacing:.04em;color:#ffffff73;pointer-events:none;-webkit-user-select:none;user-select:none}.errorize-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-bottom:.5rem}.errorize-panel .verticalSliderValue{display:block}.errorize-panel .errorize-rack.imprinted{opacity:.4}.imprint-row{display:flex;align-items:center;gap:.75rem}.beat-repeat-row{display:flex;align-items:center;gap:.4rem}.beat-repeat-label{font-size:.8rem;letter-spacing:.08em;opacity:.75;margin-right:.2rem}.beat-repeat-button{font-size:1.3rem;min-width:2.8rem;height:2.4rem;border-radius:var(--border-radius-1);background:var(--background-0, #222);border:1px solid rgba(255,255,255,.35);color:#fff}.beat-repeat-button.beat-repeat-active{background:var(--accent-color-3, #6b74c4);color:#fff}.beat-display-bottom{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);z-index:1;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.beat-display-bottom .beat-repeat-label{color:#fff}.imprint-count .imprint-count-value{font-size:2rem;color:var(--input-trio-color, white);min-width:2.2ch;text-align:center;-webkit-user-select:none;user-select:none;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.imprint-count .arrowButtons{font-size:2.2rem;padding:.25rem .5rem;min-width:2.6rem;min-height:2.6rem}.imprint-button,.imprint-save-button{font-size:1.6rem;width:10rem;height:3.2rem}.imprint-save-button{background:var(--background-0, #222);color:#fff}.imprint-button.imprint-active{background:gold;color:#000}.imprint-button:disabled,.imprint-save-button:disabled{opacity:.35;cursor:default}.beat-display-tl .arrowButtons{font-size:2.2rem;padding:.25rem .5rem;min-width:2.6rem;min-height:2.6rem}.beat-display-tl .numeric-input,.beat-display-tl .subdivision-label{font-size:2rem}.beat-display-tl,.beat-display-tr{position:absolute;top:.5rem;z-index:1;pointer-events:auto}.beat-display-tl{background:var(--background-0);left:.5rem;display:flex;flex-direction:row;align-items:center;gap:.4rem}.inputTrio .subdivision-label{font-size:var(--numeric-input-font-size, 2rem);color:var(--input-trio-color, white);background:var(--input-trio-bg, transparent);padding:.1rem .35rem;min-width:2.2ch;text-align:center;-webkit-user-select:none;user-select:none;line-height:1}.beat-display-tr{right:.5rem}.beat-display-ml{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);z-index:1;pointer-events:auto}#beatDisplay{min-height:8rem;color:#fff;background:var(--background-0);font-size:16rem;padding:.3rem;cursor:pointer;width:100%;flex:1;display:flex;justify-content:center;align-items:center}#beatDisplay.accent1{background:var(--accent-color-1)}#beatDisplay.accent2{background:var(--accent-color-2)}.hideIfNarrow{display:block}.expandIfPossible{flex:1;min-width:0;max-width:32rem}.tap-feedback{background-color:#ff8c00}@media (max-width: 770px){.hideIfNarrow{display:none}body{overflow-y:scroll}}@media (max-height: 600px){body{overflow-y:scroll}.arrowButtons{font-size:2rem}.beat-grid{max-width:138%;display:flex;flex-wrap:wrap;justify-content:space-evenly}#appMain{gap:1.1rem;width:100%;display:flex;flex-direction:row-reverse;align-items:center;flex-direction:column}}.numeric-input{background:#000;color:#fff;font-size:2rem;border:none;border-radius:5px;width:4rem;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.numeric-input::-webkit-outer-spin-button,.numeric-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.numeric-input:focus{outline:2px solid var(--accent-color-2)}@media (prefers-color-scheme: dark){.numeric-input{background:#111;color:#fff}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:8px;background:#333;border-radius:5px;outline:none;margin:0 10px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;background:var(--accent-color-2);border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#fff;border:2px solid var(--accent-color-2);margin-top:-8px;cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:8px;background:var(--accent-color-2);border-radius:5px}input[type=range]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#fff;border:2px solid var(--accent-color-2);cursor:pointer}input[type=range]::-ms-track{width:100%;height:8px;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--accent-color-2);border-radius:5px}input[type=range]::-ms-fill-upper{background:var(--accent-color-2);border-radius:5px}input[type=range]::-ms-thumb{height:24px;width:24px;border-radius:50%;background:#fff;border:2px solid var(--accent-color-2);cursor:pointer}.toggler{position:relative;display:inline-block;width:4rem;height:2.5rem}.toggler input{opacity:0;width:0;height:0}.toggler .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:background-color .25s;border-radius:1.5rem}.toggler .slider:before{content:"";position:absolute;height:2.125rem;width:2.125rem;left:.2rem;bottom:.1875rem;background-color:#fff;transition:transform .25s;border-radius:50%}.toggler input:checked+.slider{background-color:var(--accent-color-2)}.toggler input:checked+.slider:before{transform:translate(1.5rem)}.inputTrio{background:var(--input-trio-bg, black);color:var(--input-trio-color, inherit);display:flex;align-items:center;gap:.25rem;border-radius:var(--border-radius-1);overflow:hidden}.inputTrio button:nth-of-type(1){border-radius:var(--border-radius-1) 0 0 var(--border-radius-1)}.inputTrio button:nth-of-type(2){border-radius:0 var(--border-radius-1) var(--border-radius-1) 0}.inputTrio .arrowButtons{background:var(--input-trio-bg, black)}.inputTrio .numeric-input{background:var(--input-trio-bg, black);color:var(--input-trio-color, white)}.labelAndControls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem}.label{font-size:1rem}@keyframes slider-trigger-flash{0%{background:#ffffff59}to{background:#000}}.slider-triggered{animation:slider-trigger-flash .18s ease-out forwards}.sequence-next-split{display:flex}.sequence-next-split .sequence-next-main{border-top-right-radius:0;border-bottom-right-radius:0}.sequence-next-split .sequence-next-drop{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(255,255,255,.15);padding:0 .3em;font-size:.65em;min-width:unset}.sequence-launch-btn{flex:0 0 auto;align-self:center;background:var(--accent, #e05a00);border:none;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .9rem;cursor:pointer;opacity:.9;min-width:0;letter-spacing:.03em;transition:opacity .15s,transform .1s}.sequence-launch-btn:hover{opacity:1;transform:scale(1.04)}.composition-display{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;min-width:8rem}.comp-display-title{font-size:.75rem;opacity:.6;text-transform:uppercase;letter-spacing:.05em}.comp-display-part{font-size:.8rem;opacity:.8;font-style:italic}.comp-display-lyrics{font-size:1.1rem;font-weight:500}.comp-display-chord{font-size:1.4rem;font-weight:700;color:var(--accent-color, #f0c040)}.van-tabs-header-row{display:flex;align-items:stretch}.van-tabs-header{flex:1;gap:.2rem;display:flex;overflow-x:auto;overflow-y:hidden}.tab-button{box-shadow:var(--shadow-1);border-radius:1rem 1rem 0 0;font-size:1.5rem;flex:1;padding:.25rem .5rem;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;max-width:10rem}.tab-button .buttonText{font-size:1rem}.tab-button .icon-span svg{max-height:2.5rem}.tab-button{display:inline-flex;align-items:center}.tab-button .icon-span{display:inline-grid;place-items:center;line-height:0}.tab-button .icon-span>svg,.tab-button>svg{transform-origin:50% 50%;transition:transform .16s ease}.tab-button:hover .icon-span>svg,.tab-button:hover>svg,.tab-button:focus-visible .icon-span>svg,.tab-button:focus-visible>svg{transform:scale(1.12)}.tab-button:active .icon-span>svg,.tab-button:active>svg{transform:scale(1.06)}@media (prefers-reduced-motion: reduce){.tab-button .icon-span>svg,.tab-button>svg{transition:none}}@media (max-width: 770px){.tab-button .buttonText{display:none}}@media (max-height: 770px){.tab-button .buttonText{display:none}.beat-grid{padding:1rem 0}}.tab-button:hover{transform:translateY(.25rem)}.van-tab-content{position:relative;border-top:1px solid #ffffff6b}.van-tabs-header .icon-span{width:3rem}.hasVisibleContent{background-color:var(--color-2)}.evenSpaced{justify-content:space-evenly}.slider-tall .sliderTrack{height:200px}.slider-short .sliderTrack{height:100px}.verticalControl{width:4rem}.verticalSlider span{margin-bottom:4px;font-size:.9em}.verticalSliderValue{display:none}.muteButton{width:4rem;border-radius:0;margin-top:6px;padding:4px 8px;background-color:red}.buttonMuted{background-color:#ccc;color:#888}.sliderTrack{position:relative;background:#000;border-radius:6px;cursor:pointer}.sliderTrackMuted{background-color:#454545}#tabbedUI{flex:1 0 auto;overflow:visible;width:100%;display:flex;flex-direction:column}#tabbedUITabs{flex:1 0 auto;overflow:visible;display:flex;flex-direction:column;width:100%}.van-tabs-body{display:flex;flex-direction:column;flex:1;overflow-y:auto}button svg{height:2rem;fill:#fff;pointer-events:none}.icon-span{display:flex;align-items:center;justify-content:center}.icon-span svg path,.icon-span svg polygon{fill:var(--icon-fill, currentColor)}.logo_image{border-radius:1rem;margin:1rem;width:3rem;height:3rem}.article{gap:1rem;display:flex;padding:1rem 10%;flex-direction:column;align-items:baseline;text-align:justify;letter-spacing:.02rem}.article button{background:#8f4007;border-radius:.5rem}.quizz_buttons{width:100%;display:flex;gap:2rem;justify-content:center}.article ul{padding-left:2rem}.centered-flex{width:100%;gap:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.flex-center-row{width:100%;display:flex;align-items:center;gap:2rem;justify-content:center}.close-tab-content-btn{position:absolute;right:.3rem;top:.3rem;height:1rem;width:1rem;background:var(--settings-div-bg);color:#fff}.close-tab-content-btn:hover{transform:scale(1.5);transform-origin:center}.close-tab-content-btn .icon-span{width:.8rem}.sequence-beat-clicked{background:gold}.changelog-entry{background:#1e1e1e;color:#ddd;padding:1rem;border-radius:12px;font-family:var(--font-main);margin-bottom:1rem;border-left:4px solid #ffc107}.changelog-entry h3{margin-top:0;color:#ffc107}.changelog-entry ul{list-style:none;padding-left:0}.changelog-entry li{margin-bottom:.75rem;line-height:1.5}.changelog-entry .note{display:block;margin-left:1.5rem;font-size:.95em;color:#bbb}input[type=text],input[type=search],input[type=password],input[type=email],input[type=number]{-webkit-appearance:none;appearance:none;font-family:inherit;background-color:#000;color:#fff;box-sizing:border-box;outline:none;width:100%;max-width:300px;-moz-appearance:textfield}input[type=text]:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff33}.numeric-input-wrapper{position:relative;display:inline-block;height:100%}.numeric-input{font-size:var(--numeric-input-font-size);background:#000;color:#fff;border:none;border-radius:5px;text-align:center;padding:.1rem .25rem;width:auto;min-width:2rem;max-width:5rem;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;font-family:inherit;height:100%;box-sizing:border-box}.numeric-mirror{visibility:hidden;position:absolute;white-space:pre;font-size:var(--numeric-input-font-size);font-family:inherit;padding:.1rem .25rem}