h1,h2,h3,h4{color:#333}h2{font-size:18px;margin-top:20px;margin-bottom:10px}h3{font-size:1.5em;margin-top:15px;margin-bottom:8px}.akor-desc p,.akor-desc li{margin-bottom:10px}.akor-desc ul{padding-left:20px}section{font-size:14px}.content{max-width:800px;margin:auto;background:#fff;padding:20px;border-radius:4px;box-shadow:0 0 10px rgb(0 0 0 / .1)}.content ul{list-style-type:disc}.content ol{list-style-type:decimal;padding-left:20px}.highlight{color:#8C271E;font-weight:700}.page-header{background-color:#4a90e2;color:#fff;padding:20px;text-align:center}.page-title{margin:0;font-size:2.5rem}.content-description{margin-bottom:20px}.content-body{line-height:1.6}.page-footer{text-align:center;padding:10px;background-color:#4a90e2;color:#fff;margin-top:20px}select:focus{outline:none}.tab-container{display:flex;gap:15px}.tab-button{padding:12px;border-radius:4px;cursor:pointer;margin:0;background-color:#f1f1f1;border:1px solid #ccc;font-size:16px}.tab-button.active{background-color:#495057;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.positions-out{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0}.position-div{padding:5px;border-radius:5px;background-color:#495057;color:#fff;cursor:pointer;margin:0 0 15px;font-size:16px;font-weight:700;transition:background-color .3s ease,transform .3s ease}.position-div:hover{background-color:#45a049;transform:scale(1.05)}.position-div.active{background-color:orange;color:#000}.abs-fret{position:absolute;top:0;left:0}.note-grid{display:flex;gap:10px;margin:20px 0}.note{background:#E8EEF1;padding:10px;border-radius:4px;cursor:pointer;transition:background .3s ease;text-align:center;width:40px;height:40px;line-height:20px;font-size:16px;display:flex;justify-content:center;align-items:center}.note:hover{background:#DDE4E9}.note.selected{background:#3BAFDA;color:#fff}.guitar-neck-container{padding:0 0 10px;overflow-x:auto}.guitar-neck{position:relative;width:1384px;height:304px;margin-top:5px;background-image:url(../images/bulmaca/fretbort_24.png)}.string{position:absolute;left:40px;width:100%;height:20px;display:flex}.string:nth-child(1){top:25px}.string:nth-child(2){top:67px}.string:nth-child(3){top:110px}.string:nth-child(4){top:152px}.string:nth-child(5){top:194px}.string:nth-child(6){top:236px}.fret{position:relative;text-align:center;line-height:20px;cursor:pointer;transition:background .3s ease;border-right:inherit}.fret-inner{width:25px;height:100%;background-color:#FC0;position:absolute;bottom:0;margin:auto;border-radius:10px;padding:2px 2px 0;display:none;justify-content:center;align-items:center;color:#fff;font-weight:700}.fret[data-note="A"] .fret-inner,.fl-a{background-color:#783ca8}.fret[data-note="Bb"] .fret-inner{background-color:#28B347}.fret[data-note="B"] .fret-inner,.fl-b{background-color:#2747CC}.fret[data-note="C"] .fret-inner{background-color:#CC9C00}.fret[data-note="C#"] .fret-inner{background-color:#8c4545}.fret[data-note="D"] .fret-inner,.fl-d{background-color:#4B4B4B}.fret[data-note="Eb"] .fret-inner{background-color:#CC4527}.fret[data-note="E"] .fret-inner,.fl-e{background-color:#28B3B9}.fret[data-note="F"] .fret-inner{background-color:#CC29CC}.fret[data-note="F#"] .fret-inner{background-color:#CC7127}.fret[data-note="G"] .fret-inner,.fl-g{background-color:#d10b0b}.fret[data-note="G#"] .fret-inner{background-color:#28A2CC}.fl-ee{background-color:#4B9B4C}.fret:nth-child(1) .fret-inner{left:22px;right:22px}.fret:nth-child(2) .fret-inner{left:20px;right:20px}.fret:nth-child(3) .fret-inner{left:18px;right:18px}.fret:nth-child(4) .fret-inner{left:16px;right:16px}.fret:nth-child(5) .fret-inner{left:15px;right:15px}.fret:nth-child(6) .fret-inner{left:13px;right:13px}.fret:nth-child(7) .fret-inner{left:11px;right:11px}.fret:nth-child(8) .fret-inner{left:10px;right:10px}.fret:nth-child(9) .fret-inner{left:8px;right:8px}.fret:nth-child(10) .fret-inner{left:7px;right:7px}.fret:nth-child(11) .fret-inner{left:6px;right:6px}.fret:nth-child(12) .fret-inner{left:5px;right:5px}.fret:nth-child(13) .fret-inner{left:4px;right:4px}.fret:nth-child(14) .fret-inner{left:3px;right:3px}.fret:nth-child(15) .fret-inner{left:2px;right:2px}.fret:nth-child(16) .fret-inner{left:-3px;right:0}.fret:nth-child(17) .fret-inner{left:-2px;right:0}.fret:nth-child(18) .fret-inner{left:-1px;right:0}.fret:nth-child(19) .fret-inner{left:-2px;right:0}.fret:nth-child(20) .fret-inner{left:-4px;right:0}.fret:nth-child(21) .fret-inner{left:-4px;right:0}.fret:nth-child(22) .fret-inner{left:1px;right:0}.fret:nth-child(23) .fret-inner{left:-2px;right:0}.fret:nth-child(24) .fret-inner{left:0;right:0}.fret:nth-child(25) .fret-inner{left:2px;right:0}.fret:nth-child(2){width:86px}.fret:nth-child(3){width:81px}.fret:nth-child(4){width:76px}.fret:nth-child(5){width:76px}.fret:nth-child(6){width:71px}.fret:nth-child(7){width:68px}.fret:nth-child(8){width:64px}.fret:nth-child(9){width:63px}.fret:nth-child(10){width:60px}.fret:nth-child(11){width:53px}.fret:nth-child(12){width:55px}.fret:nth-child(13){width:52px}.fret:nth-child(14){width:50px}.fret:nth-child(15){width:47px}.fret:nth-child(16){width:48px}.fret:nth-child(17){width:45px}.fret:nth-child(18){width:42px}.fret:nth-child(19){width:45px}.fret:nth-child(20){width:45px}.fret:nth-child(21){width:43px}.fret:nth-child(22){width:43px}.fret:nth-child(23){width:44px}.fret:nth-child(24){width:40px}.fret:nth-child(25){width:43px}.fret:last-child{border-right:none}.fret:hover{background:#f9573840}.fret.selected{background:#3BAFDA;color:#fff}.fret-label{position:absolute;left:-31px;width:20px;text-align:center;border-radius:5px;margin-right:5px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase}.mb-1n5{margin-bottom:15px}.mc-1{margin:0 0 -15px}.section-title{font-size:24px;margin-top:40px;text-align:center;font-weight:700;font-size:24px;margin-bottom:20px;text-align:center;font-weight:700;color:#333}.dropdown-container{display:flex;gap:20px;flex-wrap:wrap}.dropdown{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:16px;color:#fff;background:#495057}#chordNoteDropdown:disabled{background-color:#e0e0e0;cursor:not-allowed}.clear-btn{background-color:#E74C3C;color:#fff;padding:12px 20px 0;border-radius:4px;cursor:pointer;height:30px;text-align:center;margin-top:20px;display:block;transition:background .3s ease}.clear-btn:hover{background-color:#9CA17D}.ct-tabs{border-bottom:1px solid #495057;padding:15px 0 0}#sc_summary{border-bottom:1px solid #495057;padding:0 0 5px}#metronome{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;margin:10px 100px 10px 10px;position:relative}#metronome-display{position:absolute;top:10px;left:180px;width:42px;height:42px;background-color:#8C271E;color:#fff;box-shadow:0 4px 10px rgb(0 0 0 / .2)}#play-pause-button{position:absolute;left:10px;top:6px;cursor:pointer}#play-icon,#pause-icon{font-size:26px}#bpm-display{position:absolute;bottom:-30px;font-size:20px;color:#333}#bpm-controls{display:flex;justify-content:center;margin-top:10px;gap:70px}.bpm-button{width:40px;height:40px;background-color:#f1f1f1;color:#333;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 10px;cursor:pointer;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.bpm-button:hover{background-color:#e0e0e0}#bpm-input{position:absolute;bottom:5px;width:60px;font-size:20px;text-align:center;border:none;border-bottom:2px solid #333;color:#333;background:none;outline:none;padding:0;margin:0}.tol-cont{display:flex;border-bottom:1px solid #495057;padding-bottom:30px}.lh-24{line-height:24px}@media (max-width:1366px){.main{width:100%}.right{display:none}.dropdown-container{flex-direction:column;align-items:stretch}.dropdown{font-size:14px}}