.module-nav{position:sticky;top:0;z-index:10;display:flex;gap:4px;padding:10px clamp(20px,6vw,88px);overflow-x:auto;background:#17201d}.module-tab{flex:0 0 auto;border:0;border-radius:4px;background:transparent;color:#b8c3be;padding:10px 13px;cursor:pointer}.module-tab.active{background:#d9ed84;color:#124b3a;font-weight:700}.module-panel{display:none}.module-panel.active{display:block}.scale-controls{grid-template-columns:repeat(2,1fr)}.note.chord-tone{box-shadow:0 0 0 4px #ef8b56}.module-hero{background:#f4f2eb;padding-bottom:38px}.module-hero h1{max-width:850px}.lesson-band{background:#fff;min-height:460px}.module-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:34px}.module-controls label{min-width:190px;font-size:12px;font-weight:700;color:#65716d}.module-controls select,.module-controls input[type=range]{display:block;width:100%;margin-top:8px}.module-controls select{border:1px solid #d8d8cf;border-radius:4px;background:#fff;padding:11px}.module-controls output{margin-left:8px}.action-button{border:0;border-radius:4px;background:#17201d;color:#fff;padding:12px 18px;cursor:pointer}.identity-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.identity-note{border:1px solid #d8d8cf;border-radius:5px;background:#f4f2eb;padding:18px 12px;text-align:left;cursor:pointer}.identity-note.active{background:#124b3a;color:#fff}.identity-note strong{display:block;font:400 29px Georgia,serif}.identity-note small{display:block;margin-top:8px}.lesson-detail{margin-top:24px;padding:20px;border-left:4px solid #ef8b56;background:#f4f2eb;line-height:1.7}.chord-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chord-step{padding:22px;background:#f4f2eb;border-bottom:4px solid #1f7658}.chord-step strong,.chord-step span{display:block}.chord-step strong{font:400 27px Georgia,serif}.chord-step span{color:#65716d;margin-top:7px}.pulse-grid{display:grid;grid-template-columns:repeat(var(--pulse-count),1fr);gap:7px}.pulse-cell{height:85px;display:grid;place-items:center;border:1px solid #d8d8cf;background:#f4f2eb;font-weight:700}.pulse-cell.beat{border-top:5px solid #1f7658}.pulse-cell.active{background:#d9ed84;color:#124b3a}.name-fretboard{display:grid;background:#252b29;padding:12px 0;min-width:650px}.map-cell{height:48px;position:relative;display:grid;place-items:center;border-right:2px solid #737b77}.map-cell:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#b9bdbb}.map-note{z-index:1;width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#124b3a;font-weight:700;cursor:pointer}.map-note.question{background:#d9ed84}.map-label{height:24px;text-align:center;padding-top:5px;color:#65716d;background:#fff;font-size:11px}@media(max-width:700px){.identity-strip,.chord-flow{grid-template-columns:1fr 1fr}.module-nav{padding-left:12px}.lesson-band{overflow-x:auto}.pulse-cell{height:62px}}
.transport{display:flex;gap:8px;flex-wrap:wrap}.transport-btn{border:1px solid #7ca08f;border-radius:4px;background:transparent;color:#fff;padding:12px 16px;cursor:pointer}.transport-btn:hover{background:#1b5b47}.tab-score .play-note{fill:#d9ed84;stroke:#124b3a;stroke-width:2}.tab-score .fret-number.playing{fill:#124b3a}.note.sounding,.map-note.sounding{transform:scale(1.14);box-shadow:0 0 0 4px #ef8b56}.note,.map-note{transition:transform .08s ease,box-shadow .08s ease}@media(max-width:600px){.transport{width:100%}.transport button{flex:1}}
.harmony-guide h3{margin:0 0 16px;font:400 24px Georgia,"Songti SC",serif}.harmony-guide p{margin:0;padding:14px 0;border-bottom:1px solid #d8d8cf;color:#46514d}.harmony-guide p:last-child{border-bottom:0}.harmony-guide strong{color:#17201d}.pulse-cell.beat.active{background:#ef8b56;color:#17201d}