@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/instrument-sans-latin-BbzFLZTg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/instrument-sans-latin-ext-B5bTHO_g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/instrument-serif-latin-DnYpCC2O.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/instrument-serif-latin-ext-C2je3j2s.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/instrument-serif-italic-latin-DKMiL14s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/instrument-serif-italic-latin-ext-C9HzH3YL.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,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)format("woff2");unicode-range:U+266D,U+266F}: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{width:100%;max-width:1280px;min-height:0;padding:24px 48px calc(28px + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}.page[hidden]{display:none}@media (max-width:719px){.page{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}}.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}.nav{padding-top:env(safe-area-inset-top,0px)}.nav__install--icon{width:var(--ctl-h);padding:0}.nav__install--icon .nav__install-word{display:none}.nav__install-ghost{visibility:hidden;pointer-events:none;position:absolute}.guide{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--surface);width:min(360px,100vw - 32px);color:var(--text);margin:auto;padding:0}.guide::backdrop{background:#1f1c1866}.guide__box{outline:none;flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.guide__head{justify-content:space-between;align-items:center;display:flex}.guide__close{margin:-8px -10px -8px 0;font-size:20px;line-height:1}.guide__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:26px;font-weight:400;line-height:1.15}.guide__steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.guide__step{align-items:flex-start;gap:12px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.guide__glyph{border:1px solid var(--line-2);border-radius:var(--radius);width:32px;height:32px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:flex}.guide__where{margin-top:2px;font-weight:400;display:block}.guide__actions{justify-content:flex-end;display:flex}@media (max-width:719px){.guide{margin:auto auto calc(16px + env(safe-area-inset-bottom,0px))}.nav__bar{gap:24px;height:56px;padding:0 16px}.nav__install{width:34px;height:34px;padding:0}.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__install{width:32px}.nav__install--tab{display:none}.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;padding-right:8px;display:inline-flex}@media (max-width:719px){.fader{gap:0}.fader__label{gap:5px;width:80px;padding-right:0}}.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}@media (max-width:719px){.tip__text{max-width:210px;left:auto;right:-6px}.tip__text:after{left:auto;right:10px}}.fader__value{text-align:right;flex:none;width:22px}.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:6px;display:flex}.transport__chips>*{flex:auto;min-width:0}.transport__window{display:none}.transport__chips .btn{padding:0 6px;position:relative}.transport__word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.keychip{justify-content:center}.keychip__label{padding-left:0}.keychip__btn{width:26px}.keychip__value{width:18px}.miclevel{width:auto;height:3px;position:absolute;bottom:4px;left:5px;right:5px}.transport__faders{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:6px 16px;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__prepared{min-height:24px;color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.card__prepared svg{color:var(--accent);flex:none}.card__prepared-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.card__clear{height:24px;margin-right:-8px;padding:0 8px}.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}}