:root{--fretboard-height: 240;--number-of-strings: 6;--string-height: 5;--half-string-height: calc(var(--string-height) / 2.4);--string-top-position: calc(var(--fretboard-height) / var(--number-of-strings) / 2 - var(--half-string-height));--double-fretmark-position-1: calc(var(--fretboard-height) * 0.25);--double-fretmark-position-2: calc(var(--fretboard-height) * 0.75);--fretmark-color: #806233;--noteDotOpacity: 0;--background-frets: rgb(0, 81, 128);--background-fundamental: rgb(183, 0, 0);--note-color: #eee;--note-scale: 100%;--note-fundamental-color: #eee;--fret-num: 1;--orientationLeft: null;--orientationLeftMobile: rotate(90deg) translate(-50%,-50%);--orientationLeftNoteMobile: rotate(-90deg);--noTextNote: 18px;--borderColor: white;--colorPala: #303030;--orientationLeftFretNumberMobile: row;--orientationLeftFretNumberMobilePad: 0px 7px 0px 61px}#scale-app{background-color:#f8f9fa;padding-bottom:40px;padding-top:10px}@media(max-width: 801px){#scale-app{margin-top:-20px}}#scale-app body{font-family:"Inter","Ubuntu",system-ui,-apple-system,sans-serif;margin:0px 30px 50px 30px;max-width:1400px;margin-left:auto;margin-right:auto;text-size-adjust:none}#scale-app select{width:100%;height:42px;color:#1a202c;border-radius:8px;padding:.35em .75em;line-height:1.2;font-size:.95rem;background-color:#f8fafc;border:1px solid #c8d3de;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}#scale-app select:focus{outline:none;border-color:#005180;box-shadow:0 0 0 3px rgba(0,81,128,.15)}@media(max-width: 801px){#scale-app select{font-size:1rem;margin-bottom:6px}}#scale-app input{border:1px solid #c8d3de;border-radius:8px;padding:.35em .75em;cursor:pointer;line-height:1.1;font-size:.95rem;background-color:#f8fafc;height:42px;transition:border-color .2s,box-shadow .2s}#scale-app input:focus{outline:none;border-color:#005180;box-shadow:0 0 0 3px rgba(0,81,128,.15)}@media(max-width: 801px){#scale-app input{padding:.5em;font-size:1em;margin-bottom:6px}}@media(orientation: landscape){#scale-app input{padding:.45em;align-self:baseline}}#scale-app .settings-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e2e8f0;margin:0 auto;max-width:1200px}@media(max-width: 801px){#scale-app .settings-container{border-radius:0;margin:0;width:100%;box-sizing:border-box}}#scale-app .settings-title{margin:0;padding:16px 24px 0;font-weight:700;font-size:1.1rem;color:#1a202c;letter-spacing:-0.01em;text-align:center}#scale-app .icon{user-select:none;height:24px;width:24px;transition:.3s ease-in-out}#scale-app .icon:hover{rotate:30deg;transition:.3s ease-in-out}#scale-app #arrow{height:12px;width:12px}#scale-app .settings{flex-wrap:wrap;user-select:none;display:flex;align-content:center;justify-content:center;color:#1a202c;padding:20px 24px;z-index:3;gap:16px;margin-bottom:0}@media(max-width: 801px){#scale-app .settings{flex-direction:column;padding:16px;margin-bottom:0px}}#scale-app .controls-secondary{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}@media(max-width: 801px){#scale-app .controls-secondary{width:100%;flex-wrap:wrap;gap:8px}#scale-app .controls-secondary .control-pair{flex:1;min-width:80px}}#scale-app #secondary-controls-inner{display:contents}@media(max-width: 801px){#scale-app #secondary-controls-inner{display:none}}#scale-app .control-pair--config-btn{display:none !important}@media(max-width: 801px){#scale-app .control-pair--config-btn{display:flex !important}#scale-app .control-pair--config-btn label{display:none}}#scale-app .control-pair--config-btn button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:42px;background:#005180;border:none;border-radius:8px;padding:0 14px;cursor:pointer;font-size:.85rem;font-weight:600;color:#fff;transition:background .2s}#scale-app .control-pair--config-btn button:hover{background:#003757}#scale-app #config-modal-body #secondary-controls-inner{display:flex;flex-direction:column}#scale-app #config-modal-body #secondary-controls-inner .control-pair{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e2e8f0;gap:12px}#scale-app #config-modal-body #secondary-controls-inner .control-pair:last-child{border-bottom:none}#scale-app #config-modal-body #secondary-controls-inner .control-pair label{font-weight:600;color:#1a202c;font-size:.95rem;text-transform:none;letter-spacing:0;margin:0;flex-shrink:0}#scale-app #config-modal-body #secondary-controls-inner .control-pair select,#scale-app #config-modal-body #secondary-controls-inner .control-pair input{width:150px;flex-shrink:0}#scale-app .info-container{user-select:none;display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e2e8f0;margin:16px auto 0;padding:20px 0 0 0;max-width:1200px}@media(max-width: 801px){#scale-app .info-container{margin:12px 0 0;border-radius:0;padding:16px 12px}}#scale-app .info-container h3{font-size:1.1rem;color:#64748b}#scale-app input[type=number]::-webkit-inner-spin-button,#scale-app input[type=number]::-webkit-outer-spin-button{opacity:1}#scale-app .fretboard{display:flex;flex-direction:column;background-size:cover !important;width:auto;scale:94%;height:calc(var(--fretboard-height)*1px);-webkit-transform:var(--orientationLeft)}@media(max-width: 801px)and (orientation: portrait){#scale-app .fretboard{left:50%;position:absolute;top:50%;transform:var(--orientationLeftMobile);transform-origin:top left;width:1200px;--fretboard-height: 300;--double-fretmark-position-1: calc(var(--fretboard-height) * 0.25);--double-fretmark-position-2: calc(var(--fretboard-height) * 0.75);--half-string-height: calc(var(--string-height) / 2);--string-top-position: calc(var(--fretboard-height) / var(--number-of-strings) / 2 - var(--half-string-height))}}#scale-app .string{width:100%;height:100%;display:flex;position:relative}#scale-app .string:before{content:"";width:100%;height:calc(var(--string-height)/var(--number-of-strings)*var(--string-num)*1.5px);background:linear-gradient(#eee, #929292);background-position:none;z-index:1;position:absolute;top:22px;top:calc(var(--string-top-position)*1px)}#scale-app .note_fret{display:flex;flex:1;border-right:10px solid;border-image:linear-gradient(to left, #776b5c, #c1b59e, #776b5c) 1 100%;justify-content:center;align-items:center;position:relative}#scale-app .note_fret:first-child{background:var(--colorPala);min-width:59px;border-right:18px solid;flex-grow:0;flex-shrink:0;border-image:linear-gradient(to left, #cdcdcd, #fff, #cdcdcd) 1 100%}#scale-app .note_fret:before{display:flex;align-items:center;justify-content:center;transition:all .4s ease-out;content:attr(data-note);scale:var(--note-scale);width:3.7vw;height:3.7vw;max-width:36px;max-height:36px;border-radius:50%;border:1px solid var(--borderColor);line-height:min(3.7vw,36px);text-align:center;background:var(--background-frets);z-index:2;color:var(--note-color);opacity:var(--noteDotOpacity);font-family:"Open Sans",sans-serif;font-size:var(--noTextNote);font-weight:400;-webkit-transform:var(--orientationLeft)}@media(max-width: 801px)and (orientation: portrait){#scale-app .note_fret:before{max-width:41px;max-height:41px;width:16vw;height:16vw;line-height:min(16vw,41px);transform:var(--orientationLeftNoteMobile)}}@media(max-width: 801px)and (orientation: landscape){#scale-app .note_fret:before{width:4.5vw;height:4.5vw;max-width:40px;max-height:40px;line-height:min(4.5vw,40px)}}#scale-app .note_fret[data-visualizacion=Intervalos]:before{content:attr(data-interval)}#scale-app .chord-tone:before{background:var(--background-frets);color:var(--note-fundamental-color);-webkit-transform:var(--orientationLeft)}@media(max-width: 801px)and (orientation: portrait){#scale-app .chord-tone:before{max-width:40px;max-height:40px;width:16vw;height:16vw;line-height:min(16vw,40px);transform:rotate(-90deg);transform:var(--orientationLeftNoteMobile)}}#scale-app .fundamental:before{background:var(--background-fundamental);color:var(--note-fundamental-color);-webkit-transform:var(--orientationLeft);border-radius:38%;border:1px solid var(--borderColor)}@media(max-width: 801px)and (orientation: portrait){#scale-app .fundamental:before{max-width:40px;max-height:40px;width:16vw;height:16vw;line-height:min(16vw,40px);transform:rotate(-90deg);transform:var(--orientationLeftNoteMobile)}}#scale-app .single-fretmark:after,#scale-app .double-fretmark:before,#scale-app .double-fretmark:after{content:"";position:absolute;height:20px;width:20px;border-radius:50%;background:var(--fretmark-color)}#scale-app .single-fretmark:after{top:calc(var(--fretboard-height)/2*1px);transform:translate(0, -50%)}#scale-app .double-fretmark:before{top:calc(var(--double-fretmark-position-1)*1px);transform:translate(-140%, -50%)}#scale-app .double-fretmark:after{top:calc(var(--double-fretmark-position-2)*1px);transform:translate(-140%, -50%)}#scale-app .titulo-wrapper{display:inline-flex;align-items:baseline;gap:12px}#scale-app .titulo-wrapper #extra-info-icon{color:#ffc107;cursor:pointer;font-size:1.6rem;transition:transform .2s}#scale-app .titulo-wrapper #extra-info-icon:hover{transform:scale(1.15)}#scale-app .titulo-wrapper #play{color:#ffc107;font-size:1.6rem}#scale-app .container-titulo-escala{display:flex;margin:4px 15px 4px 15px;align-items:center;max-width:98%;justify-content:center;font-size:25px}@media(max-width: 801px)and (orientation: portrait){#scale-app .container-titulo-escala h3{max-width:none}}#scale-app .container-titulo-escala .arpegio-symbol{font-size:90%;font-weight:500}#scale-app .container-subtitulo-escala{text-align:center}#scale-app #subtitulo-scale{font-weight:500}#scale-app #play{display:none;transition:.3s ease-in-out}#scale-app #play:hover{cursor:pointer}#scale-app .titulo-escala{margin:0 16px;text-align:center;font-size:1.8em;width:auto;font-weight:600;color:#1a202c}@media(max-width: 801px)and (orientation: portrait){#scale-app .titulo-escala{margin:0 12px}}#scale-app p{padding:4px 0;text-align:center;font-weight:400;margin-left:auto;margin-right:auto;color:#1a202c}@media(max-width: 801px)and (orientation: portrait){#scale-app p{padding:6px;width:96%;font-size:17px}}#scale-app .info-row{display:flex;align-items:center;justify-content:center}#scale-app .info-row--full{width:100%}#scale-app .description-show{height:100%;width:100%;margin-left:auto;margin-right:auto;padding-bottom:50px;font-size:.9rem;line-height:1.4}#scale-app .description-show h3{font-size:18px;line-height:.3;text-align:center;margin-top:-10px}#scale-app .description-show a{text-decoration:none;color:#005180}#scale-app .description-show a:hover{text-decoration:underline}#scale-app .description-show ul{padding-left:20px;line-height:.8}#scale-app .description-show ul a{line-height:1.9;font-size:1rem}@media(max-width: 801px)and (orientation: portrait){#scale-app .description-show{margin-top:10px;font-size:.5rem;padding:0px 1px 0px 1px}}#scale-app .escalas-aconsejadas{height:100%;width:80%;margin-left:auto;margin-right:auto;font-size:1.1rem;padding-bottom:30px;line-height:1.7;text-align:center;max-width:600px}#scale-app .escalas-aconsejadas h4{text-align:center;margin-bottom:10px;font-weight:600}#scale-app .escalas-aconsejadas a{text-decoration:none;color:#005180}#scale-app .escalas-aconsejadas a:hover{text-decoration:underline}#scale-app .escalas-aconsejadas ul{margin-top:10px;line-height:.8}#scale-app .escalas-aconsejadas ul a{line-height:1.9}#scale-app .cursos-recom{line-height:3}#scale-app .scale-notes-show{font-size:1.15rem;margin-bottom:0px}@media(max-width: 801px)and (orientation: portrait){#scale-app .scale-notes-show{padding:2px}}#scale-app .show-extra-info{display:none;flex-direction:column;align-items:center;padding:8px 0}#scale-app .show-acordes{display:flex;align-items:center;justify-content:center;padding-bottom:8px;margin:0px 20px}#scale-app .info-tooltip{position:relative;right:10px;cursor:default;color:#64748b}@media(max-width: 801px){#scale-app .info-tooltip{right:0px}}#scale-app .show-armonia{margin:0px 20px;align-items:center}#scale-app .chord-show{display:flex;align-items:center;justify-content:center;margin:0px;flex-wrap:wrap}#scale-app .interval-pattern{font-size:1.15em;margin-bottom:0px}#scale-app .control-pair{display:flex;flex-direction:column;gap:4px}@media(max-width: 801px)and (orientation: landscape){#scale-app .control-pair{padding:0px 0px}}#scale-app .control-pair label{font-weight:600;color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}#scale-app .control-pair--primary label{color:#64748b;font-size:.8rem}#scale-app #boton-reset{padding:10px 20px;border-radius:8px;background-color:#64748b;color:#fff;border:none;font-weight:500;transition:all .2s}#scale-app #boton-reset:hover{background-color:#4f5b6d;transform:translateY(-1px);box-shadow:0 1px 3px rgba(0,0,0,.08)}@media(max-width: 801px){#scale-app #boton-reset{width:50%;align-self:center;padding:13px 0px;font-size:1.1rem}}#scale-app #boton-reset:active{transform:translateY(0);box-shadow:none}@media(max-width: 801px){#scale-app .settings-top{margin-top:0;flex-direction:row;display:flex;flex-wrap:wrap}}@media(max-width: 801px){#scale-app .settings-top .control-escala{width:72%}}@media(max-width: 801px)and (orientation: portrait){#scale-app label{margin:0 0 4px 0}}@media(max-width: 801px)and (orientation: portrait){#scale-app .box{height:1px;width:100vw}}#scale-app .box--image{max-width:1600px;margin-left:auto;margin-right:auto}@media(max-width: 801px)and (orientation: portrait){#scale-app .box--image{position:relative;max-width:100vw;height:1100px;padding:30px 0px}}#scale-app .information-container{display:flex;flex-direction:column;margin:auto;text-align:center;max-width:640px;padding:60px 20px 20px;line-height:1.6;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e2e8f0}#scale-app .information-container h1{font-size:1.8rem;font-weight:700;color:#1a202c}#scale-app .information-container h2{margin:30px 0px;font-size:1.5rem;font-weight:700;color:#1a202c}#scale-app .information-container h3{padding:50px 0px 0px 0px;border-bottom:2px solid #ffc107;font-size:1.4rem;font-weight:700;color:#1a202c}#scale-app .information-container h4{margin-top:30px;font-size:1.15rem;color:#1a202c}#scale-app .information-container ul{text-align:center;list-style-position:inside;font-weight:400;line-height:1.7;list-style-type:none;padding-left:0}#scale-app .information-container ul li{padding:4px 0}#scale-app .information-container ul li:before{content:"→ ";color:#ffc107}#scale-app .information-container p{font-size:16px;text-align:justify;display:inline-block;line-height:1.7;color:#1a202c}@media(max-width: 801px){#scale-app .information-container{width:92%;padding:40px 16px 16px}}#scale-app .information-container .centered-notes{text-align:center;gap:10px;display:flex;justify-content:center;align-items:center;padding:35px 0px}#scale-app .information-container .centered-notes .fundamental-chord-note,#scale-app .information-container .centered-notes .individual-chord-note{width:40px;height:40px;line-height:40px}#scale-app .information-container .table-responsive{overflow-x:auto;margin:20px 0}@media screen and (max-width: 600px){#scale-app .information-container .table-responsive table{width:100%;display:block}}#scale-app .information-container #table-armony3 table,#scale-app .information-container #table-armony4 table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9em;font-family:"Inter",Arial,sans-serif;border-radius:8px;overflow:hidden}#scale-app .information-container #table-armony3 table th,#scale-app .information-container #table-armony3 table td,#scale-app .information-container #table-armony4 table th,#scale-app .information-container #table-armony4 table td{border:1px solid #e2e8f0;padding:10px 14px;text-align:center;font-size:.95rem;text-wrap:nowrap}#scale-app .information-container #table-armony3 table th,#scale-app .information-container #table-armony4 table th{background-color:#005180;color:#fff;font-weight:600}#scale-app .information-container #table-armony3 table tr:nth-child(even),#scale-app .information-container #table-armony4 table tr:nth-child(even){background-color:#f8f9fa}#scale-app .information-container #table-armony3 table tr:hover,#scale-app .information-container #table-armony4 table tr:hover{background-color:#eceff2}@media screen and (max-width: 600px){#scale-app .information-container #table-armony3 table,#scale-app .information-container #table-armony4 table{width:100%;display:table;overflow-x:auto}}#scale-app .promo-img{display:block;padding:15px 0px;margin-left:auto;margin-right:auto;width:100%;object-fit:scale-down;max-width:600px;border-radius:8px}#scale-app .listado-escalas{padding:0px}#scale-app .cursos-auto-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;justify-items:stretch;padding:20px;max-width:1200px;margin:0 auto}#scale-app .cursos-auto-grid a{display:block;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}#scale-app .cursos-auto-grid a:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}#scale-app .cursos-auto-grid a img{height:auto;width:100%}#scale-app .scale-pattern-note{margin:0 5px;position:relative;cursor:default}#scale-app .scale-pattern-note:hover:before{font-weight:bold;content:attr(data-description);display:block;position:absolute;top:-40px;left:50%;transform:translateX(-50%);padding:8px 12px;background-color:#005180;color:#fff;font-size:14px;border-radius:6px;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.08)}#scale-app .chord-note{white-space:nowrap;padding:0px 8px}#scale-app .chord-in-object{background-color:#fff;border-radius:20px;white-space:nowrap;font-weight:600;color:#005180;border:1.5px solid #005180;padding:4px 10px;margin:4px 4px;transition:all .15s}#scale-app .chord-in-object:hover{background-color:#005180;color:#fff;cursor:pointer}#scale-app .chord-buttons{display:flex;gap:10px;margin:12px 0px 24px 0px;flex-grow:1}#scale-app .chord-buttons button{padding:8px 16px;font-weight:500;border-radius:8px;border:1.5px solid #005180;transition:all .15s;color:#005180;background-color:#fff;cursor:pointer;font-size:.9rem}#scale-app .chord-buttons button:hover:not(:disabled):not(.selected){background-color:rgba(0,81,128,.08)}#scale-app .chord-buttons button:disabled{color:#c2c2c2;background-color:rgba(194,194,194,.062745098);border:1.5px solid #e2e2e2;cursor:not-allowed}#scale-app .chord-buttons button .show{display:block}#scale-app .chord-buttons .selected{background-color:#005180;font-weight:600;color:#fff}#scale-app .chord-buttons .selected:hover{background-color:#003757;color:#fff}#scale-app #chord-warning{display:none;margin:14px 0px;font-size:.9rem}#scale-app .lazy{opacity:0}#scale-app .lazy .loaded{opacity:1}#scale-app .info-icon{position:relative}#scale-app .armonia-changer{width:23px;height:23px;margin-right:5px}#scale-app .armonia-changer .text{color:#005180}#scale-app .chords-in-harmony{display:flex;position:relative;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:0}#scale-app .chord-harmony-display{padding:3px 3px}#scale-app .chord-note-show{display:flex;gap:6px;font-size:16px;align-items:center}#scale-app .individual-chord-note{display:inline-block;width:32px;height:32px;border-radius:50%;background-color:var(--background-frets);color:var(--note-color);text-align:center;line-height:32px}#scale-app .fundamental-chord-note{display:inline-block;width:30px;height:30px;border-radius:50%;background-color:var(--background-fundamental);color:#fff;text-align:center;line-height:30px}#scale-app .chord-position-display{will-change:background-color;display:flex;flex-direction:column;align-items:center;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;margin-top:16px;padding:16px 24px;max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width: 801px){#scale-app .chord-position-display{border-radius:0;padding:12px}}#scale-app .chord-position-display h4{font-size:1.1rem;font-weight:600;color:#1a202c;margin-bottom:8px}#scale-app .chord-position-display .position-show{gap:10px;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}#scale-app .chord-position-display .position-show span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background-color:#fff;border:1.5px solid #005180;color:#005180;text-align:center;font-weight:600;font-size:1.15rem;transition:all .15s;cursor:pointer}#scale-app .chord-position-display .position-show span:hover:not(.isActive):not(.isActive2){background-color:rgba(0,81,128,.08)}#scale-app .chord-position-display .position-show .isActive{background-color:#005180;color:#fff;box-shadow:0 2px 6px rgba(0,81,128,.3)}#scale-app .chord-position-display .position-show .isActive2{background-color:#008753;color:#fff;box-shadow:0 2px 6px rgba(0,135,83,.3)}#scale-app .chord-position-display .position-show .span-container{padding-top:10px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}#scale-app .chord-position-display .position-show .chord-position-container .positions{font-weight:600;margin:0px;padding:10px 0px;font-size:1.2rem}#scale-app .dropdown{box-sizing:border-box}#scale-app .caret{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:6px solid #fff;transition:.3s}#scale-app .menu-open{display:block;opacity:1}#scale-app .mail-info{flex-grow:1;flex-basis:100%;width:80%;font-size:.9rem;font-weight:400;color:#64748b;line-height:1.5;padding:0px 10px;margin-top:16px}#scale-app .mail-info a{color:#005180;text-decoration:underline}#scale-app .generate-tab-button{display:inline-flex;align-items:center;gap:8px;margin:12px 0px 24px 0px;padding:10px 28px;font-weight:500;font-size:1rem;border-radius:8px;border:1.5px solid #005180;transition:all .15s;color:#005180;background-color:#fff;cursor:pointer}#scale-app .generate-tab-button:hover:not(.selected){background-color:rgba(0,81,128,.08)}#scale-app .generate-tab-button.selected{background-color:#005180;font-weight:600;color:#fff}#scale-app .tab-container{display:flex;flex-direction:column;align-items:center}#scale-app .tab-container .tab-alert{font-size:1rem;font-weight:400;margin-bottom:20px}#scale-app .frets-numbers{display:flex;flex-direction:var(--orientationLeftFretNumberMobile);padding:var(--orientationLeftFretNumberMobilePad);justify-content:center;align-items:center;position:relative;width:auto;scale:94%;text-align:center}@media(max-width: 801px){#scale-app .frets-numbers{display:none}}#scale-app .frets-numbers span{margin:auto;width:100%;justify-content:center;align-items:center;color:#64748b}#scale-app .scale-lists{padding-inline-start:0px}#scale-app .scale-lists li{padding:8px 0px;font-size:1.1rem;border-bottom:1px solid #e2e8f0}#scale-app .scale-lists li:last-child{border-bottom:none}#scale-app .scale-lists li a{color:#005180;font-weight:500}#scale-app .scale-lists li a:hover{text-decoration:underline}.hidden-note-text::before{background-color:gray !important}#scale-app .control-pair--metronome .metronome-label-mobile{display:none;font-size:.85rem;font-weight:600;color:#64748b}@media(max-width: 801px){#scale-app .control-pair--metronome .metronome-label-mobile{display:inline}}@media(max-width: 801px){#scale-app .control-pair--metronome .metronome-label-desktop{display:none}}#scale-app .control-pair--metronome button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:42px;background:#f8fafc;border:1px solid #c8d3de;border-radius:8px;padding:0 14px;cursor:pointer;transition:background .2s,border-color .2s}#scale-app .control-pair--metronome button:hover{background:#eef2f7;border-color:#a0aec0}#scale-app .metro-beat{display:block;width:10px;height:10px;border-radius:50%;background:#dde3e8;transition:background .08s}#scale-app .metro-beat--active{background:#eeb727}#scale-app .metro-beat--first{background:#13df00}#configModal .modal-content{border:none;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}#configModal .modal-header{background:#005180;border-bottom:none;padding:18px 22px}#configModal .modal-header .modal-title{color:#fff;font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:10px}#configModal .modal-header .modal-title i{font-size:1rem;opacity:.9}#configModal .modal-header .close{color:#fff;opacity:.7;font-size:1.5rem;padding:0;margin:0;line-height:1;text-shadow:none}#configModal .modal-header .close:hover{opacity:1}#configModal .modal-body{padding:0}#configModal .modal-body .control-pair{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #eef0f3;gap:12px}#configModal .modal-body .control-pair:last-child{border-bottom:none}#configModal .modal-body .control-pair label{font-weight:500;color:#1a202c;font-size:1rem;margin:0;flex-shrink:0}#configModal .modal-body .control-pair select,#configModal .modal-body .control-pair input{width:155px;flex-shrink:0;height:40px;border-radius:8px;border:1px solid #c8d3de;background-color:#f8fafc;padding:0 10px;font-size:.95rem;color:#1a202c}.note-compare-only:before{background:#e07820 !important;color:rgba(0,0,0,0) !important}.note-compare-shared:before{background:#16a34a !important;color:#fff !important;justify-content:center}#scale-app .settings-container .settings-test-toggles{justify-content:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}#scale-app .settings-container .settings-test-toggle-btn{font-size:.72rem;padding:3px 10px;border:1px dashed #c8d3de;border-radius:10px;background:none;color:#64748b;cursor:pointer;transition:border-color .15s,color .15s}#scale-app .settings-container .settings-test-toggle-btn:hover,#scale-app .settings-container .settings-test-toggle-btn.active{border-color:#005180;border-style:solid;color:#005180}#scale-app .settings-container .settings-extras{margin-top:8px;display:flex;flex-direction:column;gap:6px}#scale-app .settings-container .settings-extra-row{justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 0;border-top:1px dashed #c8d3de}#scale-app .settings-container .settings-extra-row .settings-extra-label{font-size:.72rem;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}#scale-app .settings-container .settings-extra-row .settings-extra-select{height:32px;border:1px solid #c8d3de;border-radius:8px;padding:0 8px;background:#fff;font-size:.82rem;color:#1a202c;min-width:70px}#scale-app .settings-container .settings-extra-row .settings-extra-select--wide{min-width:160px}#scale-app .settings-container .settings-extra-row .settings-extra-clear{height:28px;width:28px;padding:0;border:1px solid #c8d3de;border-radius:6px;background:#f8fafc;cursor:pointer;color:#aaa;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}#scale-app .settings-container .settings-extra-row .settings-extra-clear:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}#scale-app .settings-container .settings-extra-row .compare-selects-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}#scale-app .settings-container .settings-extra-row .compare-legend{display:flex;align-items:center;gap:8px;font-size:.72rem;color:#64748b;flex-wrap:wrap;margin-left:4px}#scale-app .settings-container .settings-extra-row .compare-legend-item{display:flex;align-items:center;gap:3px;white-space:nowrap}#scale-app .settings-container .settings-extra-row .compare-legend-dot{display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0}#scale-app .settings-container .settings-extra-row .compare-legend-dot--primary{background:#4a98b5}#scale-app .settings-container .settings-extra-row .compare-legend-dot--shared{background:#16a34a}#scale-app .settings-container .settings-extra-row .compare-legend-dot--compare{background:#e07820}#scale-app .settings-container .chord-finder-autocomplete{position:relative;flex-shrink:0}#scale-app .settings-container .settings-extra-input{height:32px;border:1px solid #c8d3de;border-radius:8px;padding:0 10px;background:#fff;font-size:.85rem;color:#1a202c;width:160px}#scale-app .settings-container .settings-extra-input:focus{outline:none;border-color:#005180}#scale-app .settings-container .chord-finder-suggestions{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:#fff;border:1px solid #c8d3de;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;overflow:hidden}#scale-app .settings-container .chord-finder-suggestion-item{padding:7px 12px;font-size:.85rem;color:#1a202c;cursor:pointer}#scale-app .settings-container .chord-finder-suggestion-item:hover{background:#f0f5ff;color:#005180}#scale-app .settings-container .chord-finder-results{display:flex;flex-wrap:wrap;gap:5px}#scale-app .settings-container .chord-finder-results .chord-finder-result-btn{padding:3px 10px;border:1px solid #005180;border-radius:12px;background:#fff;color:#005180;font-size:.78rem;cursor:pointer;transition:background .12s,color .12s}#scale-app .settings-container .chord-finder-results .chord-finder-result-btn:hover{background:#005180;color:#fff}#scale-app .settings-container .chord-finder-results .chord-finder-empty{color:#888;font-size:.8rem;font-style:italic}/*# sourceMappingURL=scale-app.css.map */