.Game-module__-edl8q__gameWrapper{color:#fff;background:radial-gradient(circle at 15% 0,#95d47829,#0000 28%),radial-gradient(circle at 85% 12%,#00e5ff1f,#0000 30%),#00263a;width:100%;min-height:calc(100dvh - 70px);position:relative;overflow:hidden}.Game-module__-edl8q__playArea{width:100%;min-height:calc(100dvh - 178px);position:relative}.Game-module__-edl8q__playArea .pageWrapper{background:0 0;min-height:calc(100dvh - 178px)}@media (max-width:900px){.Game-module__-edl8q__gameWrapper{min-height:calc(100dvh - 70px)}.Game-module__-edl8q__playArea{min-height:calc(100dvh - 190px)}.Game-module__-edl8q__playArea .pageWrapper{min-height:calc(100dvh - 190px)}}
.GameHUD-module__YZ3Imq__hudWrapper{z-index:20;color:#fff;background:#004d71;border-bottom:1px solid #ffffff2e;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;width:100%;padding:.75rem 1rem;display:grid;position:relative;box-shadow:0 12px 28px #0000002e}.GameHUD-module__YZ3Imq__hudMainPanel{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:.65rem;min-width:0;display:grid}.GameHUD-module__YZ3Imq__hudTitleBlock,.GameHUD-module__YZ3Imq__hudInstructionBlock,.GameHUD-module__YZ3Imq__hudMetric,.GameHUD-module__YZ3Imq__volumeControl{background:#00263a61;border:1px solid #fff3;border-radius:8px;box-shadow:inset 0 1px #ffffff1f}.GameHUD-module__YZ3Imq__hudTitleBlock,.GameHUD-module__YZ3Imq__hudInstructionBlock{min-width:0;padding:.52rem .65rem}.GameHUD-module__YZ3Imq__hudEyebrow,.GameHUD-module__YZ3Imq__metricLabel{color:#ffffffad;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:800;line-height:1}.GameHUD-module__YZ3Imq__gameTitle{color:#fff;margin:.32rem 0 0;font-size:1.3rem;font-weight:800;line-height:1.05}.GameHUD-module__YZ3Imq__hudInstruction{color:#ffffffeb;margin:.32rem 0 0;font-size:.98rem;font-weight:500;line-height:1.25}.GameHUD-module__YZ3Imq__hudStatsPanel{align-items:stretch;gap:.55rem;display:flex}.GameHUD-module__YZ3Imq__hudMetric{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:.45rem;min-width:86px;padding:.45rem .58rem;transition:background-color .18s,transform .18s;display:grid}.GameHUD-module__YZ3Imq__metricIcon{color:#abe887f0;grid-row:1/span 2;font-size:.95rem}.GameHUD-module__YZ3Imq__metricValue{color:#fff;font-size:1.05rem;font-weight:800;line-height:1.05}.GameHUD-module__YZ3Imq__animateMissed{background:#fb51716b;transform:scale(1.04)}.GameHUD-module__YZ3Imq__volumeControl{align-items:center;gap:.45rem;min-width:104px;padding:.45rem .58rem;display:inline-flex}.GameHUD-module__YZ3Imq__volumeControl input{accent-color:#abe887;width:72px}.GameHUD-module__YZ3Imq__pauseButton{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#fb5171db;border:1px solid #ffffff42;border-radius:8px;justify-content:center;align-items:center;gap:.42rem;min-width:92px;padding:.45rem .75rem;font-size:.72rem;font-weight:800;line-height:1;transition:background-color .16s,transform .16s;display:inline-flex}.GameHUD-module__YZ3Imq__pauseButton:hover,.GameHUD-module__YZ3Imq__pauseButton:focus-visible{background:#fb5171;outline:none;transform:translateY(-1px)}@media (max-width:980px){.GameHUD-module__YZ3Imq__hudWrapper{grid-template-columns:1fr}.GameHUD-module__YZ3Imq__hudStatsPanel{flex-wrap:wrap}.GameHUD-module__YZ3Imq__hudMetric,.GameHUD-module__YZ3Imq__pauseButton,.GameHUD-module__YZ3Imq__volumeControl{flex:104px}}@media (max-width:640px){.GameHUD-module__YZ3Imq__hudWrapper{padding:.55rem}.GameHUD-module__YZ3Imq__hudMainPanel{grid-template-columns:1fr}.GameHUD-module__YZ3Imq__gameTitle{font-size:1.08rem}.GameHUD-module__YZ3Imq__hudInstruction{font-size:.88rem}}
.GameModal-module__elvvaa__overlay{z-index:12000;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.GameModal-module__elvvaa__modalContent{color:#fff;background:radial-gradient(circle at 12% 0,#95d47829,#0000 30%),linear-gradient(165deg,#00263afa,#004d71f5);border:1px solid #ffffff57;border-radius:8px;flex-direction:column;align-items:center;width:min(1000px,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.25rem;animation:.28s ease-out GameModal-module__elvvaa__growFromNothing;display:flex;overflow-y:auto;box-shadow:0 22px 70px #0000006b}.GameModal-module__elvvaa__modalEyebrow{color:#e4faedc7;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:800;line-height:1}.GameModal-module__elvvaa__modalTitle{color:#0000;-webkit-text-fill-color:transparent;text-align:center;background:-webkit-linear-gradient(270deg,#abe887,#00e5ff);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.1rem,6vw,3.35rem);font-weight:800;line-height:1.02}.GameModal-module__elvvaa__modalText{color:#ffffffe6;text-align:center;max-width:680px;margin:.75rem 0 0;font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.45}.GameModal-module__elvvaa__startButton,.GameModal-module__elvvaa__resumeButton,.GameModal-module__elvvaa__circleButton{background:var(--primary-gradient);color:#00263a;cursor:pointer;border:1px solid #ffffffc7;justify-content:center;align-items:center;font-weight:900;transition:transform .18s,box-shadow .18s,outline-color .18s;display:inline-flex}.GameModal-module__elvvaa__startButton{border-radius:50%;width:104px;height:104px;margin-top:1.4rem;font-size:2.05rem;animation:2.6s ease-in-out infinite GameModal-module__elvvaa__growContract;box-shadow:inset 0 0 4px #000000b3,0 14px 30px #00000052}.GameModal-module__elvvaa__resumeButton{letter-spacing:.08em;text-transform:uppercase;border-radius:8px;min-height:3rem;margin-top:1.35rem;padding:0 1.35rem;font-size:1rem}.GameModal-module__elvvaa__circleButton{border-radius:50%;width:70px;height:70px;font-size:1.65rem}.GameModal-module__elvvaa__startButton:hover,.GameModal-module__elvvaa__startButton:focus-visible,.GameModal-module__elvvaa__resumeButton:hover,.GameModal-module__elvvaa__resumeButton:focus-visible,.GameModal-module__elvvaa__circleButton:hover,.GameModal-module__elvvaa__circleButton:focus-visible{outline-offset:2px;outline:3px solid #ffffffd1;transform:translateY(-1px);box-shadow:0 16px 34px #00000057}.GameModal-module__elvvaa__actionRow{justify-content:center;gap:2rem;margin-top:1.5rem;display:flex}.GameModal-module__elvvaa__actionColumn{color:#fffc;letter-spacing:.12em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.55rem;min-width:80px;font-size:.72rem;font-weight:800;display:flex}.GameModal-module__elvvaa__countdownIndicator{background:var(--primary-gradient);color:#00263a;border:1px solid #ffffffd1;border-radius:50%;justify-content:center;align-items:center;width:min(200px,48vw);height:min(200px,48vw);font-size:clamp(4rem,18vw,6rem);font-weight:900;animation:1.5s ease-in-out infinite GameModal-module__elvvaa__countdown;display:flex;box-shadow:0 0 24px #000000ad}.GameModal-module__elvvaa__pointsWrapper{justify-content:center;gap:.65rem;margin:1rem 0 .25rem;display:flex}.GameModal-module__elvvaa__starIcon,.GameModal-module__elvvaa__activeStar{font-size:1.65rem}.GameModal-module__elvvaa__starIcon{color:#ffffff57}.GameModal-module__elvvaa__activeStar{color:var(--primary-green);animation:.48s ease-in-out GameModal-module__elvvaa__starBurst}.GameModal-module__elvvaa__summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%;margin-top:1rem;display:grid}.GameModal-module__elvvaa__summaryPanel{background:#0000003d;border:1px solid #fff3;border-radius:8px;flex-direction:column;gap:.55rem;min-width:0;padding:.85rem;display:flex}.GameModal-module__elvvaa__summaryPanel h3{color:#e4faedd1;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900;line-height:1}.GameModal-module__elvvaa__summaryPanel p{color:#ffffffc2;justify-content:space-between;gap:.65rem;margin:0;font-size:.92rem;line-height:1.25;display:flex}.GameModal-module__elvvaa__summaryPanel strong{color:#fff;text-align:right;font-weight:850}@media (max-width:860px){.GameModal-module__elvvaa__summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.GameModal-module__elvvaa__modalContent{width:calc(100vw - 1rem);padding:1rem}.GameModal-module__elvvaa__summaryGrid{grid-template-columns:1fr}.GameModal-module__elvvaa__actionRow{gap:1rem}.GameModal-module__elvvaa__circleButton{width:62px;height:62px}}@keyframes GameModal-module__elvvaa__growContract{0%,to{box-shadow:inset 0 0 4px #000000b3,0 14px 30px #00000052,0 0 #abe88747}50%{box-shadow:inset 0 0 4px #000000b3,0 16px 34px #00000061,0 0 0 10px #abe88700}}@keyframes GameModal-module__elvvaa__countdown{0%,to{transform:scale(.24)}50%{transform:scale(1)}}@keyframes GameModal-module__elvvaa__growFromNothing{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes GameModal-module__elvvaa__starBurst{0%{transform:scale(1)}45%{transform:scale(1.9)}85%{transform:scale(.9)}to{transform:scale(1)}}
.Fretboard-module__av0FKG__componentWrapper{isolation:isolate;-webkit-tap-highlight-color:transparent;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100dvh;margin:0;position:relative}.Fretboard-module__av0FKG__componentWrapper:before{content:"";z-index:0;opacity:var(--background-dim-opacity,0);pointer-events:none;background:#000;position:absolute;inset:0}.Fretboard-module__av0FKG__componentWrapper>*{z-index:1;position:relative}.Fretboard-module__av0FKG__exportAction{z-index:80;align-items:center;gap:.6rem;display:flex;position:fixed;top:92px;right:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.Fretboard-module__av0FKG__exportButton{color:#fff;cursor:pointer;text-transform:uppercase;background:#00263ad1;border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 1rem;font-size:.84rem;font-weight:800;line-height:1;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex;box-shadow:0 12px 32px #00142047}.Fretboard-module__av0FKG__exportButton:hover:not(:disabled){background:#006a98;border-color:#b5ff9cb3;transform:translateY(-1px)}.Fretboard-module__av0FKG__exportButton:disabled{cursor:wait;opacity:.72}.Fretboard-module__av0FKG__exportStatus,.Fretboard-module__av0FKG__exportStatusError{color:#ffffffe6;background:#00263ab8;border-radius:999px;padding:.55rem .7rem;font-size:.76rem;font-weight:800;line-height:1}.Fretboard-module__av0FKG__exportStatusError{background:#941228d6}.Fretboard-module__av0FKG__exportPromptBackdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0014208a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.Fretboard-module__av0FKG__exportPrompt{color:#10242d;background:#fff;border:1px solid #ffffff38;border-radius:8px;width:min(440px,100%);padding:1.35rem;box-shadow:0 26px 74px #0014205c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.Fretboard-module__av0FKG__exportPromptEyebrow{color:#006a98;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:900;line-height:1}.Fretboard-module__av0FKG__exportPrompt h2{color:#10242d;margin:0;font-size:1.45rem;font-weight:900;line-height:1.08}.Fretboard-module__av0FKG__exportPrompt p:not(.Fretboard-module__av0FKG__exportPromptEyebrow){color:#10242db8;margin:.8rem 0 0;font-size:.98rem;font-weight:600;line-height:1.55}.Fretboard-module__av0FKG__exportPromptActions{flex-wrap:wrap;gap:.75rem;margin-top:1.2rem;display:flex}.Fretboard-module__av0FKG__exportPromptPrimary,.Fretboard-module__av0FKG__exportPromptSecondary{border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 1rem;font-size:.9rem;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.Fretboard-module__av0FKG__exportPromptPrimary{color:#10313d;background:linear-gradient(90deg,#b4e8a2,#7ff0c6);border:1px solid #0000}.Fretboard-module__av0FKG__exportPromptSecondary{color:#10242dbd;cursor:pointer;background:0 0;border:1px solid #10242d2e}.Fretboard-module__av0FKG__orientationMessage{display:none}.Fretboard-module__av0FKG__desktopStatusBar{display:flex}.Fretboard-module__av0FKG__orientationMessagePanel{color:#fff;text-align:center;background:#00263ae0;border:1px solid #ffffff38;border-radius:8px;width:min(420px,100% - 2rem);padding:1.35rem 1.25rem 1.45rem;box-shadow:0 18px 55px #0000003d}.Fretboard-module__av0FKG__orientationEyebrow{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:800;line-height:1}.Fretboard-module__av0FKG__orientationTitle{color:#fff;margin:0;font-size:1.8rem;font-weight:800;line-height:1.1}.Fretboard-module__av0FKG__orientationText{color:#ffffffd1;margin:.75rem 0 0;font-size:1.05rem;line-height:1.4}.Fretboard-module__av0FKG__confirmationModalBackdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.Fretboard-module__av0FKG__confirmationModal{color:#222;background:#fff;border:2px solid #00a6ff;border-radius:18px;width:min(420px,100%);padding:2rem;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000047,0 0 35px #00a6ff59}.Fretboard-module__av0FKG__confirmationModalAccent{background:linear-gradient(90deg,#00ffa2,#dcff68);height:10px;position:absolute;top:0;left:0;right:0}.Fretboard-module__av0FKG__confirmationModalTitle{color:#0072b4;margin:.25rem 0 .75rem;font-size:1.35rem;font-weight:800}.Fretboard-module__av0FKG__confirmationModalText,.Fretboard-module__av0FKG__confirmationModalSubtext{margin:0;line-height:1.5}.Fretboard-module__av0FKG__confirmationModalText{color:#2d2d2d;font-size:1rem}.Fretboard-module__av0FKG__confirmationModalSubtext{color:#5f5f5f;margin-top:.75rem;font-size:.92rem}.Fretboard-module__av0FKG__confirmationModalButtons{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.Fretboard-module__av0FKG__confirmationCancelButton,.Fretboard-module__av0FKG__confirmationConfirmButton{cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.2rem;font-weight:800;transition:transform .18s,box-shadow .18s}.Fretboard-module__av0FKG__confirmationCancelButton:hover,.Fretboard-module__av0FKG__confirmationConfirmButton:hover{transform:translateY(-1px)}.Fretboard-module__av0FKG__confirmationCancelButton{color:#0072b4;background:#fff;border:1px solid #00a6ff}.Fretboard-module__av0FKG__confirmationConfirmButton{color:#004876;background:linear-gradient(90deg,#00ffa2,#dcff68);box-shadow:0 8px 22px #00a6ff47}.Fretboard-module__av0FKG__diagramWrapper{background:0 0;flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex}.Fretboard-module__av0FKG__centerInAvailableSpace{justify-content:flex-start;min-height:100dvh;padding-bottom:86px}.Fretboard-module__av0FKG__scaleViewport{justify-content:center;align-items:flex-start;width:100%;display:flex}.Fretboard-module__av0FKG__centerInAvailableSpace .Fretboard-module__av0FKG__scaleViewport{flex:auto;align-items:center}@media (max-width:900px) and (orientation:portrait){.Fretboard-module__av0FKG__componentWrapper{background-color:#fff;min-height:100dvh}.Fretboard-module__av0FKG__orientationMessage{background:var(--primary-blue);justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.Fretboard-module__av0FKG__diagramWrapper{display:none}}@media (max-width:900px) and (orientation:landscape),(hover:none) and (pointer:coarse) and (orientation:landscape),(max-height:520px) and (orientation:landscape){.Fretboard-module__av0FKG__exportAction{top:76px;right:12px}.Fretboard-module__av0FKG__diagramWrapper .Fretboard-module__av0FKG__desktopStatusBar{display:none!important}.Fretboard-module__av0FKG__diagramWrapper{min-height:100dvh}.Fretboard-module__av0FKG__centerInAvailableSpace{padding-bottom:0}}.Fretboard-module__av0FKG__scaleFrame{width:100%;min-height:1px;position:relative;overflow:visible}.Fretboard-module__av0FKG__scaleContent{transform-origin:top;flex-direction:column;align-items:center;width:max-content;padding-bottom:82px;display:flex;position:absolute;top:0;left:50%}@media (max-width:700px){.Fretboard-module__av0FKG__scaleContent{padding-bottom:74px}}.Fretboard-module__av0FKG__fretboardWrapper{box-sizing:border-box;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-left:8px solid #0000;width:auto;height:200px;display:inline-flex;position:relative;overflow:visible}@media (max-width:700px),(max-width:900px) and (orientation:landscape),(hover:none) and (pointer:coarse) and (orientation:landscape),(max-height:520px) and (orientation:landscape){.Fretboard-module__av0FKG__componentWrapper,.Fretboard-module__av0FKG__diagramWrapper,.Fretboard-module__av0FKG__scaleViewport,.Fretboard-module__av0FKG__scaleFrame,.Fretboard-module__av0FKG__scaleContent,.Fretboard-module__av0FKG__fretboardWrapper{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.Fretboard-module__av0FKG__lockedThemePreviewCta{z-index:30;color:#fff;pointer-events:auto;background:#0f172adb;border:1px solid #ffffff3d;border-radius:8px;gap:.35rem;max-width:min(250px,100% - 1.5rem);padding:.7rem;display:grid;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 20px #0206173d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-weight:400!important}.Fretboard-module__av0FKG__lockedThemePreviewCta p{color:#ffffffe0;margin:0;font-size:.78rem;line-height:1.25;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-weight:400!important}.Fretboard-module__av0FKG__lockedThemePreviewCta a{color:#f8fafc;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:.55rem .7rem;font-size:.82rem;line-height:1;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-weight:500!important}.Fretboard-module__av0FKG__lockedThemePreviewCta a:hover{background:#ffffff2e;border-color:#ffffff57}.Fretboard-module__av0FKG__perimeterEffect1{content:"";border-radius:inherit;z-index:-2;filter:blur(8px);opacity:0;position:absolute;inset:-10px -10px -10px -25px;transform:scale(.98)}.Fretboard-module__av0FKG__perimeterEffectReady{animation:.72s ease-out .18s both Fretboard-module__av0FKG__revealPerimeterGlow}.Fretboard-module__av0FKG__perimeterGlow{content:"";border-radius:inherit;z-index:-2;filter:blur(8px);position:absolute;inset:-10px -10px -10px -25px}.Fretboard-module__av0FKG__topEffectWrapper{z-index:8;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.Fretboard-module__av0FKG__sparkleField{pointer-events:none;position:absolute;inset:0;overflow:hidden}.Fretboard-module__av0FKG__sparkleParticle{left:var(--sparkle-left);top:var(--sparkle-top);width:var(--sparkle-size);height:var(--sparkle-size);background:var(--sparkle-color);box-shadow:0 0 4px var(--sparkle-color), 0 0 8px #ffffff61;opacity:0;animation:Fretboard-module__av0FKG__glitterbombSparkle var(--sparkle-duration) ease-in-out var(--sparkle-delay) both;border-radius:999px;position:absolute;transform:translate(-50%,-50%)scale(.25)rotate(0)}.Fretboard-module__av0FKG__sparkleParticle:before,.Fretboard-module__av0FKG__sparkleParticle:after{content:"";color:var(--sparkle-color);background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Fretboard-module__av0FKG__sparkleParticle:before{width:180%;height:1px}.Fretboard-module__av0FKG__sparkleParticle:after{width:1px;height:180%}@keyframes Fretboard-module__av0FKG__glitterbombSparkle{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)rotate(0)}30%{opacity:.95;transform:translate(-50%,-50%)scale(1)rotate(90deg)}62%{opacity:.72;transform:translate(-50%,-50%)scale(.72)rotate(170deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.16)rotate(260deg)}}.Fretboard-module__av0FKG__white{background:#fff}.Fretboard-module__av0FKG__black{background:#000}.Fretboard-module__av0FKG__fretboardWrapper{box-sizing:border-box;white-space:nowrap;background-position:50%;background-repeat:no-repeat;background-size:cover;width:auto;height:200px;padding-left:2px;display:inline-flex;position:relative;transform:translate(180deg)!important}.Fretboard-module__av0FKG__fretboardImagePending>*{visibility:hidden}.Fretboard-module__av0FKG__fretboardIntroAnimation{transform-origin:0;animation:.58s ease-out Fretboard-module__av0FKG__revealFretboardFromLeft}.Fretboard-module__av0FKG__leftHandedFretboardIntro{transform-origin:100%;animation-name:Fretboard-module__av0FKG__revealFretboardFromRight}.Fretboard-module__av0FKG__fretboard{box-sizing:border-box;white-space:nowrap;background-position:50%;background-repeat:no-repeat;background-size:cover;width:auto;height:200px;padding-left:2px;display:inline-flex;position:relative;transform:translate(180deg)!important}.Fretboard-module__av0FKG__theme-default:before{content:"";filter:blur(15px);z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#00ffa2,#dcff68);position:absolute;inset:-10px}.Fretboard-module__av0FKG__dimmedOverlay{z-index:11;background:#00000080;border-radius:10px;width:calc(100% - 2px);height:100%;position:absolute}.Fretboard-module__av0FKG__topInfoBar{width:auto;margin-bottom:25px;margin-left:2px;display:inline-flex}.Fretboard-module__av0FKG__topInfoSpace{height:50px;margin-right:2px}.Fretboard-module__av0FKG__nut,.Fretboard-module__av0FKG__rightSideNut{z-index:12;background:#fff;border:1px solid #505050;width:12px;position:absolute;top:0}.Fretboard-module__av0FKG__nut{border-top-left-radius:4px;border-bottom-left-radius:4px;left:-12px}.Fretboard-module__av0FKG__rightSideNut{border-top-right-radius:4px;border-bottom-right-radius:4px;right:-12px}.Fretboard-module__av0FKG__fretSpace{height:calc(100% - 4px);margin-top:2px;margin-bottom:2px;margin-right:4px;position:relative}.Fretboard-module__av0FKG__firstFretSpace{border-top-left-radius:0;border-bottom-left-radius:0}.Fretboard-module__av0FKG__lastFretSpace{border-top-right-radius:10px;border-bottom-right-radius:10px}.Fretboard-module__av0FKG__rightHandedFretBar,.Fretboard-module__av0FKG__leftHandedFretBar{z-index:10;background:linear-gradient(90deg,#515151,#b5b5b5,#3d3d3d);border-radius:4px;width:4px;height:100%;position:absolute}.Fretboard-module__av0FKG__rightHandedFretBar{right:-2px}.Fretboard-module__av0FKG__leftHandedFretBar{left:-2px}.Fretboard-module__av0FKG__bottomInfoBar *{pointer-events:none}.Fretboard-module__av0FKG__bottomInfoSpace,.Fretboard-module__av0FKG__topInfoSpace{color:#fff;outline:1px solid #fff;justify-content:center;align-items:center;margin-right:2px;display:flex}.Fretboard-module__av0FKG__noteMarkerWrapper{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute}.Fretboard-module__av0FKG__inlay{background-color:#404040;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;transform:translate(-50%,-50%)}.Fretboard-module__av0FKG__noteLocation{z-index:1;background-color:#fff;border:2px solid #00a4db;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute}.Fretboard-module__av0FKG__testCenterLine{z-index:1;background:#7600bf;width:1px;height:100%;position:absolute;right:0}.Fretboard-module__av0FKG__moveOverlayWrapper{justify-content:space-around;align-items:center;width:400px;height:60px;margin:0 auto;display:flex;position:relative;bottom:-10px}.Fretboard-module__av0FKG__moveOverlayButton{background:var(--primary-gradient);cursor:pointer;border:2px solid #fff;border-radius:50%;width:30px;height:30px;padding:.5rem;transition:transform .2s}.Fretboard-module__av0FKG__moveOverlayButton:hover{transform:scale(1.1)}@keyframes Fretboard-module__av0FKG__slideInFromLeft{0%{width:0}to{width:100%}}@keyframes Fretboard-module__av0FKG__revealFretboardFromLeft{0%{opacity:.01;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes Fretboard-module__av0FKG__revealFretboardFromRight{0%{opacity:.01;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes Fretboard-module__av0FKG__revealPerimeterGlow{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.Strings-module__4W4RPG__stringWrapper{z-index:11;box-sizing:border-box;pointer-events:none;background-color:#c9c9c9;flex-direction:row;justify-content:space-between;width:calc(100% - 2px);height:1px;display:flex;position:absolute;box-shadow:10px 10px 15px #c9c9c9}
.Inlays-module__TJt2fG__inlayWrapper{align-items:center;width:0;display:flex}.Inlays-module__TJt2fG__inlay{z-index:2;width:30px;height:30px;transform-origin:calc(50% - 20px), 50%;background:#aeaeae66;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}@keyframes Inlays-module__TJt2fG__pop{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.Inlays-module__TJt2fG__popAnimation{animation:.3s ease-out Inlays-module__TJt2fG__pop}@keyframes Inlays-module__TJt2fG__continuousRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Inlays-module__TJt2fG__continuousRotation{animation:2s linear infinite Inlays-module__TJt2fG__continuousRotation}@keyframes Inlays-module__TJt2fG__oscillatingTilt{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}@keyframes Inlays-module__TJt2fG__pulsatingSpin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}
.FretIndicators-module__7nKkJa__bottomInfoBar{pointer-events:none;margin-top:10px;margin-bottom:20px;display:inline-flex;position:relative}.FretIndicators-module__7nKkJa__bottomInfoBar *{pointer-events:none;-webkit-user-select:none;user-select:none}.FretIndicators-module__7nKkJa__bottomInfoSpace{color:#000;text-shadow:-2px -2px 3px #0000004d;justify-content:center;align-items:center;height:30px;font-size:1.25rem;display:flex}.FretIndicators-module__7nKkJa__fretNumberMarker{box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.FretIndicators-module__7nKkJa__fretNumberText{line-height:1;display:block;transform:translateY(.04em)}
.FretboardControls-module__S9wKua__fretboardMenuWrapper{z-index:9000;box-sizing:border-box;background:#064b69;border-top:1px solid #ffffff38;width:100%;margin-top:1rem;padding:.42rem 1rem;position:fixed;bottom:0;left:0;overflow:visible;box-shadow:0 -12px 28px #0000002e}.FretboardControls-module__S9wKua__fretboardMenuWrapper:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.FretboardControls-module__S9wKua__componentName{color:#fff;font-size:1.25rem;position:absolute;top:-30px;left:0}.FretboardControls-module__S9wKua__bottomPanels{z-index:1;pointer-events:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,.96fr);align-items:stretch;gap:.65rem;width:100%;display:grid;position:relative}.FretboardControls-module__S9wKua__bottomPanelDrawer{z-index:2;opacity:0;pointer-events:none;width:fit-content;max-width:calc(100vw - 2.5rem);transition:transform .22s,opacity .18s;position:absolute;bottom:calc(100% + .6rem);left:50%;right:auto;transform:translate(-50%,16px)}.FretboardControls-module__S9wKua__bottomPanelDrawerOpen{opacity:1;pointer-events:auto;transform:translate(-50%)}.FretboardControls-module__S9wKua__customizerDrawer{z-index:23000;color:#fff;opacity:0;pointer-events:none;background:#003b58;border-left:1px solid #ffffff38;flex-direction:column;width:min(360px,100vw - 1rem);height:100dvh;min-height:0;transition:transform .22s,opacity .18s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-18px 0 42px #00000047}.FretboardControls-module__S9wKua__customizerDrawerOpen{opacity:1;pointer-events:auto;transform:translate(0)}.FretboardControls-module__S9wKua__controlsDrawer{background:#003b58}.FretboardControls-module__S9wKua__controlsDrawerContent{overscroll-behavior:contain;flex:auto;min-height:0;padding:.75rem;overflow-y:auto}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__drawerPanelGrid{grid-template-columns:minmax(0,1fr);gap:.65rem;width:100%;max-width:100%;margin:0;display:grid}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__fretboardMenu,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__settingsPanel,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{flex:none;width:100%;max-width:100%}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__settingsPanel,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{width:100%;max-width:100%}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__panelBody,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__panelBody{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.48rem;display:grid}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__fretboardMenuOption select,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__fretboardMenuOption select{flex:auto;width:100%}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__fretboardMenuOption{width:100%}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__addContentPanel .FretboardControls-module__S9wKua__addNotesPanelBody,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__chordProgressionPanel .FretboardControls-module__S9wKua__addNotesPanelBody{grid-template-columns:minmax(0,1fr)}.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__addContentPanel .FretboardControls-module__S9wKua__addNotesField,.FretboardControls-module__S9wKua__controlsDrawerContent .FretboardControls-module__S9wKua__chordProgressionPanel .FretboardControls-module__S9wKua__addNotesField{grid-column:1/-1}.FretboardControls-module__S9wKua__tunerModalOverlay{z-index:9200;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.FretboardControls-module__S9wKua__tunerModal{color:#fff;background:#003048;border:1px solid #ffffff47;border-radius:8px;width:min(560px,100vw - 2rem);max-height:min(720px,100dvh - 2rem);padding:.85rem 1rem 1.1rem;overflow-y:auto;box-shadow:0 22px 60px #0000006b}.FretboardControls-module__S9wKua__tunerModalHeader{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.FretboardControls-module__S9wKua__tunerModalTitle{color:#ffffffc7;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800;line-height:1}.FretboardControls-module__S9wKua__tunerModalCloseButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0 0 .12rem;font-size:1.45rem;font-weight:200;line-height:1;display:inline-flex}.FretboardControls-module__S9wKua__tunerModalCloseButton:hover,.FretboardControls-module__S9wKua__tunerModalCloseButton:focus-visible{background:#ffffff2e;outline:none}.FretboardControls-module__S9wKua__customizerHeader{background:#003048;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .9rem .75rem;display:flex}.FretboardControls-module__S9wKua__customizerTitle,.FretboardControls-module__S9wKua__customizerSectionTitle{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:800;line-height:1}.FretboardControls-module__S9wKua__customizerCloseButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.FretboardControls-module__S9wKua__customToggle{color:#fff;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff1f;align-items:center;gap:.55rem;padding:.75rem .9rem;font-size:.82rem;font-weight:800;display:flex}.FretboardControls-module__S9wKua__customToggle input{accent-color:#abe887;width:18px;height:18px}.FretboardControls-module__S9wKua__customToggle input:disabled{cursor:not-allowed;opacity:.55}.FretboardControls-module__S9wKua__customizerUpgradeNote{color:#ffffffbd;margin:.7rem .9rem 0;font-size:.78rem;font-weight:700;line-height:1.35}.FretboardControls-module__S9wKua__customizerSections{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:.65rem;min-height:0;padding:.75rem .75rem .9rem;display:flex;overflow-y:auto}.FretboardControls-module__S9wKua__customizerSectionsDisabled{opacity:.58}.FretboardControls-module__S9wKua__customizerSection{background:#004d71;border:1px solid #ffffff29;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.FretboardControls-module__S9wKua__customizerSectionButton{color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:none;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.7rem .72rem .62rem;display:flex}.FretboardControls-module__S9wKua__customizerSectionButton:hover{background:#ffffff1a}.FretboardControls-module__S9wKua__customizerSectionIcon{color:#ffffffb8;font-size:.72rem;transition:transform .22s;transform:rotate(-90deg)}.FretboardControls-module__S9wKua__customizerSectionOpen .FretboardControls-module__S9wKua__customizerSectionIcon{transform:rotate(0)}.FretboardControls-module__S9wKua__customizerSectionContent{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s,opacity .18s;display:grid}.FretboardControls-module__S9wKua__customizerSectionOpen .FretboardControls-module__S9wKua__customizerSectionContent{opacity:1;grid-template-rows:1fr}.FretboardControls-module__S9wKua__customizerSectionContentInner{flex-direction:column;gap:.52rem;min-height:0;padding:0 .72rem;transition:padding .24s;display:flex;overflow:hidden}.FretboardControls-module__S9wKua__customizerSectionOpen .FretboardControls-module__S9wKua__customizerSectionContentInner{padding:.72rem}.FretboardControls-module__S9wKua__customizerSectionContentInner .FretboardControls-module__S9wKua__fretboardMenuOption,.FretboardControls-module__S9wKua__customColorField,.FretboardControls-module__S9wKua__customCheckboxField,.FretboardControls-module__S9wKua__customRangeField{gap:.22rem;min-width:0;display:flex}.FretboardControls-module__S9wKua__customizerSectionContentInner .FretboardControls-module__S9wKua__fretboardMenuOption,.FretboardControls-module__S9wKua__customColorField,.FretboardControls-module__S9wKua__customRangeField{flex-direction:column;align-items:stretch}.FretboardControls-module__S9wKua__customCheckboxField{flex-direction:row;justify-content:space-between;align-items:center;padding:.42rem 0}.FretboardControls-module__S9wKua__customizerSectionContentInner .FretboardControls-module__S9wKua__fretboardMenuOption label,.FretboardControls-module__S9wKua__customColorField span,.FretboardControls-module__S9wKua__customCheckboxField span,.FretboardControls-module__S9wKua__customRangeField span{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.FretboardControls-module__S9wKua__customizerSectionContentInner .FretboardControls-module__S9wKua__fretboardMenuOption select,.FretboardControls-module__S9wKua__customRangeField input[type=range]{width:100%}.FretboardControls-module__S9wKua__customColorField input[type=color]{cursor:pointer;background:#fff;border:1px solid #ffffffb8;border-radius:8px;width:100%;height:34px;padding:2px}.FretboardControls-module__S9wKua__customRangeField input[type=range]{accent-color:#abe887}.FretboardControls-module__S9wKua__customControlDivider{background:#ffffff24;height:1px;margin:.18rem 0 .08rem}.FretboardControls-module__S9wKua__customCheckboxField input{accent-color:#abe887;width:18px;height:18px}.FretboardControls-module__S9wKua__customizerFooter{background:#003048;border-top:1px solid #ffffff24;flex:none;padding:.72rem .75rem .8rem;box-shadow:0 -10px 24px #00000029}.FretboardControls-module__S9wKua__customizerActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.FretboardControls-module__S9wKua__customizerActions>button:only-child{grid-column:1/-1}.FretboardControls-module__S9wKua__saveThemeButton,.FretboardControls-module__S9wKua__resetCustomButton{color:#ffffffe6;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;border:1px solid #ffffff38;border-radius:999px;padding:.58rem .8rem .52rem;font-size:.72rem;font-weight:800}.FretboardControls-module__S9wKua__saveThemeButton{color:#fff;background:#003048;box-shadow:inset 0 1px #ffffff2e}.FretboardControls-module__S9wKua__saveThemeButton:hover,.FretboardControls-module__S9wKua__saveThemeButton:focus-visible{background:#00415f;border-color:#abe887b8;outline:none}.FretboardControls-module__S9wKua__upgradeSaveThemeLink{text-align:center;justify-content:center;align-items:center;min-height:35px;text-decoration:none;display:inline-flex}.FretboardControls-module__S9wKua__resetCustomButton{background:#ffffff1a}.FretboardControls-module__S9wKua__saveThemeButton:disabled,.FretboardControls-module__S9wKua__resetCustomButton:disabled{cursor:not-allowed;opacity:.54}.FretboardControls-module__S9wKua__saveThemeStatus,.FretboardControls-module__S9wKua__saveThemeStatusError{color:#ffffffb3;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:-.2rem 0 0;font-size:.68rem;font-weight:800}.FretboardControls-module__S9wKua__saveThemeStatusError{color:#ffa8a8}.FretboardControls-module__S9wKua__drawerHeader{background:#003048;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:0 auto .42rem;padding:.32rem .8rem .24rem;display:flex;box-shadow:0 10px 24px #0000002e}.FretboardControls-module__S9wKua__drawerTitle{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:800;line-height:1}.FretboardControls-module__S9wKua__drawerPanelGrid{align-items:stretch;gap:.65rem;width:fit-content;max-width:calc(100vw - 2.5rem);margin:0 auto;display:grid}.FretboardControls-module__S9wKua__settingsDrawerGrid,.FretboardControls-module__S9wKua__statusDrawerGrid{grid-template-columns:max-content}.FretboardControls-module__S9wKua__addDrawerGrid{grid-template-columns:repeat(3,max-content)}.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__settingsPanel{flex:0 auto;width:fit-content;min-width:0;max-width:calc(100vw - 2.5rem)}.FretboardControls-module__S9wKua__bottomIconBar{z-index:3;pointer-events:auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.35rem;width:100%;margin:0;display:grid;position:relative}.FretboardControls-module__S9wKua__bottomIconGroup{grid-column:2;justify-content:center;align-items:flex-start;gap:1.15rem;padding:0;display:inline-flex}.FretboardControls-module__S9wKua__bottomBarUtility{grid-column:1;justify-self:start;align-items:center;gap:.45rem;min-width:0;display:inline-flex}.FretboardControls-module__S9wKua__bottomThemeSelectWrapper{min-width:0;position:relative}.FretboardControls-module__S9wKua__bottomThemeSelect{color:#ffffffeb;cursor:pointer;letter-spacing:.02em;text-align:center;text-align-last:center;text-overflow:ellipsis;appearance:none;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;outline:none;width:clamp(128px,15vw,178px);min-width:0;height:40px;padding:.24rem 2rem .22rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.76rem;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff29}.FretboardControls-module__S9wKua__bottomThemeSelect:hover{background:#ffffff29}.FretboardControls-module__S9wKua__bottomThemeSelect:focus{border-color:#abe887f2;box-shadow:inset 0 1px #ffffff2e,0 0 0 2px #abe8872e}.FretboardControls-module__S9wKua__bottomThemeSelect option{color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.FretboardControls-module__S9wKua__bottomThemeSelectIcon{color:#ffffffd1;pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.FretboardControls-module__S9wKua__bottomIconButton{color:#ffffffe0;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.34rem;width:84px;min-height:62px;padding:.14rem .18rem .18rem;font-size:.66rem;line-height:1;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.FretboardControls-module__S9wKua__bottomIconButton svg{box-sizing:border-box;background:#00263ab8;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:.55rem;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.FretboardControls-module__S9wKua__bottomIconButton:hover,.FretboardControls-module__S9wKua__bottomIconButtonActive{box-shadow:none;background:0 0}.FretboardControls-module__S9wKua__bottomIconButton:hover svg,.FretboardControls-module__S9wKua__bottomIconButtonActive svg{background:#003048eb;box-shadow:inset 0 1px #ffffff2e,0 8px 18px #00000038}.FretboardControls-module__S9wKua__bottomIconButton:hover{transform:translateY(-1px)}.FretboardControls-module__S9wKua__mobileOnlyBottomIcon{display:none}.FretboardControls-module__S9wKua__bottomIconLabel{color:#ffffffb8;letter-spacing:.07em;text-align:center;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:800;line-height:1}.FretboardControls-module__S9wKua__bottomIconStatus{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-self:end;align-items:center;gap:.45rem;font-size:.66rem;font-weight:800;display:inline-flex}.FretboardControls-module__S9wKua__mobileGlobalShiftButton{background:var(--primary-gradient);color:#00263a;cursor:pointer;border:2px solid #ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:none;box-shadow:0 6px 16px #00000038}.FretboardControls-module__S9wKua__mobileGlobalShiftButton:disabled{cursor:not-allowed;opacity:.44}.FretboardControls-module__S9wKua__mobileGlobalShiftButton svg{width:20px;height:20px}.FretboardControls-module__S9wKua__redButton.FretboardControls-module__S9wKua__bottomClearButton{color:#ffffffeb;background:#ffffff24;grid-column:3;place-self:center end;width:auto;min-width:74px}.FretboardControls-module__S9wKua__redButton.FretboardControls-module__S9wKua__bottomClearButton:hover{background:#ffffff38}.FretboardControls-module__S9wKua__fretboardMenu{color:#fff;background:#004d71;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;flex:0 auto;width:fit-content;min-width:0;max-width:100%;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000029}.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__settingsPanel{flex:0 auto}.FretboardControls-module__S9wKua__addNotesMenu{flex:0 920px}.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{flex:auto}.FretboardControls-module__S9wKua__panelHeader{background:#00415f;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:1rem;padding:.42rem .85rem .32rem;display:flex}.FretboardControls-module__S9wKua__panelLabel{color:#ffffffad;letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:.64rem;font-weight:800;line-height:1}.FretboardControls-module__S9wKua__panelBody{flex-flow:row;align-items:center;gap:.36rem;padding:.42rem .58rem .46rem;display:flex}.FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__panelBody{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:.38rem .45rem;display:flex}.FretboardControls-module__S9wKua__fretboardMenuOption{color:#fff;flex-direction:row;align-items:center;gap:.32rem;min-width:0;display:flex}.FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__fretboardMenuOption{flex-direction:column;flex:none;align-items:stretch;gap:.16rem}.FretboardControls-module__S9wKua__fretboardMenuScaleOption{border:2px solid red}.FretboardControls-module__S9wKua__fretboardMenuOption label{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:none;padding:0;font-size:.62rem;font-weight:800}.FretboardControls-module__S9wKua__fretboardMenuOption select{color:#00263a;background:#fff;border:1px solid #ffffffb8;border-radius:8px;outline:none;flex:auto;min-width:58px;padding:.28rem .4rem .24rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.82rem}.FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__fretboardMenuOption select{flex:none;width:auto;min-width:92px}.FretboardControls-module__S9wKua__fretboardMenuOption select:focus{border-color:#abe887f2;box-shadow:0 0 0 2px #abe8872e}.FretboardControls-module__S9wKua__fretboardMenuOption option{color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.FretboardControls-module__S9wKua__themeSelectWrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.FretboardControls-module__S9wKua__themePickerLabel{color:#ffffffc2;letter-spacing:.08em;text-transform:uppercase;width:100%;font-size:.62rem;font-weight:800}.FretboardControls-module__S9wKua__themePickerControl{z-index:4;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;align-items:stretch;max-width:100%;min-height:38px;display:inline-flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff24}.FretboardControls-module__S9wKua__themePickerControlCompact{min-height:40px}.FretboardControls-module__S9wKua__themePickerButton{color:#fffffff0;cursor:pointer;background:0 0;border:none;border-radius:999px 0 0 999px;align-items:center;gap:.42rem;width:clamp(138px,16vw,190px);min-width:0;padding:.36rem .72rem .34rem .82rem;font-size:.76rem;font-weight:850;display:inline-flex}.FretboardControls-module__S9wKua__themePickerButton:hover,.FretboardControls-module__S9wKua__themePickerButton:focus-visible{background:#ffffff1a;outline:none}.FretboardControls-module__S9wKua__themePickerButtonIcon,.FretboardControls-module__S9wKua__themePickerButtonChevron{color:#abe887e6;flex:none;font-size:.74rem}.FretboardControls-module__S9wKua__themePickerButtonChevron{color:#ffffffbd;margin-left:auto}.FretboardControls-module__S9wKua__themePickerButtonText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.FretboardControls-module__S9wKua__themeDefaultStatus{flex:100%;min-height:.85rem}.FretboardControls-module__S9wKua__savePreferredThemeButton{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#abe8872e;border:none;border-left:1px solid #ffffff2e;border-radius:0 999px 999px 0;align-self:stretch;padding:.36rem .68rem .32rem;font-size:.62rem;font-weight:800}.FretboardControls-module__S9wKua__savePreferredThemeButton:hover:not(:disabled),.FretboardControls-module__S9wKua__savePreferredThemeButton:focus-visible:not(:disabled){background:#abe88747;outline:none}.FretboardControls-module__S9wKua__savePreferredThemeButton:disabled{cursor:not-allowed;opacity:.58}.FretboardControls-module__S9wKua__settingsDefaultAction{justify-content:stretch;padding-top:.2rem;display:flex}.FretboardControls-module__S9wKua__settingsDefaultButton{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#abe88729;border:1px solid #abe8876b;border-radius:8px;width:100%;min-height:34px;padding:.46rem .68rem .38rem;font-size:.72rem;font-weight:800}.FretboardControls-module__S9wKua__settingsDefaultButton:hover:not(:disabled),.FretboardControls-module__S9wKua__settingsDefaultButton:focus-visible:not(:disabled){background:#abe88742;border-color:#abe887b8;outline:none}.FretboardControls-module__S9wKua__settingsDefaultButton:disabled{cursor:not-allowed;opacity:.58}.FretboardControls-module__S9wKua__bottomSavePreferredThemeButton{white-space:nowrap;min-height:36px}.FretboardControls-module__S9wKua__themePickerStatus,.FretboardControls-module__S9wKua__themePickerStatusError{color:#abe887;margin:0;font-size:.68rem;font-weight:800}.FretboardControls-module__S9wKua__themePickerStatusError{color:#ffa8a8}.FretboardControls-module__S9wKua__themeModalOverlay{z-index:24000;width:min(320px,100vw - 1.25rem);padding:0;position:absolute;bottom:calc(100% + .5rem);left:0}.FretboardControls-module__S9wKua__themeModal{color:#fff;background:linear-gradient(145deg,#004e66f5,#002234fa),#003048;border:1px solid #ffffff3d;border-radius:8px;gap:.55rem;width:100%;max-height:min(420px,100dvh - 7rem);padding:.62rem;display:grid;overflow:hidden;box-shadow:0 18px 44px #0000006b}.FretboardControls-module__S9wKua__themeModalHeader,.FretboardControls-module__S9wKua__themeModalDefaultBar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.FretboardControls-module__S9wKua__themeModalEyebrow{color:#abe887e6;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .16rem;font-size:.62rem;font-weight:900}.FretboardControls-module__S9wKua__themeModalTitle{color:#fff;margin:0;font-size:1.12rem;font-weight:850;line-height:1.1}.FretboardControls-module__S9wKua__themeModalCloseButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.FretboardControls-module__S9wKua__themeModalCloseButton:hover,.FretboardControls-module__S9wKua__themeModalCloseButton:focus-visible{background:#ffffff2e;outline:none}.FretboardControls-module__S9wKua__themeModalDefaultBar{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:.46rem;overflow:hidden}.FretboardControls-module__S9wKua__themeModalCurrentTheme{gap:.1rem;min-width:0;display:grid}.FretboardControls-module__S9wKua__themeModalCurrentTheme span{color:#ffffff9e;letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:900}.FretboardControls-module__S9wKua__themeModalCurrentTheme strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.FretboardControls-module__S9wKua__themeModalDefaultButton{border:1px solid #abe88757;border-radius:999px;align-self:center;min-height:34px}.FretboardControls-module__S9wKua__themePackGrid{gap:.58rem;max-height:min(270px,100dvh - 16rem);padding-right:.12rem;display:grid;overflow-y:auto}.FretboardControls-module__S9wKua__themePackGroup{gap:.24rem;display:grid}.FretboardControls-module__S9wKua__themePackTitle{color:#ffffff9e;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:800}.FretboardControls-module__S9wKua__themeChoiceList{gap:.22rem;margin:0;padding:0 0 0 .72rem;list-style:none;display:grid}.FretboardControls-module__S9wKua__themeChoice{background:#ffffff17;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:38px;display:grid;overflow:hidden}.FretboardControls-module__S9wKua__themeChoiceActive{border-color:#abe887c2;box-shadow:0 0 0 2px #abe88724}.FretboardControls-module__S9wKua__themeChoiceLocked{background:#05141c7a}.FretboardControls-module__S9wKua__themeChoiceButton{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;column-gap:.48rem;min-width:0;padding:.34rem .48rem;display:grid}.FretboardControls-module__S9wKua__themeChoiceButton:hover:not(:disabled),.FretboardControls-module__S9wKua__themeChoiceButton:focus-visible:not(:disabled){background:#ffffff14;outline:none}.FretboardControls-module__S9wKua__themeChoiceButton:disabled{cursor:not-allowed;opacity:.55}.FretboardControls-module__S9wKua__themeChoiceButton span{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:760;overflow:hidden}.FretboardControls-module__S9wKua__themeChoiceButton small{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.56rem;font-weight:800}.FretboardControls-module__S9wKua__themeChoiceActions{justify-content:center;align-items:stretch;min-width:40px;display:inline-flex}.FretboardControls-module__S9wKua__themeDefaultIcon,.FretboardControls-module__S9wKua__themeLockIcon{color:#abe887f0;align-self:center;margin:0 .58rem;font-size:.82rem}.FretboardControls-module__S9wKua__themeLockIcon{color:#ffffff8a}.FretboardControls-module__S9wKua__themeBuyLink{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#abe8872e;border-left:1px solid #ffffff24;justify-content:center;align-items:center;gap:.3rem;padding:0 .5rem;font-size:.68rem;font-weight:900;text-decoration:none;display:inline-flex}.FretboardControls-module__S9wKua__themeBuyLink:hover,.FretboardControls-module__S9wKua__themeBuyLink:focus-visible{background:#abe88747;outline:none}.FretboardControls-module__S9wKua__redButton{color:#fffffff5;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#962a3adb;border:1px solid #ffffff38;border-radius:999px;padding:.32rem .66rem .28rem;font-size:.78rem;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s}.FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__redButton{align-self:end;width:100%}.FretboardControls-module__S9wKua__redButton:hover{background:#b03244f2;transform:translateY(-1px);box-shadow:0 8px 18px #0000003d}.FretboardControls-module__S9wKua__addNotesPanelBody{grid-template-columns:minmax(120px,.75fr) minmax(280px,1.8fr) minmax(120px,.75fr) minmax(150px,1fr) auto;align-items:center;gap:.35rem .55rem;padding:.42rem .58rem .46rem;display:grid}.FretboardControls-module__S9wKua__addContentPanel .FretboardControls-module__S9wKua__addNotesPanelBody{grid-template-columns:minmax(0,1fr);gap:.3rem .36rem;padding:.38rem .48rem .42rem}.FretboardControls-module__S9wKua__chordProgressionPanel .FretboardControls-module__S9wKua__addNotesPanelBody{grid-template-columns:minmax(0,1fr)}.FretboardControls-module__S9wKua__addNotesField{color:#fff;flex-direction:row;align-items:center;gap:.45rem;min-width:0;display:flex}.FretboardControls-module__S9wKua__addContentPanel .FretboardControls-module__S9wKua__addNotesField{flex-direction:column;align-items:stretch;gap:.16rem}.FretboardControls-module__S9wKua__addNotesField span{color:#ffffffad;letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:.68rem;font-weight:800}.FretboardControls-module__S9wKua__addNotesField select{color:#00263a;background:#fff;border:1px solid #ffffffb8;border-radius:8px;outline:none;flex:auto;width:100%;min-width:0;padding:.28rem .5rem .24rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.92rem}.FretboardControls-module__S9wKua__addNotesField select:focus{border-color:#abe887f2;box-shadow:0 0 0 2px #abe8872e}.FretboardControls-module__S9wKua__addNotesField option{color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.FretboardControls-module__S9wKua__addContentButton{color:#000;cursor:pointer;background:#abe887;border:none;border-radius:8px;grid-column:1/-1;justify-content:center;place-self:stretch stretch;align-items:center;width:100%;min-width:0;height:34px;margin-top:.5rem;padding:0;font-size:1.75rem;font-weight:300;line-height:0;transition:transform .16s,box-shadow .16s;display:inline-flex}.FretboardControls-module__S9wKua__addContentIcon{color:#000;width:.82rem;height:.82rem;line-height:1;display:block}.FretboardControls-module__S9wKua__addContentButton:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000003d}.FretboardControls-module__S9wKua__toggleAddBarButton{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-self:end;align-items:center;width:34px;height:34px;padding:0 0 2px;font-size:1.35rem;font-weight:800;line-height:1;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.FretboardControls-module__S9wKua__toggleAddBarButton:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 8px 18px #0003}.FretboardControls-module__S9wKua__settingsPanel .FretboardControls-module__S9wKua__toggleAddBarButton{justify-self:end}@media (max-width:1180px){.FretboardControls-module__S9wKua__fretboardMenuWrapper{padding:.38rem 1rem;overflow:visible}.FretboardControls-module__S9wKua__bottomPanelDrawer{max-width:calc(100vw - 1.5rem);left:50%;right:auto}.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__settingsPanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{flex:0 auto;width:fit-content;min-width:0;max-width:calc(100vw - 1.5rem)}.FretboardControls-module__S9wKua__addDrawerGrid{grid-template-columns:repeat(3,max-content)}.FretboardControls-module__S9wKua__bottomPanels{justify-content:flex-start;gap:.45rem;min-width:1125px}.FretboardControls-module__S9wKua__addNotesMenu,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{flex:0 auto}.FretboardControls-module__S9wKua__panelBody{gap:.3rem;padding:.45rem .55rem .5rem}}@media (max-width:700px){.FretboardControls-module__S9wKua__fretboardMenuWrapper{overflow:visible}.FretboardControls-module__S9wKua__bottomPanelDrawer{left:.5rem;right:.5rem}.FretboardControls-module__S9wKua__drawerPanelGrid{gap:.45rem}.FretboardControls-module__S9wKua__addDrawerGrid{grid-template-columns:minmax(0,1fr);max-height:62dvh;overflow-y:auto}.FretboardControls-module__S9wKua__settingsDrawerGrid,.FretboardControls-module__S9wKua__statusDrawerGrid{max-height:62dvh;overflow-y:auto}.FretboardControls-module__S9wKua__bottomIconBar{grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);gap:.35rem}.FretboardControls-module__S9wKua__themeModal{width:min(560px,100vw - 1rem);padding:.78rem}.FretboardControls-module__S9wKua__themeModalDefaultBar{flex-direction:column;align-items:stretch;gap:.55rem}.FretboardControls-module__S9wKua__themeModalDefaultButton{align-self:stretch}.FretboardControls-module__S9wKua__themePickerControlCompact .FretboardControls-module__S9wKua__themePickerButton{width:118px;padding-left:.58rem;padding-right:.52rem}.FretboardControls-module__S9wKua__themePickerControlCompact .FretboardControls-module__S9wKua__savePreferredThemeButton{display:none}.FretboardControls-module__S9wKua__mobileGlobalShiftButton{display:inline-flex}.FretboardControls-module__S9wKua__mobileGlobalShiftButton:first-child{grid-column:2;justify-self:center}.FretboardControls-module__S9wKua__bottomIconButton{gap:0;width:48px;height:48px;min-height:48px;padding:0}.FretboardControls-module__S9wKua__bottomIconButton svg{width:42px;height:42px;padding:.68rem}.FretboardControls-module__S9wKua__bottomIconLabel{display:none}.FretboardControls-module__S9wKua__bottomIconGroup,.FretboardControls-module__S9wKua__bottomIconStatus,.FretboardControls-module__S9wKua__bottomBarUtility{justify-self:center}.FretboardControls-module__S9wKua__bottomBarUtility{grid-column:1;justify-self:start}.FretboardControls-module__S9wKua__bottomIconGroup{grid-column:3;justify-self:center}.FretboardControls-module__S9wKua__bottomClearButton{grid-column:5;justify-self:end}.FretboardControls-module__S9wKua__mobileGlobalShiftButton:last-child{grid-column:4;justify-self:center}.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__settingsPanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{flex:0 auto;width:fit-content;min-width:0;max-width:calc(100vw - 1.5rem)}.FretboardControls-module__S9wKua__bottomPanels{justify-content:flex-start;min-width:1080px}.FretboardControls-module__S9wKua__addNotesMenu,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{flex:0 auto}.FretboardControls-module__S9wKua__addNotesPanelBody{grid-template-columns:minmax(105px,.75fr) minmax(250px,1.8fr) minmax(105px,.75fr) minmax(135px,1fr) auto}.FretboardControls-module__S9wKua__fretboardMenuOption{flex:none}}@media (max-width:900px) and (orientation:landscape),(hover:none) and (pointer:coarse) and (orientation:landscape),(max-height:520px) and (orientation:landscape){.FretboardControls-module__S9wKua__fretboardMenuWrapper{background:var(--primary-blue);border:none;border-top:1px solid #ffffff38;border-radius:0;width:100%;padding:.38rem 1rem;bottom:0;left:0;transform:none;box-shadow:0 -12px 28px #0000002e}.FretboardControls-module__S9wKua__fretboardMenuWrapper:before{display:block}.FretboardControls-module__S9wKua__bottomPanelDrawer{width:min(100vw - 1rem,760px);bottom:calc(100% + .5rem);left:50%;right:auto;transform:translate(-50%,16px)}.FretboardControls-module__S9wKua__bottomPanelDrawerOpen{transform:translate(-50%)}.FretboardControls-module__S9wKua__bottomIconBar{grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);justify-content:center;align-items:center;gap:.45rem;width:100%;display:grid}.FretboardControls-module__S9wKua__bottomBarUtility{grid-column:1;justify-self:start}.FretboardControls-module__S9wKua__bottomIconGroup{grid-column:3;justify-self:center}.FretboardControls-module__S9wKua__bottomClearButton{grid-column:5;justify-self:end}.FretboardControls-module__S9wKua__mobileGlobalShiftButton{display:inline-flex}.FretboardControls-module__S9wKua__mobileGlobalShiftButton:first-child{grid-column:2;justify-self:center}.FretboardControls-module__S9wKua__mobileGlobalShiftButton:last-child{grid-column:4;justify-self:center}.FretboardControls-module__S9wKua__bottomBarUtility{gap:.35rem}.FretboardControls-module__S9wKua__bottomThemeSelect{width:120px;height:34px;padding-left:.52rem;padding-right:1.28rem;font-size:.68rem}.FretboardControls-module__S9wKua__bottomIconGroup{box-shadow:none;background:0 0;border:none;border-radius:0;gap:.45rem;padding:0;display:inline-flex}.FretboardControls-module__S9wKua__bottomIconButton{gap:0;width:48px;height:48px;min-height:48px;padding:0;font-size:1.05rem}.FretboardControls-module__S9wKua__bottomIconButton svg{width:42px;height:42px;padding:.68rem}.FretboardControls-module__S9wKua__mobileOnlyBottomIcon{display:inline-flex}.FretboardControls-module__S9wKua__bottomIconLabel{display:none}.FretboardControls-module__S9wKua__bottomClearButton{min-width:54px;height:38px;padding:.26rem .48rem .2rem;font-size:.66rem}.FretboardControls-module__S9wKua__bottomIconStatus{display:none}.FretboardControls-module__S9wKua__customizerDrawer{width:min(330px,100vw - .75rem)}}@media (max-width:1180px){.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__settingsPanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addChordPanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__addScalePanel,.FretboardControls-module__S9wKua__drawerPanelGrid .FretboardControls-module__S9wKua__fretboardMenu.FretboardControls-module__S9wKua__chordProgressionPanel{flex:0 auto;width:fit-content;min-width:0;max-width:calc(100vw - 1.5rem)}}@media (max-width:700px){.FretboardControls-module__S9wKua__addContentPanel .FretboardControls-module__S9wKua__addNotesPanelBody,.FretboardControls-module__S9wKua__chordProgressionPanel .FretboardControls-module__S9wKua__addNotesPanelBody{grid-template-columns:minmax(0,1fr)}}
.index-module-scss-module__jAvGHq__overlay{z-index:9200;background:#000000ad;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.index-module-scss-module__jAvGHq__prompt{color:#fff;background:#003048;border:1px solid #ffffff38;border-radius:8px;width:min(430px,100vw - 2rem);padding:1rem;box-shadow:0 24px 70px #00000070}.index-module-scss-module__jAvGHq__eyebrow{color:#abe887eb;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:800}.index-module-scss-module__jAvGHq__title{color:#fff;margin:0;font-size:1.3rem;font-weight:800;line-height:1.14}.index-module-scss-module__jAvGHq__message{color:#ffffffc7;margin:.72rem 0 1rem;font-size:.94rem;line-height:1.45}.index-module-scss-module__jAvGHq__actions{justify-content:flex-end;gap:.55rem;display:flex}.index-module-scss-module__jAvGHq__secondaryButton,.index-module-scss-module__jAvGHq__primaryButton{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:.45rem .82rem;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.index-module-scss-module__jAvGHq__secondaryButton{color:#fff;background:#ffffff14;border:1px solid #ffffff38}.index-module-scss-module__jAvGHq__primaryButton{background:var(--primary-gradient);color:#000;border:1px solid #abe88785}.index-module-scss-module__jAvGHq__secondaryButton:hover,.index-module-scss-module__jAvGHq__secondaryButton:focus-visible{background:#ffffff24;outline:none}.index-module-scss-module__jAvGHq__primaryButton:hover,.index-module-scss-module__jAvGHq__primaryButton:focus-visible{filter:brightness(1.05);outline:none}
.FretboardOverlay-module__aBVR6a__overlayWrapper{-webkit-tap-highlight-color:transparent;flex-direction:column;grid-auto-flow:row;gap:0;width:calc(100% + 50px);height:145%;margin:0;padding:0;display:flex;position:absolute;top:-12%}.FretboardOverlay-module__aBVR6a__noteSpaceGridWrapper{z-index:11;-webkit-tap-highlight-color:transparent;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(24,1fr);gap:0;height:250px;margin:0;padding:18px 0;display:grid;position:relative;overflow:hidden!important}.FretboardOverlay-module__aBVR6a__noteSpace{z-index:100;box-sizing:content-box;-webkit-tap-highlight-color:transparent;justify-content:flex-end;align-items:center;height:auto;min-height:0;margin:0;display:flex;position:relative;overflow:visible}@media (hover:hover) and (pointer:fine){.FretboardOverlay-module__aBVR6a__noteSpace:hover .FretboardOverlay-module__aBVR6a__note{cursor:pointer}.FretboardOverlay-module__aBVR6a__lightNoteSpaceHover:hover{background-color:#ffffff4d}.FretboardOverlay-module__aBVR6a__darkNoteSpaceHover:hover{background-color:#00000080}}.FretboardOverlay-module__aBVR6a__overlayControlsWrapper{transform:translateX(calc(-50% + var(--drag-center-offset,0px)));background:var(--primary-blue);border:none;border-radius:25px;outline:none;flex-direction:row;justify-content:space-between;align-items:center;width:min(1200px,100% - 2rem);min-width:0;max-width:calc(100% - 2rem);margin-left:0;display:flex;position:absolute;bottom:-72px;left:50%;box-shadow:0 10px 28px #00000061,0 0 22px #abe88733}.FretboardOverlay-module__aBVR6a__moveOverlayButton{background:var(--primary-gradient);cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:0 .25rem;padding:.5rem;transition:transform .2s}.FretboardOverlay-module__aBVR6a__moveOverlayButton:hover{transform:scale(1.1)}.FretboardOverlay-module__aBVR6a__dragHandleWrapper{background:var(--primary-blue);z-index:12;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:row;flex:auto;justify-content:space-between;align-items:center;min-width:0;height:50px;display:flex}.FretboardOverlay-module__aBVR6a__dragHandleWrapper:active{cursor:grabbing}.FretboardOverlay-module__aBVR6a__dragSpaceIndicatorIconWrapper{flex-direction:row;justify-content:space-around;width:clamp(80px,14vw,200px);margin:0 clamp(.4rem,2vw,2rem);display:flex}.FretboardOverlay-module__aBVR6a__dragSpaceIndicator{color:#fff6;height:40px}.FretboardOverlay-module__aBVR6a__backgroundText{pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;text-shadow:none;white-space:nowrap;font-size:clamp(.95rem,1.25vw,1.1rem);line-height:1.15;font-weight:400!important}@media (max-width:700px),(max-width:900px) and (orientation:landscape),(hover:none) and (pointer:coarse) and (orientation:landscape),(max-height:520px) and (orientation:landscape){.FretboardOverlay-module__aBVR6a__overlayWrapper,.FretboardOverlay-module__aBVR6a__noteSpaceGridWrapper,.FretboardOverlay-module__aBVR6a__noteSpace{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.FretboardOverlay-module__aBVR6a__overlayControlsWrapper{display:none}}.FretboardOverlay-module__aBVR6a__openNoteSpace{background:#fff;margin:0;padding:0}.FretboardOverlay-module__aBVR6a__overlayWrapper:hover{cursor:pointer}.FretboardOverlay-module__aBVR6a__fretBreakpoint{z-index:20;background:red;outline:1px solid red;height:36%;position:relative}.FretboardOverlay-module__aBVR6a__fretCenter{z-index:30;outline:1px solid #0084ff;width:0;height:100%;position:absolute}.FretboardOverlay-module__aBVR6a__guitarString1,.FretboardOverlay-module__aBVR6a__guitarString2,.FretboardOverlay-module__aBVR6a__guitarString3,.FretboardOverlay-module__aBVR6a__guitarString4,.FretboardOverlay-module__aBVR6a__guitarString5,.FretboardOverlay-module__aBVR6a__guitarString6{grid-row-start:1}.FretboardOverlay-module__aBVR6a__guitarString1{grid-row-start:6}.FretboardOverlay-module__aBVR6a__guitarString2{grid-row-start:5}.FretboardOverlay-module__aBVR6a__guitarString3{grid-row-start:4}.FretboardOverlay-module__aBVR6a__guitarString4{grid-row-start:3}.FretboardOverlay-module__aBVR6a__guitarString5{grid-row-start:2}.FretboardOverlay-module__aBVR6a__guitarString6{grid-row-start:1}.FretboardOverlay-module__aBVR6a__fret0{grid-column-start:1}.FretboardOverlay-module__aBVR6a__fret1{grid-column-start:2}.FretboardOverlay-module__aBVR6a__fret2{grid-column-start:3}.FretboardOverlay-module__aBVR6a__fret3{grid-column-start:4}.FretboardOverlay-module__aBVR6a__fret4{grid-column-start:5}.FretboardOverlay-module__aBVR6a__fret5{grid-column-start:6}.FretboardOverlay-module__aBVR6a__fret6{grid-column-start:7}.FretboardOverlay-module__aBVR6a__fret7{grid-column-start:8}.FretboardOverlay-module__aBVR6a__fret8{grid-column-start:9}.FretboardOverlay-module__aBVR6a__fret9{grid-column-start:10}.FretboardOverlay-module__aBVR6a__fret10{grid-column-start:11}.FretboardOverlay-module__aBVR6a__fret11{grid-column-start:12}.FretboardOverlay-module__aBVR6a__fret12{grid-column-start:13}.FretboardOverlay-module__aBVR6a__fret13{grid-column-start:14}.FretboardOverlay-module__aBVR6a__fret14{grid-column-start:15}.FretboardOverlay-module__aBVR6a__fret15{grid-column-start:16}.FretboardOverlay-module__aBVR6a__fret16{grid-column-start:17}.FretboardOverlay-module__aBVR6a__fret17{grid-column-start:18}.FretboardOverlay-module__aBVR6a__fret18{grid-column-start:19}.FretboardOverlay-module__aBVR6a__fret19{grid-column-start:20}.FretboardOverlay-module__aBVR6a__fret20{grid-column-start:21}.FretboardOverlay-module__aBVR6a__fret21{grid-column-start:22}.FretboardOverlay-module__aBVR6a__fret22{grid-column-start:23}.FretboardOverlay-module__aBVR6a__fret23{grid-column-start:24}.FretboardOverlay-module__aBVR6a__fret24,.FretboardOverlay-module__aBVR6a__fret0LH{grid-column-start:25}.FretboardOverlay-module__aBVR6a__fret1LH{grid-column-start:24}.FretboardOverlay-module__aBVR6a__fret2LH{grid-column-start:23}.FretboardOverlay-module__aBVR6a__fret3LH{grid-column-start:22}.FretboardOverlay-module__aBVR6a__fret4LH{grid-column-start:21}.FretboardOverlay-module__aBVR6a__fret5LH{grid-column-start:20}.FretboardOverlay-module__aBVR6a__fret6LH{grid-column-start:19}.FretboardOverlay-module__aBVR6a__fret7LH{grid-column-start:18}.FretboardOverlay-module__aBVR6a__fret8LH{grid-column-start:17}.FretboardOverlay-module__aBVR6a__fret9LH{grid-column-start:16}.FretboardOverlay-module__aBVR6a__fret10LH{grid-column-start:15}.FretboardOverlay-module__aBVR6a__fret11LH{grid-column-start:14}.FretboardOverlay-module__aBVR6a__fret12LH{grid-column-start:13}.FretboardOverlay-module__aBVR6a__fret13LH{grid-column-start:12}.FretboardOverlay-module__aBVR6a__fret14LH{grid-column-start:11}.FretboardOverlay-module__aBVR6a__fret15LH{grid-column-start:10}.FretboardOverlay-module__aBVR6a__fret16LH{grid-column-start:9}.FretboardOverlay-module__aBVR6a__fret17LH{grid-column-start:8}.FretboardOverlay-module__aBVR6a__fret18LH{grid-column-start:7}.FretboardOverlay-module__aBVR6a__fret19LH{grid-column-start:6}.FretboardOverlay-module__aBVR6a__fret20LH{grid-column-start:5}.FretboardOverlay-module__aBVR6a__fret21LH{grid-column-start:4}.FretboardOverlay-module__aBVR6a__fret22LH{grid-column-start:3}.FretboardOverlay-module__aBVR6a__fret23LH{grid-column-start:2}.FretboardOverlay-module__aBVR6a__fret24LH{grid-column-start:1}
.NoteMarker-module__xqZtBG__note{z-index:12;color:#000;background:var(--primary-gradient);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding-top:4px;font-size:1rem;font-weight:300;transition:transform .3s,left 1s,right 1s;display:flex;position:absolute;box-shadow:0 0 5px #000}.guitarString6{top:7.25%}.guitarString5{top:19.25%}.guitarString4{top:31.35%}.guitarString3{top:43.5%}.guitarString2{top:55.5%}.guitarString1{top:67.75%}.NoteMarker-module__xqZtBG__dragging,.NoteMarker-module__xqZtBG__editableNoteHover:hover{z-index:13;outline:1px solid #fff;transform:scale(1.2);box-shadow:0 0 10px #000}.NoteMarker-module__xqZtBG__octaveIndicator{margin-top:.35rem;font-size:.8rem;font-weight:300}.NoteMarker-module__xqZtBG__highlighted{z-index:15;box-shadow:0 0 4px #5dff86}.NoteMarker-module__xqZtBG__dimmed:before{content:"";z-index:12;background:#00000080;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.NoteMarker-module__xqZtBG__hintedNote{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff80;border:1px solid #fff;animation:2s ease-in-out infinite NoteMarker-module__xqZtBG__expandContract;box-shadow:0 0 10px #fff}.NoteMarker-module__xqZtBG__popIn{animation:.2s ease-in-out NoteMarker-module__xqZtBG__noteClickAnimation}.NoteMarker-module__xqZtBG__wrongNote{color:#fff;background:#fb5171;animation:.5s ease-in-out NoteMarker-module__xqZtBG__wrongNote;box-shadow:0 0 10px red}.NoteMarker-module__xqZtBG__chordProgressionRoot{outline:1px solid #ffffffe6;box-shadow:0 0 8px #000000e6,0 0 12px #abe88752}.NoteMarker-module__xqZtBG__chordProgressionGhost{z-index:11;pointer-events:none;color:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff75;border:1px solid #ffffffd1;box-shadow:0 0 12px #ffffff57}.NoteMarker-module__xqZtBG__midpointIndicator{background-color:#000;width:100%;height:2px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes NoteMarker-module__xqZtBG__expandContract{0%,to{opacity:.7;box-shadow:0 0 10px #fff}50%{opacity:1;box-shadow:0 0 18px #fff,0 0 28px #ffffff73}}@keyframes NoteMarker-module__xqZtBG__noteClickAnimation{0%{transform:scale(0)}50%{transform:scale(1.75)}to{transform:scale(1)}}@media (max-width:700px),(max-width:900px) and (orientation:landscape),(hover:none) and (pointer:coarse) and (orientation:landscape),(max-height:520px) and (orientation:landscape){.NoteMarker-module__xqZtBG__note{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-weight:300}.NoteMarker-module__xqZtBG__octaveIndicator{font-weight:300}}@keyframes NoteMarker-module__xqZtBG__wrongNote{0%{transform:scale(0)}50%{transform:scale(1.8)}to{transform:scale(1)}}
.NoteClickContextMenu-module__E3braW__contextMenu{z-index:9500;color:#fff;background-color:#444;border-radius:10px;width:fit-content;height:fit-content;padding:.5rem;position:fixed;box-shadow:0 2px 4px #000}.NoteClickContextMenu-module__E3braW__contextMenuOption{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;padding:.25rem .5rem}.NoteClickContextMenu-module__E3braW__contextMenuGroup{gap:.2rem;display:flex}.NoteClickContextMenu-module__E3braW__contextMenuTitle{color:#ffffffd6;cursor:default;-webkit-user-select:none;user-select:none;border-bottom:1px solid #95d4786b;justify-content:flex-start;align-items:center;gap:.45rem;margin-bottom:.15rem;padding:.18rem .35rem .52rem;display:flex}.NoteClickContextMenu-module__E3braW__contextMenuNumeral{color:var(--primary-green);letter-spacing:.08em;text-transform:uppercase;justify-content:flex-start;align-items:center;padding:0;font-size:.95rem;font-weight:500;line-height:1;display:inline-flex}.NoteClickContextMenu-module__E3braW__contextMenuChord{color:#fff;text-align:left;letter-spacing:0;font-size:.95rem;font-weight:500;line-height:1}.NoteClickContextMenu-module__E3braW__contextMenuOptionActive{background:#ffffff29}.NoteClickContextMenu-module__E3braW__optionDivider{background:#888888ae;width:100%;height:1px;margin:.25rem 0}.NoteClickContextMenu-module__E3braW__contextMenuOption:hover{background:var(--primary-gradient);color:#000}
.ChordProgressionPanel-module__wE31IW__panel{background:var(--primary-blue);border:1px solid #ffffff38;border-radius:8px;width:100%;max-width:100%;margin:0 0 1rem;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000029}.ChordProgressionPanel-module__wE31IW__panelIncludesNut{width:calc(100% + 12px);max-width:calc(100% + 12px)}.ChordProgressionPanel-module__wE31IW__panelIncludesLeftNut{margin-left:-12px}.ChordProgressionPanel-module__wE31IW__panelIncludesRightNut{margin-right:-12px}.ChordProgressionPanel-module__wE31IW__panelHeader{background:#00415f;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:.75rem;padding:.46rem .58rem .38rem;display:flex}.ChordProgressionPanel-module__wE31IW__panelTitle{color:#ffffffad;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:800;line-height:1}.ChordProgressionPanel-module__wE31IW__offToggle{color:#ffffffdb;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;flex:none;padding:.42rem .62rem .36rem;font-size:.62rem;font-weight:800;line-height:1;transition:background .16s,border-color .16s,transform .16s}.ChordProgressionPanel-module__wE31IW__offToggle:hover,.ChordProgressionPanel-module__wE31IW__offToggle:focus-visible{background:#ffffff29;border-color:#abe887b8;outline:none;transform:translateY(-1px)}.ChordProgressionPanel-module__wE31IW__chordList{background:#004d71;justify-content:flex-start;align-items:center;gap:.45rem;padding:.42rem .5rem .48rem;display:flex;overflow-x:auto}.ChordProgressionPanel-module__wE31IW__chordButton{color:#fff;min-height:2rem;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;flex:none;justify-content:flex-start;align-items:center;gap:.38rem;padding:.38rem .55rem;line-height:1;transition:border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.ChordProgressionPanel-module__wE31IW__chordButton:hover,.ChordProgressionPanel-module__wE31IW__chordButton:focus-visible{border-color:#95d478b3;outline:none}.ChordProgressionPanel-module__wE31IW__chordButtonActive{background:#95d47821;border-color:#95d478e6;box-shadow:0 0 0 1px #95d4782e,0 0 18px #95d47829}.ChordProgressionPanel-module__wE31IW__numeral{color:var(--primary-green);letter-spacing:.05em;text-transform:uppercase;font-size:.92rem;font-weight:500;line-height:1}.ChordProgressionPanel-module__wE31IW__chordName{color:#fff;white-space:nowrap;font-size:.92rem;font-weight:500;line-height:1}
.FretboardStatus-module__K2n3pG__fretboardStatusWrapper{color:#fff;width:100%;min-height:78px;box-shadow:none;z-index:6000;background:0 0;border-bottom:none;flex-direction:row;justify-content:center;align-items:center;margin:0 0 1.25rem;padding:.32rem 1.25rem;font-size:1.25rem;display:flex;position:relative;top:0;overflow:auto hidden}.FretboardStatus-module__K2n3pG__fretboardStatusWrapper[hidden]{display:none!important}.FretboardStatus-module__K2n3pG__fretboardStatusWrapper:before{display:none}.FretboardStatus-module__K2n3pG__noBottomMargin{margin-bottom:0}.FretboardStatus-module__K2n3pG__draggableStatus .FretboardStatus-module__K2n3pG__dragHandleButton{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.FretboardStatus-module__K2n3pG__draggingStatus .FretboardStatus-module__K2n3pG__dragHandleButton{cursor:grabbing}.FretboardStatus-module__K2n3pG__floatingStatus{z-index:12000;width:fit-content;max-width:calc(100vw - 1.5rem);margin:0;padding:0;position:fixed;overflow:visible}.FretboardStatus-module__K2n3pG__floatingStatus .FretboardStatus-module__K2n3pG__topbarPanels{width:fit-content}.FretboardStatus-module__K2n3pG__drawerStatus{background:#004d71;border:1px solid #ffffff38;border-radius:8px;min-height:0;margin:0;padding:0;overflow:visible;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000029}.FretboardStatus-module__K2n3pG__drawerStatus:before,.FretboardStatus-module__K2n3pG__drawerStatus .FretboardStatus-module__K2n3pG__statusLogo,.FretboardStatus-module__K2n3pG__drawerStatus .FretboardStatus-module__K2n3pG__statusActions{display:none}.FretboardStatus-module__K2n3pG__drawerStatus .FretboardStatus-module__K2n3pG__topbarPanels{display:block}.FretboardStatus-module__K2n3pG__drawerStatus .FretboardStatus-module__K2n3pG__statusPanel{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex:auto}.FretboardStatus-module__K2n3pG__statusLogo{object-fit:contain;z-index:1;width:auto;height:80px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.FretboardStatus-module__K2n3pG__statusActions{z-index:2;align-items:center;gap:.45rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.FretboardStatus-module__K2n3pG__statusActionButton{color:#ffffffe6;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff42;border-radius:999px;padding:.64rem .9rem .58rem;font-size:.74rem;font-weight:800;line-height:1;transition:background .16s,box-shadow .16s,transform .16s}.FretboardStatus-module__K2n3pG__statusActionButton:hover,.FretboardStatus-module__K2n3pG__statusActionButton:focus-visible{background:#ffffff2e;outline:none;transform:translateY(-1px);box-shadow:0 8px 18px #00000038}.FretboardStatus-module__K2n3pG__topbarPanels{z-index:1;flex-direction:row;justify-content:center;align-items:stretch;gap:.65rem;width:100%;display:flex;position:relative}.FretboardStatus-module__K2n3pG__statusPanel{--tonic-column-width:76px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#064b69;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;flex:none;width:max-content;min-width:820px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000029}.FretboardStatus-module__K2n3pG__contentPanel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00263a61;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;flex:0 620px;min-width:520px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000029}.FretboardStatus-module__K2n3pG__panelHeader{background:#064b69;border-bottom:1px solid #ffffff26;justify-content:flex-start;align-items:center;padding:.34rem .55rem .28rem;display:flex}.FretboardStatus-module__K2n3pG__statusHeaderContent{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.FretboardStatus-module__K2n3pG__tonicHeaderGroup{grid-template-columns:var(--tonic-column-width) 1px 20px;min-width:calc(var(--tonic-column-width) + 21px);flex:none;align-items:center;gap:0;display:grid}.FretboardStatus-module__K2n3pG__panelLabel{color:#ffffffad;letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:.58rem;font-weight:300;line-height:1}.FretboardStatus-module__K2n3pG__tonicHeaderLabel{text-align:center;width:var(--tonic-column-width);flex:0 0 var(--tonic-column-width);color:#ffffffad;letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;margin:0;padding:0;font-size:.72rem;font-weight:300;line-height:1.15;display:flex}.FretboardStatus-module__K2n3pG__dragHandleButton{color:#ffffff94;background:0 0;border:none;flex:0 0 20px;justify-content:center;align-self:center;align-items:center;width:20px;height:20px;margin:0 0 0 .3rem;padding:0;display:flex}.FretboardStatus-module__K2n3pG__dragHandleButton:hover,.FretboardStatus-module__K2n3pG__dragHandleButton:focus-visible{color:#abe887e6;outline:none}.FretboardStatus-module__K2n3pG__dragHandleIcon{font-size:1.2rem;line-height:1}.FretboardStatus-module__K2n3pG__panelBody{flex-direction:row;align-items:center;gap:.62rem;padding:.38rem .55rem .42rem;display:flex}.FretboardStatus-module__K2n3pG__contentPanelBody{grid-template-columns:repeat(2,minmax(230px,1fr)) auto;align-items:end;gap:.28rem .45rem;padding:.38rem .55rem .42rem;display:grid}.FretboardStatus-module__K2n3pG__controlField{flex-direction:row;align-items:center;gap:.45rem;min-width:0;display:flex}.FretboardStatus-module__K2n3pG__controlField span{color:#0000009e;letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:.68rem;font-weight:300}.FretboardStatus-module__K2n3pG__controlField select{color:#00263a;background:#fff;border:1px solid #ffffffb8;border-radius:8px;outline:none;flex:auto;width:100%;min-width:0;padding:.28rem .5rem .24rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.92rem}.FretboardStatus-module__K2n3pG__controlField select:focus{border-color:#abe887f2;box-shadow:0 0 0 2px #abe8872e}.FretboardStatus-module__K2n3pG__controlField option{color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.FretboardStatus-module__K2n3pG__addContentButton{background:var(--primary-gradient);color:#002e41;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:999px;grid-area:1/3/span 2;align-self:stretch;min-width:86px;padding:.34rem .8rem .3rem;font-size:1rem;font-weight:800;transition:transform .16s,box-shadow .16s}.FretboardStatus-module__K2n3pG__addContentButton:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000003d}.FretboardStatus-module__K2n3pG__tonicWrapper{color:#fff;height:100%;width:var(--tonic-column-width);min-width:var(--tonic-column-width);flex-direction:column;flex:0 0 var(--tonic-column-width);justify-content:center;align-items:center;gap:.18rem;margin:0;padding:0;display:flex}.FretboardStatus-module__K2n3pG__tonicControlGroup{width:var(--tonic-column-width);flex:0 0 var(--tonic-column-width);justify-content:center;align-items:center;gap:0;margin-right:-.62rem;display:flex}.FretboardStatus-module__K2n3pG__tonicDivider{background:#ffffff29;align-self:stretch;width:1px;min-height:52px}.FretboardStatus-module__K2n3pG__headerDivider{background:#ffffff29;align-self:stretch;width:1px;min-height:24px}.FretboardStatus-module__K2n3pG__sectionDivider{background:#ffffff29;flex:none;align-self:stretch;width:1px;min-height:52px}.FretboardStatus-module__K2n3pG__tonicLabel{letter-spacing:.12em;opacity:.75;margin:0;font-size:.82rem}.FretboardStatus-module__K2n3pG__tonicSelectFrame{background:var(--primary-gradient);color:#000;text-align:center;border:1px solid #ffffffb8;border-radius:50%;outline:2px solid #ffffffe0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;font-weight:200;line-height:1;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.FretboardStatus-module__K2n3pG__tonicSelectFrame:hover,.FretboardStatus-module__K2n3pG__tonicSelectFrame:focus-within{transform:scale(1.06);box-shadow:0 0 12px #ffffff61}.FretboardStatus-module__K2n3pG__tonicSelectValue{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;transform:translateY(.07em)}.FretboardStatus-module__K2n3pG__tonicSelect{appearance:none;opacity:0;cursor:pointer;border:0;border-radius:50%;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.FretboardStatus-module__K2n3pG__tonicSelect option{color:#000}.FretboardStatus-module__K2n3pG__noTonicSelectFrame{letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:200}.FretboardStatus-module__K2n3pG__identifierActions{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:.28rem;min-width:0;max-width:100%;display:flex}.FretboardStatus-module__K2n3pG__identifierButton{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff17;border:1px solid #ffffff2e;border-radius:8px;min-width:132px;max-width:220px;min-height:28px;margin:0;padding:.24rem .55rem .08rem;font-size:.78rem;font-weight:400;line-height:1.2;text-decoration:none;transition:border-color .16s,background .16s,color .16s;overflow:hidden}.FretboardStatus-module__K2n3pG__identifierButton:hover,.FretboardStatus-module__K2n3pG__identifierButton:focus-visible{color:#fff;background:#ffffff24;border-color:#abe8878c;outline:none}.FretboardStatus-module__K2n3pG__identifierResultWrapper{justify-content:center;align-items:center;min-width:0;max-width:100%;display:flex}.FretboardStatus-module__K2n3pG__identifierResultText,.FretboardStatus-module__K2n3pG__identifierResultButton{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#ffffffbd;letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:360px;min-height:28px;margin:0;padding:.22rem .65rem .2rem;font-size:.78rem;font-weight:400;line-height:1.2;display:flex;overflow:hidden}.FretboardStatus-module__K2n3pG__identifierResultButton{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #abe88773;transition:border-color .16s,background .16s,box-shadow .16s}.FretboardStatus-module__K2n3pG__identifierResultButton:hover,.FretboardStatus-module__K2n3pG__identifierResultButton:focus-visible{background:#ffffff1f;border-color:#abe887c2;outline:none;box-shadow:0 0 0 2px #abe88724}.FretboardStatus-module__K2n3pG__identifierResultMuted{color:#ffffff7a;border-color:#ffffff1f}.FretboardStatus-module__K2n3pG__intervalAndPitchWrapper{flex-direction:column;flex:none;align-items:center;min-width:max-content;height:100%;padding:0 0 0 .35rem;display:flex}.FretboardStatus-module__K2n3pG__noteLabelGrid{grid-template-columns:52px 24px max-content;align-items:center;column-gap:.52rem;width:max-content;display:grid}.FretboardStatus-module__K2n3pG__noteModeControls{border-right:1px solid #ffffff29;grid-template-rows:repeat(2,29px);align-items:center;row-gap:0;margin-right:.24rem;padding-left:.32rem;padding-right:.72rem;display:grid}.FretboardStatus-module__K2n3pG__noteModeRow{justify-content:space-between;align-items:center;gap:.18rem;height:29px;display:flex}.FretboardStatus-module__K2n3pG__noteLabelControls{grid-template-rows:repeat(2,29px);align-items:center;display:grid}.FretboardStatus-module__K2n3pG__fingerLabelIcon{color:#ffffffb8;text-align:center;width:14px;font-size:.82rem;line-height:1}.FretboardStatus-module__K2n3pG__noLabelIcon{color:#ffffffb8;text-align:center;width:14px;font-size:.92rem;line-height:1}.FretboardStatus-module__K2n3pG__noteLabelToggle{flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:29px;display:flex}.FretboardStatus-module__K2n3pG__noteLabelToggle input{appearance:none;cursor:pointer;background:#00000038;border:1px solid #ffffff9e;border-radius:50%;width:11px;height:11px;margin:0}.FretboardStatus-module__K2n3pG__noteLabelToggle input:checked{background:var(--primary-gradient);border-color:#ffffffeb;box-shadow:0 0 0 2px #ffffff29}.FretboardStatus-module__K2n3pG__noteLabelToggle input:disabled{cursor:default;opacity:.38}.FretboardStatus-module__K2n3pG__noteLabelToggle input:focus-visible{outline-offset:2px;outline:2px solid #abe887bf}.FretboardStatus-module__K2n3pG__statusContent{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.FretboardStatus-module__K2n3pG__noteColumnList{color:#cbcbcb;flex-direction:row;justify-content:flex-start;align-items:center;width:max-content;margin:0;padding:0;display:flex}.FretboardStatus-module__K2n3pG__noteColumn{border-radius:8px;flex:0 0 29px;grid-template-rows:repeat(2,29px);place-items:center;width:29px;margin:0 .22rem;transition:transform .16s,box-shadow .16s;display:grid}.FretboardStatus-module__K2n3pG__interval,.FretboardStatus-module__K2n3pG__pitch{z-index:2;flex:0 0 29px;justify-content:center;align-items:center;width:29px;height:29px;font-size:1rem;display:flex}.FretboardStatus-module__K2n3pG__activeColumn{color:#000;background:var(--primary-gradient);cursor:pointer;outline:2px solid #fff;box-shadow:0 0 10px #0000003d}.FretboardStatus-module__K2n3pG__activeColumn:hover{transform:scale(1.04)}.FretboardStatus-module__K2n3pG__pitch{color:#fff}.FretboardStatus-module__K2n3pG__active{color:#000;background:var(--primary-gradient);cursor:pointer;border-radius:50%;outline:2px solid #fff;padding:3px 0 1px;box-shadow:0 0 10px #0000003d}.FretboardStatus-module__K2n3pG__active:hover{font-weight:400;transform:scale(1.08)}.FretboardStatus-module__K2n3pG__tunerModalOverlay{z-index:9000;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.FretboardStatus-module__K2n3pG__tunerModal{color:#fff;background:#003048;border:1px solid #ffffff47;border-radius:8px;width:min(560px,100vw - 2rem);max-height:min(720px,100dvh - 2rem);padding:.85rem 1rem 1.1rem;overflow-y:auto;box-shadow:0 22px 60px #0000006b}.FretboardStatus-module__K2n3pG__tunerModalHeader{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.FretboardStatus-module__K2n3pG__tunerModalTitle{color:#ffffffc7;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800;line-height:1}.FretboardStatus-module__K2n3pG__tunerModalCloseButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0 0 .12rem;font-size:1.45rem;font-weight:200;line-height:1;display:inline-flex}.FretboardStatus-module__K2n3pG__tunerModalCloseButton:hover,.FretboardStatus-module__K2n3pG__tunerModalCloseButton:focus-visible{background:#ffffff2e;outline:none}@media (max-width:1180px){.FretboardStatus-module__K2n3pG__fretboardStatusWrapper{padding-left:.75rem;padding-right:.75rem}.FretboardStatus-module__K2n3pG__statusLogo{display:none}.FretboardStatus-module__K2n3pG__statusActions{right:.75rem}.FretboardStatus-module__K2n3pG__statusPanel{flex:none;width:max-content;min-width:820px}.FretboardStatus-module__K2n3pG__contentPanel{flex:460px;min-width:0}.FretboardStatus-module__K2n3pG__contentPanelBody{grid-template-columns:repeat(2,minmax(150px,1fr)) auto}}@media (max-width:900px){.FretboardStatus-module__K2n3pG__fretboardStatusWrapper{min-height:82px;margin-bottom:.75rem;padding:.38rem .75rem}.FretboardStatus-module__K2n3pG__statusLogo{display:none}.FretboardStatus-module__K2n3pG__intervalAndPitchWrapper{padding:0}.FretboardStatus-module__K2n3pG__topbarPanels{gap:.45rem}.FretboardStatus-module__K2n3pG__statusPanel{flex:none;width:max-content;min-width:820px}.FretboardStatus-module__K2n3pG__contentPanel{flex:400px;min-width:0}.FretboardStatus-module__K2n3pG__contentPanelBody{grid-template-columns:repeat(2,minmax(145px,1fr)) auto;gap:.32rem;padding:.34rem .45rem .38rem}.FretboardStatus-module__K2n3pG__controlField{gap:.28rem}.FretboardStatus-module__K2n3pG__addContentButton{grid-column:3}.FretboardStatus-module__K2n3pG__panelBody{gap:.22rem;padding:.24rem .38rem .28rem}.FretboardStatus-module__K2n3pG__panelHeader{padding:.32rem .65rem .24rem}.FretboardStatus-module__K2n3pG__panelLabel{font-size:.58rem}.FretboardStatus-module__K2n3pG__identifierButton,.FretboardStatus-module__K2n3pG__identifierResultText,.FretboardStatus-module__K2n3pG__identifierResultButton{font-size:.92rem}.FretboardStatus-module__K2n3pG__interval,.FretboardStatus-module__K2n3pG__pitch{flex-basis:24px;width:24px;height:24px;font-size:.82rem}.FretboardStatus-module__K2n3pG__noteModeControls,.FretboardStatus-module__K2n3pG__noteLabelControls,.FretboardStatus-module__K2n3pG__noteColumn{grid-template-rows:repeat(2,24px)}.FretboardStatus-module__K2n3pG__noteModeRow{height:24px}.FretboardStatus-module__K2n3pG__fingerLabelIcon{font-size:.75rem}.FretboardStatus-module__K2n3pG__noLabelIcon{font-size:.8rem}.FretboardStatus-module__K2n3pG__noteColumn{flex-basis:24px;width:24px;margin:0 .18rem}}@media (max-width:700px){.FretboardStatus-module__K2n3pG__statusPanel{flex:none;width:max-content;min-width:820px}.FretboardStatus-module__K2n3pG__contentPanel{flex:0 0 455px}}.FretboardStatus-module__K2n3pG__modalOverlay{z-index:20000;background:#000000ad;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:1rem;display:flex;position:fixed;inset:0}.FretboardStatus-module__K2n3pG__modal{z-index:20001;color:#fff;background:linear-gradient(145deg,#004e66f5,#002234fa),#003048;border:1px solid #ffffff3d;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:min(760px,100vw - 2rem);max-height:min(760px,100dvh - 2rem);padding:1rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 18px 44px #0000006b}.FretboardStatus-module__K2n3pG__modalHeader{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.78rem;display:flex}.FretboardStatus-module__K2n3pG__modalEyebrow{color:#abe887e6;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:800;line-height:1}.FretboardStatus-module__K2n3pG__modalTitle{color:#fff;margin:0;font-size:1.55rem;font-weight:800;line-height:1.12}.FretboardStatus-module__K2n3pG__modalIconCloseButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0 0 .12rem;font-size:1.45rem;font-weight:200;line-height:1;display:inline-flex}.FretboardStatus-module__K2n3pG__modalIconCloseButton:hover,.FretboardStatus-module__K2n3pG__modalIconCloseButton:focus-visible{background:#ffffff2e;outline:none}.FretboardStatus-module__K2n3pG__modalSubtitle{color:#abe887e6;letter-spacing:.14em;text-transform:uppercase;margin:1rem 0 .32rem;font-size:.76rem;font-weight:800;line-height:1}.FretboardStatus-module__K2n3pG__modalContent{color:#ffffffbd;margin:0;font-size:.95rem;line-height:1.48}.FretboardStatus-module__K2n3pG__modalIntervals{color:#fff;letter-spacing:.14em;text-align:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;margin:.85rem 0 0;padding:.64rem .75rem .58rem;font-size:1rem;font-weight:800}.FretboardStatus-module__K2n3pG__scaleSummary,.FretboardStatus-module__K2n3pG__thinkOfAs{color:#ffffffd1;margin:.85rem 0 0;font-size:.98rem;line-height:1.42}.FretboardStatus-module__K2n3pG__modalCloseButton{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff3d;border-radius:8px;align-self:flex-end;min-height:38px;margin-top:1.1rem;padding:.45rem .9rem;font-size:.86rem;font-weight:800}.FretboardStatus-module__K2n3pG__modalCloseButton:hover,.FretboardStatus-module__K2n3pG__modalCloseButton:focus-visible{background:#fff3;border-color:#abe887ad;outline:none}
@font-face{font-family:JosefinSans;font-style:normal;font-weight:200 300 400 800;src:url(/fonts/JosefinSans.ttf)format("truetype")}.page-module-scss-module__ixXcra__pageShell{--primary-blue:#006a98;--dark-blue:#00263a;--primary-green:#95d478;--primary-webkit-gradient:-webkit-linear-gradient(left, #b4e8a2, #7ff0c6);--primary-gradient:var(--green-gradient-tertiary);background:#00263a;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;font-family:JosefinSans,sans-serif;font-weight:300;display:flex;overflow:hidden}.page-module-scss-module__ixXcra__pageShell *{font-family:JosefinSans,sans-serif}.page-module-scss-module__ixXcra__previewPage{flex:auto;width:100%;max-width:100%;min-height:0;display:flex;overflow:hidden}.page-module-scss-module__ixXcra__fretboardShell{background:0 0;border:0;border-radius:0;flex:auto;min-width:0;min-height:0;overflow:hidden}.page-module-scss-module__ixXcra__loadingShell{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;flex:auto;justify-content:center;align-items:center;min-height:0;font-size:.9rem;font-weight:800;display:flex}