.rhythm-chart[data-v-c4fc3864]{width:100%}.chart-title[data-v-c4fc3864]{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.chart-legend[data-v-c4fc3864]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:8px 0}.legend-item[data-v-c4fc3864]{align-items:center;display:flex;gap:4px}.legend-dot[data-v-c4fc3864]{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.legend-text[data-v-c4fc3864]{color:#555;font-size:12px;white-space:nowrap}.chart-wrapper[data-v-c4fc3864]{box-sizing:content-box;overflow-x:auto;overflow-y:hidden;width:100%}.chart[data-v-c4fc3864]{align-items:center;box-sizing:border-box;display:flex;gap:4px;height:100%;min-width:100%;padding:0 8px;position:relative;width:-moz-max-content;width:max-content}.chart[data-v-c4fc3864]:after{background:#333;content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:50%;z-index:0}.bar[data-v-c4fc3864]{border-radius:2px;cursor:default;flex-shrink:0;position:relative;width:6px;z-index:1}.dot[data-v-c4fc3864]{background:#fff;border:2px solid #333;border-radius:50%;box-sizing:border-box;height:8px;left:50%;position:absolute;transform:translate(-50%,-50%);width:8px}.chart-wrapper[data-v-c4fc3864]::-webkit-scrollbar{height:6px}.chart-wrapper[data-v-c4fc3864]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px}.chart-wrapper[data-v-c4fc3864]::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.chart-wrapper[data-v-c4fc3864]::-webkit-scrollbar-thumb:hover{background:#555}.card-gradient[data-v-3df864e0]{background:linear-gradient(180deg,#fbfbfd,#f3f7fffa);box-shadow:0 1px 3px #0000000d}.card-grid-item[data-v-3df864e0]{min-height:100px;width:100%}.note-pitch-indicator[data-v-969aec48]{align-items:stretch;border-radius:10px;box-sizing:border-box;color:inherit;display:inline-flex;flex-direction:column;font-family:inherit;font-size:13px;gap:5px;line-height:1;min-width:100px;white-space:nowrap}.pitch-display[data-v-969aec48]{gap:4px;height:18px;min-width:64px;width:100%}.indicator-actions[data-v-969aec48],.pitch-display[data-v-969aec48]{align-items:center;display:inline-flex;justify-content:center}.indicator-actions[data-v-969aec48]{gap:8px}.pitch-note[data-v-969aec48]{font-weight:600}.pitch-placeholder[data-v-969aec48]{opacity:.45}.pitch-scale[data-v-969aec48]{height:4px}.pitch-scale__track[data-v-969aec48]{border-radius:999px;height:2px;position:relative}.pitch-scale__zone[data-v-969aec48]{bottom:0;opacity:.55;position:absolute;top:0}.pitch-scale__zone--green[data-v-969aec48]{background:var(--theme-success-color,#48c748);left:45%;width:10%}.pitch-scale__zone--yellow[data-v-969aec48]{background:#eab308;width:10%}.pitch-scale__zone--yellow.pitch-scale__zone--left[data-v-969aec48]{left:35%}.pitch-scale__zone--yellow.pitch-scale__zone--right[data-v-969aec48]{left:55%}.pitch-scale__zone--red[data-v-969aec48]{background:var(--theme-error-color,#e73e3e);width:35%}.pitch-scale__zone--red.pitch-scale__zone--left[data-v-969aec48]{left:0}.pitch-scale__zone--red.pitch-scale__zone--right[data-v-969aec48]{left:65%}.pitch-scale__marker[data-v-969aec48]{border-radius:1px;height:4px;position:absolute;top:-1px;width:2px}.pitch-scale__marker--green[data-v-969aec48]{background:var(--theme-success-color,#48c748)}.pitch-scale__marker--yellow[data-v-969aec48]{background:#eab308}.pitch-scale__marker--red[data-v-969aec48]{background:var(--theme-error-color,#e73e3e)}.mic-toggle[data-v-969aec48],.settings-toggle[data-v-969aec48]{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;padding:0;width:18px}.mic-toggle--active[data-v-969aec48]{animation:note-pitch-mic-pulse-969aec48 1.6s ease-in-out infinite;color:var(--theme-success-color,#48c748);opacity:1}@keyframes note-pitch-mic-pulse-969aec48{0%,to{opacity:1}50%{opacity:.45}}.keyboard-actions[data-v-4a4ae8c5]{align-items:center;display:flex;gap:2px}.keyboard-actions.flex-col[data-v-4a4ae8c5]{flex-direction:column}.buttons-keyboard-host[data-v-13cd2fac]{font-size:16px}#buttons-keyboard[data-v-13cd2fac]{display:flex;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button[data-v-13cd2fac]{touch-action:manipulation}#buttons-keyboard button[data-v-13cd2fac]{align-items:center;background:var(--theme-bg-transparent-color);border:1px solid var(--theme-border-color);border-radius:4px;cursor:pointer;display:flex;font-weight:600;height:100%;justify-content:center;margin:5px;min-width:30px;position:relative;text-align:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}#buttons-keyboard button.active[data-v-13cd2fac],#buttons-keyboard button[data-v-13cd2fac]:active{box-shadow:inset -1px 0 4px #000000b3}.column[data-v-13cd2fac]{bottom:0;box-sizing:content-box;display:flex;flex-direction:column;gap:12px;height:33.33333vh;margin:auto;max-width:170px;padding:0 1.25rem;position:fixed;top:25vh;width:28vw;z-index:2}.left-column[data-v-13cd2fac]{left:0}.right-column[data-v-13cd2fac]{right:0}.right-column>.row[data-v-13cd2fac]{justify-content:right}.row[data-v-13cd2fac]{align-items:center;display:flex;flex:1 1 auto}.keyboard-button[data-v-13cd2fac],.note-name[data-v-13cd2fac]{display:none}.buttons-keyboard-host.show-hot-keys .keyboard-button[data-v-13cd2fac],.buttons-keyboard-host.show-note-name .note-name[data-v-13cd2fac],.letter-designation[data-v-13cd2fac]{display:inline}.buttons-keyboard-host.chromatic-hidden .chromatic-button[data-v-13cd2fac]{opacity:0!important}.alteration-sign-flat[data-v-13cd2fac],.alteration-sign-sharp[data-v-13cd2fac]{display:none}.buttons-keyboard-host[sign=flat] .alteration-sign-flat[data-v-13cd2fac],.buttons-keyboard-host[sign=sharp] .alteration-sign-sharp[data-v-13cd2fac]{display:inline!important}#buttons-keyboard button small[data-v-13cd2fac]{bottom:0;font-size:.6em;font-style:italic;font-weight:400;left:0;position:absolute;right:0;text-align:center;white-space:pre}.letter-designation[data-v-13cd2fac],.note-name[data-v-13cd2fac]{color:var(--key-color,inherit)}#buttons-keyboard button[data-v-13cd2fac]:after{background-color:var(--key-color,transparent);border-radius:2px;bottom:0;content:"";height:3px;left:0;margin:0 auto 6px;opacity:0;position:absolute;right:0;transition:opacity .2s;width:25%}.buttons-keyboard-host:not(.show-note-name) #buttons-keyboard button[data-v-13cd2fac]:after{opacity:1}.keyboard-actions-bar[data-v-13cd2fac]{align-items:center;display:flex;gap:4px;left:50%;padding:4px 8px;position:fixed;top:80%;transform:translate(-50%);z-index:20}.piano-mini-root[data-v-655f478d]{display:block}.piano-mini-root.pinned[data-v-655f478d]{bottom:0;display:flex;justify-content:center;left:0;margin-bottom:24px;position:fixed;right:0;z-index:100}#piano-mini[data-v-655f478d]{box-sizing:content-box;display:flex;margin:auto;max-width:600px;touch-action:none;width:100%}#piano-mini[data-v-655f478d],#piano-mini.action-bar-top[data-v-655f478d]{flex-direction:column}#piano-mini.action-bar-bottom[data-v-655f478d]{flex-direction:column-reverse}#piano-mini.action-bar-left[data-v-655f478d]{flex-direction:row}#piano-mini.action-bar-right[data-v-655f478d]{flex-direction:row-reverse}.piano-mini-main[data-v-655f478d]{background:#fff;border:4px solid #2e2e2e;border-radius:6px;box-sizing:border-box;flex:1 1 auto}#piano-mini-keys[data-v-655f478d]{align-items:flex-end;background:#fff;display:flex;height:160px;list-style:none;margin:0;padding:0;touch-action:none}#piano-mini-keys li[data-v-655f478d]{flex-shrink:0;width:14.28%}#piano-mini-keys li[data-v-655f478d],.white[data-v-655f478d]{display:flex;height:100%;position:relative}.white[data-v-655f478d]{align-items:center;background:#f5f5f5;border-radius:3px;box-shadow:0 1px 1px #00000080;box-sizing:border-box;color:var(--theme-color);cursor:pointer;flex-direction:column;justify-content:flex-end;padding:4px 2px;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%;z-index:1}.white.active[data-v-655f478d],.white[data-v-655f478d]:active{box-shadow:inset -1px 0 15px #000000b3}.black[data-v-655f478d]{align-items:center;background:#000;box-shadow:1px 0 #111,0 2px #111,0 3px #333,0 4px #333,0 5px #333,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 10px #0003,0 20px 20px #00000026;-webkit-box-shadow:1px 0 #777,0 2px 0 #777,0 3px 0 #666,0 4px 0 #555,0 5px 0 #444,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);box-sizing:border-box;color:#cfcfcf;cursor:pointer;display:flex;flex-direction:column;height:55%;justify-content:flex-end;padding:4px 2px;position:absolute;right:-35%;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:normal;width:70%;word-break:break-word;z-index:2}.black.active[data-v-655f478d],.black[data-v-655f478d]:active{box-shadow:1px 0 #777,0 2px #777,0 3px #666,0 4px #555}.keyboard-button[data-v-655f478d],.letter-designation[data-v-655f478d],.note-name[data-v-655f478d]{display:none}.keyboard-button[data-v-655f478d]{background:transparent;border:1px solid #aaa;border-radius:0 0 4px 4px;bottom:32px;font-size:.7em;left:50%;opacity:.5;position:absolute;text-align:center;text-transform:capitalize;transform:translate(-50%);-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:24px}.show-note-name .note-name[data-v-655f478d]{bottom:0;display:block;font-size:.55em;font-style:italic;font-weight:400;left:0;line-height:1.1;padding:0 1px;position:absolute;right:0;text-align:center}.show-literal-designation .letter-designation[data-v-655f478d]{display:block;font-size:.75em;font-weight:600;line-height:1.2;margin-bottom:8px;text-align:center}.russian-only .note-name[data-v-655f478d]{align-items:center;bottom:2px;display:flex;flex-direction:column;font-size:.7em;font-style:normal;font-weight:600;line-height:1;position:relative}.show-hot-keys .keyboard-button[data-v-655f478d]{display:inline-block}.alteration-sign-flat[data-v-655f478d],.alteration-sign-sharp[data-v-655f478d]{display:none}[sign=flat] .alteration-sign-flat[data-v-655f478d],[sign=sharp] .alteration-sign-sharp[data-v-655f478d]{align-items:center;display:flex;flex-direction:column}.chromatic-hidden .chromatic-button[data-v-655f478d]{opacity:0!important}.letter-designation[data-v-655f478d],.note-name[data-v-655f478d]{color:var(--key-color,inherit)}.white[data-v-655f478d]:after{background-color:var(--key-color,transparent);border-radius:3px;bottom:5px;content:"";height:3px;left:0;margin:0 auto;opacity:0;position:absolute;right:0;transition:opacity .2s;width:65%}.no-labels .black[data-v-655f478d]:after,.no-labels .white[data-v-655f478d]:after{opacity:1}.action-bar[data-v-655f478d]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex:0 0 auto;gap:4px;z-index:10}#piano-mini.action-bar-bottom .action-bar[data-v-655f478d],#piano-mini.action-bar-top .action-bar[data-v-655f478d]{height:var(--action-bar-size);width:100%}#piano-mini.action-bar-left .action-bar[data-v-655f478d],#piano-mini.action-bar-right .action-bar[data-v-655f478d]{flex-direction:column;width:var(--action-bar-size)}.keyboard-host[data-v-8d5d653f]{font-size:16px;z-index:1}.keyboard-actions-bar[data-v-8d5d653f]{align-items:center;display:flex;gap:4px;left:50%;padding:4px 8px;position:fixed;top:80%;transform:translate(-50%);z-index:20}.keyboard-buttons-wrapper[data-v-8d5d653f],.keyboard-piano-wrapper[data-v-8d5d653f]{display:none}@media(max-width:1025px){.keyboard-auto .keyboard-buttons-wrapper[data-v-8d5d653f]{display:block}.keyboard-auto .keyboard-piano-wrapper[data-v-8d5d653f]{display:none}}@media(min-width:1026px){.keyboard-auto .keyboard-buttons-wrapper[data-v-8d5d653f]{display:none}.keyboard-auto .keyboard-piano-wrapper[data-v-8d5d653f]{display:block}}.ruler-off[data-v-8d5d653f]:after{background:linear-gradient(to bottom right,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.root-host[data-v-86b65c99]{display:contents}.d-none[data-v-86b65c99]{display:none!important}.music-stand[data-v-86b65c99]{box-sizing:border-box;height:425px;overflow:hidden;position:relative}#music-stand[data-v-86b65c99]{background:transparent;border-radius:0}.widgets[data-v-86b65c99]{box-sizing:border-box;inset:0;pointer-events:none;position:absolute;z-index:3}.widgets[data-v-86b65c99]>*{pointer-events:auto}.widgets>#game-info[data-v-86b65c99]{pointer-events:none}.note-pitch-indicator-host[data-v-86b65c99]{position:absolute;right:20px;top:75px;z-index:1}.ruler-off[data-v-86b65c99]:after{background:linear-gradient(to bottom right,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px));content:"";height:100%;left:0;position:absolute;top:0;width:100%}#play-actions[data-v-86b65c99]{align-items:center;display:flex;justify-content:space-between;padding:4px 8px}#game-info[data-v-86b65c99]{height:0;inset:0;position:sticky;z-index:0}#game-state[data-v-86b65c99]{align-items:center;display:none;gap:12px}#game-info.game #game-state[data-v-86b65c99]{display:flex}#game-info .progress small[data-v-86b65c99]{font-size:.3em;line-height:1em}#game-info .error[data-v-86b65c99]{font-size:.7em}#game-info .block[data-v-86b65c99]{overflow:hidden;white-space:nowrap}#game-info>.game-state[data-v-86b65c99]{height:24px;justify-content:center;position:relative;width:100%}#game-info>.game-state>.speed-limit[data-v-86b65c99]{align-items:center;background:var(--limit-sign-solor);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:20px;height:70px;justify-content:center;left:0;margin:auto;opacity:.5;outline:1px solid #000;position:absolute;right:0;top:100px;width:70px;z-index:-1}#game-info>.game-state>.speed-limit span[data-v-86b65c99]{display:flex;flex-direction:column;line-height:.8;position:relative;text-align:center}#game-info>.game-state>.speed-limit small[data-v-86b65c99]{font-size:.5em}#game-info>.game-state>.score[data-v-86b65c99]{color:var(--theme-info-color)}#game-info>.game-state>.health[data-v-86b65c99]{bottom:-2px;color:var(--theme-error-color);display:block;height:2px;left:0;opacity:.5;position:absolute;right:0;text-align:center}#game-info>.game-state>.health>.health-line[data-v-86b65c99]{background:var(--theme-error-color);height:2px;transition:width .5s ease-in-out}.game-state[data-v-86b65c99]{align-items:center;display:flex;gap:12px}.health[data-v-86b65c99]{position:relative}.progress[data-v-86b65c99]{align-items:baseline;display:flex;justify-content:space-between;line-height:1;opacity:.3}@media(orientation:landscape){#game-info .progress[data-v-86b65c99]{font-size:clamp(35px,4vw,45px)}}@media(orientation:portrait){#game-info .progress[data-v-86b65c99]{font-size:clamp(30px,8vw,40px)}}.beats-per-minute-host[data-v-86b65c99]{position:absolute;top:75px}.block[data-v-86b65c99]{align-items:center;display:block;gap:4px}.success[data-v-86b65c99]{color:green}.error[data-v-86b65c99]{color:red}