[data-panel="harmony"]{--harmony-border:#dddcd0} .harmony-hero em{font-style:normal;color:#397655}.harmony-hero h1{line-height:1.22}.harmony-start{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#54665b}.harmony-start span{border-top:2px solid #b4c879;padding-top:10px}.harmony-workspace{max-width:1250px;margin:auto;padding:30px 36px 70px!important}.harmony-controls{display:grid;grid-template-columns:1fr 2fr;gap:20px;scroll-margin-top:110px}.harmony-controls label,.harmony-transport label{display:grid;gap:7px;font-size:12px;color:#54665b}.harmony-controls select,.harmony-transport select,.harmony-transport input{width:100%;min-width:0;padding:12px;border:1px solid var(--harmony-border);border-radius:8px;background:#fff;color:#1c352b;font:inherit;font-size:14px}.harmony-context{margin:30px 0 20px}.harmony-context>span{font-size:11px;color:#477152;border:1px solid #b8c8a1;border-radius:20px;padding:4px 9px}.harmony-context h2{font-size:25px;margin:14px 0 8px}.harmony-context p{font-size:13px;color:#6b756b}.harmony-player{border:1px solid var(--harmony-border);border-radius:18px;background:#fff;padding:28px;overflow:hidden}.harmony-player-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.harmony-player-head h2{font-size:23px;margin:8px 0}.harmony-pulses{display:flex;gap:7px}.harmony-pulses span{display:grid;place-items:center;background:#f1f2eb;border-radius:50%;width:30px;height:30px;font-size:12px}.harmony-pulses span.playing{background:#d1e77c;color:#143e2f;box-shadow:0 0 0 3px #e7efd0}.harmony-player .chord-step{cursor:pointer;text-align:left;border:1px solid #dce3d2;border-bottom:4px solid #83a275;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0;color:#204b36;transition:background .12s}.harmony-player .chord-step strong{font-size:34px;line-height:1.2}.harmony-player .chord-step>span{font-size:15px;font-weight:700}.harmony-player .chord-step small{font-size:11px;line-height:1.5;color:#62725c;overflow-wrap:anywhere}.harmony-player .chord-step.playing,.harmony-player .chord-step:hover{background:#e8f1ce;border-color:#729153}.harmony-transport{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:24px}.harmony-transport .generate-btn{min-height:44px;min-width:176px;border-radius:8px}.harmony-secondary{border:1px solid #cdd7c7;color:#315b40;background:#f8faf3;border-radius:8px;cursor:pointer;padding:11px 15px;font:inherit;font-size:13px;min-height:42px}.harmony-secondary:hover{background:#e8f1ce}.harmony-transport label:last-child{width:100px}.harmony-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:12px;color:#5a655b}.harmony-toggles label{display:flex;gap:6px;align-items:center;cursor:pointer}.harmony-toggles input{accent-color:#397655;width:16px;height:16px}.harmony-toggles>span{font-size:11px;color:#808778}.harmony-player #harmony-status{font-size:13px;color:#376646;min-height:22px;margin:18px 0 0}.harmony-player #harmony-chord-detail{font-size:13px;color:#5c685c;line-height:1.8;margin-top:16px;padding:12px 16px;background:#f6f7f0;border-radius:8px}.harmony-player #harmony-chord-detail p{margin:0}.harmony-player details{margin-top:20px;border-top:1px solid #e6e8df;padding-top:16px}.harmony-player details>p{font-size:12px;color:#64705f;line-height:1.8}.harmony-player summary,.harmony-basics summary{cursor:pointer;color:#315b40;font-size:14px;font-weight:600;line-height:1.6}.harmony-player #harmony-score{--tab-paper:#fff;min-height:0;margin-top:14px}.harmony-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.harmony-explain-grid>article,.harmony-style-example{padding:26px;background:#f1f3e9;border:1px solid #e0e5d6;border-radius:14px}.harmony-explain-grid h3{font-size:18px;margin:12px 0}.harmony-explain-grid p{font-size:14px;line-height:1.9;color:#53604f}.harmony-explain-grid .harmony-song{background:#fcf7ed;border-color:#e8e0d0}.harmony-song h3>span{display:block;font-size:12px;font-weight:400;color:#7c7c68;margin-top:8px}.harmony-song-progression{font-size:18px;padding:15px 0;border-block:1px solid #e6e0d0;color:#5b693d;line-height:1.6}.harmony-song a{font-size:12px;color:#55703d;text-underline-offset:4px}.harmony-compare{border-top:1px solid #d7dfc9;margin-top:22px;padding-top:18px;display:flex;gap:8px;flex-wrap:wrap}.harmony-compare>strong{font-size:12px;flex-basis:100%;margin-bottom:4px}.harmony-compare>p{font-size:12px;margin:4px 0}.harmony-practice{padding:22px 26px;border-left:4px solid #acc360;background:#f2f3e9;border-radius:0 10px 10px 0}.harmony-practice>span{font-size:12px;font-weight:700;color:#496b3b}.harmony-practice p{font-size:14px;color:#52614d;line-height:1.9;margin:10px 0 0}.harmony-catalog{margin:40px 0}.harmony-catalog h2{font-size:23px;margin-top:10px}#harmony-song-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.harmony-song-choice{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;border:1px solid #dddccd;background:#fff;border-radius:12px;padding:18px;color:#2e503a;cursor:pointer}.harmony-song-choice strong{font-size:18px}.harmony-song-choice span,.harmony-song-choice small{font-size:11px;line-height:1.5}.harmony-song-choice small{color:#818a76}.harmony-song-choice.selected{background:#eaf0da;border-color:#a7bb83}.harmony-basics{padding:24px;background:#fff;border:1px solid var(--harmony-border);border-radius:14px}.harmony-basics-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;margin:24px 0}.harmony-basics-grid h3{font-size:16px}.harmony-basics-grid p{font-size:13px;color:#616b5b;line-height:1.9}.harmony-family{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.harmony-family>div{display:grid;gap:8px;padding:12px 8px;background:#f1f4e9;text-align:center;border-radius:8px;min-width:0}.harmony-family small{color:#737e69}.harmony-family span{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.harmony-workspace button:focus-visible,.harmony-workspace summary:focus-visible{outline:3px solid #819b42;outline-offset:3px}
@media(max-width:800px){.harmony-workspace{padding:24px 20px 50px!important}.harmony-explain-grid{grid-template-columns:1fr}#harmony-song-shortcuts{grid-template-columns:1fr 1fr}.harmony-player{padding:20px}.harmony-player-head{align-items:flex-start;flex-wrap:wrap}.harmony-player .chord-flow{grid-template-columns:1fr 1fr}.harmony-controls{grid-template-columns:1fr}.harmony-basics-grid{grid-template-columns:1fr}.harmony-family{grid-template-columns:repeat(3,1fr)}.harmony-start{gap:14px}.harmony-transport{display:grid;grid-template-columns:minmax(0,1fr) 88px}.harmony-transport label:last-child{width:auto}.harmony-transport .generate-btn{min-width:0}.harmony-hero h1{font-size:36px}.harmony-player .chord-step{padding:14px}.harmony-explain-grid>article,.harmony-style-example{padding:21px}.harmony-toggles{gap:12px}.harmony-song-choice{padding:15px}}