:root{font-family:Roboto,Helvetica,Arial,sans-serif;color-scheme:dark light;color:#fff;background-color:#242424;background-image:linear-gradient(to bottom,#434343,#000);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;height:100dvh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}:root{--color-knob-bg: white;--color-knob-fg: black;--knob-size: 44px;--knob-font-size: 20px;--ball-size: 10px;--tuning-line-height: 50px;--golden-ratio: 1.618;--big-tuning-line-height: calc(var(--tuning-line-height) * var(--golden-ratio));--tuning-meter-height: 120px;--string-color: #373737;--note-ball-size: 66px;--hero-padding-bottom: 15px;--string-bottom-space: calc(24px + var(--hero-padding-bottom))}._ctn_c5vp9_1{display:grid;grid-template-rows:1fr 1fr;height:100dvh}._top_c5vp9_7{display:flex;align-items:center;justify-content:center;position:relative}._bottom_c5vp9_14{display:flex;align-items:end;justify-content:center;position:relative}._guitarHeadstock_c5vp9_21{width:200px}._knobs_c5vp9_25{position:absolute;bottom:170px}._practiceLink_c5vp9_30{position:fixed;bottom:0;z-index:999;text-decoration:none;color:#fff;padding:10px}._knob_1slhz_1{border:none;background-color:var(--color-knob-bg);color:var(--color-knob-fg);border-radius:50%;width:var(--knob-size);height:var(--knob-size);font-size:var(--knob-font-size);position:absolute;display:flex;justify-content:center;align-items:center}._knob_1slhz_1:nth-child(1){top:-123px;left:-178px}._knob_1slhz_1:nth-child(2){top:-69px;left:-178px}._knob_1slhz_1:nth-child(3){top:-15px;left:-178px}._knob_1slhz_1:nth-child(4){top:-123px;right:-178px}._knob_1slhz_1:nth-child(5){top:-69px;right:-178px}._knob_1slhz_1:nth-child(6){top:-15px;right:-178px}._ctn_1ge1u_1{padding:0 24px;height:var(--tuning-meter-height);width:100%;position:absolute;bottom:0}._lines_1ge1u_9{position:relative;display:flex;align-items:center;justify-content:space-between}._lineCtn_1ge1u_16{position:relative;width:4px;min-width:4px;height:var(--tuning-line-height)}._lineCtn_1ge1u_16:nth-child(5n+1) ._tuningLine_1ge1u_22{height:var(--big-tuning-line-height);background:gold;top:calc(var(--tuning-line-height) / 2 - var(--big-tuning-line-height) / 2)}._lineCtn_1ge1u_16:nth-child(6) ._tuningLine_1ge1u_22{background:#adff2f}._tuningLine_1ge1u_22{position:absolute;border-radius:16px;width:100%;height:100%;background:gold;transition:.25s ease-in-out}._cents_1ge1u_40{position:absolute;bottom:-60px;left:-8px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;-webkit-user-select:none;user-select:none}._ball_1ge1u_54{position:absolute;background:#adff2f;left:calc(50% - var(--ball-size) / 2);transition:.2s ease-in-out;width:var(--ball-size);height:var(--ball-size);border-radius:50%}._ctn_hct44_1{display:flex;flex-direction:column;text-align:center;padding-bottom:var(--tuning-meter-height)}._note_hct44_8,._octave_hct44_8{font-size:130px}._accidental_hct44_12{font-size:80px;vertical-align:top;opacity:.9}._ctn_17e97_1{position:fixed;bottom:0;left:0;z-index:999;text-decoration:none;color:#fff;padding:4px 10px;background:#1e90ff;border-radius:5px;margin:12px;opacity:.5}._bigButton_q6x02_1,._bigButtonLike_q6x02_1{background:var(--color-knob-bg);color:var(--color-knob-fg);font-size:48px;padding:12px 24px;border:none;border-radius:50%;height:220px;width:220px;display:flex;justify-content:center;align-items:center}._bigButtonLike_q6x02_1{font-size:34px}._ctn_ckq5q_1{display:flex;flex-direction:column;gap:50px;justify-content:center;align-items:center;height:100dvh}._currentNote_ckq5q_10{-webkit-user-select:none;user-select:none}._configButton_ckq5q_14{position:fixed;top:4px;right:4px}._ctn_3yf01_1{position:fixed;top:30px;background:#000c;padding:15px;border-radius:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}._label_3yf01_10{display:block;cursor:pointer;margin-bottom:8px}._label_3yf01_10 span{display:inline-block;width:30px}._ctn_1t7cr_1{display:flex;flex-direction:column;align-items:center}._targetNote_1t7cr_7{-webkit-user-select:none;user-select:none;font-size:20rem}._ctn_16von_1{position:fixed;background:#353535;top:0;right:0;border-radius:0 0 0 6px;padding:1px 2px;font-size:9px;opacity:.2}#blocker{position:absolute;width:100%;height:100%;background-color:#00000080}#instructions{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:14px;cursor:pointer}._ctn_v6eua_1{background-image:linear-gradient(123deg,#00f2fe,#4facfe);width:100dvw;height:100dvh}._strings_v6eua_7{height:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:0 6px var(--hero-padding-bottom);direction:rtl}._strings_v6eua_7 :nth-child(1) ._string_v6eua_7{width:3px}._strings_v6eua_7 :nth-child(2) ._string_v6eua_7{width:4px}._strings_v6eua_7 :nth-child(3) ._string_v6eua_7{width:5px}._strings_v6eua_7 :nth-child(4) ._string_v6eua_7{width:7px}._strings_v6eua_7 :nth-child(5) ._string_v6eua_7{width:8px}._strings_v6eua_7 :nth-child(6) ._string_v6eua_7{width:9px}._stringCtn_v6eua_34{position:relative;display:flex;justify-content:center;align-items:flex-end}._stringCtn_v6eua_34._isEnabled_v6eua_40 ._stringNumber_v6eua_40{background:var(--string-color)}._stringCtn_v6eua_34._isTarget_v6eua_43 ._string_v6eua_7{animation:_vibrate_v6eua_1 .1s linear 0s infinite}._stringCtn_v6eua_34._isHit_v6eua_46 ._string_v6eua_7{box-shadow:0 0 15px 4px #76ff54;background:#76ff54}._stringGhost_v6eua_51,._string_v6eua_7{position:absolute;left:50%;top:0;bottom:calc(var(--string-bottom-space) + var(--note-ball-size));width:50px;transform:translate(-50%)}._string_v6eua_7{bottom:var(--string-bottom-space);width:9px;border-radius:0 0 100px 100px;background:var(--string-color);box-shadow:0 0 #76ff5400;transition:background .4s ease-in-out,box-shadow .4s ease-in-out .2s}@keyframes _vibrate_v6eua_1{0%{left:calc(50% + 0px)}25%{left:calc(50% - 2px)}50%{left:calc(50% + 0px)}75%{left:calc(50% + 2px)}to{left:calc(50% + 0px)}}._stringNumber_v6eua_40{-webkit-user-select:none;user-select:none;cursor:pointer;color:#fff;font-size:14px;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center}._noteBall_v6eua_99{-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#f0ff3f,#bdff00);width:var(--note-ball-size);height:var(--note-ball-size);left:50%;transition:.5s ease-in-out;transform:translate(-50%);border-radius:50%;position:absolute;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:36px;color:var(--string-color)}._currentNote_v6eua_117{background:#373737;position:absolute;z-index:10;top:3px;left:50%;transform:translate(-50%);padding:2px;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center}._modal_k8gif_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}._modal_k8gif_1 button{background-color:#0072ff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}._modal_k8gif_1 button:hover{background-color:#005bb5}._modalContent_k8gif_25{background-color:#fefefe;padding:20px;border-radius:10px;text-align:center;width:80%;max-width:500px}._modalContent_k8gif_25 h2{color:#0072ff}._modalContent_k8gif_25 p{color:#333;margin:10px 0;text-align:left}