.hop-root{--hop-display:var(--font-display-face),system-ui,sans-serif;--hop-hand:var(--font-hand-face),system-ui,sans-serif;color:var(--hop-ink);font-family:var(--hop-display);-webkit-text-size-adjust:100%}.hop-root *,.hop-root :after,.hop-root :before{box-sizing:border-box}.hop-root [hidden]{display:none!important}.hop-root button{font-family:inherit;color:inherit}.hop-root :focus-visible{outline:3px solid var(--hop-link);outline-offset:2px;border-radius:6px}.hop-root{--hop-win:clamp(300px,56vh,560px);--hop-around:365px;min-height:calc(var(--hop-win) + var(--hop-around))}.hop-v-sing{--hop-around:385px}.hop-v-practice{--hop-win:clamp(260px,50vh,500px);--hop-around:634px}@media (min-width:561px){.hop-root{--hop-around:362px}.hop-v-sing{--hop-around:382px}.hop-v-practice{--hop-win:clamp(260px,36vh,420px);--hop-around:638px}}.hop-state{min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center;padding:clamp(48px,14vh,140px) 16px 24px;background:var(--hop-paper);border:2px solid var(--hop-ink);border-radius:20px;box-shadow:4px 5px 0 var(--hop-ink)}.hop-state b{font:800 21px/1.15 var(--hop-display)}.hop-state span{font:700 14.5px/1.35 var(--hop-hand);color:var(--hop-ink2);max-width:36ch}.hop-state .hop-btn{margin-top:8px}.hop-state-hop{animation:hop-bob 1s ease-in-out infinite}@keyframes hop-bob{50%{transform:translateY(-8px)}}.hop-chip{font:700 13.5px/1.1 var(--hop-display);background:#fff;border:1.5px solid var(--hop-ink);border-radius:999px;padding:8px 13px;min-height:44px;cursor:pointer}.hop-chip:hover{background:var(--hop-butter)}.hop-root .hop-chip.hop-on{background:var(--hop-ink);color:#fff}.hop-btn{font:800 15.5px/1 var(--hop-display);border-radius:12px;padding:12px 18px;min-height:44px;cursor:pointer;border:2px solid var(--hop-ink);background:#fff;box-shadow:2px 3px 0 var(--hop-ink)}.hop-pri{background:var(--hop-lemon)}.hop-btn:active{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--hop-ink)}.hop-chips{display:flex;flex-wrap:wrap;gap:7px}.hop-stage{background:var(--hop-paper);border:2px solid var(--hop-ink);border-radius:20px;box-shadow:4px 5px 0 var(--hop-ink);overflow:hidden;overflow:clip}.hop-stagehead{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-bottom:1.6px solid var(--hop-rule);background:#FFFDF2}.hop-songline{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;min-width:0}.hop-songtitle{font:800 18px/1.15 var(--hop-display);min-width:0;overflow-wrap:anywhere}.hop-tally{font:700 13px/1.2 var(--hop-hand);color:var(--hop-ink2);white-space:nowrap}.hop-linenav{display:flex;align-items:center;gap:6px;min-width:0}.hop-root .hop-linearrow{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;background:#fff;border:1.6px solid var(--hop-ink);border-radius:12px;cursor:pointer}.hop-root .hop-linearrow:hover:not(:disabled){background:var(--hop-butter)}.hop-root .hop-linearrow:disabled{opacity:.28;cursor:default}.hop-linetabs{flex:1 1 auto;min-width:0;display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;position:relative}.hop-linetabs::-webkit-scrollbar{display:none}.hop-linetab{flex:none;display:flex;align-items:center;gap:5px;font:800 13.5px/1 var(--hop-display);background:#fff;border:1.5px solid var(--hop-rule);border-radius:12px;padding:5px 11px 5px 6px;min-height:44px;cursor:pointer;white-space:nowrap}.hop-linetab.hop-on{border-color:var(--hop-ink);background:var(--hop-butter)}.hop-dotty{width:24px;height:24px;border:2px dashed #bdb5d4;border-radius:50%}.hop-dotty,.hop-linetab svg{display:block}.hop-steps{display:grid;grid-template-columns:repeat(var(--hop-step-count,5),minmax(0,1fr));gap:4px;padding:10px 10px 4px}.hop-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:800 12px/1.05 var(--hop-display);color:var(--hop-ink2);background:#F5F2FD;border:1.5px solid transparent;border-radius:12px;padding:6px 2px;min-height:54px;cursor:pointer;text-align:center}.hop-root .hop-step.hop-on{background:var(--hop-lemon);color:var(--hop-ink);border-color:var(--hop-ink)}.hop-step i{font-style:normal;width:23px;height:23px;flex:none;border-radius:50%;background:#fff;border:1.5px solid var(--hop-ink2);display:grid;place-items:center;font-size:12.5px}.hop-step.hop-done i,.hop-step.hop-on i{border-color:var(--hop-ink)}.hop-step.hop-done i{background:var(--hop-mint);color:var(--hop-ink)}.hop-taskrow{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:8px 12px 2px;align-items:start}.hop-title{font:800 19px/1.14 var(--hop-display);margin:0 0 3px;letter-spacing:-.012em}.hop-body{margin:0;font:500 14.5px/1.4 var(--hop-display)}.hop-when{display:block;font:700 13.5px/1.3 var(--hop-hand);color:var(--hop-ink2);margin-top:4px}.hop-linecard{display:inline-block;margin:8px 12px 0;font:700 14px/1.35 var(--hop-hand);background:#FFF7BC;padding:5px 11px;border-radius:4px;transform:rotate(-.5deg);max-width:calc(100% - 24px)}.hop-linecard.hop-same{background:#D5F5DE}.hop-sheetbox{position:relative;margin-top:4px}.hop-sheetscroll{display:flex;flex-direction:column;padding:0 4px;height:var(--hop-win);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.hop-sheetscroll>*{flex:none;margin-block:auto}.hop-sheet{display:block;width:100%;height:auto;overflow:visible}.hop-t-d{font-family:var(--hop-display);font-weight:800}.hop-t-h{font-family:var(--hop-hand);font-weight:700}.hop-t-w{font-family:var(--hop-display);font-weight:600}.hop-count-mark,.hop-finger{paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.hop-halo,.hop-tick{opacity:0}.hop-nt.hop-cur .hop-halo{opacity:.85;animation:hop-pulse 1.1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.hop-nt.hop-hit .hop-tick{opacity:1}@keyframes hop-pulse{50%{transform:scale(1.14)}}.hop-part{transition:opacity .2s}.hop-sheet[data-hands=L] .hop-part-R,.hop-sheet[data-hands=R] .hop-part-L{opacity:.24}.hop-hopper{pointer-events:none}.hop-count{position:absolute;right:12px;top:4px;font:800 34px/1 var(--hop-display);background:var(--hop-lemon);border:2px solid var(--hop-ink);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:2px 3px 0 var(--hop-ink);z-index:4}.hop-endover{position:absolute;inset:0;background:rgba(255,254,251,.82);padding:8px;z-index:5;overflow:auto}.hop-endcard,.hop-endover{display:flex;align-items:center;justify-content:center}.hop-endcard{background:#fff;border:2px solid var(--hop-ink);border-radius:16px;box-shadow:4px 5px 0 var(--hop-ink);padding:12px 14px;flex-wrap:wrap;gap:8px 12px;max-width:560px}.hop-endstk svg{display:block;transform:rotate(-7deg)}.hop-endtxt{flex:1 1 170px;min-width:0}.hop-endtxt b{display:block;font:800 20px/1.15 var(--hop-display)}.hop-endtxt span{display:block;font:700 14px/1.35 var(--hop-hand);color:var(--hop-ink2);margin-top:2px}.hop-endbtns{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%;justify-content:center}.hop-transport{flex-wrap:wrap;gap:8px 10px;padding:6px 12px 8px}.hop-msg,.hop-transport{display:flex;align-items:center}.hop-msg{flex:1 1 200px;font:700 14.5px/1.35 var(--hop-hand);color:var(--hop-ink2);min-height:2.7em;margin:0}.hop-kbds{display:flex;flex-direction:column;gap:4px;margin:0 8px}.hop-kbdscroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.hop-kbd{position:relative;width:100%;height:clamp(120px,15vw,140px);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hop-kbd,.hop-key{touch-action:pan-x}.hop-key{position:absolute;top:0;border:1.6px solid var(--hop-ink);padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.hop-key.hop-w{height:100%;background:#fff;border-radius:0 0 10px 10px;z-index:1}.hop-key.hop-b{height:60%;background:var(--hop-ink);border-radius:0 0 7px 7px;z-index:2;color:#fff}.hop-key.hop-b:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translateX(-50%)}.hop-kf,.hop-kl,.hop-pc{position:absolute;left:0;right:0;text-align:center;pointer-events:none}.hop-kl{bottom:27px;font:800 min(18px,calc(var(--hop-kw,44px) * .6))/1 var(--hop-display)}.hop-kf,.hop-kl{color:var(--hop-ink)}.hop-kf{top:9px;font:700 min(14px,calc(var(--hop-kw,44px) * .55))/1 var(--hop-hand)}.hop-pc{bottom:12px;font:500 10.5px/1 var(--hop-display);color:#9188AB;display:none}.hop-kstripe{position:absolute;left:14%;right:14%;bottom:5px;height:5px;border-radius:3px;pointer-events:none}.hop-b .hop-kstripe{bottom:4px;height:4px}.hop-key.hop-glow .hop-kstripe{opacity:0}.hop-b .hop-pc{color:#B5ADCB}.hop-b .hop-kf,.hop-b .hop-kl{color:var(--hop-ink);font-size:min(13px,calc(var(--hop-kw,44px) * .42))}.hop-kbdtight .hop-pc{display:none!important}.hop-kbdtight .hop-kl{bottom:10px}.hop-kbdtight .hop-b .hop-kl{bottom:6px}.hop-b .hop-kl{bottom:12px}.hop-root .hop-key.hop-glow{background:var(--c,var(--hop-lemon))}.hop-w.hop-glow{box-shadow:inset 0 -8px 0 rgba(42,33,64,.12)}.hop-stage[data-waiting=yes] .hop-key.hop-glow{box-shadow:inset 0 0 0 3px var(--hop-ink);animation:hopKeyWait 1s ease-in-out infinite}@keyframes hopKeyWait{50%{background:color-mix(in srgb,var(--c,var(--hop-lemon)) 30%,#fff);box-shadow:inset 0 0 0 5px var(--hop-ink)}}.hop-stage[data-waiting=yes] .hop-msg{padding:4px 10px;border-radius:8px;background:#FFF7BC;color:var(--hop-ink);font-weight:800;animation:hopTurnWait 1s ease-in-out infinite}@keyframes hopTurnWait{50%{background:#FFE45C}}.hop-btn.hop-stepback{min-height:38px;padding:5px 11px;border-width:1.5px;box-shadow:none;color:var(--hop-ink2);font-size:13px;font-weight:700}.hop-btn.hop-yourturn{background:#FFF7BC;animation:hopTurnWait 1s ease-in-out infinite}.hop-stage[data-waiting=yes] .hop-mic[data-phase=on] .hop-micsub{font-weight:800;animation:hopWordsWait 1s ease-in-out infinite}@keyframes hopWordsWait{50%{opacity:.55}}.hop-key.hop-down{filter:brightness(.92);transform:translateY(2px)}.hop-key.hop-wiggle{animation:hop-wig .28s}@keyframes hop-wig{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.hop-stagefoot{padding:8px 12px;border-top:1.6px solid var(--hop-rule);margin-top:8px;background:#FFFDF2}.hop-setbar{display:flex;gap:8px}.hop-setbtn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 8px;border:1.5px solid var(--hop-ink);border-radius:12px;background:#fff;color:var(--hop-ink);font:700 13.5px/1.1 var(--hop-display);cursor:pointer}.hop-setbtn svg{flex:none}.hop-setbtn:hover,.hop-setbtn[aria-expanded=true]{background:var(--hop-butter)}.hop-setpanel{display:grid;gap:14px;margin-top:10px}.hop-lineone,.hop-sethead{display:none}.hop-sethead{align-items:center;justify-content:space-between;gap:12px}.hop-sethead b{font:800 19px/1.1 var(--hop-display);color:var(--hop-ink)}.hop-tools{display:grid;gap:14px}.hop-tg,.hop-whobox{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.hop-tgl,.hop-wholbl{font:700 14px/1.1 var(--hop-hand);color:var(--hop-ink2)}.hop-tgb{display:flex;flex-wrap:wrap;gap:6px}.hop-tgb .hop-chip{min-height:44px;padding:4px 12px;font-size:14px}.hop-root .hop-chip.hop-tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:62px;max-width:92px;min-height:70px;padding:7px 3px 6px;border:1.5px solid var(--hop-rule);border-radius:12px;background:#fff;color:var(--hop-ink2);font:700 12.5px/1.1 var(--hop-display);text-align:center}.hop-root .hop-chip.hop-tile:hover{border-color:var(--hop-ink);background:var(--hop-butter)}.hop-root .hop-chip.hop-tile.hop-on{background:var(--hop-lemon);border-color:var(--hop-ink);color:var(--hop-ink);box-shadow:1px 2px 0 var(--hop-ink)}.hop-tileart{display:grid;place-items:center;height:30px;color:var(--hop-ink)}.hop-tile:not(.hop-on) .hop-tileart{opacity:.78}.hop-arthand,.hop-tileart svg{display:block}.hop-arthand{height:30px;width:auto;max-width:none;pointer-events:none}.hop-artpair{display:flex;align-items:center;gap:1px}.hop-artpair svg{display:block;width:23px;height:23px}.hop-artleft{transform:scaleX(-1)}.hop-artoff{opacity:.3}.hop-artnote{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--c);color:var(--hop-ink);font:800 14px/1 var(--hop-display);font-style:normal}.hop-artplain{display:block;width:24px;height:17px;border-radius:50%;background:var(--hop-ink);transform:rotate(-20deg)}.hop-artfinger{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;border:1.8px solid var(--hop-ink);color:var(--hop-ink);font:700 15px/1 var(--hop-hand);font-style:normal}.hop-artchord{display:block;padding:5px 7px;border-radius:5px;background:var(--hop-ink);color:#fff;font:800 13px/1 var(--hop-display);font-style:normal}.hop-artcount{display:block;color:var(--hop-ink);font:800 17px/1 var(--hop-display);font-style:normal;letter-spacing:.04em}.hop-artchord:before,.hop-artcount:before,.hop-artfinger:before,.hop-artnote:before{content:attr(data-g)}.hop-artdots{display:flex;gap:2px}.hop-artdots i{display:block;width:11px;height:11px;border-radius:50%;background:var(--c)}.hop-seg{gap:0;flex-wrap:nowrap;border:2px solid var(--hop-ink);border-radius:12px;background:#fff;overflow:hidden}.hop-root .hop-seg .hop-chip{min-height:42px;padding:4px 16px;border:0;border-radius:0;background:transparent;color:var(--hop-ink);font:800 14.5px/1 var(--hop-display)}.hop-root .hop-seg .hop-chip+.hop-chip{border-left:1.5px solid var(--hop-ink)}.hop-root .hop-seg .hop-chip:hover{background:var(--hop-butter)}.hop-root .hop-seg .hop-chip.hop-on{background:var(--hop-lemon);color:var(--hop-ink)}.hop-root .hop-seg .hop-chip:focus-visible{outline-offset:-4px}@media (min-width:561px){.hop-setpanel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.hop-sethead{grid-column:1/-1}.hop-tools{display:contents}}.hop-whos{display:flex;flex-wrap:wrap;gap:6px}.hop-who{background:#fff;border:1.5px solid var(--hop-rule);border-radius:12px;padding:4px 5px 6px;cursor:pointer;font:700 12.5px/1 var(--hop-display);color:var(--hop-ink2);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;min-height:70px}.hop-who:hover{border-color:var(--hop-ink);background:var(--hop-butter)}.hop-who.hop-on{background:var(--hop-lemon);border-color:var(--hop-ink);color:var(--hop-ink);box-shadow:1px 2px 0 var(--hop-ink)}.hop-who svg{display:block}@media (hover:hover) and (min-width:561px){.hop-pc{display:block}}@media (min-width:561px){.hop-stage{box-shadow:6px 7px 0 var(--hop-ink)}.hop-stagehead{padding:12px 16px}.hop-steps{gap:6px;padding:12px 16px 4px}.hop-step{flex-direction:row;gap:7px;font-size:14px;min-height:44px;padding:8px 6px}.hop-taskrow{padding:10px 16px 2px}.hop-title{font-size:21px}.hop-body{font-size:15px}.hop-linecard{margin:8px 16px 0}.hop-sheetscroll{padding:0 12px}.hop-count{right:20px;width:62px;height:62px;font-size:40px}.hop-transport{padding:6px 16px 10px}.hop-kbds{margin:0 16px}.hop-stagefoot{padding:10px 16px}.hop-setbtn{flex:none;padding:0 14px}.hop-endcard{padding:14px 18px}.hop-endtxt b{font-size:21px}}@media (min-width:821px){.hop-taskrow{grid-template-columns:minmax(0,1fr) auto;gap:14px}}@media (max-width:350px){.hop-seticon{display:none}}.hop-stage[data-keys=off] .hop-chordbox,.hop-stage[data-keys=off] .hop-kbds{display:none}.hop-stage[data-keys=off] .hop-playwin,.hop-stage[data-keys=off] .hop-sheetscroll,.hop-stage[data-keys=off] .hop-singscroll{height:calc(var(--hop-win) + clamp(124px,15vw,144px))}@media (prefers-reduced-motion:reduce){.hop-root *,.hop-root :after,.hop-root :before{animation:none!important;transition:none!important}}.hop-big{font-size:18px;min-height:56px;padding:14px 26px}.hop-root a.hop-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--hop-ink)}.hop-slider{display:block;width:100%;height:44px;margin:0;accent-color:var(--hop-ink);cursor:pointer}.hop-wholebadge{display:inline-block;vertical-align:-5px;margin-left:6px}.hop-wholebadge svg{display:block}.hop-playbox{min-height:0}.hop-playwin{height:var(--hop-win);overflow:hidden;padding:0 4px}.hop-camera{transition:transform .45s ease;will-change:transform}.hop-camera.hop-nomove{transition:none}.hop-lineg{transition:opacity .3s}.hop-lineg.hop-nextline{opacity:.6}.hop-singscroll{position:relative;height:var(--hop-win);overflow-y:auto;overflow-x:hidden;padding:30px 4px 28px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.hop-root .hop-singline{display:block;width:100%;background:none;border:0;border-radius:12px;padding:6px 8px 10px;text-align:left;cursor:pointer;transition:opacity .25s,background-color .25s}.hop-singline:hover{background:#FFFDF2}.hop-singline.hop-cur{background:#FFFBE0}.hop-singline.hop-gone{opacity:.5}.hop-singwords{display:flex;flex-wrap:wrap;align-items:flex-end;font:800 clamp(24px,6.4vw,34px)/1.15 var(--hop-display);letter-spacing:-.01em;-moz-column-gap:.3em;column-gap:.3em;row-gap:6px;padding-top:26px}.hop-singwords.hop-nochords{row-gap:30px}.hop-sw{align-items:flex-end;max-width:100%}.hop-sw,.hop-syl{position:relative;display:inline-flex}.hop-syl{flex-direction:column;align-items:flex-start}.hop-sylt{display:flex;width:100%;justify-content:space-between}.hop-sylt b{font-weight:800;background-image:linear-gradient(var(--hop-lemon),var(--hop-lemon));background-repeat:no-repeat;background-position:0 88%;background-size:0 58%;border-radius:2px}.hop-syl.hop-past .hop-sylt b{background-size:100% 58%;background-image:linear-gradient(#FFF3A6,#FFF3A6)}.hop-singline:not(.hop-cur) .hop-syl.hop-past .hop-sylt b{background-size:0 58%}.hop-syl.hop-sung .hop-sylt b{animation:hop-swipe var(--hop-swipe,.4s) linear forwards}.hop-paused .hop-syl.hop-sung .hop-sylt b{animation-play-state:paused}@keyframes hop-swipe{0%{background-size:0 58%}to{background-size:100% 58%}}.hop-dash{font:500 .8em/1 var(--hop-display);color:var(--hop-ink2);font-style:normal;margin-left:2px}.hop-chordslot{display:flex;gap:3px;min-height:27px;margin-bottom:3px}.hop-sticker{display:inline-block;font:800 13px/1 var(--hop-display);background:var(--hop-ink);color:#fff;border:1.6px solid var(--hop-ink);border-radius:6px;padding:4px 8px;white-space:nowrap}.hop-dk{position:relative;overflow:hidden;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;pointer-events:none}.hop-dkey{position:absolute;top:0;box-sizing:border-box;border:1.6px solid var(--hop-ink)}.hop-dkw{height:var(--dk-keys);background:#fff;border-radius:0 0 8px 8px;z-index:1}.hop-dkb{height:calc(var(--dk-keys) * .6);background:var(--hop-ink);border-radius:0 0 5px 5px;z-index:2}.hop-dkstripe{position:absolute;left:14%;right:14%;bottom:9px;height:5px;border-radius:3px}.hop-dkb .hop-dkstripe{bottom:6px;height:4px}.hop-root .hop-dkey.hop-dklit{background:var(--c,var(--hop-lemon))}.hop-dkey.hop-dklit .hop-dkstripe{opacity:0}.hop-dkhand{position:absolute;left:0;z-index:4;max-width:none;opacity:0;transform:translateX(-50%) scaleX(var(--dk-flip,1));transition:left .14s ease-out,opacity .2s}.hop-dkhand.hop-dkon{opacity:.96}.hop-dkhand.hop-dkreach{margin-top:-9px}.hop-dkbadges{position:absolute;inset:0;z-index:5}.hop-dkmark{position:absolute;top:calc(var(--dk-keys) * .1);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.hop-dkmarkb{top:calc(var(--dk-keys) * .05)}.hop-dkf{display:flex;align-items:center;justify-content:center;width:var(--dk-badge);height:var(--dk-badge);border-radius:50%;border:1.6px solid var(--hop-ink);box-sizing:border-box;font:700 calc(var(--dk-badge) * .62)/1 var(--hop-display)}.hop-dkf,.hop-dkl{color:var(--hop-ink)}.hop-dkl{font:800 var(--dk-letter)/1 var(--hop-display);font-style:normal;text-shadow:0 0 3px #fff,0 0 3px #fff}@media (prefers-reduced-motion:reduce){.hop-dkhand{transition:none}}.hop-chordmark.hop-chordnow rect{fill:var(--hop-lemon)}.hop-chordmark.hop-chordnow text{fill:var(--hop-ink)}.hop-lw{font-family:var(--hop-display);font-weight:800;letter-spacing:-.01em}.hop-lwmark{opacity:0;transition:opacity .12s}.hop-lwmark.hop-lwnow{opacity:1}.hop-root .hop-sticker.hop-chordnow{background:var(--hop-lemon);color:var(--hop-ink);box-shadow:1px 2px 0 var(--hop-ink)}.hop-leadrow{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:2px}.hop-leadrow+.hop-singwords{padding-top:26px}.hop-tailrow{margin-top:8px}.hop-noteslot{display:flex;gap:2px;min-height:30px;margin-bottom:3px}.hop-bub{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--c);display:grid;place-items:center;font:800 13.5px/1 var(--hop-display);color:var(--hop-ink)}.hop-bubring{background:#fff;box-shadow:inset 0 0 0 4px var(--c)}.hop-bubacc{font-size:11px;outline:1.4px solid var(--hop-ink);outline-offset:-1.4px}.hop-wordhop{position:absolute;left:50%;bottom:calc(100% + var(--hop-lift,0px));transform:translateX(-50%);pointer-events:none;z-index:3;line-height:0}.hop-singfirst{margin-top:10px;max-height:220px;overflow:hidden;font:700 15px/1.45 var(--hop-display);color:var(--hop-ink2)}.hop-singfirst p{margin:0}.hop-chordbox{display:flex;flex-direction:column;gap:6px;padding:2px 12px}.hop-chordstrip{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:3px;margin:-3px}.hop-root .hop-chordbtn{flex:none;min-width:48px;min-height:44px;padding:6px 12px;font:800 15px/1 var(--hop-display);background:var(--hop-ink);color:#fff;border:1.6px solid var(--hop-ink);border-radius:9px;cursor:pointer}.hop-root .hop-chordbtn.hop-lit{background:var(--hop-lemon);color:var(--hop-ink)}.hop-root .hop-chordbtn.hop-on{box-shadow:2px 3px 0 var(--hop-ink)}@media (min-width:561px){.hop-playwin{padding:0 12px}.hop-singscroll{padding:30px 12px}.hop-chordbox{padding:2px 16px}.hop-singwords{font-size:34px}}.hop-mic{--mic-live:#FF5A5F;--mic-ok:#7CE3A1;position:sticky;top:0;z-index:6;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;padding:10px 12px;min-height:122px;background:#FFF1E6;border-bottom:2px solid var(--hop-ink)}.hop-micicon{grid-row:1;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid var(--hop-ink);box-shadow:1px 2px 0 var(--hop-ink)}.hop-mictext{min-width:0}.hop-mictitle{display:flex;align-items:center;gap:8px;font:800 17px/1.15 var(--hop-display)}.hop-micdot{display:none;flex:none;width:12px;height:12px;border-radius:50%;background:var(--mic-live)}.hop-micsub{margin-top:2px;font:600 13.5px/1.28 var(--hop-hand);color:var(--hop-ink2)}.hop-miclive{grid-column:1/-1;gap:12px;min-width:0}.hop-miclive,.hop-micmeter{display:flex;align-items:center}.hop-micmeter{flex:none;gap:3px;height:34px;--lv:0}.hop-micmeter i{display:block;width:5px;height:100%;border-radius:3px;background:var(--mic-ok);transform:scaleY(calc(.1 + var(--lv)*var(--h)*.9));transition:transform 90ms linear}.hop-micheard{display:flex;gap:4px;min-width:0;overflow:hidden;min-height:30px}.hop-michit{flex:none;min-width:30px;height:30px;padding:0 6px;display:grid;place-items:center;border-radius:15px;background:var(--c);color:var(--hop-ink);font:800 14px/1 var(--hop-display);opacity:.55;animation:hopMicPop .18s ease-out}.hop-michit:first-child{opacity:1}.hop-michit.hop-micright{box-shadow:0 0 0 2px var(--mic-ok)}.hop-micload{grid-column:1/-1;height:10px;border-radius:5px;background:rgba(255,255,255,.2);overflow:hidden}.hop-micload i{display:block;height:100%;width:0;background:var(--mic-ok);transition:width .2s linear}.hop-micbtns{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.hop-micgo{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;min-height:48px;padding:0 16px;border-radius:13px;border:2px solid var(--hop-ink);background:#FF8A80;box-shadow:2px 3px 0 var(--hop-ink);font:800 16px/1 var(--hop-display);cursor:pointer}.hop-micgo:active{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--hop-ink)}.hop-micboost{min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid var(--hop-ink);background:#fff;font:700 13px/1 var(--hop-display);cursor:pointer}.hop-mic[data-phase=failed]{background:#FFE9B8}.hop-mic[data-phase=asking],.hop-mic[data-phase=loading],.hop-mic[data-phase=on],.hop-mic[data-phase=paused]{background:var(--hop-ink);color:#fff}.hop-mic[data-phase=asking] .hop-micsub,.hop-mic[data-phase=loading] .hop-micsub,.hop-mic[data-phase=on] .hop-micsub,.hop-mic[data-phase=paused] .hop-micsub{color:#FFF3A6}.hop-mic[data-phase=on] .hop-micicon{background:var(--mic-live);color:#fff;animation:hopMicRing 1.5s ease-out infinite}.hop-mic[data-phase=asking] .hop-micicon,.hop-mic[data-phase=loading] .hop-micicon,.hop-mic[data-phase=paused] .hop-micicon{color:var(--hop-ink)}.hop-mic[data-phase=asking] .hop-micdot,.hop-mic[data-phase=loading] .hop-micdot,.hop-mic[data-phase=on] .hop-micdot{display:block}.hop-mic[data-phase=on] .hop-micdot{animation:hopMicBlink 1.2s ease-in-out infinite}.hop-mic[data-phase=asking] .hop-micgo,.hop-mic[data-phase=loading] .hop-micgo,.hop-mic[data-phase=on] .hop-micgo,.hop-mic[data-phase=paused] .hop-micgo{flex:0 0 auto;background:#fff;color:var(--hop-ink);box-shadow:none;min-height:44px;font-size:14px}.hop-mic[data-phase=on] .hop-micboost,.hop-mic[data-phase=paused] .hop-micboost{color:var(--hop-ink)}.hop-mic[data-phase=paused] .hop-micmeter{opacity:.4}.hop-micquiet .hop-micboost{background:#FFE45C;box-shadow:0 0 0 2px #FFE45C}.hop-micquiet .hop-micsub{font-weight:800}.hop-stage[data-mic=asking],.hop-stage[data-mic=loading],.hop-stage[data-mic=on],.hop-stage[data-mic=paused]{border-color:#FF5A5F;box-shadow:0 0 0 3px #FF5A5F,4px 5px 0 3px var(--hop-ink)}.hop-key.hop-heard{box-shadow:inset 0 0 0 3px #4B32C3}@keyframes hopMicBlink{50%{opacity:.25}}@keyframes hopMicRing{0%{box-shadow:0 0 0 0 rgba(255,90,95,.75)}to{box-shadow:0 0 0 14px rgba(255,90,95,0)}}@keyframes hopMicPop{0%{transform:scale(.55)}to{transform:scale(1)}}@media (min-width:561px){.hop-mic{grid-template-columns:auto minmax(0,1fr) auto;min-height:74px;padding:10px 14px}.hop-micbtns{grid-column:3;grid-row:1;flex-wrap:nowrap}.hop-micgo{flex:none;min-height:50px;padding:0 20px;font-size:17px}.hop-miclive{grid-column:1/-1}.hop-mic:has(.hop-miclive:not([hidden])){grid-template-columns:auto minmax(0,1fr) auto auto}.hop-mic:has(.hop-miclive:not([hidden])) .hop-miclive{grid-column:3;grid-row:1}.hop-mic:has(.hop-miclive:not([hidden])) .hop-micbtns{grid-column:4}.hop-micheard{max-width:178px}.hop-micload{grid-column:2;grid-row:2;height:8px}}@media (max-width:560px){.hop-v-practice{--hop-win:max(430px,calc(100svh - 104px));--hop-around:0px;margin-inline:calc(-1*var(--fp-gutter,16px))}.hop-v-practice .hop-stage,.hop-v-practice .hop-state{border-width:2px 0;border-radius:0;box-shadow:none}.hop-v-practice .hop-stage{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto auto;height:var(--hop-win)}.hop-v-practice .hop-stage[data-mic=asking],.hop-v-practice .hop-stage[data-mic=loading],.hop-v-practice .hop-stage[data-mic=on],.hop-v-practice .hop-stage[data-mic=paused]{box-shadow:none;outline:3px solid var(--mic-live,#FF5A5F);outline-offset:-3px}.hop-v-practice .hop-stagehead{grid-row:2;grid-column:1/4;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;padding:5px 4px 4px 8px;border:0}.hop-v-practice .hop-linearrow,.hop-v-practice .hop-linecard,.hop-v-practice .hop-songline,.hop-v-practice .hop-task{display:none}.hop-v-practice .hop-lineone{display:flex;align-items:center;gap:3px;min-width:0}.hop-v-practice .hop-linestep{flex:none;display:grid;place-items:center;width:36px;height:40px;padding:0;background:#fff;color:var(--hop-ink);border:1.6px solid var(--hop-ink);border-radius:10px;cursor:pointer}.hop-v-practice .hop-linestep:disabled{opacity:.28;cursor:default}.hop-v-practice .hop-linestep svg{width:18px;height:18px}.hop-v-practice .hop-linenow{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 3px;background:none;border:0;color:var(--hop-ink);font:800 14px/1 var(--hop-display);white-space:nowrap;-webkit-text-decoration:underline dotted 1.5px;text-decoration:underline dotted 1.5px;text-underline-offset:3px;cursor:pointer}.hop-v-practice .hop-linenow .hop-dotty{width:20px;height:20px}.hop-v-practice .hop-linenow svg{display:block;width:22px;height:22px}.hop-v-practice .hop-linenav{display:none;flex-basis:100%}.hop-v-practice .hop-linesopen .hop-linenav{display:flex}.hop-v-practice .hop-steps{grid-row:3;grid-column:1/-1;gap:3px;padding:0 8px 6px;background:#FFFDF2;border-bottom:1.6px solid var(--hop-rule)}.hop-v-practice .hop-step{flex-direction:row;gap:3px;min-height:40px;padding:0 1px;font-size:12.5px;white-space:nowrap;border-color:var(--hop-rule)}.hop-v-practice .hop-step i{width:auto;height:auto;background:none;border:0;font-size:12.5px}.hop-v-practice .hop-step.hop-done i{background:none;color:#1F7A4D}.hop-v-practice .hop-step span[data-short]{font-size:0}.hop-v-practice .hop-step span[data-short]:after{content:attr(data-short);font-size:12.5px}.hop-v-practice .hop-taskrow{grid-row:4;grid-column:1/-1;padding:5px 8px 0}.hop-v-practice .hop-taskrow:has(.hop-tempo[hidden]){display:none}.hop-v-practice .hop-tempo{flex-wrap:nowrap;gap:5px;justify-content:center}.hop-v-practice .hop-tempo .hop-chip{min-height:36px;padding:3px 9px;font-size:12.5px;white-space:nowrap}.hop-v-practice .hop-transport{display:contents}.hop-v-practice .hop-msg{grid-row:5;grid-column:1/-1;justify-content:center;min-height:2.5em;padding:2px 12px;background:#FFF7BC;color:var(--hop-ink);font-size:14px;line-height:1.25;text-align:center}.hop-v-practice .hop-stage[data-waiting=yes] .hop-msg{padding:2px 12px;border-radius:0}.hop-v-practice .hop-transport>.hop-btn.hop-stepback{align-self:center;min-height:38px;padding:5px 11px;font-size:13px}.hop-v-practice .hop-stage[data-mic=asking] .hop-msg,.hop-v-practice .hop-stage[data-mic=loading] .hop-msg,.hop-v-practice .hop-stage[data-mic=on] .hop-msg,.hop-v-practice .hop-stage[data-mic=paused] .hop-msg{display:none}.hop-v-practice .hop-sheetbox{grid-row:6;grid-column:1/-1;min-height:0;margin:0}.hop-v-practice .hop-stage .hop-sheetscroll,.hop-v-practice .hop-stage[data-keys] .hop-sheetscroll{height:100%;overscroll-behavior-y:auto}.hop-v-practice .hop-endover{padding:6px}.hop-v-practice .hop-endcard{padding:10px 12px;gap:6px 10px}.hop-v-practice .hop-endstk svg{width:46px;height:46px}.hop-v-practice .hop-endtxt{flex-basis:150px}.hop-v-practice .hop-endtxt b{font-size:18px}.hop-v-practice .hop-transport>.hop-btn{grid-row:7;margin:5px 0 7px 10px;min-height:42px;padding:8px 16px;font-size:15px;white-space:nowrap}.hop-v-practice .hop-transport>.hop-btn:first-child{grid-column:1}.hop-v-practice .hop-transport>.hop-btn:nth-child(2){grid-column:2}.hop-v-practice .hop-stagefoot{display:contents}.hop-v-practice .hop-setbar{grid-row:7;grid-column:4;align-self:center;gap:5px;padding:5px 8px 7px 0}.hop-v-practice .hop-setbtn{flex:none;width:44px;min-height:42px;padding:0}.hop-v-practice .hop-setbtn span,.hop-v-practice .hop-setchev{display:none}.hop-v-practice .hop-seticon{display:block}.hop-v-practice .hop-kbds{grid-row:8;grid-column:1/-1;margin:0;padding:0 8px 6px}.hop-v-practice .hop-kbd{height:clamp(92px,15svh,120px)}.hop-v-practice .hop-setpanel{position:absolute;left:0;right:0;bottom:0;z-index:9;max-height:84%;overflow:auto;margin:0;padding:10px 12px 14px;background:#FFFDF2;border-top:2px solid var(--hop-ink);border-radius:16px 16px 0 0;box-shadow:0 -6px 18px rgba(42,33,64,.18)}.hop-v-practice .hop-sethead{display:flex}.hop-v-practice .hop-setdone{min-height:40px;padding:0 16px;background:var(--hop-lemon);color:var(--hop-ink);border:2px solid var(--hop-ink);border-radius:12px;font:800 14px/1 var(--hop-display);cursor:pointer}.hop-micwide{display:none}.hop-mic{grid-row:1;grid-column:1/-1;position:static;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 7px;min-height:0;padding:5px 10px}.hop-mic[data-phase=off]{grid-row:2;grid-column:4;display:block;align-self:start;padding:5px 8px 4px 0;background:none;border:0}.hop-mic[data-phase=off] .hop-micicon,.hop-mic[data-phase=off] .hop-mictext{display:none}.hop-micicon{width:30px;height:30px;box-shadow:none}.hop-micicon svg{width:18px;height:18px}.hop-mictitle{gap:6px;font-size:14px}.hop-micdot{width:9px;height:9px}.hop-micsub{margin-top:0;font-size:12.5px;line-height:1.22}.hop-micbtns{flex-wrap:nowrap;gap:5px}.hop-micgo{position:relative;gap:4px;min-height:40px;padding:0 11px;box-shadow:1px 2px 0 var(--hop-ink);font-size:14px;white-space:nowrap}.hop-micgo svg{width:18px;height:18px}.hop-micboost{position:relative;min-height:34px;padding:0 8px;font-size:12px;white-space:nowrap}.hop-micboost:after,.hop-micgo:after{content:"";position:absolute;inset:-5px -2px}.hop-mic[data-phase=asking] .hop-micgo,.hop-mic[data-phase=loading] .hop-micgo,.hop-mic[data-phase=on] .hop-micgo,.hop-mic[data-phase=paused] .hop-micgo{min-height:34px;font-size:13px}.hop-mic[data-phase=on] .hop-mictitle,.hop-mic[data-phase=paused] .hop-mictitle{display:none}.hop-miclive{grid-column:2;gap:6px;min-width:0}.hop-micmeter{gap:2px;height:26px}.hop-micmeter i{width:3px}.hop-micheard{min-height:26px}.hop-michit{min-width:26px;height:26px;padding:0 4px;font-size:12.5px}.hop-mic[data-phase=on] .hop-micbtns,.hop-mic[data-phase=on] .hop-miclive,.hop-mic[data-phase=paused] .hop-micbtns,.hop-mic[data-phase=paused] .hop-miclive{grid-row:1}.hop-mic[data-phase=on] .hop-micbtns,.hop-mic[data-phase=paused] .hop-micbtns{grid-column:3}.hop-mic[data-phase=on] .hop-mictext,.hop-mic[data-phase=paused] .hop-mictext{grid-row:2;grid-column:1/-1}.hop-mic[data-phase=asking] .hop-mictext,.hop-mic[data-phase=loading] .hop-mictext{grid-column:2}.hop-mic[data-phase=asking] .hop-micbtns,.hop-mic[data-phase=loading] .hop-micbtns{grid-row:1;grid-column:3}.hop-micload{height:6px}.hop-mic[data-phase=failed] .hop-mictext{grid-column:2/-1}.hop-mic[data-phase=failed] .hop-micbtns{grid-column:1/-1}}.fp-bar{--hop-ink:#2A2140;--hop-ink2:#5B5175;--hop-lemon:#FFE45C;--hop-butter:#FFF8C9;--hop-rule:#E2DDF1;--hop-display:var(--font-display-face),system-ui,sans-serif}.fp-bar [hidden]{display:none!important}.fp-bar button{font-family:var(--hop-display);color:var(--hop-ink)}.fp-bar .hop-btn{min-height:44px;padding:8px 24px;font-size:16px}.fp-bar .hop-btn.hop-big{min-height:44px;padding:8px 28px;font-size:16.5px}.fp-bar .hop-btn.hop-over,.fp-bar .hop-btn.hop-stepback{display:grid;place-items:center;width:44px;padding:0;border:1.5px solid var(--hop-rule);background:#fff;box-shadow:none;color:var(--hop-ink2);font-size:0}.fp-bar .hop-btn.hop-over:hover,.fp-bar .hop-btn.hop-stepback:hover{border-color:var(--hop-ink);color:var(--hop-ink)}.fp-bar .hop-btn.hop-over:before,.fp-bar .hop-btn.hop-stepback:before{content:"";width:21px;height:21px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.4-5.5'/%3E%3Cpath d='M4.5 4v4.5H9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.4-5.5'/%3E%3Cpath d='M4.5 4v4.5H9'/%3E%3C/svg%3E") center/contain no-repeat}.fp-bar .hop-setbar{gap:2px}.fp-bar .hop-setbtn{flex:none;width:44px;padding:0;background:none;border-color:transparent;color:var(--hop-ink2)}.fp-bar .hop-setbtn span,.fp-bar .hop-setchev{display:none}.fp-bar .hop-setbtn:hover,.fp-bar .hop-setbtn[aria-expanded=true]{background:var(--hop-butter);border-color:var(--hop-ink);color:var(--hop-ink)}@media (min-width:821px){.hop-root,.hop-v-lead,.hop-v-practice,.hop-v-sing{--hop-win:clamp(520px,calc(100svh - 200px),900px);--hop-around:0px}.hop-stage{position:relative;display:flex;flex-direction:column;height:var(--hop-win)}.hop-stage .hop-sheetbox{flex:1 1 0;min-height:0;margin:0}.hop-stage .hop-playwin,.hop-stage .hop-sheetscroll,.hop-stage .hop-singscroll,.hop-stage[data-keys] .hop-playwin,.hop-stage[data-keys] .hop-sheetscroll,.hop-stage[data-keys] .hop-singscroll{height:100%}.hop-stagehead{flex-direction:row;align-items:center;gap:12px;padding:6px 14px}.hop-songtitle{display:none}.hop-songline{order:2;flex:none}.hop-slider{min-width:0;width:auto}.hop-linenav,.hop-slider{flex:1 1 auto}.hop-transport{padding:4px 14px}.hop-msg{flex:1 1 100%;min-height:1.7em;font-size:14px}.hop-kbds{margin:0 14px 10px}.hop-kbd{height:clamp(96px,14svh,140px)}.hop-stagefoot{display:contents}.hop-setpanel{position:absolute;top:8px;right:8px;z-index:9;width:min(780px,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto;margin:0;padding:14px 16px 16px;background:#FFFDF2;border:2px solid var(--hop-ink);border-radius:16px;box-shadow:4px 5px 0 var(--hop-ink)}.hop-sethead{display:flex}.hop-setdone{min-height:40px;padding:0 16px;background:var(--hop-lemon);color:var(--hop-ink);border:2px solid var(--hop-ink);border-radius:12px;font:800 14px/1 var(--hop-display);cursor:pointer}.hop-v-practice .hop-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto auto}.hop-v-practice .hop-mic{grid-row:1;grid-column:1/-1;min-height:0;padding:6px 14px}.hop-v-practice .hop-mic[data-phase=off]{grid-row:2;grid-column:2;display:block;align-self:center;padding:6px 14px 6px 0;background:none;border:0}.hop-v-practice .hop-mic[data-phase=off] .hop-micicon,.hop-v-practice .hop-mic[data-phase=off] .hop-mictext{display:none}.hop-v-practice .hop-mic[data-phase=off] .hop-micgo{min-height:44px;font-size:15.5px;padding:0 16px}.hop-v-practice .hop-stagehead{grid-row:2;grid-column:1;border:0}.hop-v-practice .hop-steps{grid-row:3;grid-column:1/-1;padding:0 14px 6px;background:#FFFDF2;border-bottom:1.6px solid var(--hop-rule)}.hop-v-practice .hop-step{min-height:38px;padding:2px 6px}.hop-v-practice .hop-taskrow{grid-row:4;grid-column:1/-1;padding:5px 14px 0;align-items:center}.hop-v-practice .hop-task{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px}.hop-v-practice .hop-title{display:none}.hop-v-practice .hop-body{font-size:14.5px}.hop-v-practice .hop-when{margin:0;font-size:13.5px}.hop-v-practice .hop-linecard{grid-row:5;grid-column:1/-1;justify-self:start;margin:3px 14px 0;padding:2px 9px;font-size:13px}.hop-v-practice .hop-sheetbox{grid-row:6;grid-column:1/-1}.hop-v-practice .hop-transport{grid-row:7;grid-column:1/-1}.hop-v-practice .hop-kbds{grid-row:8;grid-column:1/-1}.hop-v-practice .hop-tempo .hop-chip{min-height:36px;padding:3px 10px}}@media (min-width:821px) and (max-height:860px){.hop-v-practice .hop-linecard{display:none}}@media (prefers-reduced-motion:reduce){.hop-mic[data-phase=on] .hop-micdot,.hop-mic[data-phase=on] .hop-micicon,.hop-michit{animation:none}.hop-micmeter i{transition:none}}