#epiRoot{--epi-ng:#c14a38;--epi-off-bar:#c4beb0;--epi-wkey-1:#fdfcf9;--epi-wkey-2:#f0ece2;--epi-wkey-side:#dcd7ca;--epi-wkey-edge:rgba(28,25,20,.07);--epi-bkey-1:#3a352c;--epi-bkey-2:#1d1a15;--epi-bkey-side:#0f0d09}[data-theme=dark] #epiRoot{--epi-ng:#e2614c;--epi-off-bar:#4a443a;--epi-wkey-1:#efe9dc;--epi-wkey-2:#d9d2c2;--epi-wkey-side:#0d0b08;--epi-wkey-edge:rgba(28,25,20,.18);--epi-bkey-1:#2e2a22;--epi-bkey-2:#0f0d09;--epi-bkey-side:#050403}[data-theme=dark] .tools-ear-pitch-page{--eat-text2:#d0c8ba;--eat-text3:#b8b0a1;--eat-text-faint:#a9a193}#epiRoot .eat-plate{margin-top:13px}#epiRoot .epi-header{align-items:center;display:flex;gap:9px;padding:0 4px}#epiRoot .epi-back-ic{fill:var(--eat-text2);height:13px;width:13px}#epiRoot .epi-head-name{align-items:baseline;display:flex;flex:1;gap:9px;min-width:0}#epiRoot .epi-brand{color:var(--eat-bronze);font-size:9.5px;letter-spacing:2.28px}#epiRoot .epi-title{color:var(--eat-text);font-size:16px;letter-spacing:1.28px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#epiRoot .epi-label{color:var(--eat-text3);font-size:8.5px;letter-spacing:1.7px}#epiRoot .epi-hair{background:var(--eat-hair);display:block;height:1px}#epiRoot .epi-plate-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between}#epiRoot .epi-tri{border-color:transparent transparent transparent var(--eat-on-acc);border-style:solid;border-width:11.8px 0 11.8px 19px;display:block;height:0;width:0}#epiRoot .epi-tri--lg{border-width:13.6px 0 13.6px 22px}#epiRoot .epi-tri--sm{border-width:7.4px 0 7.4px 12px}#epiRoot .epi-disc{align-items:center;background:linear-gradient(180deg,var(--eat-acc-lit),var(--eat-acc) 55%,var(--eat-acc-dim));border:none;border-radius:50%;box-shadow:0 6px 0 var(--eat-acc-side),0 18px 26px -12px var(--eat-start-shadow),inset 0 1px 0 hsla(0,0%,100%,.7);cursor:pointer;display:flex;flex:none;flex-direction:column;gap:4px;height:112px;justify-content:center;width:112px}#epiRoot .epi-disc--lg{gap:5px;height:132px;width:132px}#epiRoot .epi-disc:disabled{cursor:default;opacity:.62}#epiRoot .epi-disc-label{color:var(--eat-on-acc);font-size:11px;opacity:.72}#epiRoot .epi-disc--lg .epi-disc-label{font-size:13px}#epiRoot .epi-chip{background:var(--eat-rest-grad);border:none;border-radius:10px;box-shadow:var(--eat-rest-shadow-3);color:var(--eat-sound-rest-text);cursor:pointer;font-family:inherit;font-size:11.5px;padding:7px 12px}#epiRoot .epi-chip--on,#epiRoot .epi-chip.is-correct{background:linear-gradient(180deg,var(--eat-acc-lit),var(--eat-acc) 58%,var(--eat-acc-dim));box-shadow:0 3px 0 var(--eat-acc-side),inset 0 1px 0 hsla(0,0%,100%,.6);color:var(--eat-on-acc);font-weight:500}#epiRoot .epi-chip.is-wrong{box-shadow:0 3px 0 var(--eat-sound-rest-side),inset 0 0 0 1px var(--epi-ng);color:var(--epi-ng)}#epiRoot .epi-chip--static{cursor:default;font-size:11px;padding:8px 13px}#epiRoot .epi-chips{display:flex;flex-wrap:wrap;gap:6px}#epiRoot .epi-modes{display:grid;gap:7px;grid-template-columns:repeat(4,1fr)}#epiRoot .epi-mode{align-items:center;background:var(--eat-rest-grad);border:0;border-radius:12px;box-shadow:var(--eat-rest-shadow-3);color:var(--eat-sound-rest-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:5px;min-width:0;padding:11px 0 10px;transition:transform 80ms ease-out,box-shadow 80ms ease-out}#epiRoot .epi-mode svg{color:var(--eat-bronze);flex:none}#epiRoot .epi-mode span{font-size:10.5px;line-height:1.2}#epiRoot .epi-mode:active{box-shadow:none;transform:translateY(3px)}#epiRoot .epi-mode.is-on{background:linear-gradient(180deg,var(--eat-acc-lit),var(--eat-acc) 58%,var(--eat-acc-dim));box-shadow:0 3px 0 var(--eat-acc-side),inset 0 1px 0 hsla(0,0%,100%,.6);color:var(--eat-on-acc)}#epiRoot .epi-mode.is-on svg{color:var(--eat-on-acc)}#epiRoot .epi-mode.is-on span{font-weight:500}#epiRoot .epi-mode.is-on:active{box-shadow:0 0 0 var(--eat-acc-side),inset 0 1px 0 hsla(0,0%,100%,.6);transform:translateY(3px)}#epiRoot .epi-level-desc{color:var(--eat-text2);font-size:10.5px;line-height:1.6;margin:-4px 0 0}#epiRoot .epi-chips--answer{gap:8px}#epiRoot .epi-chips--answer .epi-chip{flex:1 0 auto;min-width:74px;text-align:center}#epiRoot .epi-seg{background:var(--eat-groove);border-radius:12px;box-shadow:inset 0 1px 2px var(--eat-groove-shadow);display:flex;gap:4px;padding:4px}#epiRoot .epi-seg-btn{background:transparent;border:none;border-radius:9px;color:var(--eat-text2);cursor:pointer;flex:1;font-family:inherit;font-size:11.5px;min-width:0;padding:9px 0}#epiRoot .epi-seg-btn.is-on{background:var(--eat-mold-top);border-bottom:2px solid var(--eat-acc);box-shadow:0 1px 2px var(--eat-plate-shadow-faint);color:var(--eat-text);font-weight:500}#epiRoot .epi-seg--sm{border-radius:11px;flex:1}#epiRoot .epi-seg--sm .epi-seg-btn{font-size:10.5px;padding:6px 0}#epiRoot .epi-seg-row{align-items:center;display:flex;gap:9px}#epiRoot .epi-seg-label{color:var(--eat-text2);flex:none;font-size:10.5px}#epiRoot .epi-hero-plate{align-items:center;display:flex;flex-direction:column;gap:14px;padding:24px 20px 26px}#epiRoot .epi-hero-title{color:var(--eat-text);font-size:21px;letter-spacing:1.26px}#epiRoot .epi-hero-sub{color:var(--eat-text2);font-size:11.5px;line-height:1.7;text-align:center}#epiRoot .epi-setup-plate{display:flex;flex-direction:column;gap:13px;padding:14px 15px 16px}#epiRoot .epi-ref-row{align-items:center;border:1px solid var(--eat-hair);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;width:100%}#epiRoot .epi-ref-title{color:var(--eat-text2);font-size:11.5px;min-width:0}#epiRoot .epi-cta{gap:12px;margin-top:13px}#epiRoot .epi-foot{color:var(--eat-text3);display:flex;font-size:9px;gap:10px;justify-content:space-between;padding:8px 6px 0}#epiRoot .epi-quiz-plate{align-items:center;display:flex;flex-direction:column;gap:13px;padding:20px 18px 22px}#epiRoot .epi-progress{background:var(--eat-groove);border-radius:3px;box-shadow:inset 0 1px 2px var(--eat-groove-shadow);height:5px;overflow:hidden;width:100%}#epiRoot .epi-bar{background:linear-gradient(90deg,var(--eat-acc-lit),var(--eat-acc));border-radius:3px;display:block;height:100%;transition:width .3s ease-out;width:0}#epiRoot .epi-play-row{align-items:center;display:flex;gap:18px}#epiRoot .epi-qnum{align-items:flex-start;display:flex;flex-direction:column;gap:2px}#epiRoot .epi-qnum-row{align-items:baseline;display:flex;gap:4px}#epiRoot .epi-qnum-now{color:var(--eat-text);font-size:44px;line-height:1}#epiRoot .epi-qnum-sep{color:var(--eat-text3);font-size:15px}#epiRoot .epi-qnum-total{color:var(--eat-text2);font-size:26px;line-height:1}#epiRoot .epi-volume{flex:none;touch-action:none;width:66px}#epiRoot .epi-volume-head{align-items:baseline;display:flex;gap:5px;justify-content:center}#epiRoot .epi-volume-label{color:var(--eat-text2);font-size:9px}#epiRoot .epi-volume-val{color:var(--eat-text2);font-size:9.5px}#epiRoot .epi-knob{height:66px;margin-top:5px;width:66px}#epiRoot .epi-prompt{color:var(--eat-sound-rest-text);font-size:13px}#epiRoot .epi-cond{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#epiRoot .epi-answer-plate{display:flex;flex-direction:column;gap:11px;padding:14px 14px 16px}#epiRoot .epi-streak{color:var(--eat-text2);flex:none;font-size:10px}#epiRoot .epi-keys{display:flex;gap:3px;height:124px;position:relative}#epiRoot .epi-key{align-items:center;background:linear-gradient(180deg,var(--epi-wkey-1),var(--epi-wkey-2));border:none;border-radius:4px 4px 9px 9px;box-shadow:0 3px 0 var(--epi-wkey-side),inset 0 1px 0 #fff,inset 0 0 0 1px var(--epi-wkey-edge);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:1px;justify-content:flex-end;min-width:0;padding:0 0 9px}#epiRoot .epi-key-name{color:#1d1a15;font-size:14px;line-height:1.2}#epiRoot .epi-key-kana{color:#6a6459;font-size:9px;line-height:1.3}#epiRoot .epi-key--black{background:linear-gradient(180deg,var(--epi-bkey-1),var(--epi-bkey-2));border-radius:3px 3px 7px 7px;box-shadow:0 3px 0 var(--epi-bkey-side),inset 0 1px 0 hsla(42,36%,91%,.18);flex:none;gap:0;height:63.7%;padding-bottom:7px;position:absolute;top:0;transform:translateX(-50%);width:8.1%}#epiRoot .epi-key--black .epi-key-name{color:#e8e4da;font-size:11px}#epiRoot .epi-key--black .epi-key-kana{color:hsla(43,23%,88%,.72);font-size:7.5px}#epiRoot .epi-key.is-off{cursor:default;opacity:.4}#epiRoot .epi-key.is-picked{background:linear-gradient(180deg,var(--eat-acc-lit),var(--eat-acc) 55%,var(--eat-acc-dim));box-shadow:0 3px 0 var(--eat-acc-side),inset 0 1px 0 hsla(0,0%,100%,.6)}#epiRoot .epi-key.is-correct{background:linear-gradient(180deg,var(--eat-sound-sel-1),var(--eat-sound-sel-2) 55%,var(--eat-sound-sel-3));box-shadow:0 3px 0 var(--eat-sound-sel-shadow),inset 0 1px 0 hsla(0,0%,100%,.6)}#epiRoot .epi-key.is-correct .epi-key-name,#epiRoot .epi-key.is-picked .epi-key-name{color:var(--eat-on-acc)}#epiRoot .epi-key.is-correct .epi-key-kana,#epiRoot .epi-key.is-picked .epi-key-kana{color:var(--eat-on-acc);opacity:.75}#epiRoot .epi-key.is-wrong{background:linear-gradient(180deg,var(--epi-wkey-1),var(--epi-wkey-2));box-shadow:0 3px 0 var(--epi-wkey-side),inset 0 0 0 2px var(--epi-ng)}#epiRoot .epi-key--black.is-wrong{background:linear-gradient(180deg,var(--epi-bkey-1),var(--epi-bkey-2))}#epiRoot .epi-key.is-wrong .epi-key-name{color:var(--epi-ng)}#epiRoot .epi-feedback{color:transparent;font-size:13px;font-weight:700;margin:13px 0 0;min-height:20px;text-align:center}#epiRoot .epi-feedback.is-ok{color:var(--eat-acc-dim)}#epiRoot .epi-feedback.is-ng{color:var(--epi-ng)}#epiRoot .epi-note{color:var(--eat-text2);font-size:9.5px;line-height:1.6;margin:10px 0 0;padding:0 6px;text-align:center}#epiRoot .epi-score-plate{align-items:center;display:flex;flex-direction:column;gap:9px;padding:18px 18px 20px}#epiRoot .epi-score{align-items:flex-end;display:flex;gap:10px}#epiRoot .epi-score-num{color:var(--eat-text);font-size:86px;line-height:.84}#epiRoot .epi-score-side{align-items:flex-start;display:flex;flex-direction:column;gap:2px;padding-bottom:8px}#epiRoot .epi-score-unit{color:var(--eat-text);font-size:19px}#epiRoot .epi-score-sub{color:var(--eat-text2);font-size:10px}#epiRoot .epi-score-meta{align-items:center;display:flex;flex-wrap:wrap;gap:11px;justify-content:center;padding-top:2px}#epiRoot .epi-bytype-plate,#epiRoot .epi-weak-plate{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px}#epiRoot .epi-bars{display:flex;flex-direction:column;gap:12px}#epiRoot .epi-bar-item{display:flex;flex-direction:column;gap:6px}#epiRoot .epi-bar-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between}#epiRoot .epi-bar-name{color:var(--eat-text2);font-size:11.5px}#epiRoot .epi-bar-name.is-on{color:var(--eat-text)}#epiRoot .epi-bar-val{color:var(--eat-text2);font-size:9.5px}#epiRoot .epi-bar-val.is-on{color:var(--eat-acc-dim)}#epiRoot .epi-bar-track{background:var(--eat-groove);border-radius:5px;box-shadow:inset 0 1px 2px var(--eat-groove-shadow);height:10px;position:relative}#epiRoot .epi-bar-fill{background:var(--epi-off-bar);border-radius:5px;bottom:0;display:block;left:0;position:absolute;top:0}#epiRoot .epi-bar-fill.is-on{background:linear-gradient(180deg,var(--eat-acc-lit),var(--eat-acc) 55%,var(--eat-slider-bottom));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}#epiRoot .epi-weak-cap{color:var(--eat-text2);flex:none;font-size:10px}#epiRoot .epi-weak{display:flex;gap:8px}#epiRoot .epi-weak-card{align-items:center;background:var(--eat-rest-grad);border-radius:11px;box-shadow:var(--eat-rest-shadow-3);display:flex;flex:1;flex-direction:column;gap:1px;min-width:0;padding:10px 0 11px}#epiRoot .epi-weak-name{color:var(--eat-sound-rest-text);font-size:20px}#epiRoot .epi-weak-kana{color:var(--eat-text2);font-size:9.5px}#epiRoot .epi-weak-n{color:var(--epi-ng);font-size:9px}#epiRoot .epi-result-actions{display:flex;gap:9px;margin-top:13px}#epiRoot .epi-btn{flex:1;min-width:0}#epiRoot .epi-btn--share{flex:1.4}@media (max-width:359px){#epiRoot .epi-keys{height:112px}#epiRoot .epi-key-kana{font-size:8px}#epiRoot .epi-key--black .epi-key-kana{font-size:7px}#epiRoot .epi-score-num{font-size:70px}#epiRoot .epi-play-row{gap:10px}#epiRoot .epi-disc--lg{height:112px;width:112px}#epiRoot .epi-qnum-now{font-size:38px}#epiRoot .epi-knob,#epiRoot .epi-volume{width:56px}#epiRoot .epi-knob{height:56px}}@media (prefers-reduced-motion:reduce){#epiRoot .epi-bar{transition:none}}