.hme-wrap{--hme:#136b55;--hme-ink:#17231f;--hme-border:#dfe7e4}.hme-head{margin-bottom:18px}.hme-card,.hme-note{background:#fff;border:1px solid var(--hme-border);border-radius:20px;padding:20px;box-shadow:0 8px 28px rgba(15,55,43,.05);margin-bottom:16px}.hme-form{display:grid;gap:16px}.hme-grid2,.hme-grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hme-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.hme-field{display:grid;gap:7px}.hme-field>span{font-weight:800;color:var(--hme-ink)}.hme-field input,.hme-field select{width:100%;min-height:46px;border:1px solid #cfdad6;border-radius:13px;padding:10px 12px;background:#fff;color:#17231f;font:inherit;outline:0}.hme-field input:focus,.hme-field select:focus{border-color:var(--hme);box-shadow:0 0 0 3px rgba(19,107,85,.1)}.hme-primary{border:0;border-radius:13px;background:var(--hme);color:#fff;font:inherit;font-weight:900;padding:12px 18px;cursor:pointer;justify-self:start}.hme-result{display:grid;gap:10px}.hme-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hme-answer{background:#f7faf9;border:1px solid #e2ebe8;border-radius:14px;padding:13px;display:grid;gap:5px}.hme-answer span{color:#6d7874;font-size:.9rem}.hme-answer strong{font-size:1.12rem;overflow-wrap:anywhere}.hme-empty{text-align:center;color:#75827d;padding:18px}.hme-error{background:#fff6f6;border:1px solid #efcaca;color:#7a2626;border-radius:13px;padding:13px}.hme-note{background:#f8fbfa;box-shadow:none}.hme-note p{margin:5px 0 0;color:#61706a}.hme-help{margin:0;color:#68756f}.hme-pills{display:flex;gap:7px;flex-wrap:wrap}.hme-pill{border:1px solid #d9e4e0;border-radius:999px;padding:7px 11px;background:#f8fbfa;font-weight:800;direction:ltr}.hme-met{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.hme-met input[type=range]{width:100%;accent-color:var(--hme)}.hme-met strong{direction:ltr}.hme-met-dot{width:64px;height:64px;border-radius:50%;background:#e3eeea;transition:.08s;grid-column:1/-1;justify-self:center}.hme-met-dot.is-beat{transform:scale(1.12);background:#136b55}.hme-met .hme-primary{grid-column:1/-1;justify-self:center;min-width:180px}@media(max-width:800px){.hme-grid2,.hme-grid3,.hme-result-grid{grid-template-columns:1fr}.hme-card,.hme-note{padding:15px}.hme-primary{width:100%}}@media(max-width:480px){.hme-met{grid-template-columns:1fr}.hme-met strong{text-align:center}.hme-met-dot{grid-column:auto}}
/* v15.2 music learning suite */
.hme-notation{display:grid;gap:14px}.hme-notation-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:end}.hme-notation-toolbar label{display:grid;gap:5px;font-weight:800;font-size:12px}.hme-notation-toolbar select,.hme-notation-toolbar input{min-height:40px;border:1px solid #cedbd6;border-radius:10px;padding:7px 10px;background:#fff}.hme-notation-toolbar button,.hme-samples button,.hme-piano-readout button{border:1px solid #d7e3de;background:#f7faf9;border-radius:11px;padding:9px 12px;font:inherit;font-weight:800;cursor:pointer}.hme-samples{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#f7faf9;border-radius:13px}.hme-samples strong{font-size:12px}.hme-staff-wrap{overflow-x:auto;background:#fff;border:1px solid #dce6e2;border-radius:16px;padding:8px}.hme-staff{display:block;width:100%;min-width:760px;height:auto;cursor:crosshair}.hme-piano-app{display:grid;gap:14px}.hme-piano-readout{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hme-piano-readout strong{font-size:22px;direction:ltr;color:var(--hme)}.hme-piano-readout button{margin-right:auto}.hme-piano{position:relative;max-width:850px;margin:auto;width:100%;height:220px;direction:ltr}.hme-piano-whites{position:absolute;inset:0;display:grid;grid-template-columns:repeat(9,1fr);gap:2px}.hme-key{cursor:pointer;font:inherit}.hme-key.white{border:1px solid #bdc9c4;border-radius:0 0 9px 9px;background:#fff;display:flex;align-items:flex-end;justify-content:center;padding:0 0 12px;color:#37463f}.hme-key.white:active{background:#e9f4ef}.hme-piano-blacks{position:absolute;top:0;left:5.5%;right:5.5%;height:132px;display:grid;grid-template-columns:repeat(8,1fr);pointer-events:none}.hme-piano-blacks>span{pointer-events:none}.hme-key.black{width:62%;justify-self:center;background:#17231f;color:#fff;border:0;border-radius:0 0 7px 7px;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;padding-bottom:9px;z-index:3}.hme-key.black:active{background:#136b55}.hme-key span{font-size:10px;direction:ltr}.hme-played-notes{min-height:46px;border:1px dashed #cbd9d4;background:#f8fbfa;border-radius:12px;padding:12px;text-align:center;direction:ltr;line-height:1.9}.hme-reading{display:grid;gap:13px;justify-items:center}.hme-reading-score{display:flex;gap:16px;justify-content:center}.hme-reading-score span{background:#f3f8f6;border-radius:999px;padding:7px 11px}.hme-reading-staff{width:min(620px,100%);border:1px solid #dce6e2;border-radius:15px;background:#fff}.hme-reading-options{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.hme-reading-options button{min-width:64px;border:1px solid #d6e2dd;background:#fff;border-radius:11px;padding:10px;font:inherit;font-weight:900;cursor:pointer}.hme-reading-options button small{display:block;direction:ltr;color:#74817c;margin-top:3px}.hme-reading-feedback{min-height:42px;padding:10px 14px;border-radius:11px;background:#f7faf9}.hme-reading-feedback.is-good{background:#eef9f3;color:#176747}.hme-reading-feedback.is-bad{background:#fff4f4;color:#8a2d2d}.hme-tuning-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hme-tuning-list button{display:grid;gap:4px;border:1px solid #dbe5e1;background:#fff;border-radius:14px;padding:13px;cursor:pointer;text-align:center}.hme-tuning-list button:hover{border-color:#95b9aa;background:#f5faf8}.hme-tuning-list strong{font-size:21px;direction:ltr;color:#153f32}.hme-tuning-list small{direction:ltr;color:#75817d}.hme-fretboard{overflow:auto;border:1px solid #dce6e2;border-radius:14px;background:#fff;direction:ltr}.hme-fret-head,.hme-fret-row{display:grid;grid-template-columns:52px repeat(25,minmax(45px,1fr));min-width:1200px}.hme-fret-head>*{background:#173c32;color:#fff;padding:8px 4px;text-align:center}.hme-fret-row>*{border-left:1px solid #dfe7e4;border-top:1px solid #e8efec;padding:9px 3px;text-align:center;min-height:38px}.hme-fret-row strong{background:#eff6f3;position:sticky;left:0;z-index:2}.hme-fret-row .is-hit{background:#dff2e9;color:#105943;font-weight:900}
@media(max-width:800px){.hme-notation-toolbar{display:grid;grid-template-columns:1fr 1fr}.hme-notation-toolbar label{min-width:0}.hme-samples{align-items:stretch}.hme-samples strong{width:100%}.hme-piano{height:180px}.hme-piano-blacks{height:108px}.hme-tuning-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.hme-notation-toolbar{grid-template-columns:1fr}.hme-notation-toolbar button{width:100%}.hme-samples button{flex:1 1 45%}.hme-piano{height:150px}.hme-piano-blacks{height:90px}.hme-key span{font-size:8px}.hme-tuning-list{grid-template-columns:1fr 1fr}}
.hme-virtual-app{display:grid;gap:16px}.hme-record-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid #e1e9e5;border-radius:16px;background:#f8fbfa}.hme-record-toolbar label{display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px}.hme-record-toolbar input{width:82px;border:1px solid #cbd9d3;border-radius:10px;padding:8px 9px;background:#fff}.hme-now-note{display:flex;align-items:center;gap:8px;margin-left:auto}.hme-now-note span{font-size:11px;color:#66756f}.hme-now-note strong{min-width:50px;font-size:20px;direction:ltr;color:#173c32}.hme-secondary{border:1px solid #d4e0db;background:#fff;color:#214b3d;border-radius:12px;padding:10px 13px;font:inherit;font-weight:800;cursor:pointer}.hme-instrument-stage{border:1px solid #e0e8e4;border-radius:18px;background:linear-gradient(180deg,#fbfdfc,#f3f8f5);padding:16px;overflow:auto}.hme-vi-piano{min-width:720px}.hme-vi-black-row{display:flex;gap:8px;justify-content:center;margin-top:-106px;margin-bottom:10px;pointer-events:none}.hme-vi-black-row .black{pointer-events:auto;width:46px;height:98px;background:#16251f;color:#fff;border:0;border-radius:0 0 9px 9px;box-shadow:0 7px 14px rgba(0,0,0,.18)}.hme-note-pad{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr));gap:9px;min-width:620px}.hme-note-pad button{min-height:74px;border:1px solid #cfddd6;border-radius:14px;background:#fff;cursor:pointer;display:grid;place-items:center;align-content:center;gap:4px;transition:.15s}.hme-note-pad button:hover{transform:translateY(-2px);border-color:#6da88f;background:#f2f9f5}.hme-note-pad button strong{font-size:19px}.hme-note-pad button small{font-size:10px;color:#6a7972;direction:ltr}.hme-note-pad.guitar button,.hme-note-pad.setar button,.hme-note-pad.tar button,.hme-note-pad.ukulele button{background:linear-gradient(180deg,#fffaf1,#fff)}.hme-note-pad.violin button{background:linear-gradient(180deg,#fff7f1,#fff)}.hme-note-pad.flute button,.hme-note-pad.sax button,.hme-note-pad.trumpet button{background:linear-gradient(180deg,#f4f8ff,#fff)}.hme-note-pad.bass button{background:linear-gradient(180deg,#f4f5f6,#fff)}
@media(max-width:720px){.hme-record-toolbar{display:grid;grid-template-columns:1fr 1fr}.hme-now-note{grid-column:1/-1;margin-left:0}.hme-record-toolbar label{grid-column:1/-1}.hme-record-toolbar .hme-primary{grid-column:1/-1}.hme-note-pad{grid-template-columns:repeat(5,minmax(64px,1fr));min-width:520px}.hme-instrument-stage{padding:10px}}
/* v15.8 advanced virtual instruments */
.hme-virtual-pro{outline:none}.hme-virtual-pro:focus-visible{box-shadow:0 0 0 3px rgba(19,107,85,.13);border-radius:16px}.hme-pro-toolbar{position:relative}.hme-performance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #e0e8e4;border-radius:16px;background:#fff}.hme-performance-options label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#31483f;align-content:start}.hme-performance-options select,.hme-performance-options input[type=number]{width:100%;min-height:42px;border:1px solid #cbd9d3;border-radius:10px;padding:8px 9px;background:#fff;font:inherit}.hme-performance-options input[type=checkbox]{width:18px;height:18px;accent-color:var(--hme);vertical-align:middle}.hme-learning-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #dce7e2;background:#f7faf9;border-radius:14px;padding:11px 13px}.hme-learning-panel strong{color:#173c32}.hme-learning-panel [data-vi-challenge]{flex:1 1 260px;color:#50635b}.hme-learning-panel [data-vi-score]{font-weight:900;color:#136b55}.hme-pro-piano{position:relative;display:grid;grid-template-columns:repeat(var(--white-count),minmax(30px,1fr));height:250px;min-width:980px;direction:ltr;border:1px solid #bfcac6;border-radius:10px;overflow:hidden;background:#16231e}.hme-pro-key{font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.hme-pro-key.white{position:relative;border:0;border-left:1px solid #cbd3d0;background:linear-gradient(180deg,#fff,#f0f2f1);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 2px 12px;color:#37443f;z-index:1}.hme-pro-key.white small{font-size:9px;color:#72807a}.hme-pro-key.white.is-scale{background:linear-gradient(180deg,#fff,#e6f3ed)}.hme-pro-key.black{position:absolute;top:0;width:2.05%;height:62%;transform:translateX(-50%);z-index:4;border:0;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#121916,#2a3430);color:#fff;display:flex;justify-content:center;align-items:flex-end;padding-bottom:9px;box-shadow:0 6px 10px rgba(0,0,0,.28)}.hme-pro-key.black.is-scale{box-shadow:inset 0 -5px 0 #6ea791,0 6px 10px rgba(0,0,0,.28)}.hme-pro-key.is-playing{background:#b9e4d2!important;color:#0b4935!important;transform:translateY(2px)}.hme-pro-key.black.is-playing{transform:translateX(-50%) translateY(2px)}.hme-keyboard-hint{text-align:center;font-size:11px;color:#6d7b75;padding-top:8px;direction:ltr}.hme-real-fretboard{display:grid;gap:2px;min-width:1180px;direction:ltr;background:#704d31;border:8px solid #3d2b21;border-radius:12px;padding:5px;overflow:hidden}.hme-fret-numbers,.hme-string-row{display:grid;grid-template-columns:56px repeat(25,minmax(40px,1fr));align-items:center}.hme-fret-numbers{padding-left:56px}.hme-fret-numbers span{text-align:center;color:#f7efe8;font-size:10px}.hme-string-row{position:relative;min-height:46px}.hme-string-row:after{content:"";position:absolute;left:56px;right:0;top:50%;height:2px;background:linear-gradient(90deg,#ddd,#8e8e8e,#eee);box-shadow:0 1px 1px rgba(0,0,0,.5);pointer-events:none}.hme-string-row>strong{position:relative;z-index:2;color:#fff;text-align:center;direction:ltr}.hme-fret{position:relative;z-index:3;min-height:42px;border:0;border-left:1px solid rgba(255,255,255,.42);background:transparent;color:#fff;cursor:pointer;touch-action:none}.hme-fret span{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:rgba(38,25,17,.72);font-size:11px}.hme-fret small{display:none}.hme-fret.is-scale span{outline:2px solid #b8decf}.hme-fret.is-chord span{background:#d8b56c;color:#33210f;outline:2px solid #fff}.hme-fret.is-playing span{background:#8bd0b2;color:#0c4432;transform:scale(1.1)}.hme-stage-caption{margin:8px 0 0;color:#66766f;font-size:12px}.hme-violin-board{display:grid;gap:8px;min-width:760px;background:linear-gradient(90deg,#8a5934,#b88255,#8a5934);border-radius:45px;padding:22px 18px}.hme-violin-string{display:grid;grid-template-columns:55px repeat(13,minmax(46px,1fr));position:relative;align-items:center}.hme-violin-string:after{content:"";position:absolute;left:55px;right:0;top:50%;height:2px;background:#e9e5df;pointer-events:none}.hme-violin-string>strong{color:#fff;direction:ltr;text-align:center}.hme-violin-string button{z-index:2;min-height:44px;border:0;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}.hme-violin-string button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(62,37,21,.72)}.hme-violin-string button small{display:none}.hme-violin-string button.is-scale span{outline:2px solid #cbe9dc}.hme-violin-string button.is-playing span{background:#8bd0b2;color:#0c4432}.hme-wind-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:16px;min-width:650px}.hme-wind-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hme-wind-notes button{min-height:48px;border:1px solid #cddbd5;background:#fff;border-radius:11px;font:inherit;font-weight:800;cursor:pointer}.hme-wind-notes button.is-scale{background:#edf7f3}.hme-wind-notes button.is-playing{background:#b9e4d2}.hme-fingering-card{border:1px solid #d8e3de;background:#fff;border-radius:14px;padding:14px;display:grid;gap:12px;align-content:start}.hme-holes,.hme-valves{display:flex;gap:9px;justify-content:center;align-items:center;direction:ltr}.hme-holes span{width:34px;height:34px;border:3px solid #66736e;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:10px}.hme-holes span.closed{background:#26342e;color:#fff}.hme-valves span{width:46px;height:66px;border:2px solid #68756f;border-radius:9px 9px 15px 15px;display:grid;place-items:center;background:#f6f8f7;font-weight:900}.hme-valves span.down{background:#26342e;color:#fff;transform:translateY(9px)}.hme-instrument-stage.is-learn .hme-pro-key span,.hme-instrument-stage.is-learn .hme-pro-key small,.hme-instrument-stage.is-learn .hme-fret small,.hme-instrument-stage.is-learn .hme-violin-string button small{display:block}.hme-instrument-stage.is-learn .hme-fret{padding-top:2px}.hme-instrument-stage.is-learn .hme-fret small{font-size:8px;color:#fff;margin-top:2px}.hme-instrument-stage.is-learn .hme-violin-string button small{font-size:8px;color:#fff;white-space:nowrap}.hme-record-toolbar input[type=range]{width:120px;accent-color:var(--hme)}
@media(max-width:980px){.hme-performance-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hme-pro-piano{height:210px}.hme-wind-layout{grid-template-columns:1fr;min-width:560px}.hme-wind-notes{grid-template-columns:repeat(4,minmax(100px,1fr))}}
@media(max-width:640px){.hme-performance-options{grid-template-columns:1fr}.hme-record-toolbar{grid-template-columns:1fr}.hme-record-toolbar>*{width:100%}.hme-record-toolbar input[type=range]{width:100%}.hme-instrument-stage{overflow-x:auto}.hme-pro-piano{height:180px;min-width:820px}.hme-real-fretboard{min-width:1050px}.hme-violin-board{min-width:700px}.hme-wind-layout{min-width:520px}.hme-wind-notes{grid-template-columns:repeat(2,minmax(150px,1fr))}.hme-learning-panel{align-items:stretch}.hme-learning-panel button{width:100%}}