@import"https://fonts.googleapis.com/css2?family=Jockey+One&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:17px;color-scheme:dark;color:#ffffffde;background-color:#242424;--color-accent: #11a8d2;--color-error: #D14F0A;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box}button{color:inherit}a{font-weight:500;color:#646cff;text-decoration:inherit}@media (hover: hover) and (pointer: fine){a:hover{color:#535bf2}button:hover{border-color:#646cff}}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;background-color:#000;color:#fff;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.hidden{transition:all .2 ease-in-out;opacity:0}strong{color:var(--color-accent)}button:focus{outline:none}button:focus-visible{outline:4px auto -webkit-focus-ring-color}._entry-page_179a4_3{height:100dvh;width:100dvw;overflow-y:auto}._navigation-section_179a4_15{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-evenly;justify-content:center;gap:25px;align-items:center;max-width:100vw;min-height:100dvh}._title-text-container_179a4_41{width:100%}._navigation-button-container_179a4_53{display:flex;justify-content:center;gap:10px;width:80%;flex-wrap:wrap;row-gap:20px}._navigation-button_179a4_53{min-width:min(300px,100%);border-radius:100px;font-size:1.1rem}._start-button_179a4_87{background-color:var(--color-accent)}._start-button_179a4_87:hover{background-color:transparent;color:#fff;border-color:var(--color-accent)}._about-button_179a4_107{background-color:transparent;border-color:#fff}._about-button_179a4_107:hover{border-color:var(--color-accent)}._about-section_179a4_127{width:66vw;min-height:100dvh;box-sizing:border-box;padding-top:1em;padding-bottom:3em;margin:auto;text-align:left}@media screen and (max-width: 1000px){._about-section_179a4_127{width:90vw}}._titleTextContainer_1hrok_1{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center}._titleTextContainer_1hrok_1 h1{box-sizing:border-box;margin:0 0 -.25em;font-size:clamp(3rem,22vw,8rem);font-family:Jockey One,sans-serif;line-height:1.1}._subtitleContainer_1hrok_35{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.2em;width:fit-content;height:100%;font-size:clamp(1rem,7.5vw,2.6rem);margin:-.025em auto auto;transition:all .2s ease-in-out}._subtitle_1hrok_35{transition:all .2s ease-in-out}._titleTextContainer_1hrok_1 p{font-size:clamp(1rem,7.5vw,2.6rem);margin-top:0rem}._highlight_1hrok_95{display:inline-block;text-align:start;color:var(--color-accent);animation-timing-function:ease-in-out;animation-fill-mode:both;animation-iteration-count:1}._return-transition_1hrok_117{opacity:0;transform:translateY(50px)}._exit-transition_1hrok_125{opacity:0;transform:translateY(-50px)}._enter-transition_1hrok_133{opacity:1;transform:translateY(0)}._enter_1hrok_133{animation-name:_enter-animation_1hrok_1;animation-fill-mode:both;animation-iteration-count:1}._exit_1hrok_125{animation-name:_exit-animation_1hrok_1;animation-fill-mode:both;animation-iteration-count:1}._highlight-animation-0_1hrok_171{animation-name:_highlight-animation-0_1hrok_171}._highlight-animation-1_1hrok_179{animation-name:_highlight-animation-1_1hrok_179}._highlight-animation-2_1hrok_187{animation-name:_highlight-animation-2_1hrok_187}@keyframes _enter-animation_1hrok_1{0%,10%{transform:translateY(50px);opacity:0}90%,to{transform:translateY(0);opacity:1}}@keyframes _exit-animation_1hrok_1{0%,10%{transform:translateY(0);opacity:1}90%,to{transform:translateY(-50px);opacity:0}}@keyframes _highlight-animation-0_1hrok_171{0%,85%{transform:translateY(0);opacity:1;color:var(--color-accent)}95%,to{transform:translateY(-50px);opacity:0}}@keyframes _highlight-animation-1_1hrok_179{0%,5%{transform:translateY(50px);opacity:0}15%,85%{transform:translateY(0);opacity:1;color:var(--color-accent)}95%,to{transform:translateY(-50px);opacity:0}}@keyframes _highlight-animation-2_1hrok_187{0%,5%{transform:translateY(50px);opacity:0}15%,to{transform:translateY(0);opacity:1;color:var(--color-accent)}}._app-container_szpad_1{display:grid;grid-template-rows:minmax(auto,1fr) auto 1fr;height:100dvh;width:100vw;padding:25px;box-sizing:border-box;overflow:hidden;transition:all .3s ease-in-out}._top-bar_szpad_16{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;grid-row:1}._bottom-bar_szpad_26{width:100%;display:flex;flex-direction:row;justify-content:start;align-items:center}._lowerLeft_szpad_34{position:absolute;bottom:20px;left:20px}._lowerRight_szpad_40{position:absolute;bottom:20px;right:20px}._sidebar-toggle_szpad_46{background:none;border:none;color:#fff;font-size:2.5rem;padding:0;margin:0;cursor:pointer;z-index:1000}._level-dropdown_szpad_58{margin-top:12px}._score_szpad_62{font-size:2.5rem;font-weight:600}._center-element_szpad_67{grid-row:2;text-align:center;flex-shrink:1;width:100%}._bottom_szpad_26{grid-row:3;width:100%;display:flex;justify-content:center;text-align:center;align-items:end;transition:all .3s ease-in-out}._absoluteCenter_szpad_84{transform:translateY(-50%);transform:scale(1);transition:all .3s ease-in-out}._returnToOrigin_szpad_90{transform:translate(0);transition:all .3s ease-in-out}._inputNotRecognized_szpad_95{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1.1em auto auto;width:100%;font-size:.6rem;opacity:.75;gap:.5em;border-top:solid 1px rgba(255,255,255,.5)}._soundIcon_szpad_110{max-width:50px;transition:ease-in-out opacity .5s}._detectedPitch_szpad_115{font-size:min(10vw,3rem)}._growBig_szpad_119{transform:scale(1.5);transition:all .3s ease-in-out}._punishment_szpad_124{color:var(--color-error);animation-name:_shake_szpad_1;animation-duration:.2s;animation-timing-function:ease-in-out;animation-iteration-count:2}@keyframes _shake_szpad_1{0%{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0)}}._reward_szpad_150{color:var(--color-accent)}.settings-panel{box-sizing:border-box;background-color:#111;color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:90%;max-height:100%;overflow:auto}.setting-section{margin-bottom:1.5rem}.setting-section h3{margin-bottom:.75rem;font-size:1.1rem}.dropdown{width:100%;padding:.75rem;background-color:#222;color:#fff;border:1px solid #333;border-radius:4px;font-size:1rem;margin-bottom:1rem}.interval-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.interval-button{padding:.5rem;background-color:#222;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.interval-button.active{background-color:var(--color-accent)}.interval-button:hover{background-color:#333}.interval-button.active:hover{background-color:#31baff}.melody-length-container{display:flex;flex-direction:row;align-items:center;gap:1rem}.sidebar{position:fixed;top:0;right:0;width:100vw;max-width:450px;height:100dvh;background-color:#111;transform:translate(100%);transition:transform .3s ease-in-out;z-index:100;box-sizing:border-box;overflow-x:hidden}.sidebar.active{transform:translate(0)}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:101}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.sidebar-overlay.active{opacity:1;pointer-events:all}._note-display-container_22dc7_1{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2%;height:100%;width:100%;overflow:visible}._note-display_22dc7_1{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:300px;width:100%;height:8em;container-type:size;font-weight:700;transform:scale(1);transition:all .2s ease-in-out}._pulse_22dc7_67{transform:scale(1.3)}._reward_22dc7_75{color:var(--color-accent)}._punishment_22dc7_83{color:var(--color-error);animation-name:_shake_22dc7_1;animation-duration:.2s;animation-timing-function:ease-in-out;animation-iteration-count:2}@keyframes _shake_22dc7_1{0%{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0)}}._current-note_22dc7_113{display:flex;align-items:end;justify-content:center;width:100%}._current-note_22dc7_113 span{font-size:min(80cqw,66cqh);line-height:1em}._current-interval_22dc7_141{display:flex;flex-direction:column;align-items:center;justify-content:start;opacity:.7;width:100%}._current-interval_22dc7_141 span{font-size:min(33cqw,33cqh);line-height:.5em}._activeIndicator_22dc7_171{box-sizing:border-box;position:absolute;inset:0;width:100px;height:100px;border-color:var(--color-accent);border-style:solid;border-radius:50%;z-index:1;transition:all .3s ease-in-out}._activeIndicator_22dc7_171._punishment_22dc7_83{border-color:var(--color-error)}._note-input-button-grid_4o63k_1{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:min(600px,90%);gap:6px}._note-input-button_4o63k_1{width:5rem;height:2.5rem;text-align:center;cursor:pointer;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}._note-input-button_4o63k_1._inactive_4o63k_45{opacity:0;pointer-events:none}._input-selection-master-container_cqxx9_1{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}._select-input-prompt_cqxx9_19{box-sizing:border-box;width:100%;text-align:center;font-size:1.5rem;margin:0;padding:.5rem}._input-options-container-flexbox_cqxx9_39{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;gap:min(11%,2rem);margin-left:11%;margin-right:11%}._input-option-container_cqxx9_61{display:flex;flex-direction:column;justify-content:start;align-items:center;text-align:center;height:auto;overflow:visible}._input-option-container_cqxx9_61 p{font-size:1.1rem;line-height:1em;margin:0;padding:0;height:auto;width:auto}._input-option_cqxx9_39{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:100px;max-width:200px;max-height:120px;width:100%;padding:20px;background-color:#333;cursor:pointer;transition:.1s ease-in-out}._input-option-image_cqxx9_135{width:100%;height:auto;overflow:hidden}._imageContainer_u9qb8_1{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-rows:1fr}._imageContainer_u9qb8_1 img{grid-area:1 / 1;overflow:hidden;width:100%;height:100%}._invisible_u9qb8_33{opacity:0}._fullOpacity_u9qb8_41{opacity:1}._fadeIn_u9qb8_49{animation:_fadeIn_u9qb8_49 ease-in-out forwards}._fadeOut_u9qb8_59{animation:_fadeIn_u9qb8_49 reverse ease-in-out forwards}@keyframes _fadeIn_u9qb8_49{0%{opacity:0}to{opacity:1}}._container_gnv3q_1{display:flex;justify-content:center;align-items:center;width:100%;height:100%}._spinner_gnv3q_23{width:50px;height:50px;border:10px solid #f3f3f3;border-top:10px solid var(--color-accent);border-radius:50%;animation:_spin_gnv3q_23 1s linear infinite}@keyframes _spin_gnv3q_23{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._show_1l4b0_1{transition:opacity .3s ease-in-out;opacity:1}._hide_1l4b0_11{transition:opacity .3s ease-in-out;opacity:0}._grow-up_1l4b0_21{transition:all .3s ease-in-out;opacity:1;transform:scale(1)}._shrink-away_1l4b0_39{transition:all .3s ease-in-out;transform:scale(0);font-size:0;opacity:0}._grow-big_1l4b0_57{transform:scale(1.1)}._interval-container_1rhi5_1{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;font-weight:600}._interval-container_1rhi5_1 span{text-align:center;width:min(14vh,14vw);height:min(14vh,14vw);line-height:min(14vh,14vw);font-size:min(7vh,7vw);border:solid 1px var(--color-accent);border-radius:50%}._instruction-text_1rhi5_43{font-size:1.5rem;font-weight:500}._button_1rhi5_53{margin-top:15px}.sensitivity-slider-container{padding:0;margin:0 auto;display:flex;flex-direction:column;align-items:center;max-width:300px}.sensitivity-slider{width:80%;height:.5em;-webkit-appearance:none;background:#ddd;border-radius:5px;outline:none}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.5em;height:1.5em;background:#00a8ff;border-radius:50%;cursor:pointer}.sensitivity-slider::-moz-range-thumb{width:1.5em;height:1.5em;background:#00a8ff;border-radius:50%;cursor:pointer}.sensitivity-label{margin:.5em 0 0;padding:0;color:#fff;font-size:.9em}._input-pitch-container_3t2ah_9{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;height:6em;width:6em;margin:auto;margin-bottom:2vh;border-radius:50%;border:solid 1px white}._input-pitch_3t2ah_9{line-height:4em;font-size:4em}._characterContainer_1a2dj_1{display:flex;margin:auto;justify-content:center;align-items:center;width:1.4em;height:1.4em;border:solid 1px white;border-radius:50%}._character_1a2dj_1{margin:0;padding:0;font-size:1em}._note-container_1xuzv_1{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;font-weight:550;gap:.5em}._note-container_1xuzv_1 span{display:inline-block;text-align:center;width:3em;height:1.7em;line-height:1.5em;font-size:1em;background-color:#111;border-radius:30%}._blocked_1xuzv_43{color:var(--color-error);opacity:.7}