:root{--hl-root:#45d17c;--hl-root-rgb:69,209,124;--hl-target:#f2c53d;--hl-target-rgb:242,197,61;--hl-scale:#a6b0a4;--hl-scale-rgb:166,176,164;--accent:#6c95dc;--accent-rgb:108,149,220;--button:#ececee;--button-hover:#fff;--button-text:#0a0a0c;--surface:#141416;--surface-2:#1c1c1f}*{-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-drawer{background-color:#121218fa;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 10px #0000004d;height:auto;z-index:9999}@media (orientation:portrait){.app-drawer{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0))}.app-drawer .drawer-header{padding-top:calc(16px + env(safe-area-inset-top, 0px));padding-top:calc(16px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))}.app-drawer .drawer-content{padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))}}@media (orientation:landscape){.app-drawer{top:20px!important}}.custom-scrollbar::-webkit-scrollbar{height:6px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1e1e2f80;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9c27b099;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9c27b0cc}.bottom-nav{background-color:#1a1a1a;overflow:hidden}.bottom-nav-action{border-radius:0;color:#ffffffb3;min-width:60px;padding:0;transition:all .2s ease}.bottom-nav-icon{align-items:center;display:flex;font-size:1.5rem!important;height:30px!important;justify-content:center;margin-top:0;width:30px!important}.bottom-nav-label{font-size:.7rem!important;font-weight:500;margin-top:-4px!important;opacity:1!important}.drawer-header{align-items:center;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:800px;padding:16px;width:100%}.drawer-title{color:#fff;font-size:1.25rem;font-weight:500}.drawer-content{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:800px;overflow-y:auto;padding:16px;width:100%}.fullscreen-drawer.MuiPaper-root{border-radius:0!important;height:100vh!important;top:0!important}.hl_root-note-inscale{background-color:#000!important;border:4px solid var(--hl-root)!important;border-radius:8px!important;color:#fff!important}.hl_root-note-offscale{background-color:#000!important;border:2px solid rgba(var(--hl-scale-rgb),.8)!important;color:#fff9!important}.chord-tone-square,.root-note{border-radius:8px!important}.hl_mode-color-inscale{background-color:#000!important;border:4px solid #60a5fa!important;color:#fff!important}.hl_mode-color-offscale{background-color:#000!important;border:2px solid #60a5fa80!important;color:#ffffffb3!important}.hl_scale-note-inscale{background-color:#000!important;border:4px solid var(--hl-target)!important;color:#fff!important}.hl_scale-note-offscale{background-color:#000!important;border:2px solid rgba(var(--hl-scale-rgb),.8)!important;color:#fff9!important}.hl_arpeggio-inscale{background-color:#ff0}.hl_arpeggio-inscale,.hl_arpeggio-offscale{border:4px solid #ffc107!important;color:#000;z-index:2}.hl_arpeggio-offscale{background-color:#ff09}.hl_chord-highlight-inscale{background-color:#ff0;border:4px solid #ffc107!important;color:#000;opacity:1;z-index:2}.hl_chord-highlight-offscale{background-color:#ff09;border:4px solid #ffc107!important;color:#000;opacity:.6;z-index:2}.hl_chord-tone-inscale{background-color:#000!important;border:4px solid #00e5ff!important;color:#fff!important}.hl_chord-tone-offscale{background-color:#000!important;border:2px solid #00e5ff80!important;color:#ffffffb3!important}.hl_selected-note-inscale,.hl_selected-note-offscale{background-color:#000!important;border:4px solid #ff9800!important;color:#fff!important}.hl_selected-note-inscale-red,.hl_selected-note-offscale-red{background-color:#000!important;border:4px solid #f44336!important;color:#fff!important}.hl_selected-note-inscale-green,.hl_selected-note-offscale-green{background-color:#000!important;border:4px solid #4ade80!important;color:#fff!important}.hl_selected-note-inscale-blue,.hl_selected-note-offscale-blue{background-color:#000!important;border:4px solid #60a5fa!important;color:#fff!important}.string-row-note-marker{align-items:center!important;cursor:pointer!important;display:flex!important;height:30px;height:calc(var(--neck-note-size, 32px) - 2px);justify-content:center!important;position:relative!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease!important;width:30px;width:calc(var(--neck-note-size, 32px) - 2px);z-index:3!important}.string-row-note-marker.string-row-note-marker-compact{flex-shrink:0!important;height:22px!important;height:var(--neck-note-size-compact,22px)!important;width:22px!important;width:var(--neck-note-size-compact,22px)!important}.string-row-note-marker-compact .string-row-note-text{font-size:.6rem!important}.string-row-note-marker.string-row-note-marker-compact,.string-row-note-marker.string-row-note-marker-compact .string-row-note-text{color:#fff!important;opacity:1!important}.legend-section-item{align-items:center!important;border-radius:4px!important;display:flex!important;margin:4px!important;padding:8px!important}.legend-section-item .legend-marker{align-items:center!important;background-color:#000!important;border-radius:50%!important;display:flex!important;height:30px!important;justify-content:center!important;margin-right:8px!important;width:30px!important}.string-row-note-text{font-size:.9rem!important;font-weight:700!important}.note-hidden{opacity:.2!important;pointer-events:none!important;transition:opacity .3s ease!important}*{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.string-row-note-arpeggio-degree-label,.string-row-note-triad-degree-label{bottom:-8px!important;font-size:.6rem!important}.string-row-note-arpeggio-degree-label,.string-row-note-chord-degree-label,.string-row-note-triad-degree-label{background-color:#000!important;border-radius:2px!important;color:#ffffffd9!important;font-weight:700!important;left:50%!important;padding:0 2px!important;position:absolute!important;transform:translateX(-50%)!important;z-index:4!important}.string-row-note-chord-degree-label{bottom:-12px!important;font-size:.9rem!important}.string-row-note-marker.string-row-note-tonic-outline{border-color:rgba(var(--hl-root-rgb),.55)!important;border-radius:8px!important;border-width:2px!important}@keyframes coachRootPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--hl-root-rgb),0)}50%{box-shadow:0 0 14px 4px rgba(var(--hl-root-rgb),.6)}}.coach-root-pulse .hl_root-note-inscale{animation:coachRootPulse 1.6s ease-in-out 2}@media (prefers-reduced-motion:reduce){.coach-root-pulse .hl_root-note-inscale{animation:none}}html{background-color:#0a0a0c;margin:0;padding:0}.header-row{display:flex;flex-direction:column;width:100%}@media (orientation:landscape){.header-row{align-items:center;flex-direction:row;justify-content:space-between;padding:0}.header-row .header-pills{justify-content:flex-start;padding:0;width:auto}.header-row #sliding-submenu-portal{max-width:50vw;overflow:hidden}}body.desktop .main-scroll,body.desktop .you-scroll{overflow:auto!important;scrollbar-width:thin!important}body.desktop .main-scroll::-webkit-scrollbar,body.desktop .you-scroll::-webkit-scrollbar{display:inline!important;display:initial!important;height:10px!important;width:10px!important}body.desktop .main-scroll::-webkit-scrollbar-thumb,body.desktop .you-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:8px}body.desktop .main-scroll::-webkit-scrollbar-thumb:hover,body.desktop .you-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff59}body.desktop .main-scroll::-webkit-scrollbar-track,body.desktop .you-scroll::-webkit-scrollbar-track{background:#ffffff0f}body.desktop .app-drawer.MuiPaper-root{border-left:1px solid #ffffff1a}body.desktop-browser .app-drawer.MuiPaper-root{border-left:0}body.desktop-browser .header-row{align-items:center;flex-direction:row;justify-content:space-between;padding:0}body.desktop-browser .header-row .header-pills{justify-content:flex-start;padding:0;width:auto}body.desktop-browser .header-row #sliding-submenu-portal{max-width:none;overflow:visible}body.desktop-browser .header-row .neck-layers-toolbar{margin-top:0}body.desktop-browser .header-row .neck-controls{margin-bottom:0}body.desktop-browser .bottom-nav{height:auto!important;margin-bottom:0!important;padding:12px 0!important}@media (min-width:768px){.header-row{padding-top:12px}.bottom-nav,.header-row{padding-left:24px;padding-right:24px}.bottom-nav{margin-bottom:15px}}#root,body,html{bottom:0;height:100%;left:0;margin:0;min-height:100vh;min-height:100dvh;overflow:hidden!important;padding:0;right:0;top:0;width:100%}#root,body,html{-webkit-overflow-scrolling:auto;background-color:#0a0a0c;position:fixed;touch-action:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overscroll-behavior:none}.App,body{overflow:hidden!important}.App{background-color:#0a0a0c;bottom:0;box-sizing:border-box;height:100vh;height:100dvh;left:0;padding-bottom:0;padding-left:env(safe-area-inset-left,0);padding-left:var(--safe-area-inset-left,env(safe-area-inset-left,0));padding-right:env(safe-area-inset-right,0);padding-right:var(--safe-area-inset-right,env(safe-area-inset-right,0));padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top,env(safe-area-inset-top,0));position:fixed;right:0;text-align:center;top:0;width:100vw}@supports (padding:max(0px)){.App{height:calc(100vh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));height:calc(100vh + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));margin:calc(env(safe-area-inset-top, 0px)*-1) calc(env(safe-area-inset-right, 0px)*-1) calc(env(safe-area-inset-bottom, 0px)*-1) calc(env(safe-area-inset-left, 0px)*-1);margin:calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px))*-1) calc(var(--safe-area-inset-right, env(safe-area-inset-right, 0px))*-1) calc(var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))*-1) calc(var(--safe-area-inset-left, env(safe-area-inset-left, 0px))*-1);padding:0}body:before{background-color:#0a0a0c;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.MuiPaper-root{animation:fadeIn .5s ease-out}.active-note{animation:pulse 2s ease-in-out infinite}html{font-size:13.6px}.web-only{display:block}@media (display-mode:standalone){.web-only{display:none}}::-webkit-scrollbar{height:0!important;width:0!important}*{-ms-overflow-style:none!important;box-sizing:border-box!important;scrollbar-width:none!important}::-webkit-scrollbar{display:none!important}.MuiContainer-root{height:100%!important;margin:0!important;max-width:100%!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.MuiPaper-root{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-background{background-image:radial-gradient(#2196f31a 1px,#0000 0);background-size:30px 30px;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.tab-container{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff1a;display:flex;gap:2px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.tab-container::-webkit-scrollbar{height:4px}.tab-container::-webkit-scrollbar-track{background:#ffffff0d}.tab-container::-webkit-scrollbar-thumb{background:#ff7a004d;border-radius:0}.tab{background-color:#1e1e2f80;border:none;border-radius:0;color:#ffffffb3;cursor:pointer;font-size:1rem;font-weight:400;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.tab.active{background-color:#ff7a0033;color:#ff7a00;font-weight:500}.tab:hover{background-color:#ffffff1a}.root-selector{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:16px}.root-button{background-color:#1e1e2f80;border:none;border-radius:0;color:#ffffffb3;cursor:pointer;font-size:15px;min-width:45px;padding:12px 16px;text-align:center;transition:all .2s ease}.root-button.selected{background-color:#4caf5033;color:#4caf50;font-weight:500}.root-button:hover{background-color:#ffffff1a}@media (max-width:600px){.root-selector{gap:6px}.root-button{font-size:14px;min-width:40px;padding:10px 12px}.tab{font-size:1rem;padding:8px 12px}#root,.App,body{overflow:hidden!important;position:fixed!important;touch-action:none!important}}@media (orientation:landscape){.MuiContainer-root{padding-top:0!important}.MuiContainer-root,.guitar-neck-container{margin-top:0!important}.MuiTab-root,.MuiTabs-root{min-height:40px!important}.MuiTab-root{padding-bottom:4px!important;padding-top:4px!important}.MuiTypography-root.MuiTypography-h6,h1,h2,h3,h4,h5,h6{margin-bottom:8px!important;margin-top:0!important;padding-top:0!important}body.compact-mode .bottom-nav{border:0!important;display:none!important;height:0!important}body.compact-mode .MuiContainer-root{margin-bottom:0!important;padding-bottom:0!important}body.compact-mode .guitar-neck-container,body.compact-mode .note-grid-container{margin-bottom:0!important;padding-bottom:0!important;padding-right:0!important}body.compact-mode,body.compact-mode #root,body.compact-mode .App{margin-bottom:0!important;padding-bottom:0!important}body.compact-mode .note-grid-container{padding-right:68px!important}body.compact-mode .neck-controls{padding-top:2px!important}body.compact-mode .neck-controls .scale-info{justify-content:flex-start!important;margin-bottom:8px!important;padding-left:0!important;text-align:left!important;transform:none!important}body.compact-mode .neck-controls .scale-info,body.compact-mode .neck-controls .scale-info .MuiTypography-subtitle1{margin-top:0!important;position:relative!important;top:2px!important}body.compact-mode .header-row{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;padding:4px 100px 4px 35px!important;width:100%!important}body.compact-mode .header-pills{flex-shrink:0!important;justify-content:flex-start!important;padding:0!important;width:auto!important}body.compact-mode .header-pills .MuiChip-root{font-size:.85rem!important;height:36px!important}body.compact-mode #sliding-submenu-portal{align-items:center!important;display:flex!important;flex-shrink:0!important;height:100%!important;max-width:calc(50vw + 100px)!important;overflow:hidden!important;padding:0!important}body.compact-mode #sliding-submenu-portal .sliding-submenu{align-items:center!important;display:flex!important;height:100%!important;width:100%!important}body.compact-mode #sliding-submenu-portal .sliding-submenu>div{align-items:center!important;height:100%!important}body.compact-mode #sliding-submenu-portal .sliding-submenu>div>div{align-items:center!important;display:flex!important;height:100%!important}body.compact-mode #sliding-submenu-portal .neck-controls{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:0!important;padding-top:0!important}body.compact-mode .neck-controls>.controls{justify-content:right!important}body.compact-mode .neck-layers-toolbar{gap:4px!important}body.compact-mode .neck-layers-toolbar .MuiButton-root{font-size:.62rem!important;min-height:34px!important;min-width:48px!important;padding:2px 8px!important}body.compact-mode .neck-layers-toolbar .neck-view-selector .MuiButton-root{font-size:.75rem!important;min-height:28px!important;min-width:60px!important;padding:2px 10px!important}body.compact-mode .guitar-neck-container{padding-top:0!important}}.main-container{margin:0 auto;max-width:600px;padding:0}body.compact-mode .neck-controls .scale-info{justify-content:flex-start!important;padding-left:0!important;text-align:left!important}.drawer-menu-text{font-size:1.1rem!important}.title1,div.MuiTypography-root.MuiTypography-h6,h6.MuiTypography-root.MuiTypography-h6{color:#fff!important;font-size:1.5rem!important;font-weight:600!important;letter-spacing:-.5px;opacity:1!important}.title2{color:#fff!important;display:inline;font-size:1.5rem!important;font-weight:400!important;letter-spacing:-.5px;opacity:1!important}.settings-button{margin-top:4px!important;transform:scale(1.2)!important}.settings-button,.settings-icon{opacity:.7!important}.header-pills{padding-bottom:6px!important;padding-top:6px!important}.note-grid-container{margin-top:8px!important}.note-grid-buttons .MuiPaper-root{padding:5px!important}.note-grid-buttons .MuiTypography-h5{font-size:2rem!important}@media (min-height:860px) and (max-width:767px) and (orientation:portrait){.header-pills{margin-bottom:0!important;padding-bottom:0!important;padding-top:8px!important}.bottom-nav{height:70px!important;padding-bottom:16px!important;padding-left:14px!important;padding-right:14px!important}.note-grid-container{margin-top:24px!important}.note-grid-buttons .MuiPaper-root{padding:6px!important}.note-grid-buttons .MuiTypography-h5{font-size:2.6rem!important}}@media (min-width:700px) and (min-height:700px){:root{--string-row-height:58px;--neck-note-size:42px}}@media (min-width:700px) and (min-height:700px) and (orientation:portrait){.note-grid-container{margin-top:16px!important}.note-grid-buttons .MuiPaper-root{padding:20px!important}.note-grid-buttons .MuiTypography-h5{font-size:3.4rem!important}.note-grid-buttons .MuiTypography-body2{font-size:1.5rem!important}.note-grid-buttons .MuiTypography-caption{font-size:.95rem!important}}@media (orientation:landscape){.header-pills{padding-bottom:2px!important;padding-top:2px!important}.header-pills .MuiChip-root{font-size:.8rem!important;height:32px!important}body.compact-mode .note-grid-container{margin:2px auto!important;width:calc(100% - 60px)!important}body.compact-mode .note-grid-buttons .MuiPaper-root{padding:3px!important}body.compact-mode .note-grid-buttons .MuiTypography-h5{font-size:1.4rem!important}body.compact-mode .note-grid-buttons .MuiTypography-body2{font-size:.7rem!important}body.compact-mode .note-grid-buttons .MuiTypography-caption{font-size:.55rem!important}}.neck-reduced-motion *,.neck-reduced-motion :after,.neck-reduced-motion :before{animation:none!important;transition:none!important}.MuiSvgIcon-root{font-size:1.4em!important;transform:scale(1.2)}.MuiIconButton-root{padding:10px!important}.MuiAppBar-root .MuiIconButton-root .MuiSvgIcon-root,.MuiButton-root .MuiSvgIcon-root,.MuiListItemIcon-root .MuiSvgIcon-root,.MuiTab-root .MuiSvgIcon-root,.MuiToolbar-root .MuiIconButton-root .MuiSvgIcon-root{font-size:1.44rem!important}.standalone-icon{transform:scale(1.2)}.settings-icon{opacity:.7;transform:scale(.9)}[class*=icon-container]{min-height:28.8px;min-width:28.8px}.MuiBottomNavigationAction-root .MuiSvgIcon-root{font-size:2.16rem!important}.bottom-nav .MuiSvgIcon-root{font-size:30px!important;transform:none!important}.neck-controls .MuiSvgIcon-root{font-size:1.44rem!important;margin:0 4px}.MuiButton-startIcon{margin-right:10px!important}.MuiButton-endIcon{margin-left:10px!important}.music-panel .MuiSvgIcon-root{font-size:1.44rem!important}.play-controls .MuiSvgIcon-root{font-size:2.4rem!important}
/*# sourceMappingURL=main.71bca9e1.css.map*/