.progressions-view{max-width:1300px;margin:auto}.progressions-workspace{margin-top:28px;padding:clamp(22px,4vw,40px);background:linear-gradient(145deg,#111827,#080c14);border:1px solid #29344b;border-radius:20px}.progressions-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.progressions-heading h1{font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.055em;margin:7px 0}.progressions-heading p{color:var(--muted);font-size:1rem;line-height:1.6}.progressions-tempo{text-align:right}.progressions-tempo strong{display:block;color:var(--cyan);font-size:clamp(3rem,6vw,5rem);line-height:.85}.progressions-tempo span{color:var(--muted);font-size:.72rem;letter-spacing:.18em}.progressions-controls{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:28px 0 16px;padding:16px;background:#090e17;border:1px solid #29344b;border-radius:14px}.progressions-controls label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.8rem;font-weight:800}.progressions-controls select{min-height:42px;background:#161d2b;color:var(--text);border:1px solid #32405a;border-radius:9px;padding:9px}.progression-bpm{display:flex;align-items:center;gap:9px;min-height:42px}.progression-bpm input{width:100%;accent-color:var(--cyan)}.progression-bpm output{color:var(--cyan);font-weight:900}.progression-player{padding:20px;background:#0b101a;border:1px solid #29344b;border-radius:16px}.progression-actions{display:flex;align-items:center;gap:9px}.progression-actions label{margin-left:auto;color:var(--muted);display:flex;gap:8px;align-items:center}.progression-actions input{accent-color:var(--cyan);width:18px;height:18px}.progression-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.progression-card{min-height:165px;border:1px solid #2b3a52;border-radius:13px;background:linear-gradient(160deg,#151e2d,#0d131f);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.15s}.progression-card span{color:var(--cyan);font-size:.8rem;font-weight:900;letter-spacing:.15em}.progression-card strong{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0}.progression-card small{color:var(--muted)}.progression-card.active{border-color:var(--green);box-shadow:0 0 28px #5cffaa25;transform:translateY(-3px)}.progression-card.active strong{color:var(--green)}.progression-status{display:flex;justify-content:space-between;color:var(--muted)}.progression-status strong{color:var(--green)}.progression-study{display:grid;grid-template-columns:auto repeat(4,1fr);gap:12px;margin-top:16px;padding:16px;border:1px solid #29344b;border-radius:14px;color:#aeb8c8;line-height:1.45}.progression-study strong{color:var(--text)}@media(max-width:900px){.progressions-controls{grid-template-columns:repeat(2,1fr)}.progression-cards{grid-template-columns:repeat(2,1fr)}.progression-study{grid-template-columns:1fr 1fr}.progression-study strong{grid-column:1/-1}}@media(max-width:560px){.progressions-heading{align-items:flex-start}.progressions-tempo{display:none}.progressions-controls,.progression-cards,.progression-study{grid-template-columns:1fr}.progression-study strong{grid-column:auto}.progression-actions{flex-wrap:wrap}.progression-actions label{margin-left:0;width:100%}.progression-card{min-height:125px}}
.progression-featured{margin-top:12px}.progression-theory{display:grid;gap:16px;margin-top:16px;padding:20px;border:1px solid #31506a;border-radius:15px;background:linear-gradient(145deg,#0c1929,#09131f)}.progression-theory[hidden]{display:none}.theory-title>span{color:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.12em}.theory-title h2{margin:7px 0 8px}.theory-title p,.theory-note{margin:0;color:#a9b8cb;line-height:1.6}.theory-title b,.theory-note b{color:#eaf4ff}.minor-field-table{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden;border:1px solid #2d425b;border-radius:12px}.minor-field-table>div{display:grid;gap:5px;padding:13px 8px;border-left:1px solid #2d425b;text-align:center}.minor-field-table>div:first-child{border-left:0}.minor-field-table span{color:#8196ae;font-size:.72rem;font-weight:900}.minor-field-table strong{font-size:1rem}.minor-field-table .active{background:#10352c}.minor-field-table .active span,.minor-field-table .active strong{color:#65efbc}.theory-functions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theory-functions p{margin:0;padding:13px;border:1px solid #2b4058;border-radius:10px;color:#9fb1c5;line-height:1.5}.theory-functions b{display:block;color:#fff;margin-bottom:3px}.theory-note{padding:14px;border-left:3px solid #f4bd4c;background:#2a2112}
.field-origin-stack{display:grid;gap:12px}.field-origin{padding:14px;border:1px solid #2b4058;border-radius:13px;background:#0a1421}.field-origin header{margin-bottom:10px}.field-origin header span{color:#7f95ad;font-size:.72rem;font-weight:800}.field-origin h3{margin:4px 0 0;font-size:1rem}.minor-field-table .dominant{background:#3a2910;box-shadow:inset 0 0 0 2px #f4bd4c}.minor-field-table .dominant span,.minor-field-table .dominant strong{color:#ffd56f}.minor-field-table .dominant strong::after{content:' • V7 DA MENOR HARMÔNICA';display:block;margin-top:4px;font-size:.55rem;letter-spacing:.05em}
.progression-featured-actions{display:flex;gap:9px;flex-wrap:wrap}.modal-borrowing-button{border-color:#8c74ee;color:#d8ceff}.modal-borrowing-dialog{width:min(1080px,calc(100vw - 28px));max-height:min(900px,calc(100vh - 28px));padding:0;border:1px solid #536785;border-radius:20px;background:#07111e;color:var(--text);box-shadow:0 28px 80px #000b}.modal-borrowing-dialog::backdrop{background:#020812cc;backdrop-filter:blur(5px)}.modal-borrowing-dialog>article{padding:clamp(19px,4vw,42px);background:radial-gradient(circle at 96% 2%,#37306d 0,transparent 31%),linear-gradient(150deg,#0e1b2e,#07101b)}.modal-borrowing-head{display:flex;justify-content:space-between;gap:22px}.modal-borrowing-head h2{margin:6px 0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}.modal-borrowing-head p{max-width:720px;margin:0;color:#b3c1d3;line-height:1.6}.modal-close{flex:0 0 auto;width:42px;height:42px;padding:0;border-radius:50%;font-size:1.7rem}.modal-borrowing-rule{display:grid;grid-template-columns:155px 1fr;gap:14px;margin:24px 0 14px;padding:16px;border-left:3px solid #f0bd56;background:#2b2314;color:#e7d7b4;line-height:1.55}.modal-borrowing-rule strong{color:#ffdf90}.modal-borrowing-tables{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-borrowing-tables article,.modal-borrowing-grid article{padding:16px;border:1px solid #314966;border-radius:13px;background:#0a1625}.modal-borrowing-tables article:nth-child(2){border-color:#6b5eaa;background:#16152b}.modal-borrowing-tables span,.modal-borrowing-grid span,.modal-borrowing-practice span{display:block;color:#72e8fb;font-size:.7rem;font-weight:950;letter-spacing:.13em}.modal-borrowing-tables strong{display:block;margin:8px 0;color:#f2f7ff;font-size:1.05rem}.modal-borrowing-tables small{color:#97a9c0}.modal-borrowing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.modal-borrowing-grid article:nth-child(1),.modal-borrowing-grid article:nth-child(4){border-color:#836cd2}.modal-borrowing-grid h3{margin:9px 0 5px;color:#f3d78d;font-size:1.25rem}.modal-borrowing-grid strong{color:#74efbd;font-size:1.1rem}.modal-borrowing-grid p{margin:9px 0;color:#b2c0d2;line-height:1.5}.modal-borrowing-grid small{display:block;color:#8fa2bb;line-height:1.45}.modal-borrowing-practice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:20px;border:1px solid #2f846c;border-radius:15px;background:#0b221f}.modal-borrowing-practice h3{margin:6px 0}.modal-borrowing-practice p{max-width:740px;margin:0;color:#b4c8c7;line-height:1.55}.modal-borrowing-practice .primary{flex:0 0 auto}.modal-borrowing-dialog footer{margin-top:14px;color:#8092a9;font-size:.76rem;line-height:1.45}
@media(max-width:760px){.minor-field-table{grid-template-columns:repeat(2,1fr)}.minor-field-table>div{border-bottom:1px solid #2d425b}.theory-functions,.modal-borrowing-tables,.modal-borrowing-grid{grid-template-columns:1fr}.modal-borrowing-rule{grid-template-columns:1fr}.modal-borrowing-practice{align-items:flex-start;flex-direction:column}.modal-borrowing-practice .primary{width:100%}}
.modal-borrowing-songs-title{margin:24px 0 8px;color:#e9e4ff;font-size:1.1rem}
.progressions-controls label,.progressions-controls>*{min-width:0}.progressions-controls select{width:100%;min-width:0;max-width:100%}
@media(max-width:560px){.progressions-workspace{box-sizing:border-box;width:100%;max-width:100%;padding:18px 14px;overflow:hidden}.progressions-controls,.progression-cards,.progression-study{box-sizing:border-box;width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.progressions-controls>*{min-width:0;max-width:100%}.progression-bpm{width:100%;min-width:0}.progression-bpm input{min-width:0}.progression-bpm output{flex:0 0 auto}}