.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}}