body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:dark light}:root{--theme-background: #fafafa;--theme-background-light: #f6feaaff;--theme-border-color: #ccc;--theme-border-radius: 3px;--theme-border: 1px solid var(--theme-border-color);--theme-text-color: #373737ff;--theme-text-color-muted: #6c757d;--theme-text-shadow: .3px .3px .5px rgba(0, 0, 0, .1);--theme-box-shadow-color: color-mix( in srgb, var(--theme-border-color) 70%, transparent );--theme-box-shadow: 2px 2px 5px 0px var(--theme-box-shadow-color);--theme-box-shadow-hover: 0 6px 12px var(--theme-box-shadow-color);--theme-error-color: #d9534f;--theme-success-color: #5cb85c;--theme-warn-color: #f0ad4e;--theme-font-size-small: .8rem;--theme-button-background-color: #e9e9ed;--theme-button-border-color-hover: rgba(0, 0, 0, .3);--theme-button-border-color-active: rgba(0, 0, 0, .4);--gap: 1rem;--half-gap: calc(var(--gap) / 2);--quarter-gap: calc(var(--gap) / 4);--double-gap: calc(var(--gap) * 2)}@media (prefers-color-scheme: dark){:root{--theme-background: #16161d;--theme-background-light: #222;--theme-text-color: #eee;--theme-text-color-muted: #a0a0a0;--text-shadow: .3px .3px .5px rgba(255, 255, 255, .08);--theme-border-color: #666;--theme-box-shadow-color: color-mix(in srgb, black 40%, transparent);--theme-error-color: #d9534f;--theme-success-color: #4fa84f;--theme-warn-color: #e0a63f;--theme-button-background-color: #52525e;--theme-button-border-color-hover: rgba(255, 255, 255, .3);--theme-button-border-color-active: rgba(255, 255, 255, .4)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}img,picture,svg,video{display:block;max-width:100%}body{min-height:100vh;font-size:16px;background:var(--theme-background);color:var(--theme-text-color)}h1{font-size:2rem;margin:.5em}h2{font-size:1.5rem;margin:.5em}ul{padding:0 1em}input,textarea,button,select{border:var(--theme-border);border-radius:var(--theme-border-radius);padding:.5em 1em;background:var(--theme-background-light)}button{cursor:pointer;display:inline-flex;flex-direction:row;gap:.5em;align-items:center;border:var(--theme-border);border-radius:var(--theme-border-radius);background:var(--theme-button-background-color)}button:disabled{cursor:not-allowed;border-style:dashed;font-weight:300;color:var(--theme-text-color-muted);background:color-mix(in srgb,var(--theme-button-background-color) 20%,var(--theme-background))}button:not(:disabled){&:hover{border-color:var(--theme-button-border-color-hover)}&:active{transform:scale(.97);border-color:var(--theme-button-border-color-active)}}._header_5ayiw_144{text-align:center}._footer_5ayiw_151{padding:1em}._version_scu86_1{display:inline;font-size:small;font-weight:lighter}._fullscreenArea_m9rdz_1{background-color:var(--theme-background)}._bpmConfigurator_1ovbr_1{margin-top:1em;display:flex;flex-direction:row;justify-content:center;gap:var(--quarter-gap);font-size:larger}._bpmInput_1ovbr_12{text-align:center;background:none;font-size:3rem;border:none;-moz-appearance:textfield;padding:0}._bpmInput_1ovbr_12::-webkit-outer-spin-button,._bpmInput_1ovbr_12::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._bpmInput_1ovbr_12:focus{outline:none}._bpmConfigurator_1ovbr_1 button{padding:10px}._bpmInputContainer_1ovbr_37{position:relative}._bpmLabel_1ovbr_41{right:0;bottom:0;position:absolute;font-size:.8rem;font-weight:lighter}._icon_f50ea_1 svg{height:1em;width:1em}._fill_f50ea_6{fill:currentColor}._flipHorizontal_f50ea_10 svg{transform:scaleY(-1)}._flipVertical_f50ea_14 svg{transform:scaleX(-1)}._configurator_fxass_1{padding:0 var(--gap)}._configItem_fxass_5{display:flex;align-items:center;margin-bottom:var(--half-gap);gap:var(--gap)}._labelPre_fxass_12{min-width:130px;font-weight:bolder}._labelPost_fxass_17{font-weight:lighter}._configItem_fxass_5 input,._configItem_fxass_5 select{flex:1 1 150px;max-width:300px}@media (max-width: 520px){._configItem_fxass_5{flex-wrap:wrap;margin-bottom:var(--double-gap);gap:var(--half-gap)}._configItem_fxass_5 input,._configItem_fxass_5 select{max-width:initial}._labelPre_fxass_12{flex:0 0 100%;margin-bottom:0}}._clickStarter_17dhv_1{margin-top:1em;text-align:center}._clickStarter_17dhv_1 button{padding:.5em;font-size:1.2rem}._visualizer_1t19f_1{--beats-height: 150px;--beat-background: aliceblue;--beat-background-active: cornflowerblue;--fraction-border-color: #777;--fraction-border-color-half: #222;--fraction-border-color-first: #222;--jitter-rise-color: red;--jitter-stable-color: normal;--jitter-fall-color: green;--note-color: green;--note-drag-color: red;--note-rush-color: blue;padding:20px 50px;overflow:hidden}@media (prefers-color-scheme: dark){._visualizer_1t19f_1{--beat-background: #151515;--beat-background-active: #2c2c2c;--fraction-border-color: #7e7e7e;--fraction-border-color-half: #d5d5d5;--fraction-border-color-first: #d5d5d5;--jitter-rise-color: red;--jitter-stable-color: normal;--jitter-fall-color: green;--note-color: #22ff22;--note-drag-color: #ff2222;--note-rush-color: #2222ff}}._visualizerHeader_1t19f_36{margin-bottom:1em}._visualizerInner_1t19f_40{position:relative;overflow-x:visible}._cursor_1se6i_1{position:absolute;top:0;left:var(--cursorPosition);width:2px;background:#00f;height:100%;z-index:1}._beatFractions_1d6ey_1{display:flex;flex-direction:row;height:100%;background:var(--beat-background);position:absolute;inset:0}._beatFraction_1d6ey_1{flex:1 1 0;height:100%;border-left:1px dotted var(--fraction-border-color)}._beatFractionFirst_1d6ey_20{border-left-color:var(--fraction-border-color-first);border-left-style:solid}._beatFractionHalf_1d6ey_25{border-left-color:var(--fraction-border-color-half)}._beatActive_1d6ey_29{background:var(--beat-background-active)}._jitter_24m4k_1{text-align:center;font-size:2rem}._jitterLabel_24m4k_5,._jitterNone_24m4k_9{font-weight:lighter}._jitterUnit_24m4k_13{font-weight:lighter;font-size:.8rem}._jitterValue_24m4k_18{display:inline-block;min-width:2em;text-align:right}._jitterTrend_24m4k_24{width:2em;height:1em;display:inline-flex;justify-content:center;font-size:.8em}._jitterTrendRise_24m4k_33{color:var(--jitter-rise-color);font-weight:bolder}._jitterTrendFall_24m4k_38{color:var(--jitter-fall-color);font-weight:bolder}._jitterTrendStable_24m4k_43{color:var(--jitter-stable-color)}._laneDivider_v24f1_1{z-index:1;position:relative}._noteLane_1krou_1{position:relative;height:var(--beats-height)}._laneJitterColumn_12rd5_1{--jitterWidth: 20px;background:linear-gradient(to right,transparent 0%,var(--jitterColor) 20%,var(--jitterColor) 80%,transparent);position:absolute;left:calc(var(--jitterPosition) - var(--jitterWidth) / 2 + 1px);height:var(--jitterHeight);width:var(--jitterWidth);bottom:0}._note_d0r9u_1{--note-size: 12px;--note-hor-shift: calc(var(--note-size) * -1 / 2);background:var(--note-color);position:absolute;top:0;width:var(--note-size);height:var(--note-size);border-radius:var(--note-size);transform:translateY(0) translate(var(--note-hor-shift));animation:_noteFade_d0r9u_1 6s ease-in forwards}._ghost_d0r9u_18{opacity:.5}._rushed_d0r9u_22{background:var(--note-rush-color)}._dragged_d0r9u_26{background:var(--note-drag-color)}@keyframes _noteFade_d0r9u_1{to{transform:translateY(calc(var(--beats-height) - var(--note-size))) translate(var(--note-hor-shift)) scale(.3);opacity:.2}}._fullscreenButton_1pe25_1{font-size:2rem;padding:var(--half-gap);background:none;border:none;position:fixed;bottom:0;right:0;box-shadow:var(--theme-box-shadow)}