#shape-picker{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#shape-picker button{background:#f1f6f2;color:#315a44;font-size:14px;padding:8px 10px}#shape-picker button.selected{background:#28674e;color:#fff}.now-playing{border:2px solid #b7d2c3;border-radius:15px;padding:14px;background:white}.now-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.now-top>span:first-child{flex-basis:100%;font-size:13px;color:#69776f}#now-chord{font-size:38px;color:#174f3d}#now-shape{font-size:14px}.now-main{display:grid;grid-template-columns:minmax(140px,1fr) minmax(125px,1fr);align-items:center;gap:12px}#chord-diagram svg{width:100%;max-width:300px;display:block}.now-instruction{display:grid;gap:8px}.now-instruction strong{font-size:42px;color:#174f3d}.now-instruction span{font-size:15px}.now-instruction small{font-size:12px;color:#69756f}#now-lyric{font-size:14px;margin:0}.capo{fill:#dce9df}.capo-label{fill:#315840;font-size:15px}.fret,.string{stroke:#99aba0;stroke-width:1.6}.nut{stroke:#375d49;stroke-width:4}.active-string{stroke:#29935c;stroke-width:5}.finger{fill:#385b48}.active-finger{fill:#dd871f}.finger-label{fill:#fff;font-size:15px}.open{fill:white;stroke:#385b48;stroke-width:2}.string-label{fill:#63796d;font-size:13px}.barre{stroke:#385b48;stroke-width:19;stroke-linecap:round}#note-pattern{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:15px}.beat-column{display:grid;gap:7px}.beat-column>b{font-size:13px;color:#9a6026;text-align:center}.note-step{display:grid;gap:3px;padding:8px 3px;background:#f4f7f2;border:1px solid transparent;color:#315542;min-width:0}.note-step span,.note-step small{font-size:11px;line-height:1.5}.note-step strong{font-size:19px}.note-step.active-note{background:#fff4df;border-color:#d6781e;box-shadow:0 0 0 1px #d6781e}.note-step:hover{border-color:#b7c9b8}@media(max-width:380px){.now-main{gap:5px;grid-template-columns:minmax(130px,1fr) minmax(105px,1fr)}.now-instruction strong{font-size:33px}.note-step span,.note-step small{font-size:10px}.note-step strong{font-size:16px}}