:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4ef;--surface:#fffdf9;--surface-2:#efece5;--line:#e3ded4;--line-2:#cfc9bd;--text:#1f1c18;--text-2:#5f5a52;--text-3:#928c82;--accent:#1f6f68;--on-accent:#fff;--accent-soft:#dcebe8;--accent-soft-2:#bfd9d4;--rec:#c9452d;--warn:#8a5a1d;--warn-soft:#f3e7d3;--seg-on:#1f1c18;--seg-on-text:#fffdf9;--seg-track:#efece5;--support:#ff5e5b;--support-hover:#f04c49;--support-ink:#1f1c18;--key-white:#fffdf9;--key-white-out:#ebe7df;--key-black:#2a2622;--key-black-out:#9a958c;--key-stroke:#cfc9bd;--key-black-stroke:#2a2622;--key-target:#bfd9d4;--key-target-text:#1f6f68;--key-label:#928c82;--key-label-out:#b9b3a9;--key-press:#e6f0ee;--band:#e6f0ee;--grid:#e3ded4;--lane-bg:#fffdf9;--lane-row-dark:#f3f0e9;--lane-line:#ebe7df;--lane-line-c:#d6d1c6;--blob-track:#6b665d;--blob-you:#1f6f68;--blob-ghost:#dcd8cf;--tile:#d3cec3;--tile-edge:#bdb7ab;--contour:#928c82;--curve-on:#fff;--playhead:#1f1c18;--radius:6px;--ctl-h:36px;--font-ui:"Instrument Sans", "Noto Music", var(--font-cjk,system-ui), "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Instrument Serif", "Noto Music", var(--font-cjk,Georgia), Georgia, "Times New Roman", serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1917;--surface:#22211e;--surface-2:#2a2926;--line:#33312d;--line-2:#44413c;--text:#efece5;--text-2:#a8a397;--text-3:#7a756c;--accent:#5fb3aa;--on-accent:#0f1f1d;--accent-soft:#1f3a37;--accent-soft-2:#2a4f4b;--rec:#e0604a;--warn:#e0b56a;--warn-soft:#3a3020;--seg-on:#efece5;--seg-on-text:#1a1917;--seg-track:#2a2926;--key-white:#eae6dd;--key-white-out:#5a5750;--key-black:#111010;--key-black-out:#33312d;--key-stroke:#1a1917;--key-black-stroke:#3a3833;--key-target:#5fb3aa;--key-target-text:#0f1f1d;--key-label:#6f6a62;--key-label-out:#8a857c;--key-press:#bfd9d4;--band:#22302e;--grid:#33312d;--lane-bg:#22211e;--lane-row-dark:#1e1d1a;--lane-line:#2c2b27;--lane-line-c:#44413c;--blob-track:#a8a397;--blob-you:#5fb3aa;--blob-ghost:#3a3833;--tile:#3d3b36;--tile-edge:#56534c;--contour:#8a857c;--curve-on:#1a1917;--playhead:#efece5}html[lang=zh-Hans]{--font-cjk:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC"}html[lang=zh-Hant]{--font-cjk:"PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC"}html[lang=ja]{--font-cjk:"Hiragino Sans", "Yu Gothic UI", Meiryo, "Noto Sans CJK JP", "Noto Sans JP"}html[lang=ko]{--font-cjk:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", "Noto Sans KR"}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);height:100dvh;color:var(--text);font:14px/1.4 var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow:hidden}#root{display:contents}main{min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;flex:1;display:flex;overflow:hidden auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::-webkit-scrollbar-track{background:var(--bg)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--line-2) var(--bg)}}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg text{-webkit-user-select:none;user-select:none}.page{flex:1;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:24px 48px 28px}.page[hidden]{display:none}@media (max-width:719px){.page{padding:12px 16px 14px}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.hint{color:var(--text-3);font-size:13px}.notice{color:var(--warn);margin:0;font-size:13px}.big{font-family:var(--font-display);color:var(--text);font-size:56px;line-height:1}@media (max-width:719px){.big{font-size:40px}}.dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.dot--rec{background:var(--rec)}.nav{border-bottom:1px solid var(--line);background:var(--bg)}.nav__bar{align-items:center;gap:48px;max-width:1280px;height:64px;margin:0 auto;padding:0 48px;display:flex;position:relative}.nav__left{flex:none;align-items:center;gap:6px;display:flex}.select.nav__menu{flex:0 auto;min-width:0}.nav__menu .select__trigger{min-width:0;padding:0 8px 0 10px}.nav__menu .select__ghost{display:none}.nav__menu .select__current{text-overflow:ellipsis;min-width:0;overflow:hidden}.nav__menu .select__menu{min-width:176px}.nav__logo{font-family:var(--font-display);color:var(--text);align-items:baseline;font-size:28px;line-height:1;text-decoration:none;display:inline-flex}.nav__logo-ve{margin-left:.05em;font-size:.56em;font-style:italic;position:relative;top:-.78em}.nav__tabs{flex:none;gap:28px;height:64px;display:flex}.nav__tabs--ghost{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.nav__tab{height:100%;color:var(--text-2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav__tab:hover{color:var(--text)}.nav__tab[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.nav__right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.nav__locale{position:relative}.nav__support-short{display:none}.nav__support{margin-left:4px}@media (max-width:719px){.nav__bar{gap:24px;height:56px;padding:0 16px}.nav__left{gap:2px}.nav__logo{font-size:24px}.nav__support-long{display:none}.nav__support-short{display:inline}.nav__support{height:34px}.nav__locale .select__trigger{justify-content:center;width:36px;padding:0}.nav__locale .select__value,.nav__locale .select__chevron{display:none}}@media (max-width:449px){.nav__bar{gap:8px}.nav__right{gap:0}.nav__right .btn--icon,.nav__locale .select__trigger{width:32px}.nav__support{margin-left:4px;gap:3px!important;padding:0 8px!important}.nav__menu .select__trigger{gap:6px;padding:0 4px 0 8px}}.btn{height:var(--ctl-h);border-radius:var(--radius);color:var(--text);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled,.btn.is-busy{opacity:.5;cursor:default}.ear__primary,.key{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:not(:disabled):hover{filter:brightness(1.08)}.btn--outline{border-color:var(--line-2);padding:0 12px;font-weight:500}.btn--outline:not(:disabled):hover{background:var(--surface-2)}.btn--outline.is-on{background:var(--accent-soft);border-color:var(--accent-soft-2);color:var(--accent)}.btn--soft{background:var(--accent-soft);color:var(--accent);padding:0 16px}.btn--soft:not(:disabled):hover{background:var(--accent-soft-2)}.btn--support{background:var(--support);border-color:var(--support);color:var(--support-ink);padding:0 14px}.btn--support:hover{background:var(--support-hover);border-color:var(--support-hover)}.btn--ghost{color:var(--text-2);padding:0 8px;font-weight:500}.btn--ghost:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.btn--icon{width:var(--ctl-h);padding:0}.btn--small{height:28px;font-size:12px}.btn--small.btn--icon{width:28px}.btn--big{height:40px}.btn--round{border-radius:50%;flex:none;width:32px;height:32px;padding:0}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.segmented{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid;position:relative}.segmented--full{width:100%;display:grid}.segmented__track{border-radius:calc(var(--radius) - 2px);background:var(--seg-track);position:absolute;inset:3px}.segmented__thumb{width:calc((100% - 6px) / var(--n));border-radius:calc(var(--radius) - 2px);background:var(--seg-on);transform:translateX(calc(var(--i) * 100%));transition:transform .18s;position:absolute;top:3px;bottom:3px;left:3px}.segmented__item{z-index:1;height:calc(var(--ctl-h) - 8px);border-radius:calc(var(--radius) - 2px);color:var(--text-2);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:500;transition:color .18s;display:flex;position:relative}.segmented__item:not(.is-on):hover{color:var(--text)}.segmented__item.is-on{color:var(--seg-on-text)}@media (prefers-reduced-motion:reduce){.segmented__thumb,.segmented__item{transition:none}}.select{display:inline-flex;position:relative}.select__trigger{width:100%;height:var(--ctl-h);border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:13px;font-weight:500;display:inline-flex}.select__trigger:disabled{cursor:default}.select__trigger:not(:disabled):hover,.select.is-open .select__trigger{background:var(--surface-2)}.select__value{flex:1;min-width:0;display:grid}.select__value>span{white-space:nowrap;grid-area:1/1}.select__ghost{visibility:hidden}.select__chevron{color:var(--text-2);flex:none}.select__menu{z-index:30;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);outline:none;min-width:100%;max-height:304px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.select__menu::-webkit-scrollbar{width:4px}.select__menu::-webkit-scrollbar-thumb{border-radius:2px}.select__menu::-webkit-scrollbar-track{background:0 0}.select__menu--end{left:auto;right:0}.select__option{border-radius:calc(var(--radius) - 2px);height:32px;color:var(--text);white-space:nowrap;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.select__option.is-active{background:var(--surface-2)}.select__option.is-selected{color:var(--accent)}.select__check{color:var(--accent);flex:none}.select--ghost .select__trigger{background:0 0;border-color:#0000}.select--grow{flex:1;min-width:0}.field--disabled .eyebrow,.field--disabled .select__trigger,.field--disabled .range__dash{opacity:.45}.piano-field{align-items:center;gap:8px;display:flex}.range{align-items:center;gap:6px;display:flex}.range__dash{color:var(--text-3)}.input{height:var(--ctl-h);border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--text-3);align-items:center;gap:10px;padding:0 14px;display:flex}.input:focus-within{outline:2px solid var(--accent);outline-offset:2px}.input__icon{flex:none}.input input{min-width:0;color:var(--text);text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:0;font-size:13px}.input input:focus-visible{outline:none}.input input::placeholder{color:var(--text-3)}.pill{white-space:nowrap;border-radius:12px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.pill--accent{background:var(--accent-soft);color:var(--accent)}.pill--muted{background:var(--surface-2);color:var(--text-2)}.pill--warn{background:var(--warn-soft);color:var(--warn)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.piano{flex-direction:column;flex:auto;gap:6px;width:100%;min-height:0;max-height:300px;display:flex}.piano__bracket{height:28px;position:relative}.piano__bracket-label{color:var(--text-3);white-space:nowrap;font-size:11px;font-weight:500;position:absolute;bottom:12px;transform:translate(-50%)}.piano__bracket-line{border:1px solid var(--text-2);border-bottom:0;height:7px;position:absolute;bottom:4px}.piano__nav{flex-direction:column;gap:6px;display:flex}.piano__nav-labels{color:var(--text-3);justify-content:space-between;gap:12px;font-size:11px;font-weight:500;display:flex}.piano__overview{align-items:center;gap:6px;display:flex}.piano-overview{flex:1;min-width:0;height:34px;overflow:hidden}.piano-overview svg{cursor:pointer;display:block}.ov-key{fill:var(--key-white);stroke:var(--key-stroke);stroke-width:1px}.ov-key--black{fill:var(--key-black);stroke:none}.ov-key--out{fill:var(--key-white-out)}.ov-key--black.ov-key--out{fill:var(--key-black-out)}.ov-key--target{fill:var(--key-target)}.ov-window{fill:none;stroke:var(--text);stroke-width:1.5px}.piano__keys{flex:auto;width:100%;min-height:96px;max-height:260px;display:flex;position:relative}.key{border:1px solid var(--key-stroke);background:var(--key-white);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:3px;flex:none;padding:0;position:relative}.key--white{height:100%}.key--white+.key--white{margin-left:-1px}.key--black{z-index:1;border-color:var(--key-black-stroke);background:var(--key-black);height:62%;position:absolute;top:0}.key--out.key--white{background:var(--key-white-out)}.key--out.key--black{background:var(--key-black-out)}.key--target.key--white,.key--target.key--black{background:var(--key-target)}.key__label{text-align:center;color:var(--key-label);pointer-events:none;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:0;right:0}.key--out .key__label{color:var(--key-label-out)}.key--target .key__label{color:var(--key-target-text);font-weight:600}.piano:not(.piano--static) .key--white:hover{background:var(--key-press)}.piano:not(.piano--static) .key:active{background:var(--accent-soft-2)}.piano--static .key{cursor:default}.trace,.meter{width:100%;overflow:hidden}.trace{min-height:128px}.trace svg,.meter svg{display:block}.trace__band,.meter__band{fill:var(--band)}.trace__grid{stroke:var(--grid);stroke-width:1px}.trace__target{stroke:var(--text-2);stroke-width:1px;stroke-dasharray:3 3}.trace__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trace__cursor{stroke:var(--rec);stroke-width:1.5px}.trace__label,.meter__label,.ruler__label,.lane__key-label{fill:var(--text-3);font-size:10px}.trace__label--target{fill:var(--text-2);font-weight:500}.trace__label--octave{fill:var(--rec);font-style:italic;font-weight:500}.meter__tick{stroke:var(--text-2);stroke-width:1px}.meter__marker{fill:var(--accent)}.bmeter__zone{fill:var(--band)}.meter--off{opacity:.45}.bmeter__range{fill:var(--contour);opacity:.8}.lane{flex:1 1 0;width:100%;min-height:72px;position:relative;overflow:hidden}.lane svg{position:absolute;inset:0}.ruler svg{display:block}.lane__bg{fill:var(--lane-bg)}.lane__row-dark{fill:var(--lane-row-dark)}.lane__line{stroke:var(--lane-line);stroke-width:1px}.lane__line--c{stroke:var(--lane-line-c)}.lane__gutter-bg{fill:var(--surface)}.lane__key{fill:var(--lane-bg);stroke:var(--line-2);stroke-width:1px}.lane__key--black{fill:var(--key-black)}.lane__key-label{fill:var(--text-2);font-size:9px;font-weight:500}.lane__blob--ghost{fill:var(--tile);stroke:var(--tile-edge);stroke-width:1px;stroke-linejoin:miter}.lane__blob--muted{fill:var(--tile);opacity:.45}.lane__blob--beyond{fill:var(--tile-edge);opacity:.7}.lane__fade{fill:var(--surface);opacity:.62}.lane__loop-edge{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3}.lane__playhead{stroke:var(--playhead);stroke-width:1.5px}.lane__empty{text-align:center;color:var(--text-3);pointer-events:none;justify-content:center;align-items:center;padding:0 16px;font-size:13px;line-height:1.4;display:flex;position:absolute;top:0;bottom:0;right:0}.lane__contour{fill:none;stroke:var(--contour);stroke-width:1.25px;opacity:.7;stroke-linecap:round;stroke-linejoin:round}.lane__sung{fill:none;stroke:var(--blob-you);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.lane__sung--off{opacity:.4}.lane__band{fill:var(--band);opacity:.55}.lane__band-label{fill:var(--text-2);font-size:10px;font-weight:500}.lane__guide{fill:none;stroke:var(--tile);stroke-linecap:butt;stroke-linejoin:round}.lane__guide--edge{stroke:var(--tile-edge)}.strip{height:22px;position:relative}.strip__area{fill:var(--contour);opacity:.35}.strip__line{fill:none;stroke:var(--contour);stroke-width:1.25px}.lane__dot{fill:var(--blob-you);stroke:var(--lane-bg);stroke-width:2px}.lane__flip{fill:none;stroke:var(--rec);stroke-width:1.8px;stroke-linecap:round}.ruler{width:100%}.legend{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:13px;display:flex}.legend__item{align-items:center;gap:8px;display:inline-flex}.legend__swatch{background:var(--blob-track);border-radius:5px;width:22px;height:10px}.legend__swatch--muted{background:var(--tile);opacity:.45;border-radius:0}.legend__swatch--you{background:var(--blob-you)}.legend__swatch--level{background:var(--contour);opacity:.5}.legend__flip{color:var(--rec);font-weight:600;line-height:1}.listening{color:var(--rec);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.listening--guide{color:var(--text-2)}.fader{min-width:0;color:var(--text-2);align-items:center;gap:10px;font-size:12px;display:flex}.fader--idle{opacity:.45}.fader__label{white-space:nowrap;flex:none;align-items:center;gap:7px;width:96px;display:inline-flex}.tip{color:var(--text-3);cursor:help;outline:none;align-items:center;display:inline-flex;position:relative}.tip:hover,.tip:focus-visible{color:var(--text)}.tip--warn,.tip--warn:hover,.tip--warn:focus-visible{color:var(--warn)}.tip__text{z-index:6;background:var(--text);width:max-content;max-width:240px;color:var(--bg);white-space:normal;pointer-events:none;opacity:0;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:-6px;transform:translateY(2px);box-shadow:0 4px 14px #0000002e}.tip__text:after{content:"";border:5px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:10px}.tip:hover .tip__text,.tip:focus .tip__text{opacity:1;transform:none}.fader__value{text-align:right;flex:none;width:26px}.fader__input{cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:14px;margin:0}.fader__input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--line-2) var(--fill));border-radius:2px;height:4px}.fader__input::-webkit-slider-thumb{border:1.5px solid var(--accent);background:var(--surface);appearance:none;border-radius:50%;width:14px;height:14px;margin-top:-5px}.fader__input::-moz-range-track{background:var(--line-2);border-radius:2px;height:4px}.fader__input::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.fader__input::-moz-range-thumb{border:1.5px solid var(--accent);background:var(--surface);border-radius:50%;width:11px;height:11px}.fader__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ear{grid-template:"fields action""piano piano"minmax(0,1fr)"result result"/1fr auto;gap:20px 24px;display:grid}.ear__fields{flex-wrap:wrap;grid-area:fields;align-self:end;align-items:flex-end;gap:16px 24px;display:flex}.ear__action{flex-wrap:wrap;grid-area:action;justify-content:flex-end;align-self:end;align-items:center;gap:8px 16px;display:flex}.ear__notice{text-align:right;flex-basis:100%}.ear__piano{flex-direction:column;grid-area:piano;justify-content:center;min-width:0;min-height:0;display:flex}.ear__result{flex-direction:column;grid-area:result;min-width:0;min-height:0;display:flex}.ear__action .btn--big{height:var(--ctl-h)}.ear__primary{min-width:150px}.result{grid-template-rows:auto 1fr;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"target trace verdict""target trace meter";display:grid}.result__target,.result__trace,.result__verdict,.result__meter{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:18px 24px 16px;display:flex}.result__target{grid-area:target}.result__trace{border-left:1px solid var(--line);grid-area:trace}.result__head{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.result__eye{color:var(--text-2);margin:-6px -8px -6px 0}.result__eye[aria-pressed=true]{color:var(--accent)}.result__chart{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.result__cover{background:var(--surface-2);border-radius:calc(var(--radius) - 2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result__verdict{border-left:1px solid var(--line);grid-area:verdict;padding-bottom:0}.result__meter{border-left:1px solid var(--line);grid-area:meter;justify-content:flex-end;padding-top:10px}.result__big-row{flex-wrap:wrap;align-items:center;gap:14px;min-height:56px;display:flex}.result__col{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.result__diff{color:var(--text);white-space:nowrap;font-size:16px;font-weight:600}.result__diff .result__hz{font-size:13px;font-weight:400}.result__hz{color:var(--text-2);font-size:15px}.result__sub{flex-wrap:wrap;align-items:center;gap:10px;min-height:28px;display:flex}@media (max-width:719px){.ear{grid-template:"fields""result""action""piano"minmax(0,1fr)/1fr;row-gap:10px}.ear__fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ear__fields .field:first-child{grid-column:1/-1}.ear__fields .segmented,.ear__fields .select{width:100%}.range .select{flex:1}.ear__action{text-align:center;flex-flow:column-reverse;align-items:stretch;gap:4px}.ear__notice{text-align:center}.ear__action .btn--big{width:100%;height:44px}.ear__piano{justify-content:flex-end}.piano{max-height:290px}.piano__keys{min-height:110px;max-height:220px}.result{grid-template:"target verdict""meter meter""trace trace"/5fr 6fr}.result__target,.result__trace,.result__verdict,.result__meter{border-left:0;gap:6px;padding:12px 14px}.result__big-row{min-height:40px}.result__col{gap:3px}.result__diff{font-size:14px}.result__diff .result__hz{font-size:12px}.result__verdict{padding-bottom:12px}.result__meter,.result__trace{padding-top:0}.result__trace .trace{height:clamp(112px,50dvh - 288px,180px);min-height:0}}@media (max-width:719px) and (max-height:780px){.result{grid-template-rows:auto auto;grid-template-areas:"target verdict""meter meter"}.result__trace,.ear__action .hint{display:none}}.sing{flex-direction:column;gap:14px;display:flex}.sing__row{align-items:center;gap:12px;display:flex}.sing__library{margin-left:auto}.sing__status{min-width:0;color:var(--text-2);flex:1;align-items:center;gap:8px;padding-left:8px;font-size:13px;display:flex}.sing__title{white-space:nowrap;text-overflow:ellipsis;max-width:520px;color:var(--text);overflow:hidden}.sing__length,.sing__when{white-space:nowrap;font-variant-numeric:tabular-nums}.sing__dot{color:var(--text-3)}.transport{flex-wrap:wrap;align-items:center;gap:10px 16px;padding:8px 14px 10px;display:flex}.transport__row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.transport__main{flex:1;align-items:center;gap:16px;min-width:0;margin-right:8px;display:flex}.transport__chips{display:contents}.keychip{height:var(--ctl-h);border:1px solid var(--line-2);border-radius:var(--radius);white-space:nowrap;align-items:center;font-size:13px;font-weight:500;display:inline-flex}.keychip__label{color:var(--text-2);padding:0 4px 0 12px}.keychip__btn{width:28px;height:100%;font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:0;font-size:15px}.keychip__btn:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.keychip__btn:disabled{opacity:.4;cursor:default}.keychip__value{text-align:center;font-variant-numeric:tabular-nums;width:24px}.keychip.is-on .keychip__value{color:var(--accent)}.miclevel{background:var(--line-2);border-radius:2px;width:36px;height:4px;overflow:hidden}.miclevel__fill{background:var(--accent);height:100%;transition:width 80ms linear;display:block}.transport__faders{flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 20px;padding-left:48px;display:grid}.transport__time{white-space:nowrap;font-size:14px;font-weight:500}.transport__total{color:var(--text-3);font-weight:400}.transport__bar{background:var(--line-2);border-radius:2px;flex:1;height:4px;position:relative}.transport__fill{background:var(--accent);border-radius:2px;height:100%}.transport__thumb{background:var(--accent);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-4px}.graph{flex-direction:column;flex:1;gap:6px;min-width:0;min-height:0;padding:12px 16px 10px;display:flex}.graph__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.graph__head--you{margin-top:6px}.graph__hint{font-size:12px}.sing__legend{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.sing__score strong{color:var(--text);font-weight:600}@media (max-width:719px){.sing{gap:10px}.sing__row{flex-wrap:wrap;gap:8px}.sing__upload{flex:1;justify-content:center}.sing__status{flex-basis:100%;order:3;min-height:18px;padding-left:0;font-size:12px}.sing__status--line{text-align:center;justify-content:center}.sing__title{max-width:220px}.transport{flex-flow:column;align-items:stretch;gap:8px;padding:8px 12px 10px}.transport__row{flex-wrap:wrap}.transport__main{flex-basis:100%;gap:12px;margin-right:0}.transport__chips{flex-basis:100%;gap:8px;display:grid}.transport__chips--a{grid-template-columns:repeat(3,minmax(0,1fr))}.transport__chips--b{grid-template-columns:repeat(2,minmax(0,1fr))}.transport__window{display:none}.transport__chips .btn{padding:0 8px}.keychip{justify-content:center}.keychip__label{padding-left:0}.miclevel{width:24px}.transport__faders{grid-template-columns:1fr;gap:6px;padding-left:0}.graph{gap:4px;padding:10px 12px}.graph__hint{display:none}.sing__legend{gap:6px 12px;font-size:12px}.legend{gap:6px 12px}.legend__swatch{width:18px;height:8px}}.reg{grid-template:"fields action""graph graph"minmax(auto,1fr)"legend legend""cards cards"/1fr auto;gap:16px 24px;display:grid}.reg__fields{flex-wrap:wrap;grid-area:fields;align-self:end;align-items:flex-end;gap:16px 24px;display:flex}.reg__action{flex-wrap:wrap;grid-area:action;justify-content:flex-end;align-self:end;align-items:center;gap:8px 16px;max-width:480px;display:flex}.reg__action .hint{text-align:right;flex:1 1 0;min-width:0}.reg__action .btn--big{height:var(--ctl-h)}.reg__primary{min-width:120px}.reg__notice{text-align:right;flex-basis:100%}.reg__graph{grid-area:graph;min-height:auto}.reg__legend{color:var(--text-2);flex-wrap:wrap;grid-area:legend;justify-content:space-between;align-items:center;gap:8px 12px;font-size:13px;display:flex}.reg__calibrated{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.reg__calibrate{height:24px;color:var(--text);padding:0 2px;font-size:13px}.reg__cards{grid-area:cards;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.reg__card{flex-direction:column;gap:12px;min-width:0;padding:16px 24px 14px;display:flex}.reg__card+.reg__card{border-left:1px solid var(--line)}.reg__big{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:40px;line-height:1}.reg__sub{min-height:36px}.calib{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;padding:16px;display:flex}.calib__text{max-width:440px;color:var(--text);font-size:15px}.calib__note{min-height:56px}.calib__bar{background:var(--line-2);border-radius:3px;width:min(320px,100%);height:6px;overflow:hidden}.calib__fill{background:var(--accent);border-radius:3px;height:100%;transition:width .12s linear}.calib__row{gap:10px;display:flex}.calib--takes{text-align:left;align-items:stretch;max-width:560px;margin:0 auto}.calib__edit{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.calib__head{justify-content:space-between;align-items:baseline;display:flex}.calib__intro{max-width:none;color:var(--text-2);font-size:13px}.calib__takes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.take{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:18px 56px 1fr auto;align-items:center;gap:14px;padding:8px 14px;display:grid}.take--now{border-color:var(--accent-soft-2);background:var(--accent-soft)}.take__n{color:var(--text-3);font-size:12px}.take__note.big{font-size:26px}.take__how{color:var(--text-2);font-size:13px}.take__state{color:var(--text-3);font-size:12px}.take--done .take__state{color:var(--accent)}.calib--takes .calib__bar,.calib--takes .calib__btn{align-self:flex-start}.calib--takes .calib__bar{width:100%}@media (max-width:719px){.reg{grid-template:"fields""graph"minmax(auto,1fr)"legend""action""cards"/minmax(0,1fr);row-gap:10px}.reg__fields{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.reg__fields .field--exercise{grid-column:1/-1}.reg__fields .field--guide{justify-self:end}.reg__fields .segmented,.reg__fields .select{width:100%}.reg__fields .range .select{width:auto}.reg__fields .range .segmented{flex:none;width:auto}.reg__action{text-align:center;flex-flow:column-reverse;align-items:stretch;gap:4px}.reg__notice{text-align:center}.reg__action .btn--big{width:100%;height:44px}.reg__action .hint,.reg__legend .legend{display:none}.reg__legend{font-size:12px}.reg__calibrated{white-space:normal;display:inline}.reg__graph .lane{min-height:170px}.reg__strip{flex-direction:column;grid-area:cards;gap:4px;padding:10px 12px;display:flex}.reg__strip-pass{-webkit-line-clamp:3;height:54.6px;color:var(--text-2);-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.reg__strip-pass strong{color:var(--text);font-weight:500}.calib__note{min-height:40px}}@media (max-width:719px) and (max-height:800px){.reg__graph .lane{min-height:150px}}.reg__debug{z-index:5;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--text-2);padding:6px 10px;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.5;position:fixed;bottom:4px;left:16px;right:16px}.record{flex:1;align-items:center;gap:28px;min-height:0;padding:20px 24px;display:flex}.record__embed{aspect-ratio:16/9;background:var(--key-black);border-radius:4px;flex:0 640px;min-width:320px;max-height:100%;overflow:hidden}.record__embed iframe,.record__video,.record__poster{background:var(--key-black);border:0;width:100%;height:100%;display:block}.record__video{object-fit:contain}.record__embed--video,.record__embed--audio{aspect-ratio:auto;flex-direction:column;display:flex}.record__bar{background:var(--key-black-out,#2f2d29);height:28px;color:var(--key-white,#fff);flex:none;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.record__bar-name{white-space:nowrap;text-overflow:ellipsis;opacity:.85;min-width:0;overflow:hidden}.record__bar-kind{letter-spacing:.08em;opacity:.7;flex:none;margin-left:auto;font-size:10px;font-weight:600}.record__window{aspect-ratio:16/9;background:var(--key-black);flex:1;min-height:0;position:relative}.record__window .record__video{position:absolute;inset:0}.record__mark{fill:none;width:62%;height:36%;stroke:var(--key-white,#fff);stroke-width:2px;stroke-linecap:round;opacity:.28;position:absolute;top:32%;left:19%}.record__preview{width:64px;height:44px;color:var(--key-white,#fff);cursor:pointer;background:#ffffff29;border:0;border-radius:10px;justify-content:center;align-items:center;margin:-22px 0 0 -32px;display:flex;position:absolute;top:50%;left:50%}.record__preview:hover{background:#ffffff42}.record__preview svg{width:22px;height:22px}.record__progress{background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.record__progress-fill{background:var(--accent);height:100%}.record__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.record__lines{color:var(--text-2);flex-direction:column;gap:8px;font-size:13px;line-height:1.45;display:flex}.record__line{align-items:center;gap:8px;display:flex}.livestrip{width:100%;max-width:480px;height:44px;display:block}.livestrip__bg{fill:var(--surface-2);stroke:var(--line-2);stroke-width:1px}.livestrip__axis{stroke:var(--line-2);stroke-width:1px}.livestrip__wave{fill:var(--accent);opacity:.55}.livestrip__head{stroke:var(--rec);stroke-width:1.5px}.record__info{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.record__title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.record__steps{color:var(--text-2);flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:13px;line-height:1.45;display:flex}.record__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.record__actions .dot{background:var(--on-accent)}.record__clock{align-items:baseline;gap:10px;display:flex}.record__big{font-variant-numeric:tabular-nums;font-size:44px}.record__of{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:15px}.progress{background:var(--line-2);border-radius:3px;height:6px;overflow:hidden}.progress__fill{background:var(--accent);border-radius:3px;height:100%;transition:width .2s linear}.record__bullets{color:var(--text-2);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:flex}.record__bullets li{align-items:flex-start;gap:8px;display:flex}.record__bullets .dot{flex:none;margin-top:5px}.record--busy{justify-content:center}.record__info--centre{text-align:center;flex:0 520px;align-items:center}.record__info--centre .progress{align-self:stretch}.record__info--centre .record__title{max-width:100%}.library{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 24px 20px;display:flex}.library:focus{outline:none}.library__head{align-items:center;gap:12px;display:flex}.library__back{padding:0 10px 0 6px}.library__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:12px;min-height:0;display:grid;overflow-y:auto}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.card.is-loaded{border-color:var(--accent-soft-2);background:var(--accent-soft)}.card.is-busy{opacity:.6}.card__strip{width:100%;height:36px;display:block}.card__wave{fill:var(--blob-track);opacity:.25}.card__text{flex-direction:column;gap:3px;min-width:0;display:flex}.card__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.card__meta{color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.card__meta svg{flex:none}.card__actions{align-items:center;gap:4px;display:flex}.card__space{flex:1}.card__loaded{border-radius:var(--radius);height:28px;color:var(--accent);background:var(--accent-soft);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.card.is-loaded .card__loaded{background:var(--surface)}.dot--muted{background:var(--text-3)}.library__heading{white-space:nowrap;flex:1;align-items:baseline;gap:10px;min-width:0;display:flex;overflow:hidden}.library__title{font-size:16px;font-weight:500}.library__input{height:26px;padding:0 8px}.library__delete{color:var(--rec)}.library__x{color:var(--text-3)}.library__empty{padding:24px 0}.graph__mic{align-items:center;gap:14px;display:flex}.transport__bar--live{cursor:pointer}.section{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative}.section svg{display:block}.section__bg{fill:var(--lane-bg);stroke:var(--lane-line-c);stroke-width:1px}.section__wave{fill:var(--blob-track);opacity:.5}.section__dim{fill:var(--surface);opacity:.62}.section__range{fill:var(--accent);opacity:.1}.section__handle{cursor:ew-resize;background:0 0;border:0;width:16px;margin-left:-8px;padding:0;position:absolute;top:0}.section__handle:before{content:"";background:var(--accent);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:6px}.section__handle:focus-visible{outline:none}.section__handle:focus-visible:before{box-shadow:0 0 0 3px var(--accent-soft-2)}.section__label{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-2);pointer-events:none;font-size:11px;line-height:18px;position:absolute}.record__section{flex-direction:column;gap:4px;display:flex}.record__section-line{color:var(--text-2);justify-content:space-between;gap:12px;font-size:13px;display:flex}.record__events{color:var(--text-3);font-size:12px}.graph__head--song{margin-top:8px}.songmap{touch-action:none;width:100%}.songmap--live{cursor:pointer}.songmap svg{display:block}.songmap__bg{fill:var(--lane-bg)}.songmap__loop{fill:var(--band)}.songmap__loop-edge{stroke:var(--accent);stroke-width:2px}.songmap__note{fill:var(--blob-track);opacity:.55}.songmap__window{fill:none;stroke:var(--text);stroke-width:1.5px}.songmap__playhead{stroke:var(--playhead);stroke-width:1.5px}.legend__line{border-radius:1px;width:22px;height:2px}.legend__line--original{background:var(--contour);opacity:.7}.legend__line--you{background:var(--blob-you)}.legend__swatch--tile{background:var(--tile);box-shadow:inset 0 0 0 1px var(--tile-edge);border-radius:0}@media (max-width:719px){.record{flex-direction:column;align-items:stretch;gap:14px;padding:12px;overflow-y:auto}.record__embed{flex:none;width:100%;min-width:0}.record__big{font-size:32px}.legend__line{width:18px}.library{gap:10px;padding:10px 12px 12px}.library__grid{grid-template-columns:1fr}.card{gap:8px;padding:12px}.card__strip{height:28px}.record__embed--video,.record__embed--audio{width:100%}}.home{flex-direction:column;flex:1 0 auto;gap:28px;display:flex}.home__main{gap:inherit;flex-direction:column;flex:1 0 auto;display:flex}.home__main>*{margin-block:auto}.home__hero{flex:none;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px;min-height:0;display:grid}.home__copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.home__title{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:clamp(40px,4.6vw,64px);font-weight:400;line-height:1.02}.home__text{max-width:540px;color:var(--text-2);margin:0;font-size:17px;line-height:1.5}.home__actions{align-items:center;gap:18px;padding-top:4px;display:flex}.home__actions .btn--big{height:44px;text-decoration:none}.home__link{color:var(--text-2);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.home__link:hover{color:var(--text)}.home__sample{flex-direction:column;gap:10px;padding:18px 20px 16px;display:flex}.home__sample .trace{height:clamp(120px,22vh,190px);min-height:0}.home__sample-head,.home__sample-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.home__sample-foot{justify-content:flex-start}.home__tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.home__tool{color:var(--text);flex-direction:column;gap:12px;min-width:0;padding:20px 22px 18px;text-decoration:none;display:flex}.home__tool:hover{border-color:var(--line-2)}.home__tool-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home__tool-arrow{border:1px solid var(--line-2);width:28px;height:28px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.home__tool-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;line-height:1.1}.home__tool-line{color:var(--text-2);font-size:14px;line-height:1.45}.home__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.home__foot .btn--support{text-decoration:none}.glyph{display:block}.glyph__key{fill:var(--key-white,var(--surface));stroke:var(--line-2)}.glyph__key--target{fill:var(--accent-soft-2,var(--accent-soft))}.glyph__black{fill:var(--key-black,var(--text))}.glyph__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.glyph__tile{fill:var(--line-2)}.glyph__band{fill:var(--accent-soft)}.glyph__break{fill:none;stroke:var(--rec,#c9452d);stroke-width:1.6px;stroke-linecap:round}@media (min-width:720px) and (max-height:760px){.home{gap:20px}.home__title{font-size:clamp(36px,4vw,52px)}.home__text{font-size:16px}.home__tool{gap:10px;padding:16px 18px 14px}.home__tool-name{font-size:23px}}@media (min-width:720px) and (max-height:640px){.home__sample{display:none}.home__hero{grid-template-columns:minmax(0,1fr)}}@media (max-width:719px){.home{gap:20px}.home__hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:0}.home__copy{gap:12px}.home__title{font-size:clamp(34px,10vw,42px)}.home__text{font-size:15px}.home__actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.home__actions .btn--big{height:48px}.home__link,.home__sample{display:none}.home__tools{grid-template-columns:minmax(0,1fr);gap:10px}.home__tool{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"glyph name""glyph line";align-items:center;gap:3px 12px;padding:12px 14px;display:grid}.home__tool-head{display:contents}.home__tool-head .glyph{grid-area:glyph;width:56px;height:35px}.home__tool-arrow{display:none}.home__tool-name{grid-area:name;font-size:21px}.home__tool-line{grid-area:line;font-size:12.5px;line-height:1.4}.home__foot{padding-top:14px}.home__mission{font-size:12px}}