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