.navbar{background-color:#7dd3e0!important;border-bottom:3px solid #000;box-shadow:0 4px 0 #000;padding:0 1.5rem!important;height:54px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;position:fixed!important;top:0;width:100%;z-index:1000;gap:1rem;transition:transform .28s cubic-bezier(.4,0,.2,1)}.navbar--hidden{transform:translateY(-100%)}.navbar-brand{display:inline-block;text-decoration:none!important;flex-shrink:0}.navbar-brand__text{display:inline-block;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:-.3px;padding:.3rem .65rem;border:2px solid #000;box-shadow:3px 3px 0 #000;transform:skewX(-2deg);transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap}.navbar-brand__text:hover{background:#ff90e9;transform:skewX(-2deg) translate(-1px,-1px);box-shadow:4px 4px 0 #000}.navbar-nav--desktop{display:none;list-style:none;margin:0;padding:0;flex:1 1;flex-direction:row!important;flex-wrap:nowrap;align-items:center;gap:0}@media(min-width:992px){.navbar-nav--desktop{display:flex!important}}.navbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-lang-switch{display:inline-block;background:#1a1a1a;color:#ffdd01!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:900;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none!important;padding:.3em .65em;border:2px solid #000;border-radious:20px;box-shadow:2px 2px 0 #000;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;line-height:1.4;border-radius:20px}.nav-lang-switch:hover{color:#1a1a1a!important;transform:translate(-1px,-1px)}.nav-lang-switch:hover,.navbar-hamburger{background:#ffdd01;box-shadow:3px 3px 0 #000}.navbar-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:6px;border:2px solid #000;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.navbar-hamburger:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.navbar-hamburger:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #000}@media(min-width:992px){.navbar-hamburger{display:none}}.navbar-hamburger__bar{display:block;width:20px;height:2px;background:#1a1a1a;transition:transform .25s ease,opacity .2s ease}.navbar-hamburger.is-open .navbar-hamburger__bar:first-child{transform:translateY(7px) rotate(45deg)}.navbar-hamburger.is-open .navbar-hamburger__bar:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.is-open .navbar-hamburger__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-nav--desktop>.nav-item{position:relative}.navbar-nav--desktop>.nav-item>.nav-link--dropdown{display:flex;align-items:center;gap:.3em;background:transparent;border:none;box-shadow:none;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:0 .85rem;height:54px;cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.navbar-nav--desktop>.nav-item>.nav-link--dropdown:focus-visible,.navbar-nav--desktop>.nav-item>.nav-link--dropdown:hover{color:#1a1a1a;background-color:rgba(0,0,0,.08)}.nav-item--dropdown.is-open>.navbar-nav--desktop>.nav-item>.nav-link--dropdown{background-color:rgba(0,0,0,.1)}.nav-link__arrow{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #1a1a1a;transition:transform .2s ease;flex-shrink:0;margin-top:1px}.nav-item--dropdown.is-open .nav-link__arrow{transform:rotate(180deg)}.navbar-nav--desktop>.nav-item--dropdown>.dropdown-panel{position:absolute!important;top:calc(100% + 3px)!important;left:0;min-width:220px;background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000;z-index:1100;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);visibility:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear .3s}.navbar-nav--desktop>.nav-item--dropdown>.dropdown-panel.is-open{max-height:600px;opacity:1;transform:translateY(0);visibility:visible;overflow-y:auto;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.dropdown-panel__item{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.78rem;font-weight:600;border-bottom:1px solid rgba(0,0,0,.12)}.dropdown-panel__item:last-child{border-bottom:none}.dropdown-panel__item a{display:block;padding:.6rem 1.1rem;color:#1a1a1a!important;text-decoration:none;transition:background-color .12s ease}.dropdown-panel__item a:hover{background-color:#ffdd01;color:#1a1a1a!important}.dropdown-panel__divider{height:2px;background:#000;margin:0}.dropdown-panel__column-group{background:#f5f5f5}.dropdown-panel__column-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#6b6b6b;padding:.45rem 1.1rem .3rem;border-bottom:1px solid #e0e0e0}.dropdown-panel__column-group .dropdown-panel__item a,.dropdown-panel__column-label+.dropdown-panel__item a{padding-left:1.4rem}.navbar-mobile{display:none;position:absolute;top:calc(54px + 3px);left:0;right:0;z-index:999;background:#7dd3e0;border-bottom:3px solid #000;box-shadow:0 6px 0 #000;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);visibility:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .25s ease,visibility 0s linear .35s}@media(max-width:991px){.navbar-mobile{display:block}}.navbar-mobile.is-open{max-height:80vh;overflow-y:auto;opacity:1;transform:translateY(0);visibility:visible;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .25s ease,visibility 0s linear 0s}.navbar-nav--mobile{display:flex!important;flex-direction:column!important;list-style:none;margin:0;padding:.5rem 1rem 1rem;gap:0}.navbar-nav--mobile>.nav-item{opacity:0;transform:translateX(-10px);transition:opacity .2s ease,transform .2s ease}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item{opacity:1;transform:translateX(0)}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:first-child{transition-delay:.04s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(2){transition-delay:.08s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(3){transition-delay:.12s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(4){transition-delay:.16s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(5){transition-delay:.2s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(6){transition-delay:.24s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(7){transition-delay:.28s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(8){transition-delay:.32s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(9){transition-delay:.36s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(10){transition-delay:.4s}.navbar-nav--mobile>.nav-item>.nav-link--dropdown{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;padding:.45rem .9rem;margin:.2rem 0;border:2px solid #000;box-shadow:3px 3px 0 #000;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.navbar-nav--mobile>.nav-item>.nav-link--dropdown:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.navbar-nav--mobile>.nav-item>.nav-link--dropdown .nav-link__arrow{flex-shrink:0}.navbar-nav--mobile>.nav-item--dropdown>.dropdown-panel{position:static;width:100%;background:#fff;border:2px solid #000;border-top:none;box-shadow:3px 3px 0 #000;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);visibility:hidden;margin-bottom:.25rem;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear .3s}.navbar-nav--mobile>.nav-item--dropdown>.dropdown-panel.is-open{max-height:1200px;opacity:1;transform:translateY(0);visibility:visible;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.dropdown-panel__item a:focus-visible,.nav-lang-switch:focus-visible,.nav-link--dropdown:focus-visible,.navbar-hamburger:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6;box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}body{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;word-wrap:break-word;font-feature-settings:"kern";font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#7dd3e0}.mainBox{max-width:1200px;margin:0 auto;padding:57px 1rem 0}@media(min-width:767px){.mainBox{padding:57px 2rem 0}}.skip-link{position:absolute;top:-100px;left:.5rem;z-index:1000;padding:.5rem 1rem;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:0 0 4px 0;transition:top .15s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}.layoutBox{margin:0 auto;background-color:#7dd3e0;min-height:100vh;position:relative}.bg-light{padding:0 1.5em;height:65px;background-color:#1a1a1a!important}.navbar-light .navbar-nav .nav-link{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.3px;text-shadow:none;transition:opacity .2s ease}.navbar-light .navbar-nav .nav-link:hover{opacity:.8}.navbar-brand-farga{position:relative;z-index:1}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;text-rendering:optimizeLegibility;line-height:1.2;margin:0 0 1rem;color:#1a1a1a}h1{font-size:2.25rem}h2{font-size:1.625rem}h3{font-size:1.375rem}h4{font-size:1rem}p{margin:0 0 1.2rem;line-height:1.7}img{max-width:100%;border-style:none}a{color:#1a1a1a;text-decoration:none;transition:color .2s ease}a:hover{color:#000}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}label{display:inline-block;margin-bottom:.5rem}[role=button]{cursor:pointer}table{border-collapse:collapse}@media only screen and (max-width:480px){html{font-size:15px}}.site-footer{background:#1a1a1a;border-top:3px solid #000;color:#fff;margin-top:2rem}.site-footer__inner{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:flex;flex-wrap:wrap;gap:2.5rem;align-items:flex-start}.site-footer__brand{flex:0 0 200px;display:flex;flex-direction:column;gap:.8rem}.site-footer__title{display:inline-block;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:-.3px;padding:.3rem .6rem;transform:skewX(-2deg)}.site-footer__tagline{color:#999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.85rem;margin:0}.site-footer__social{display:flex;gap:.6rem;align-items:center}.site-footer__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#333;border:2px solid #000;box-shadow:3px 3px 0 #000;color:#fff;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.site-footer__social a:hover{background:#ffdd01;color:#1a1a1a;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.site-footer__author{margin:0;color:#888;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem;letter-spacing:.3px}.site-footer__author a{color:#ffdd01;text-decoration:none}.site-footer__author a:hover{text-decoration:underline}.site-footer__nav{flex:1 1;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.5rem 1rem;gap:1.5rem 1rem}.site-footer__nav-group{display:flex;flex-direction:column;gap:.4rem}.site-footer__nav-heading{display:block;color:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem;padding-bottom:.35rem;border-bottom:1px solid #333}.site-footer__nav a{color:#ccc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .15s ease}.site-footer__nav a:hover{color:#ffdd01}.site-footer__bottom{border-top:2px solid #333;text-align:center;padding:1rem 1.5rem}.site-footer__bottom span{color:#666;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem;letter-spacing:.3px}@media(max-width:1024px){.site-footer__nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.site-footer__inner{gap:1.5rem;padding:1.75rem 1rem 1rem}.site-footer__brand{flex:0 0 100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.6rem 1.5rem}.site-footer__tagline,.site-footer__title{flex:0 0 100%}.site-footer__nav{flex:0 0 100%;grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.site-footer__brand{flex-direction:column}.site-footer__nav{grid-template-columns:repeat(2,1fr)}}.titleBox{position:relative;top:0;transform:none;padding:1.5rem 1.5rem .8rem;text-align:left;background:#7dd3e0}.titleBox h2{display:inline-block;background:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.6rem;color:#1a1a1a;text-transform:uppercase;letter-spacing:-.3px;text-shadow:none;margin:0;padding:.4rem .7rem;border-bottom:none;transform:skewX(-2deg)}.cardBoxes{padding:2em 1.5em 3em;display:flex;flex-wrap:wrap;justify-content:center;gap:1.8rem;background-color:#7dd3e0}.farga-card{width:320px;background:#1a1a1a;border:3px solid #000;border-radius:0;overflow:hidden;box-shadow:6px 6px 0 #000;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.farga-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}.farga-card__image{width:100%;height:200px;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}.farga-card__badge{position:absolute;top:14px;left:14px;background:#fff;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;padding:5px 14px;border-radius:50px;border:2px solid #1a1a1a;line-height:1}.farga-card__body{padding:1.2rem 1.4rem 1.4rem}.farga-card__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:1.05rem;color:#fff;text-transform:uppercase;line-height:1.3;margin:0 0 .6rem}.farga-card__desc{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.85rem;color:#b0b0b0;line-height:1.5;margin:0 0 1rem}.farga-card__btn{display:inline-block;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;padding:8px 22px;border-radius:50px;border:2px solid #1a1a1a;transition:background-color .15s ease;line-height:1}.farga-card:hover .farga-card__btn{background:#ff90e9;color:#1a1a1a;border-color:#1a1a1a}.farga-card--article{width:280px}.farga-card--article .farga-card__image{height:160px}.farga-card__image--triads{background-image:url(/images/triads_1.jpg)}.farga-card__image--about{background-image:url(/images/homeTopImage.jpg)}.farga-card__image--guitar-chord-finder{background-image:url(/images/cards_images/guitar-chord-finder.jpeg)}.farga-card__image--ukulele-chord-finder{background-image:url(/images/cards_images/ukulele-chord-finder.jpeg)}.farga-card__image--guitar-harmonizer{background-image:url(/images/cards_images/guitar-scale-harmonizer.jpeg)}.farga-card__image--ukulele-harmonizer{background-image:url(/images/cards_images/ukulele-scale-harmonizer.jpeg)}.farga-card__image--guitar-scales{background-image:url(/images/cards_images/guitar-scales.jpeg)}.farga-card__image--ukulele-scales{background-image:url(/images/cards_images/ukulele-scales.jpeg)}.farga-card__image--bass-scales{background-image:url(/images/cards_images/bass-scales.jpeg)}.farga-card__image--guitar-arpeggios{background-image:url(/images/cards_images/guitar-arpeggios.jpeg)}.farga-card__image--ukulele-arpeggios{background-image:url(/images/cards_images/ukulele-arpeggios.jpeg)}.farga-card__image--bass-arpeggios{background-image:url(/images/cards_images/bass-arpeggios.jpeg)}.farga-card__image--piano-chord-finder{background-image:url(/images/cards_images/piano-chord-finder.jpeg)}.farga-card__image--piano-scales{background-image:url(/images/cards_images/piano-scales.jpeg)}.farga-card__image--chord-progressions{background-image:url(/images/cards_images/chord-progressions.jpeg)}.farga-card__image--latin-standards{background:linear-gradient(135deg,#2a0a0a,#4a1a0a 50%,#3a2010)}.article-slider{background:#7dd3e0;padding:2em 0 3em;position:relative;width:100vw;margin-left:calc(-50vw + 50%)}.article-slider .swiper{overflow:hidden}.article-slider .swiper-slide{width:auto;height:auto}.article-slider .swiper-button-next,.article-slider .swiper-button-prev{width:36px;height:36px;background:#ffdd01;border:2px solid #000;border-radius:0;top:50%;z-index:10}.article-slider .swiper-button-next:after,.article-slider .swiper-button-prev:after{font-size:14px;font-weight:900;color:#1a1a1a}.article-slider .swiper-button-next:hover,.article-slider .swiper-button-prev:hover{background:#ff90e9}.article-slider .swiper-button-next.swiper-button-disabled,.article-slider .swiper-button-prev.swiper-button-disabled{opacity:.3}.article-slider .swiper-button-prev{left:8px;box-shadow:3px 3px 0 #000}.article-slider .swiper-button-next{right:8px;box-shadow:-3px 3px 0 #000}.article-slider .farga-card--article{width:220px;flex-shrink:0}.article-slider .farga-card--article .farga-card__image{height:120px}.article-slider .farga-card--article .farga-card__title{font-size:.85rem}.article-slider .farga-card--article .farga-card__body{padding:.9rem 1rem 1.1rem}.farga-card__key-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:3rem;color:hsla(0,0%,100%,.15);letter-spacing:2px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.farga-card__badge--new{background:#ffdd01}.link{color:transparent!important;text-decoration:none;background-color:transparent}.textContent{color:#fff;padding:3em;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}@media(min-width:790px){.textContent{width:57%;font-size:large}}.MuiCard-root{background:#1a1a1a!important;color:#fff!important;overflow:hidden;border:3px solid #000;border-radius:0!important;box-shadow:6px 6px 0 #000!important}.MuiCardHeader-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:800!important;font-size:1.05rem!important;color:#fff!important;text-transform:uppercase}.MuiCardHeader-subheader{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;color:#b0b0b0!important;font-size:.8rem!important}.chordBasic{display:flex;padding:.5em;flex-direction:row;background:#ffdd01;border:2px solid #000;box-shadow:3px 3px 0 #000;margin:.5em;border-radius:0}.chord caption{margin:4px 0 0}.chordBasic .chord caption{position:relative;bottom:4px}.chordFiltered{display:flex;justify-content:left;background:#ffdd01;border:2px solid #000;box-shadow:3px 3px 0 #000;margin:.5em;border-radius:0}.chordChildBox{width:50%}.chordChildBoxSingle{width:100%}.titles{display:flex;justify-content:space-around;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;text-align:center;letter-spacing:1px;text-transform:uppercase;color:#fff!important;text-shadow:none;padding:.6em 0;height:auto;border:2px solid #000;border-radius:0}.chordsBox{display:flex;justify-content:center;background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #000;padding:.5em;margin:.5em 0}.filteredChords{display:flex;flex-direction:row;flex-wrap:wrap;padding-left:3.5em;padding-top:.5em;padding-bottom:.5em}.chord caption{background-color:#1a1a1a;border-radius:0!important;color:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.chordFlex{display:flex;justify-content:space-around;flex-wrap:wrap;width:100%}table.chord{background-color:#fff;width:8em;border-radius:0;border:2px solid #000;box-shadow:3px 3px 0 #000}.folk-chords table.chord{width:6em}.chord tfoot tr th{text-align:left;padding:3px 0 2px 1px;font-size:.6rem;font-weight:700;color:#444;border-top:1px solid #bbb;letter-spacing:0;position:relative;right:3px}.chord tfoot tr th:first-child{border-top:none}.noUi-value-horizontal{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.8rem}@media(min-width:100px){.chordFiltered{margin:0}.filteredChords{display:flex;flex-direction:row;padding-left:0;justify-content:space-around;flex-wrap:wrap}}@media(min-width:700px){.chordFiltered{margin:.5em;transform:scale(1)}}.enharmonic{width:100%;text-align:center;padding:0 1em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600}.RangeBox{bottom:1em;position:relative}#form{display:flex;flex-wrap:wrap;padding-left:1em;justify-content:center}@media(min-width:767px){.selectorBox{height:6em!important;position:relative;top:23px}}.harmonizer>.selectorBox{top:0;height:auto!important}#sendToStaticLinkButton{color:#1a1a1a!important;text-decoration:none}.makeStyles-root-200{padding-left:0!important}.switchesBox{display:flex;justify-content:space-around}.MuiTypography-body1{font-size:.8rem!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important}.MuiFormControlLabel-root{cursor:pointer;display:inline-flex;align-items:center;margin-left:0!important;margin-right:0!important;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);padding-right:.6em!important}.MuiTypography-body1{color:#1a1a1a}@media(min-width:752px){.MuiFormControlLabel-root{position:relative;left:.7rem}}.MuiOutlinedInput-root{background:#ffdd01!important;border-radius:0!important;border:2px solid #000!important;box-shadow:3px 3px 0 #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;font-size:.85rem!important;color:#1a1a1a!important;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.MuiOutlinedInput-root:hover{background:#ffe01b!important;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.MuiOutlinedInput-root.Mui-focused{background:#ffdd01!important;box-shadow:4px 4px 0 #000}.MuiOutlinedInput-notchedOutline{border:none!important}.MuiOutlinedInput-input{color:#1a1a1a!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px}.MuiSelect-icon{color:#1a1a1a!important}.MuiInputLabel-outlined{color:rgba(0,0,0,.6)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:600!important;font-size:.85rem!important;text-transform:uppercase;letter-spacing:.3px}.MuiInputLabel-outlined.Mui-focused{color:#1a1a1a!important;font-weight:700!important}.MuiInputLabel-outlined.MuiInputLabel-shrink{background:#ffdd01;padding:0 6px}.MuiPaper-root.MuiMenu-paper{background:#ffdd01!important;border:3px solid #000!important;box-shadow:6px 6px 0 #000!important;border-radius:0!important;margin-top:4px}.MuiMenuItem-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:600!important;font-size:.85rem!important;color:#1a1a1a!important;text-transform:uppercase;letter-spacing:.3px;padding:.6rem 1.2rem!important;border-bottom:1px solid rgba(0,0,0,.15);transition:background-color .15s ease!important}.MuiMenuItem-root:last-child{border-bottom:none}.MuiMenuItem-root:hover{background-color:#ff90e9!important}.MuiMenuItem-root.Mui-selected{background-color:#d7ba00!important;font-weight:800!important}.MuiMenuItem-root.Mui-selected:hover{background-color:#ff90e9!important}.MuiList-padding{padding:0!important}.MuiListSubheader-root{position:relative!important;background:#1a1a1a!important;color:#ffdd01!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:800!important;font-size:.75rem!important;text-transform:uppercase;letter-spacing:1px;line-height:2.4!important;padding:.2rem 1.2rem!important}body{margin:0}#___gatsby{background:#7dd3e0;overflow-x:hidden}.infoBox{text-align:center;padding:1em 1em 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.titles{background:#1a1a1a;font-size:1em}.textBox{padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.seoTextBox{background:#fff;border:3px solid #000;box-shadow:6px 6px 0 #000;margin:2em .5em;padding:2rem}@media(min-width:767px){.seoTextBox{margin:2em}}.mainTitle{letter-spacing:-.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.5em;color:#fff;text-shadow:none;font-weight:800;text-decoration:none}.titleSentence{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.9rem;letter-spacing:0;word-spacing:0;color:#6b6b6b;font-weight:500;text-decoration:none;font-style:normal;font-feature-settings:normal;font-variant:normal;text-transform:none}.noUi-target{margin:2em;background:#f5f5f5!important;border:3px solid #000!important;border-radius:0!important;box-shadow:3px 3px 0 #000!important;height:12px!important}.noUi-handle{border:2px solid #000!important;border-radius:0!important;box-shadow:2px 2px 0 #000!important;cursor:-webkit-grab;cursor:grab;width:28px!important;height:28px!important;top:-10px!important}.noUi-handle:after,.noUi-handle:before{background:#1a1a1a!important;height:10px!important;top:6px!important}.noUi-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.noUi-value{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.8rem}.noUi-marker{background:#000!important}.chordFilteredBox{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:1em 0}.noUi-marker-horizontal.noUi-marker-large{height:9px}.MuiButton-containedPrimary{background-color:#ffdd01!important;color:#1a1a1a!important;box-shadow:4px 4px 0 #000!important;border:2px solid #000!important;border-radius:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:.5em 1.5em!important;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease!important}.MuiButton-containedPrimary:hover{background-color:#ff90e9!important;transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 #000!important}.chordSelector,.jss1,.makeStyles-root-1{position:relative;right:.5em}.jss1,.makeStyles-root-1{display:flex;flex-wrap:wrap}#chordSelectors,.headSection{display:flex;flex-direction:row}.MuiAppBar-colorPrimary{color:#fff;background-color:#1a1a1a!important}.MuiAppBar-root{height:4em;box-shadow:6px 6px 0 #000!important}.fret-number{text-indent:1px}#chordByFred,form{margin-top:1em}.makeStyles-button-4{height:4em}.pageTitleBox{background:#7dd3e0;padding:2.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:flex-start}.pageTitle{background:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:2.4em!important;text-transform:uppercase;letter-spacing:-.5px;line-height:1.1;color:#1a1a1a;margin:0;padding:.3em .5em;height:auto}.pageSubtitle,.pageTitle{display:inline-block;transform:skewX(-2deg)}.pageSubtitle{background:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.95rem;color:#fff;margin:.3rem 0 0;padding:.4em .8em;letter-spacing:.5px}@media(min-width:767px){.pageTitle{font-size:3.5em!important}.textBox{padding:2rem 5rem 0}.titles{font-size:1.2em}.outerBox{margin:2em}.middleBox,.outerBox{padding:1.5em;border-radius:0}.innerBox{border-radius:0}.selectorBox{height:3em}}.chordGrade{margin-top:1em;color:#fff;background:#1a1a1a;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:.3em .6em}.chordGrade,.chordName{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;border-radius:0}.chordName{background:#ffdd01;color:#1a1a1a;font-size:.8rem;padding:.2em .5em}.popularChordsBox .popularChordsGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5em;gap:1.5em}@media(min-width:767px){.popularChordsBox .popularChordsGrid{grid-template-columns:repeat(4,1fr)}}.popularChordsBox .popularChordsColumn h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;background:#1a1a1a;color:#fff;padding:.4em .6em;margin:0 0 .5em}.popularChordsBox .popularChordsColumn ul{list-style:none;padding:0;margin:0}.popularChordsBox .popularChordsColumn li{margin:.3em 0}.popularChordsBox .popularChordsColumn a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.9rem;color:#1a1a1a;text-decoration:none;padding:.2em .4em;border-bottom:2px solid #ffdd01;transition:background .15s ease}.popularChordsBox .popularChordsColumn a:hover{background:#ffdd01}.chordIndexBox .chordIndexGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em;gap:1em}@media(min-width:600px){.chordIndexBox .chordIndexGrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.chordIndexBox .chordIndexGrid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1100px){.chordIndexBox .chordIndexGrid{grid-template-columns:repeat(6,1fr)}}.chordIndexBox .chordIndexNote h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.1rem;text-transform:uppercase;background:#ffdd01;color:#1a1a1a;padding:.3em .5em;margin:0 0 .4em;border:2px solid #000;box-shadow:2px 2px 0 #000;display:inline-block;transform:skewX(-2deg)}.chordIndexBox .chordIndexNote ul{list-style:none;padding:0;margin:0 0 1em}.chordIndexBox .chordIndexNote li{margin:.15em 0}.chordIndexBox .chordIndexNote a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:500;font-size:.8rem;color:#1a1a1a;text-decoration:none;padding:.1em .3em;transition:background .15s ease,color .15s ease}.chordIndexBox .chordIndexNote a:hover{background:#ffdd01;color:#1a1a1a}.outerBox{padding:.5em;background-color:#ffdd01;border-radius:0;border:3px solid #000;margin:.5em;box-shadow:6px 6px 0 #000}.middleBox{background:#343434;padding:.5em;border-radius:0;overflow:hidden}.innerBox{background:#fff;border-radius:0;margin:0}.showScaleDiagramBtn{display:inline-block;margin-top:.8rem;padding:.5em 1.5em;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;text-decoration:none;letter-spacing:.5px;border:2px solid #000;box-shadow:4px 4px 0 #000;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.showScaleDiagramBtn:hover{background:#ff90e9;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;color:#1a1a1a}.svgFretboardContainer{background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:.5em;margin:1em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.scaleFretboardControls{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:1em;align-items:flex-end}.scaleFretboardSelect{min-width:180px;background:#fff}.scaleFretboardSelect .MuiOutlinedInput-root{border-radius:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;border:2px solid #000;box-shadow:3px 3px 0 #000}.scaleFretboardSelect .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#000}.scaleFretboardSelect .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ffdd01;border-width:2px}.scaleFretboardSelect .MuiInputLabel-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600}.scaleFretboardCustomInput{min-width:250px;background:#fff}.scaleFretboardCustomInput .MuiOutlinedInput-root{border-radius:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;border:2px solid #000;box-shadow:3px 3px 0 #000}.scaleFretboardCustomInput .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ffdd01;border-width:2px}.scaleFretboardCustomInput .MuiInputLabel-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600}@media(max-width:767px){.scaleFretboardControls{flex-direction:column}.scaleFretboardCustomInput,.scaleFretboardSelect{width:100%}}@media(min-width:992px){.fretboard-expand-btn{top:-55px;right:0}}.dot-display-selector{display:inline-flex;gap:0;border:2px solid #000;box-shadow:3px 3px 0 #000}.dot-display-selector__btn{padding:.3em .8em;background:#fff;border:none;border-right:2px solid #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;transition:background .1s ease}.dot-display-selector__btn:last-child{border-right:none}.dot-display-selector__btn:hover{background:#e0e0e0}.dot-display-selector__btn--active{background:#ffdd01}.dot-display-selector-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.harmonizerChordbox{width:7em;background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #000;padding:.3em;transition:transform .15s ease,box-shadow .15s ease}.harmonizerChordbox:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.harmonizerChordbox--active{border-color:#ffdd01;box-shadow:0 0 0 3px #ffdd01,3px 3px 0 #000;transform:translate(-1px,-1px)}@media(min-width:600px){.harmonizerChordbox{width:10em}}.harmonizerChordsBox{justify-content:center;display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.chordTitleBox{display:flex;flex-direction:column;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700}#middle,#out{height:auto}#middle{padding-top:2em;padding-bottom:2em}#in{padding-top:.1em;padding-bottom:1em;height:auto}.extraChordsBox1{display:contents}.extraChordsBox2{display:none}.variation1{background:#f5f5f5;border-radius:0}.MuiSwitch-root{width:52px!important;height:28px!important;padding:0!important;margin:0 8px!important}.MuiSwitch-switchBase{padding:3px!important}.MuiSwitch-switchBase.Mui-checked{transform:translateX(24px)!important}.MuiSwitch-thumb{width:22px!important;height:22px!important;background:#ffdd01!important;box-shadow:2px 2px 0 #000!important}.MuiSwitch-thumb,.MuiSwitch-track{border-radius:0!important;border:2px solid #000!important}.MuiSwitch-track{background-color:#f5f5f5!important;opacity:1!important}.MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track{background-color:#1a1a1a!important;opacity:1!important}.MuiSwitch-colorSecondary.Mui-checked .MuiSwitch-thumb{background:#ffdd01!important}.harmonizer-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:center;margin:.75rem 0 1rem}.harmonizer-controls>.MuiFormControl-root{padding-right:1.5rem;border-right:2px solid #000}.harmonizer-selector-group{display:flex;flex-direction:column;gap:.25rem}.harmonizer-selector-group__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.68em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.5;padding-left:.1em}.harmonizer-selector-group__buttons{display:flex;flex-wrap:nowrap}.harmonizer-selector-btn{display:inline-block;padding:.3em .75em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.85em;border:2px solid #000;margin-left:-2px;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;color:inherit;line-height:1.4;white-space:nowrap;transition:background .1s ease,transform .1s ease}.harmonizer-selector-btn:first-child{margin-left:0}.harmonizer-selector-btn:hover:not(.harmonizer-selector-btn--active){z-index:1;position:relative;transform:translate(-1px,-1px)}.harmonizer-selector-btn--active{background:#ffdd01;position:relative;z-index:2}.harmonizer-chord-mode-toggle{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.harmonizer-chord-mode-toggle__label{display:inline-block;padding:.3em .7em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.85em;border:2px solid #000;box-shadow:2px 2px 0 #000;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease}.harmonizer-chord-mode-toggle__label:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.harmonizer-chord-mode-toggle__label--active{background:#ffdd01;transform:translate(1px,1px);box-shadow:1px 1px 0 #000}.harmonizer-derived-chords{margin-top:1.5rem}.harmonizer-derived-chords__desc{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.9em;text-align:center;margin:.8rem 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.chordPlaceholder{display:flex;align-items:center;justify-content:center;min-height:120px;padding:.5em;background:#f5f5f5;border:1px dashed #e0e0e0}.chordPlaceholderNotes{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.9em;font-weight:600;color:#1a1a1a;text-align:center;line-height:1.6}.progression-diagram-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1rem}.voice-leading-fret-selector{display:flex;align-items:center;gap:.5rem}.voice-leading-fret-selector__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.68em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.5}.progression-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.progression-controls-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.progression-selector-group{display:flex;flex-direction:column;gap:.25rem}.progression-selector-group__label{font-size:.68em;letter-spacing:.07em;opacity:.5;padding-left:.1em}.progression-selector-group__label,.progression-toggle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;text-transform:uppercase}.progression-toggle{display:flex;align-items:stretch;gap:0;font-size:.8rem;color:#1a1a1a}.progression-toggle__label{cursor:pointer;padding:.35rem .8rem;border:2px solid #000;margin-left:-2px;background:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;transition:background-color .15s ease;white-space:nowrap}.progression-toggle__label:first-child{margin-left:0}.progression-toggle__label--active{background:#ffdd01;position:relative;z-index:1}.progression-fit-toggle{display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem;font-weight:700;margin:-.8rem 0 1.6rem;padding:.35rem .7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progression-fit-toggle input[type=checkbox]{width:15px;height:15px;accent-color:#ffdd01;cursor:pointer;margin:0}.progression-fit-toggle span{color:#1a1a1a;letter-spacing:.02em}.progression-degrees{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.6rem;margin-bottom:2rem}.progression-chord-group{display:flex;flex-direction:column;align-items:stretch;gap:0}.progression-chord-group__cards{display:flex;gap:.6rem}.progression-chord-group__bracket{display:flex;align-items:center;gap:.35rem;margin-top:.35rem}.progression-chord-group__bracket:after,.progression-chord-group__bracket:before{content:"";flex:1 1;height:2px;background:rgba(0,0,0,.2)}.progression-chord-group__bracket span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.4;white-space:nowrap}.progression-degree-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:.6rem .8rem;background:#1a1a1a;border:2px solid #000;box-shadow:3px 3px 0 #000;transition:transform .15s ease,box-shadow .15s ease}.progression-degree-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.progression-degree-card--active{background:#ffdd01}.progression-degree-card--active .progression-degree-card__chord,.progression-degree-card--active .progression-degree-card__roman{color:#1a1a1a}.progression-degree-card--selectable{cursor:pointer}.progression-degree-card--selectable:hover{border-color:#ffdd01;transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000}.progression-degree-card__roman{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1rem;color:#ffdd01;text-transform:none}.progression-degree-card__chord{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.75rem;color:#b0b0b0;margin-top:2px}.progression-bars{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.4rem;gap:.4rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.progression-bar{display:flex;align-items:center;justify-content:center;padding:.6rem .4rem;background:#1a1a1a;border:2px solid #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.8rem;color:#ffdd01;text-align:center;min-height:44px}.progression-bar--active{background:#ffdd01;color:#1a1a1a}.progression-bar--active .progression-bar__number{color:#1a1a1a}.progression-bar--in-range{border-color:#ffdd01;background:rgba(255,221,1,.15)}.progression-bar--range-start{border-left:4px solid #ffdd01}.progression-bars--selecting .progression-bar,.progression-degrees--selecting .progression-degree-card{cursor:crosshair;border-color:#7dd3e0;transition:border-color .15s,background .15s,transform .1s}.progression-bars--selecting .progression-bar:hover,.progression-degrees--selecting .progression-degree-card:hover{background:rgba(125,211,224,.25);transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.progression-degree-card--in-range{border-color:#ffdd01;background:rgba(255,221,1,.15)}.progression-degree-card--range-start{border-left:4px solid #ffdd01}.progression-bar__number{font-size:.6rem;color:#666;display:block;margin-bottom:2px}.progression-meta{margin-top:1.5rem}.progression-meta__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.progression-meta__badge{display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;padding:5px 14px;border:2px solid #000;line-height:1}.progression-meta__badge--category{background:#ffdd01;color:#1a1a1a}.progression-meta__badge--emotion{background:#ff90e9;color:#1a1a1a}.progression-meta__badge--time{background:#1a1a1a;color:#ffdd01}.progression-meta__songs{margin-top:1rem}.progression-meta__songs h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.85rem;text-transform:uppercase;color:#1a1a1a;margin-bottom:.5rem}.progression-meta__songs ul{list-style:none;padding:0;margin:0}.progression-meta__songs li{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.85rem;color:#1a1a1a;padding:.3rem 0;border-bottom:1px solid #e0e0e0}.progression-meta__songs li:last-child{border-bottom:none}.progression-meta__songs li:before{content:"♪ ";color:#ff90e9}.progression-meta__related{margin-top:1.5rem}.progression-meta__related h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.85rem;text-transform:uppercase;color:#1a1a1a;margin-bottom:.5rem}.progression-related-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.progression-related-link{display:inline-block;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;text-decoration:none;padding:.4rem .8rem;border:2px solid #000;box-shadow:2px 2px 0 #000;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.progression-related-link:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.progression-transport{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.75rem 1rem;background:#1a1a1a;border-top:2px solid #000;box-shadow:0 -3px 0 #000;flex-wrap:wrap;position:fixed;bottom:0;left:0;right:0;z-index:100}.progression-transport__count-in{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;font-weight:900;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#ffdd01;text-shadow:3px 3px 0 #000;z-index:200;pointer-events:none;animation:count-in-pulse .4s ease-out}@keyframes count-in-pulse{0%{transform:translate(-50%,-50%) scale(1.5);opacity:.3}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.progression-transport__montuno-loading{display:inline-flex;align-items:center;gap:.35em;font-size:.78rem;font-weight:700;color:#ffdd01;white-space:nowrap}.progression-transport__montuno-spinner{display:inline-block;animation:montuno-spin 1s linear infinite}@keyframes montuno-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progression-transport__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffdd01;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;font-size:1.2rem;transition:background-color .15s ease,transform .15s ease}.progression-transport__btn:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.progression-transport__btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #000}.progression-transport__btn--disabled{opacity:.4;cursor:not-allowed}.progression-transport__btn--disabled:hover{background:#ffdd01;transform:none;box-shadow:2px 2px 0 #000}.progression-transport__btn--active{background:#7dd3e0}.progression-transport__btn--loop{font-size:1.4rem;font-weight:700}.progression-transport__range-btn{display:inline-flex;align-items:center;gap:.3rem;height:44px;padding:0 1em;background:#f5f5f5;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}.progression-transport__range-btn:hover{background:#444;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.progression-transport__range-btn--selecting{background:#7dd3e0;color:#1a1a1a;animation:range-pulse 1s ease-in-out infinite alternate}.progression-transport__range-btn--has-range{background:#ffdd01;color:#1a1a1a}.progression-transport__range-x{font-size:.85rem;opacity:.7}@keyframes range-pulse{0%{opacity:.8}to{opacity:1}}.progression-transport__range-hint{width:100%;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.72rem;font-weight:600;color:#7dd3e0;padding:.4rem 0 0;letter-spacing:.02em}.progression-transport__bpm{display:flex;align-items:center;gap:.5rem}.progression-transport__bpm-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.75rem;color:#ffdd01;text-transform:uppercase;white-space:nowrap;min-width:65px}.progression-transport__bpm-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;background:#333;border:1px solid #000;outline:none}.progression-transport__bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#ffdd01;border:2px solid #000;cursor:pointer}.progression-transport__bpm-slider::-moz-range-thumb{width:18px;height:18px;background:#ffdd01;border:2px solid #000;cursor:pointer;border-radius:0}.progression-transport__select{height:44px;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231a1a1a'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5em center;padding:0 1.6em 0 .6em;border-radius:0;transition:background-color .15s ease,transform .15s ease}.progression-transport__select:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.progression-transport__select:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #000}.progression-transport__select:disabled{opacity:.4;cursor:not-allowed}.progression-transport__select:disabled:hover{background:#ffdd01;transform:none;box-shadow:2px 2px 0 #000}.progression-transport__select option{background:#ffdd01;color:#1a1a1a;font-weight:700}.progression-transport__more-btn{display:none;font-size:1rem;font-weight:900;letter-spacing:.05em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.progression-transport__collapsible{display:inline-flex}@media(max-width:600px){.progression-transport__more-btn{display:inline-flex}.progression-transport__collapsible{display:none!important}.progression-transport--expanded .progression-transport__collapsible{display:inline-flex!important}.progression-transport--expanded .progression-transport__collapsible.progression-transport__select{display:inline-block!important}.progression-transport .montuno-controls{display:none!important}.progression-transport--expanded .montuno-controls{display:flex!important}}.progression-transport__mixer{display:flex;justify-content:center;gap:2.5rem;width:100%;padding:1rem 0 .5rem;border-top:2px solid #333}.progression-transport__mixer-channel{display:flex;flex-direction:column;align-items:center;gap:.3rem}.progression-transport__mixer-channel label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#7dd3e0}.progression-transport__mixer-channel label,.progression-transport__mixer-channel span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700}.progression-transport__mixer-channel span{font-size:.6rem;color:#f5f5f5}.progression-transport__mixer-fader{writing-mode:vertical-lr;direction:rtl;height:90px;width:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.progression-transport__mixer-fader::-webkit-slider-runnable-track{width:4px;background:#444;border:1px solid #000}.progression-transport__mixer-fader::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:10px;background:#ffdd01;border:2px solid #000;box-shadow:1px 1px 0 #000;margin-left:-7px;cursor:pointer}.progression-transport__mixer-fader::-moz-range-track{width:4px;background:#444;border:1px solid #000}.progression-transport__mixer-fader::-moz-range-thumb{width:18px;height:10px;background:#ffdd01;border:2px solid #000;box-shadow:1px 1px 0 #000;border-radius:0;cursor:pointer}.progressions-landing{padding:1.5rem}.progressions-category{margin-bottom:2.5rem}.progressions-category__title{display:inline-block;background:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.1rem;color:#1a1a1a;text-transform:uppercase;padding:.3rem .7rem;margin-bottom:1rem;transform:skewX(-2deg)}.progressions-grid{display:flex;flex-wrap:wrap;gap:1rem}.progression-list-card{width:280px;background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;text-decoration:none;display:block}.progression-list-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}.progression-list-card__name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.95rem;color:#fff;text-transform:uppercase;margin-bottom:.3rem}.progression-list-card__roman{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.8rem;color:#ffdd01;margin-bottom:.6rem}.progression-list-card__badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.8rem}.progression-list-card__badge{font-size:.6rem;padding:3px 8px;border:1px solid #555;color:#b0b0b0}.progression-list-card__badge,.progression-list-card__btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;text-transform:uppercase}.progression-list-card__btn{display:inline-block;background:#ffdd01;color:#1a1a1a;font-size:.7rem;padding:6px 16px;border:2px solid #000;transition:background-color .15s ease}.progression-list-card:hover .progression-list-card__btn{background:#ff90e9}.farga-card__image--chord-progressions{background:linear-gradient(135deg,#1a1a1a,#3fbed1);display:flex;align-items:center;justify-content:center}.farga-card__image--chord-progressions:after{content:"♪ I – V – vi – IV ♪";font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.4rem;color:#ffdd01;text-shadow:2px 2px 0 #000}.farga-card__badge--new{background:#ff90e9;color:#1a1a1a}.progression-improv-toggle{display:inline-flex;align-items:center;white-space:nowrap;padding:0 1.1em;height:44px;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.progression-improv-toggle:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.progression-improv-toggle--open{background:#1a1a1a;color:#ffdd01}.progression-improv-toggle--open:hover{background:#2a2a2a;color:#ffdd01}.progression-improv-scales{margin-top:0;margin-bottom:1.5rem;padding:1.25rem;background:#1a1a1a;border:2px solid #000;box-shadow:6px 6px 0 #000}.progression-improv-scales__toprow{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.progression-improv-scales__toprow h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:hsla(0,0%,100%,.4);margin:0}.progression-improv-scales__expand{width:32px;height:32px;background:#ffdd01;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px;color:#1a1a1a;transition:transform .1s}.progression-improv-scales__expand svg{width:100%;height:100%}.progression-improv-scales__expand:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.progression-improv-scales__chord-scale-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}.progression-improv-scales__chord-scale-toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.35rem .7rem;border:2px solid #444;background:#2a2a2a;color:#ffdd01;transition:background .12s,border-color .12s}.progression-improv-scales__chord-scale-toggle input[type=checkbox]{width:15px;height:15px;accent-color:#ffdd01;cursor:pointer;margin:0}.progression-improv-scales__chord-scale-toggle:has(input:checked){background:#ffdd01;color:#1a1a1a;border-color:#ffdd01;box-shadow:2px 2px 0 rgba(0,0,0,.5)}.progression-improv-scales__chord-scale-label{font-family:monospace;font-size:1.1rem;font-weight:700;color:#ffdd01;text-transform:capitalize}.progression-improv-scales__groups{display:flex;flex-wrap:wrap;gap:.9rem 2rem;margin-bottom:1.25rem}.progression-improv-scales__group{display:flex;flex-direction:column;gap:.4rem}.progression-improv-scales__group-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.55em;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:hsla(0,0%,100%,.3)}.progression-improv-scales__chips{display:flex;flex-wrap:wrap;gap:.4rem}.progression-improv-scales__chip{display:inline-block;padding:.35em .85em;background:#2a2a2a;color:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid #444;cursor:pointer;transition:background .12s,border-color .12s,transform .1s}.progression-improv-scales__chip:hover{background:#333;border-color:#ffdd01;transform:translate(-1px,-1px)}.progression-improv-scales__chip--active{background:#ffdd01;color:#1a1a1a;border-color:#ffdd01;box-shadow:2px 2px 0 rgba(0,0,0,.5)}.progression-improv-scales__tuning-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;flex-wrap:wrap}.progression-improv-scales__fretboard{margin-top:.5rem;overflow-x:auto}.progression-improv-scales__fretboard canvas,.progression-improv-scales__fretboard svg{display:block;max-width:100%}.progression-improv-scales__loading{height:120px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.7em;text-transform:uppercase;letter-spacing:.1em}.progression-improv-arpeggios{margin-top:0;margin-bottom:1.5rem;padding:1.25rem;background:#1a1a1a;border:2px solid #000;box-shadow:6px 6px 0 #000}.progression-improv-arpeggios__header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.progression-improv-arpeggios__expand{margin-left:auto;width:32px;height:32px;background:#ffdd01;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px;color:#1a1a1a;transition:transform .1s}.progression-improv-arpeggios__expand svg{width:100%;height:100%}.progression-improv-arpeggios__expand:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.progression-improv-arpeggios__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.65em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.35)}.progression-improv-arpeggios__chord{font-size:1.3rem;font-weight:700;color:#ffdd01;font-family:monospace;line-height:1}.progression-improv-arpeggios__beat{color:#ffdd01;font-size:.8rem;animation:arpeggio-pulse .6s ease-in-out infinite alternate}.progression-improv-arpeggios__related-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.progression-improv-arpeggios__related-chips{display:flex;flex-wrap:wrap;gap:.35rem}.progression-improv-arpeggios__related-chip{display:inline-block;padding:.3em .7em;background:#2a2a2a;color:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.72em;font-weight:700;letter-spacing:.03em;border:2px solid #444;cursor:pointer;transition:background .12s,border-color .12s,transform .1s}.progression-improv-arpeggios__related-chip:hover{background:#333;border-color:#ffdd01;transform:translate(-1px,-1px)}.progression-improv-arpeggios__related-chip--active{background:#ffdd01;color:#1a1a1a;border-color:#ffdd01;box-shadow:2px 2px 0 rgba(0,0,0,.5)}.progression-improv-arpeggios__tuning-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.progression-improv-arpeggios__tunings{display:flex;flex-wrap:wrap;gap:.35rem}.progression-improv-arpeggios__tuning-chip{display:inline-block;padding:.3em .7em;background:#2a2a2a;color:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.68em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid #444;cursor:pointer;transition:background .12s,border-color .12s,transform .1s}.progression-improv-arpeggios__tuning-chip:hover{background:#333;border-color:#ffdd01;transform:translate(-1px,-1px)}.progression-improv-arpeggios__tuning-chip--active{background:#ffdd01;color:#1a1a1a;border-color:#ffdd01;box-shadow:2px 2px 0 rgba(0,0,0,.5)}.progression-improv-arpeggios__fretboard{margin-top:.5rem;overflow-x:auto}.progression-improv-arpeggios__fretboard canvas,.progression-improv-arpeggios__fretboard svg{display:block;max-width:100%}.progression-improv-arpeggios__loading{height:120px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.7em;text-transform:uppercase;letter-spacing:.1em}@keyframes arpeggio-pulse{0%{opacity:.3}to{opacity:1}}.fretboard-wrapper{position:relative;cursor:pointer}.fretboard-expand-btn{border-radius:20px;position:absolute;top:10px;right:10px;z-index:10;width:58px;height:36px;background:#ffdd01;border:2px solid #000;box-shadow:3px 3px 0 #000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.fretboard-expand-btn:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.fretboard-expand-btn svg{width:18px;height:18px;stroke:#000}.fretboard-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:2rem}.fretboard-fullscreen-content{width:100%;max-width:100vw;max-height:90vh;overflow:auto;background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:1rem;-webkit-overflow-scrolling:touch}.fretboard-fullscreen-content>div{width:100%;max-width:100%}.fretboard-close-btn{position:fixed;top:16px;right:16px;z-index:10000;width:42px;height:42px;background:#ffdd01;border:2px solid #000;box-shadow:3px 3px 0 #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.2rem;font-weight:900;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.fretboard-close-btn:hover{background:#ff90e9}@media(max-width:991px){.fretboard-fullscreen-overlay{padding:0}.fretboard-fullscreen-content{width:100vw;height:100vh;max-height:100vh;border:none;box-shadow:none;display:flex;align-items:center;padding:.5rem}.fretboard-close-btn{top:8px;right:8px;width:36px;height:36px;font-size:1rem}}@media(max-width:991px)and (orientation:portrait){.fretboard-fullscreen-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:100vh;height:100vw;max-width:100vh;max-height:100vw;padding:50px .5rem .5rem;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.fretboard-fullscreen-content div{max-width:none!important;overflow:visible!important}.fretboard-fullscreen-content svg{height:calc(100vw - 54px);width:auto;max-width:none}.fretboard-close-btn{top:8px;right:8px}}.jazz-lead-sheet{margin-bottom:2rem}.jazz-form-bar{display:flex;gap:.3rem;justify-content:center;margin-bottom:1.5rem}.jazz-form-bar__letter{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:.85rem;text-transform:uppercase;border:2px solid #000;background:#1a1a1a;color:#ffdd01;cursor:pointer;transition:background .15s,color .15s}.jazz-form-bar__letter--active{background:#ffdd01;color:#1a1a1a}.jazz-section{margin-bottom:1.5rem}.jazz-section__label{display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.3);margin-bottom:.5rem;padding:.15rem .5rem;border:1px solid hsla(0,0%,100%,.1)}.jazz-bars-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.35rem;gap:.35rem}@media(max-width:480px){.jazz-bars-grid{grid-template-columns:repeat(2,1fr)}}.jazz-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;padding:.5rem .3rem .3rem;background:#1a1a1a;border:2px solid #333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.82rem;color:#ffdd01;text-align:center;transition:background .15s,border-color .15s}.jazz-bar--active{background:#ffdd01;color:#1a1a1a;border-color:#ffdd01}.jazz-bar--in-range{border-color:#ffdd01;background:rgba(255,221,1,.15)}.jazz-bar--range-start{border-left:4px solid #ffdd01}.jazz-bar__top{display:flex;align-items:center;justify-content:center;width:100%;flex:1 1}.jazz-bar__lyrics{position:relative;width:100%;height:1.4em;margin-top:.25rem;border-top:1px solid hsla(0,0%,100%,.08);overflow:hidden}.jazz-bar__lyric{position:absolute;top:.1em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:500;font-style:italic;font-size:.6rem;color:hsla(0,0%,100%,.5);white-space:nowrap}.jazz-bar--active .jazz-bar__lyric{color:rgba(0,0,0,.55)}.jazz-bar--active .jazz-bar__lyrics{border-top-color:rgba(0,0,0,.2)}.jazz-bars-grid--selecting .jazz-bar{cursor:crosshair;border-color:#7dd3e0;transition:border-color .15s,background .15s,transform .1s}.jazz-bars-grid--selecting .jazz-bar:hover{background:rgba(125,211,224,.25);transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.jazz-bar__chords{display:flex;width:100%;align-items:center}.jazz-bar__chord{display:flex;align-items:center;justify-content:center;padding:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jazz-bar__divider{width:1px;height:20px;background:hsla(0,0%,100%,.15);flex-shrink:0}.jazz-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.78rem;color:#999}.jazz-header-meta__composer{font-weight:600;color:#b0b0b0}.jazz-header-meta__year{color:#777}.jazz-header-meta__tempo{font-style:italic;color:#888}.jazz-style-badge{display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border:2px solid #000;line-height:1}.jazz-style-badge--swing{background:#ffdd01;color:#1a1a1a}.jazz-style-badge--bossa{background:#7dd3e0;color:#1a1a1a}.jazz-style-badge--ballad{background:#ff90e9;color:#1a1a1a}.jazz-style-badge--waltz{background:#a78bfa;color:#1a1a1a}.jazz-style-badge--latin{background:#f97316;color:#1a1a1a}.jazz-landing{padding:1.5rem}.jazz-landing__filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;align-items:center}.jazz-landing__search{flex:1 1;min-width:200px;padding:.5rem .8rem;background:#1a1a1a;color:#ffdd01;border:2px solid #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.8rem;outline:none}.jazz-landing__search::placeholder{color:#555}.jazz-landing__search:focus{border-color:#ffdd01;box-shadow:3px 3px 0 #000}.jazz-landing__style-filter{display:inline-block;padding:.4rem .9rem;background:#f5f5f5;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;border:2px solid #000;cursor:pointer;transition:background .15s}.jazz-landing__style-filter--active,.jazz-landing__style-filter:hover{background:#ffdd01}.jazz-style-group{margin-bottom:2.5rem}.jazz-style-group__title{display:inline-block;background:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.1rem;color:#1a1a1a;text-transform:uppercase;padding:.3rem .7rem;margin-bottom:1rem;transform:skewX(-2deg)}.jazz-standards-grid{display:flex;flex-wrap:wrap;gap:1rem}.jazz-standard-card{width:280px;background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;text-decoration:none;display:block}.jazz-standard-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}.jazz-standard-card__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.95rem;color:#fff;text-transform:uppercase;margin-bottom:.2rem}.jazz-standard-card__composer{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:500;font-size:.75rem;color:#888;margin-bottom:.5rem}.jazz-standard-card__badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.8rem}.jazz-standard-card__badge{font-size:.6rem;padding:3px 8px;border:1px solid #555;color:#b0b0b0}.jazz-standard-card__badge,.jazz-standard-card__btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;text-transform:uppercase}.jazz-standard-card__btn{display:inline-block;background:#ffdd01;color:#1a1a1a;font-size:.7rem;padding:6px 16px;border:2px solid #000;transition:background-color .15s ease}.jazz-standard-card:hover .jazz-standard-card__btn{background:#ff90e9}.farga-card__image--jazz-standards{background:linear-gradient(135deg,#1a1a1a,#3fbed1);display:flex;align-items:center;justify-content:center}.farga-card__image--jazz-standards:after{content:"♪ Jazz Standards ♪";font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.4rem;color:#ffdd01;text-shadow:2px 2px 0 #000}.latin-clave-badge{display:inline-flex;align-items:center;padding:.2em .65em;background:#111;color:#00e5ff;border:1px solid #00e5ff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:2px 2px 0 #00e5ff;margin-left:.75em;vertical-align:middle}.latin-montuno-toggle.progression-improv-toggle--open{color:#00e5ff;border-color:#00e5ff}.montuno-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 1rem;padding:.45rem .75rem;background:transparent;border-top:2px solid #00e5ff;width:100%}.montuno-controls:before{content:"MONTUNO";display:inline-flex;align-items:center;align-self:center;padding:.22rem .6rem;margin-right:.25rem;background:#00e5ff;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;box-shadow:2px 2px 0 #000;flex-shrink:0;line-height:1}.montuno-controls__group{display:flex;align-items:center;gap:.4rem;padding:.25rem .75rem .25rem 0}.montuno-controls__group+.montuno-controls__group{border-left:1px solid #333;padding-left:.75rem}.montuno-controls__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#777;white-space:nowrap;flex-shrink:0}.montuno-controls__chips{display:flex;gap:.2rem}.montuno-controls__chip{padding:.18rem .5rem;font-size:.75rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:2px solid #3a3a3a;background:transparent;color:#999;cursor:pointer;transition:border-color .12s,color .12s,background .12s;line-height:1}.montuno-controls__chip:hover{border-color:#00e5ff;color:#fff;background:rgba(0,229,255,.06)}.montuno-controls__chip--active{border-color:#00e5ff;color:#00e5ff;background:rgba(0,229,255,.1);box-shadow:1px 1px 0 #000}.montuno-controls__select{font-size:.72rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;padding:.18rem 1.4rem .18rem .4rem;background:#111;color:#bbb;border:2px solid #3a3a3a;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23777'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4em center}.montuno-controls__select:focus{outline:none;border-color:#00e5ff}.montuno-controls__select:hover{border-color:#555}.jazz-chord-link{color:inherit;cursor:default}.jazz-chord-link,.jazz-chord-link:hover{text-decoration:none}.metro-widget{position:fixed;left:24px;bottom:24px;z-index:200;font-family:Courier New,Courier,monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:metro-appear .18s ease both}.metro-widget--above-transport{bottom:76px}.metro-pill{display:flex;align-items:center;gap:6px;background:gold;border:3px solid #000;box-shadow:5px 5px 0 #000;padding:6px 10px;cursor:-webkit-grab;cursor:grab;min-width:160px;height:44px;white-space:nowrap}.metro-pill:active{cursor:-webkit-grabbing;cursor:grabbing}.metro-pill:hover{box-shadow:7px 7px 0 #000}.metro-pill button{cursor:pointer}.metro-pill__icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.metro-pill__bpm{font-size:18px;font-weight:700;color:#000;min-width:46px;text-align:center}.metro-pill__bpm--playing{color:#000}.metro-pill__btn{background:#000;color:gold;border:2px solid #000;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;flex-shrink:0;padding:0;line-height:1}.metro-pill__btn:hover{background:#333}.metro-pill__btn:active{transform:translate(2px,2px)}.metro-pill__expand{background:transparent;border:none;cursor:pointer;font-size:14px;color:#000;margin-left:auto;padding:0 2px;line-height:1}.metro-pill__expand:hover{opacity:.7}.metro-panel{background:#fafaf0;border:3px solid #000;box-shadow:5px 5px 0 #000;width:280px;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.metro-panel__header{background:#000;color:gold;display:flex;align-items:center;padding:6px 10px;gap:8px;cursor:-webkit-grab;cursor:grab;flex-shrink:0}.metro-panel__header:active{cursor:-webkit-grabbing;cursor:grabbing}.metro-panel__header-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;filter:invert(1) brightness(1.5)}.metro-panel__title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;flex:1 1}.metro-panel__header-btn{background:transparent;border:1px solid #444;color:#fff;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;padding:0;line-height:1}.metro-panel__header-btn:hover{background:#333}.metro-panel__header-btn:active{transform:translate(1px,1px)}.metro-panel__bpm-section{padding:16px 16px 10px;border-bottom:2px solid #000}.metro-panel__bpm-display{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.metro-panel__bpm-number{font-size:52px;font-weight:700;line-height:1;border:3px solid #000;padding:4px 14px;min-width:120px;text-align:center;background:#fff;transition:border-color .18s ease}.metro-panel__bpm-number--playing{border-color:#aaa}.metro-panel__bpm-number--beat{border-color:#f7f}.metro-panel__bpm-step-btn{background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #000;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;padding:0;line-height:1;flex-shrink:0}.metro-panel__bpm-step-btn:hover{background:gold}.metro-panel__bpm-step-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}.metro-panel__bpm-slider{width:100%;-webkit-appearance:none;height:6px;background:#000;cursor:pointer}.metro-panel__bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:gold;border:2px solid #000;cursor:pointer}.metro-panel__bpm-slider::-moz-range-thumb{width:20px;height:20px;background:gold;border:2px solid #000;cursor:pointer}.metro-panel__bpm-range{display:flex;justify-content:space-between;font-size:10px;color:#666;margin-top:3px}.metro-panel__tap{width:100%;background:#f7f;border:2px solid #000;border-right:none;border-left:none;padding:14px 0;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#000;font-family:inherit;transition:background .05s}.metro-panel__tap:hover{background:#e5e}.metro-panel__tap--flash,.metro-panel__tap:active{background:#fff}.metro-panel__playback{display:flex;border-bottom:2px solid #000;flex-shrink:0}.metro-panel__play-btn,.metro-panel__stop-btn{flex:1 1;padding:10px 0;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-family:inherit;border:none}.metro-panel__play-btn:active,.metro-panel__stop-btn:active{filter:brightness(.85)}.metro-panel__play-btn{background:gold;color:#000;border-right:2px solid #000}.metro-panel__play-btn:hover{background:#ffe533}.metro-panel__stop-btn{background:#fff;color:#000;border-left:1px solid #000}.metro-panel__stop-btn:hover{background:#f0f0f0}.metro-panel__beats{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-bottom:2px solid #000;flex-shrink:0}.metro-panel__beat-dot{width:24px;height:24px;border:2px solid #000;border-radius:0;background:#fff;transition:background .05s,transform .05s;flex-shrink:0}.metro-panel__beat-dot--accent{background:gold}.metro-panel__beat-dot--active{background:#f7f!important;transform:scale(1.15)}.metro-panel__section{padding:8px 16px;border-bottom:2px solid #000;flex-shrink:0}.metro-panel__section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:6px;display:block}.metro-panel__seg-group{display:flex;gap:0}.metro-panel__seg-group button{flex:1 1;padding:6px 4px;font-size:11px;font-weight:700;border:2px solid #000;background:#fff;cursor:pointer;font-family:inherit;margin-left:-1px;white-space:nowrap}.metro-panel__seg-group button:first-child{margin-left:0}.metro-panel__seg-group button:hover{background:gold}.metro-panel__seg-group button:active{transform:translate(1px,1px)}.metro-panel__seg-group button.active{background:#000;color:gold}.metro-panel__train{padding:8px 16px 12px;flex-shrink:0}.metro-panel__train-toggle{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metro-panel__toggle-switch{width:36px;height:20px;background:#ccc;border:2px solid #000;position:relative;cursor:pointer;transition:background .15s}.metro-panel__toggle-switch--on{background:gold}.metro-panel__toggle-switch:after{content:"";position:absolute;width:12px;height:12px;background:#000;top:2px;left:2px;transition:left .15s}.metro-panel__toggle-switch--on:after{left:18px}.metro-panel__train-config{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.metro-panel__train-field{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#666;font-weight:700;text-transform:uppercase}.metro-panel__train-field select{background:#fff;border:2px solid #000;padding:4px 6px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:2px 2px 0 #000}.metro-panel__train-field select:focus{outline:2px solid gold}.metro-panel__sync{width:calc(100% - 32px);margin:8px 16px;padding:8px;background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #000;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-family:inherit}.metro-panel__sync:hover{background:gold}.metro-panel__sync:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}@keyframes metro-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bpm-pulse{0%,to{border-color:#f7f}50%{border-color:#000}}@media(max-width:767px){.metro-widget{left:0;right:0;bottom:0;width:100%}.metro-widget--above-transport{bottom:0}.metro-pill{box-shadow:0 -3px 0 #000}.metro-panel,.metro-pill{width:100%;border-left:none;border-right:none;border-bottom:none}.metro-panel{position:fixed;left:0;right:0;bottom:0;max-height:65vh;box-shadow:0 -5px 0 #000}.metro-panel__bpm-number{font-size:44px}.metro-panel__tabs{display:flex;border-bottom:3px solid #000}.metro-panel__tab{flex:1 1;padding:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#fff;cursor:pointer;font-family:inherit;border:none;border-right:2px solid #000}.metro-panel__tab:last-child{border-right:none}.metro-panel__tab.active{background:gold}}.metro-page{padding:24px 20px 40px;max-width:700px;margin:0 auto;font-family:Courier New,monospace}.metro-page__header{margin-bottom:24px}.metro-page__header h1{font-size:clamp(28px,6vw,48px);font-weight:700;margin:0 0 4px}.metro-page__header p{color:#666;font-size:14px;margin:0}.metro-page__main{border:3px solid #000;box-shadow:5px 5px 0 #000;background:#fafaf0;padding:24px;margin-bottom:20px}.metro-page__bpm-display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.metro-page__bpm-number{font-size:clamp(72px,15vw,120px);font-weight:700;border:3px solid #000;padding:8px 20px;min-width:220px;text-align:center;background:#fff;line-height:1.1;transition:border-color .18s ease}.metro-page__bpm-number--playing{border-color:#aaa}.metro-page__bpm-number--beat{border-color:#f7f}.metro-page__step-btn{background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;font-weight:700;padding:0;flex-shrink:0}.metro-page__step-btn:hover{background:gold}.metro-page__step-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #000}.metro-page__bpm-slider{width:100%;-webkit-appearance:none;height:8px;background:#000;cursor:pointer;margin-bottom:4px}.metro-page__bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:gold;border:2px solid #000;cursor:pointer}.metro-page__bpm-slider::-moz-range-thumb{width:24px;height:24px;background:gold;border:2px solid #000;cursor:pointer}.metro-page__bpm-range{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:20px}.metro-page__visualizer{display:flex;align-items:flex-end;justify-content:center;gap:12px;height:80px;margin-bottom:20px;border:3px solid #000;background:#fff;padding:8px 16px}.metro-page__bar{flex:1 1;max-width:60px;background:#000;transition:height .05s ease;min-height:6px;height:20%}.metro-page__bar--active{background:#f7f;height:100%!important}.metro-page__bar--accent-inactive{background:gold}.metro-page__bar--accent-active{background:gold;height:100%!important}.metro-page__beat-labels{display:flex;justify-content:center;gap:12px;padding:0 16px;margin-bottom:20px}.metro-page__beat-labels span{flex:1 1;max-width:60px;text-align:center;font-size:12px;font-weight:700;color:#000}.metro-page__tap{width:100%;background:#f7f;border:3px solid #000;box-shadow:5px 5px 0 #000;padding:18px 0;font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#000;font-family:inherit;margin-bottom:16px;transition:background .05s}.metro-page__tap:hover{background:#e5e}.metro-page__tap--flash,.metro-page__tap:active{background:#fff}.metro-page__tap:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #000}.metro-page__playback{display:flex;gap:12px;margin-bottom:20px}.metro-page__play-btn,.metro-page__stop-btn{flex:1 1;padding:14px 0;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;border:3px solid #000;box-shadow:4px 4px 0 #000}.metro-page__play-btn:active,.metro-page__stop-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #000}.metro-page__play-btn{background:gold;color:#000}.metro-page__play-btn:hover{background:#ffe533}.metro-page__stop-btn{background:#fff;color:#000}.metro-page__stop-btn:hover{background:#f0f0f0}.metro-page__footer{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.metro-page__control-group{border:3px solid #000;padding:12px}.metro-page__control-group label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:8px}.metro-page__seg-group{display:flex;gap:0;flex-wrap:wrap}.metro-page__seg-group button{flex:1 1;padding:7px 4px;font-size:11px;font-weight:700;border:2px solid #000;background:#fff;cursor:pointer;font-family:inherit;margin-left:-1px;white-space:nowrap;min-width:36px}.metro-page__seg-group button:first-child{margin-left:0}.metro-page__seg-group button:hover{background:gold}.metro-page__seg-group button.active{background:#000;color:gold}.tuner{max-width:700px;margin:0 auto;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.tuner__controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;align-items:center}.tuner__select{background:#1a1a1a;color:#fff;border:2px solid #000;padding:.5rem .75rem;font-size:.9rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;box-shadow:6px 6px 0 #000;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;min-width:140px}.tuner__select:focus{outline:2px solid #ffdd01;outline-offset:2px}.tuner__mode-toggle{display:flex;border:2px solid #000;box-shadow:6px 6px 0 #000;overflow:hidden}.tuner__mode-btn{background:#1a1a1a;color:#aaa;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;cursor:pointer;transition:background .15s,color .15s}.tuner__mode-btn--active{background:#ffdd01;color:#1a1a1a}.tuner__mode-btn:not(.tuner__mode-btn--active):hover{background:#2d2d2d;color:#fff}.tuner__meter{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.tuner__meter-svg{width:100%;max-width:360px;display:block;margin:0 auto}.tuner__note-display{text-align:center;margin-top:.5rem}.tuner__note-name{font-size:3rem;font-weight:800;color:#1a1a1a;line-height:1}.tuner__note-freq{font-size:.9rem;color:#6b6b6b;margin-top:.25rem}.tuner__note-cents{font-size:1.1rem;font-weight:700;margin-top:.25rem}.tuner__note-cents--sharp{color:#e74c3c}.tuner__note-cents--flat{color:#3498db}.tuner__note-cents--tuned{color:#27ae60}.tuner__status{font-size:1rem;font-weight:700;text-align:center;margin-top:.25rem;padding:.3rem .8rem;display:inline-block}.tuner__status--tuned{color:#27ae60}.tuner__strings{background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:1rem;margin-bottom:1.5rem}.tuner__strings-title{color:#ffdd01;font-size:.85rem;font-weight:700;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.tuner__string{display:flex;align-items:center;padding:.6rem .75rem;cursor:pointer;border:2px solid transparent;margin-bottom:.25rem;transition:background .15s;min-height:44px}.tuner__string:hover{background:#2d2d2d}.tuner__string--active{background:rgba(255,221,1,.1);border-color:#ffdd01}.tuner__string-number{color:#666;font-size:.75rem;width:1.5rem;flex-shrink:0}.tuner__string-line{flex:1 1;height:2px;background:#444;margin:0 .75rem;position:relative}.tuner__string--active .tuner__string-line{background:#ffdd01;height:3px}.tuner__string-note{color:#fff;font-weight:700;font-size:1rem;min-width:3rem;text-align:right}.tuner__string--active .tuner__string-note{color:#ffdd01}.tuner__string-freq{color:#666;font-size:.75rem;min-width:4rem;text-align:right;margin-left:.5rem}.tuner__mic-prompt{text-align:center;padding:2rem;color:#6b6b6b}.tuner__mic-prompt p{margin:.5rem 0}.tuner__mic-btn{background:#ffdd01;color:#1a1a1a;border:2px solid #000;box-shadow:6px 6px 0 #000;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;cursor:pointer;margin-top:.5rem;transition:box-shadow .15s,transform .15s}.tuner__mic-btn:hover{box-shadow:8px 8px 0 #000;transform:translate(-1px,-1px)}.tuner__mic-btn:active{box-shadow:3px 3px 0 #000;transform:translate(1px,1px)}@media(max-width:480px){.tuner__controls{flex-direction:column;align-items:stretch}.tuner__select{min-width:auto;width:100%}.tuner__mode-toggle{align-self:stretch}.tuner__mode-btn{flex:1 1}.tuner__note-name{font-size:2.5rem}}.guitarChord>button{background-color:#ffdd01;color:#1a1a1a;border:2px solid #000;border-radius:0;padding:.5em 1em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.guitarChord>button:hover{background-color:#ff90e9;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.chordProgressionBox{display:flex;justify-content:space-around}.chordProgressionBox,.chordTriadsShapesBox{margin-top:.5em;margin-bottom:1.5em;flex-wrap:wrap;padding:1em;background:#fff;border-radius:0;border:3px solid #000;box-shadow:6px 6px 0 #000}.chordTriadsShapesBox{justify-content:column}.mainbox span{padding:1em}.chordTriadsShapesRows{margin-top:.5em;display:flex;justify-content:space-around;flex-wrap:wrap;border-radius:0}.mainbox text{font-size:.7em;position:relative;bottom:2px}h1{padding-top:.5em;font-size:1.5rem!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800}.articleBox{margin:0 auto;max-width:800px;padding:2rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.7;background:#fff;border:3px solid #000;box-shadow:6px 6px 0 #000;overflow-x:hidden}@media(max-width:600px){.articleBox{padding:1.2rem .8rem;border-left:none;border-right:none;box-shadow:0 6px 0 #000}.articleBox h1{font-size:1.25rem!important}.articleBox h2{font-size:1.1rem}.articleBox h3{font-size:1rem}.articleBox li,.articleBox p{font-size:.9rem}}@media(min-width:767px){.articleBox{margin:2em auto;padding:2rem 3rem}}.chordsTable-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0 1.5em;border:2px solid #000;position:relative}@media(max-width:991px){.articleBox .chordsTable:not(.chordsTable-wrap .chordsTable),.chordsTable-wrap{position:relative}.articleBox .chordsTable:not(.chordsTable-wrap .chordsTable):after,.chordsTable-wrap:after{content:"scroll →";position:-webkit-sticky;position:sticky;right:0;float:right;margin-top:-1.8em;padding:.15em .5em;font-size:.7rem;font-weight:700;color:#1a1a1a;background:#ffdd01;border:1px solid #000;pointer-events:none;opacity:.85}}.chordsTable{width:100%;border-collapse:collapse;font-size:.95rem;border:2px solid #000}.chordsTable td,.chordsTable th{padding:.5em .75em;text-align:left;border-bottom:1px solid #ccc;white-space:nowrap}.chordsTable th{background:#1a1a1a;color:#fff;font-weight:700;border-bottom:2px solid #000}.chordsTable tr:nth-child(2n){background:#f9f9f2}.chordsTable a{color:#1a1a1a;font-weight:600;border-bottom:2px solid #ffdd01}.articleBox .chordsTable:not(.chordsTable-wrap .chordsTable){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0 1.5em}@media(max-width:600px){.chordsTable{font-size:.8rem}.chordsTable td,.chordsTable th{padding:.4em .5em}.chordsTable td:nth-child(3){white-space:normal;min-width:120px}}.breadcrumbs{padding:.6rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:0}.breadcrumbs__item{display:inline-flex;align-items:center}a.breadcrumbs__link,a.breadcrumbs__link:link,a.breadcrumbs__link:visited{color:#1a1a1a!important;text-decoration:none;font-weight:700}a.breadcrumbs__link:hover,a.breadcrumbs__link:link:hover,a.breadcrumbs__link:visited:hover{text-decoration:underline}.breadcrumbs__current{color:rgba(0,0,0,.5);font-weight:400}.breadcrumbs__sep{margin:0 .4rem;color:rgba(0,0,0,.4);font-weight:400}.flamenco-page{padding:0 0 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:#1a1a1a}.flamenco-page__header{background:#7dd3e0;padding:2.5rem 0 2rem;margin-bottom:24px;display:flex;flex-direction:column;align-items:flex-start}.flamenco-page__header h1{display:inline-block;background:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:2.4rem;color:#1a1a1a;text-transform:uppercase;letter-spacing:-.5px;line-height:1.1;margin:0;padding:.3em .5em;transform:skewX(-2deg)}.flamenco-page__header p{display:inline-block;background:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.95rem;color:#fff;margin:.3rem 0 0;padding:.4em .8em;letter-spacing:.5px;transform:skewX(-2deg)}.flamenco-page__fretboard{margin:20px 0;width:100%}.flamenco-page__tab{margin:16px 0;overflow-x:auto;overflow-y:visible}.flamenco-page__seo,.flamenco-page__tab{border:3px solid #000;box-shadow:6px 6px 0 #000}.flamenco-page__seo{margin-top:40px;background:#fff;padding:1.5rem 2rem}.flamenco-page__seo h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;font-weight:800;color:#1a1a1a;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .6rem}.flamenco-page__seo p{font-size:.9rem;color:#6b6b6b;line-height:1.7;margin:0}.flamenco-controls{background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:16px 20px;margin-bottom:20px}.flamenco-controls__row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.flamenco-controls__row--buttons{gap:8px}.flamenco-controls__row:last-child{margin-bottom:0}.flamenco-controls__label{font-size:.78rem;font-weight:700;color:#aaa;min-width:80px;text-transform:uppercase;letter-spacing:.07em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.flamenco-controls__label strong{color:#ffdd01}.flamenco-controls__select{border:2px solid #000;box-shadow:3px 3px 0 #000;background:#2a2a2a;color:#fff;padding:6px 10px;font-size:.88rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;cursor:pointer;flex:1 1;-moz-appearance:none;appearance:none;-webkit-appearance:none}.flamenco-controls__select:focus{outline:2px solid #ffdd01;outline-offset:2px}.flamenco-controls__select:disabled{opacity:.5;cursor:not-allowed}.flamenco-controls__slider{flex:1 1;accent-color:#ffdd01;cursor:pointer}.flamenco-controls__slider:disabled{opacity:.5;cursor:not-allowed}.flamenco-controls__btn{border:2px solid #000;padding:10px 20px;font-size:.88rem;font-weight:900;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:box-shadow .1s ease,transform .1s ease}.flamenco-controls__btn:not(:disabled):hover{transform:translate(-1px,-1px)}.flamenco-controls__btn:not(:disabled):active{transform:translate(1px,1px)}.flamenco-controls__btn:disabled{opacity:.4;cursor:not-allowed}.flamenco-controls__btn--play{background:#ffdd01;color:#1a1a1a;box-shadow:4px 4px 0 #000}.flamenco-controls__btn--play:not(:disabled):hover{background:#ff90e9;box-shadow:6px 6px 0 #000}.flamenco-controls__btn--play:not(:disabled):active{box-shadow:2px 2px 0 #000}.flamenco-controls__btn--stop{background:#333;color:#fff;box-shadow:4px 4px 0 #000}.flamenco-controls__btn--stop:not(:disabled):hover{background:#444;box-shadow:6px 6px 0 #000}.flamenco-controls__btn--stop:not(:disabled):active{box-shadow:2px 2px 0 #000}.flamenco-controls__loading{font-size:.78rem;color:#7dd3e0;margin:6px 0 0;font-style:italic;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.flamenco-fretboard svg{background:#2d1b0e;border:3px solid #000;box-shadow:6px 6px 0 #000;display:block}.flamenco-tab-renderer svg{display:block;background:#f5f0e8}@media(min-width:767px){.flamenco-page__header h1{font-size:3.5rem}}@media(max-width:600px){.flamenco-page{padding:0 0 36px}.flamenco-page__header{padding:1.5rem 0 1.2rem}.flamenco-page__header h1{font-size:1.75rem}.flamenco-controls{padding:12px 14px}.flamenco-controls__row{flex-wrap:wrap}.flamenco-controls__row--buttons{flex-wrap:nowrap}.flamenco-controls__label{min-width:60px}.flamenco-controls__btn{flex:1 1;padding:10px 12px;font-size:.82rem}}.cookie-consent{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.cookie-consent__inner{background:#1a1a2e;border:3px solid #ffdd01;box-shadow:6px 6px 0 #000;padding:2rem;max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}@media(max-width:600px){.cookie-consent__inner{margin:0 1rem;padding:1.5rem;gap:1rem}}.cookie-consent__text{color:#e0e0e0;margin:0;font-size:.9rem;line-height:1.5}.cookie-consent__text a{color:#7dd3e0;text-decoration:underline}.cookie-consent__buttons{display:flex;gap:.75rem;flex-shrink:0}.cookie-consent__btn{padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;border:2px solid #ffdd01;border-radius:0;cursor:pointer;transition:transform .1s,box-shadow .1s}.cookie-consent__btn--accept{background:#ffdd01;color:#1a1a1a;box-shadow:3px 3px 0 #000}.cookie-consent__btn--accept:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.cookie-consent__btn--decline{background:transparent;color:#e0e0e0;border-color:#e0e0e0}.cookie-consent__btn--decline:hover{background:hsla(0,0%,100%,.1)}:root{--color-base:#1a1a1a;--color-accent:#7dd3e0;--color-btn:#ffdd01;--color-btn-hover:#ff90e9;--color-bg:#fff;--shadow-sharp:6px 6px 0px #000;--shadow-hover:8px 8px 0px #000;--font-primary:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}.native-input,.native-select,select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff var(--select-arrow) no-repeat right .75em center;background-size:12px 8px;border:2px solid #000;box-shadow:6px 6px 0 #000;border-radius:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.9rem;color:#1a1a1a;padding:.45em 2.2em .45em .75em;margin:.25em .4em;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease;min-width:100px}.native-input:focus,.native-select:focus,select:focus{outline:2px solid #ffdd01;outline-offset:1px;box-shadow:8px 8px 0 #000;transform:translate(-1px,-1px)}input.native-input{background-image:none;padding-right:.75em}.native-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffdd01;color:#1a1a1a;border:2px solid #000;box-shadow:6px 6px 0 #000;border-radius:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.85rem;padding:.5em 1.4em;margin:.25em .4em}.native-btn:hover{background:#ff90e9;box-shadow:8px 8px 0 #000}.native-btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #000}.native-toggle{display:inline-flex;align-items:center;gap:.5em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.9rem;font-weight:600;color:#1a1a1a;cursor:pointer;margin:.25em .4em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.native-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:42px;height:24px;background:#ccc;border:2px solid #000;box-shadow:2px 2px 0 #000;border-radius:0;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s ease}.native-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#1a1a1a;transition:transform .15s ease}.native-toggle input[type=checkbox]:checked{background:#ffdd01}.native-toggle input[type=checkbox]:checked:after{transform:translateX(18px)}.cs-root{position:relative;display:inline-block}.cs-control{position:relative;display:flex;align-items:center;background:#ffdd01;border:2px solid #1a1a1a;padding:.6em 2.2em .6em .75em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.92rem;color:#1a1a1a;min-height:46px;box-shadow:6px 6px 0 #000;transition:box-shadow .15s ease,transform .15s ease}.cs-control:focus{outline:none}.cs-control--open,.cs-control:focus{box-shadow:8px 8px 0 #000;transform:translate(-1px,-1px)}.cs-label{position:absolute;top:-.55em;left:.5em;background:#ffdd01;padding:0 .25em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.62rem;letter-spacing:.08em;color:#1a1a1a;line-height:1;pointer-events:none}.cs-label,.cs-value{font-weight:700;text-transform:uppercase}.cs-value{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-arrow{position:absolute;right:.5em;font-size:.6rem;line-height:1;pointer-events:none;color:#1a1a1a}.cs-list{position:absolute;top:calc(100% + 2px);left:0;min-width:100%;z-index:9999;background:#ffdd01;border:2px solid #1a1a1a;box-shadow:6px 6px 0 #000;list-style:none;margin:0;padding:0;max-height:min(480px,65vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1a1a1a transparent}.cs-list::-webkit-scrollbar{width:6px}.cs-list::-webkit-scrollbar-track{background:#e7c800}.cs-list::-webkit-scrollbar-thumb{background:#1a1a1a;border:none}.cs-option{padding:.5em .75em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.88rem;text-transform:uppercase;color:#1a1a1a;cursor:pointer;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.1);transition:background .1s ease}.cs-option:last-child{border-bottom:none}.cs-option:hover{background:#d7ba00}.cs-option--selected{background:#c3a900;font-weight:800}.cs-option--grouped{padding-left:1.25em}.cs-group-label{padding:.35em .75em .2em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.5);background:#e7c800;border-bottom:1px solid rgba(0,0,0,.15);cursor:default}.cs-list--up{top:auto;bottom:calc(100% + 2px)}.cs-control--sm{padding:.3em .5em;font-size:.75rem;min-height:auto}.cs-control--sm .cs-label{font-size:.6rem;padding:0 .3em}.cs-control--sm .cs-value{font-size:.75rem}.cs-control--sm .cs-arrow{font-size:.6rem;margin-left:.3em}.cs-root--sm .cs-list .cs-option{padding:.35em .55em;font-size:.75rem}.cs-root--sm .cs-list .cs-group-label{font-size:.55rem;padding:.25em .55em .15em}.cs-control--dark{background:#1a1a2e;border-color:hsla(0,0%,100%,.35);color:#f0e6c8;box-shadow:none}.cs-control--dark.cs-control--open,.cs-control--dark:focus{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.4);transform:none}.cs-control--dark .cs-label{background:#1a1a2e;color:hsla(0,0%,100%,.55)}.cs-control--dark .cs-arrow,.cs-control--dark .cs-value{color:#f0e6c8}.cs-list--dark{background:#1a1a2e;border-color:hsla(0,0%,100%,.35);box-shadow:0 4px 16px rgba(0,0,0,.5);scrollbar-color:hsla(0,0%,100%,.4) transparent}.cs-list--dark::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.cs-list--dark::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}.cs-list--dark .cs-option{color:#f0e6c8;border-bottom-color:hsla(0,0%,100%,.08)}.cs-list--dark .cs-option:hover{background:hsla(0,0%,100%,.1)}.cs-list--dark .cs-option--selected{background:hsla(0,0%,100%,.18);font-weight:800}.cs-list--dark .cs-group-label{background:rgba(0,0,0,.3);color:hsla(0,0%,100%,.4);border-bottom-color:hsla(0,0%,100%,.1)}.scaleFretboardControls{align-items:center!important;gap:10px!important;padding:1em 1em .75em}@media(max-width:767px){.scaleFretboardControls{align-items:stretch!important}.scaleFretboardControls .cs-control,.scaleFretboardControls .cs-root{width:100%}.scaleFretboardControls .cs-list{width:100%;box-sizing:border-box}}.innerBox{padding:.75em!important}.harmonizerSelectorBox form>div,.harmonizerSelectorSubBox form>div{justify-content:flex-start!important;align-items:center!important;gap:10px}@media(max-width:767px){.harmonizerSelectorBox form>div,.harmonizerSelectorSubBox form>div{flex-direction:column;align-items:stretch!important}.harmonizerSelectorBox form>div .cs-control,.harmonizerSelectorBox form>div .cs-list,.harmonizerSelectorBox form>div .cs-root,.harmonizerSelectorSubBox form>div .cs-control,.harmonizerSelectorSubBox form>div .cs-list,.harmonizerSelectorSubBox form>div .cs-root{width:100%}}.noUi-handle{background:#ffdd01!important}.noUi-handle:hover{background:#ff90e9!important}.noUi-connect{background:#ffdd01!important}.native-input-label,.native-select-label{display:inline-flex;flex-direction:column;gap:.18em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.55);margin:.25em .4em;flex-shrink:0}.native-input-label select.native-select,.native-select-label select.native-select{background:#ffdd01 var(--select-arrow) no-repeat right .75em center!important;background-size:12px 8px!important;border:2px solid #1a1a1a!important;box-shadow:6px 6px 0 #000!important;border-radius:0!important;color:#1a1a1a!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;font-size:.9rem!important;text-transform:uppercase;padding:.45em 2.2em .45em .75em!important;min-height:38px;margin:0!important;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.native-input-label select.native-select:focus,.native-select-label select.native-select:focus{outline:2px solid #ffdd01;box-shadow:8px 8px 0 #000!important;transform:translate(-1px,-1px)}.native-input-label input.native-input,.native-select-label input.native-input{background:#fff!important;border:2px solid #1a1a1a!important;box-shadow:6px 6px 0 #000!important;border-radius:0!important;color:#1a1a1a!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:600!important;font-size:.9rem!important;padding:.45em .75em!important;min-height:38px;margin:0!important}@media(max-width:767px){.native-input-label,.native-select-label{width:100%;margin-left:0!important;margin-right:0!important}.native-input-label input.native-input,.native-input-label select.native-select,.native-select-label input.native-input,.native-select-label select.native-select{width:100%}}.native-btn{background:#ffdd01!important;color:#1a1a1a!important;border:2px solid #1a1a1a!important;box-shadow:6px 6px 0 #000!important;border-radius:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;font-size:.85rem!important;text-transform:uppercase;letter-spacing:.5px;padding:0 1.4em;min-height:46px;display:inline-flex!important;align-items:center;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.native-btn:hover{background:#ff90e9!important;transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000!important}