.hm2-ta .hm2-t-card{scroll-margin-top:80px}.hm2-ta button:focus-visible,.hm2-ta a:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 70%, transparent);outline-offset:3px}.hm2-ta .hm2-t-play:focus-visible{outline-offset:4px}.hm2-ta-introh,.hm2-ta-limit h2{outline:none}.hm2-ta button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.hm2-ta .hm2-btn-acc[aria-disabled=true]:hover{background:var(--accent)}.hm2-ta .hm2-btn-ghost[aria-disabled=true]:hover{background:0 0}.hm2-ta-playwrap{border-radius:50%;flex:none;display:inline-flex}.hm2-ta-playwrap[data-wait] .hm2-t-play{opacity:.6;cursor:progress;transform:none}.hm2-ta-notice{color:var(--bad);margin:0;font-size:13px;line-height:1.5}.hm2-ta-notice:not(:empty){margin-top:14px}.hm2-ta-grid{grid-template-columns:minmax(0,1fr) 232px;align-items:start;gap:18px;display:grid}.hm2-ta-main{grid-area:1/1;min-width:0}.hm2-ta-side{border:1px solid var(--line-strong);background:var(--bg-elevated);border-radius:18px;flex-direction:column;grid-area:1/2;padding:16px 18px;display:flex}.hm2-ta-sidepart{flex-direction:column;gap:10px;min-width:0;display:flex}.hm2-ta-sidepart+.hm2-ta-sidepart{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.hm2-ta-sidepart:empty{display:none}.hm2-ta-row{color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.hm2-ta-row b{font:600 12.5px/1.35 var(--font-mono);color:var(--ink);text-align:right}.hm2-ta-dots{gap:6px;display:flex}.hm2-ta-dots i{background:var(--line-strong);border-radius:3px;flex:1;height:6px}.hm2-ta-dots i[data-on]{background:color-mix(in oklab, var(--accent) 40%, transparent)}.hm2-ta-dots i[data-cur]{background:var(--accent)}.hm2-ta-lv{flex-direction:column;gap:3px;display:flex}.hm2-ta-lv b{font-size:14px;font-weight:600}.hm2-ta-lv span{color:var(--ink-muted);font-size:12.5px;line-height:1.45}.hm2-ta-side .hm2-t-note{margin:0}.hm2-ta-side .hm2-link-acc{margin:0 -4px;padding:13px 4px}.hm2-ta-p{max-width:62ch;color:var(--ink-muted);margin:10px 0 0;font-size:15px;line-height:1.6}.hm2-ta-levels{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px;margin-top:20px;display:grid}.hm2-ta-level{border:1px solid var(--line-strong);background:var(--bg-sunken);min-height:64px;color:var(--ink);text-align:left;transition:border-color var(--dur) var(--ease), background var(--dur), box-shadow var(--dur);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:3px 12px;padding:13px 14px;display:grid}.hm2-ta-level:hover{border-color:var(--accent-line)}.hm2-ta-level b{font-size:14.5px;font-weight:600;line-height:1.3}.hm2-ta-level>span:last-child{color:var(--ink-muted);font-size:12.5px;line-height:1.4}.hm2-ta-lnum{border:1px solid var(--line-input);width:30px;height:30px;font:600 12px/1 var(--font-mono);color:var(--ink-muted);border-radius:50%;grid-row:1/span 2;justify-content:center;align-items:center;display:inline-flex}.hm2-ta-level[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.hm2-ta-level[aria-pressed=true] .hm2-ta-lnum{border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)}.hm2-ta-freeline{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:0 10px;margin:10px 4px 0;font-size:13px;display:flex}.hm2-ta-freeline .hm2-link-acc{align-items:center;min-height:44px;display:inline-flex}.hm2-ta-head{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.hm2-ta-headtxt{flex-direction:column;flex:240px;gap:5px;min-width:0;display:flex}.hm2-ta-title{font-family:var(--font-display);letter-spacing:-.01em;outline:none;margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:400;line-height:1.08}.hm2-ta-sub{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px}.hm2-ta-hint{border:1px solid var(--line-strong);color:var(--ink-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;line-height:1.35;display:inline-flex}.hm2-ta-hint svg{flex:none}.hm2-ta-cells{grid-template-columns:repeat(var(--n,8), minmax(0, 1fr));gap:8px;margin-top:22px;display:grid}.hm2-ta-cell{border:1px solid color-mix(in oklab, var(--c) 42%, transparent);background:color-mix(in oklab, var(--c) 11%, var(--bg-elevated));min-width:0;min-height:104px;color:var(--ink);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow .3s var(--ease), translate .42s var(--ease-spring);border-radius:16px;justify-content:center;align-items:center;padding:24px 4px 14px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.hm2-ta-cell:before{content:"";background:var(--c);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.hm2-ta-cell:hover{border-color:color-mix(in oklab, var(--accent) 50%, transparent)}.hm2-ta-cell[data-empty]{border-style:dashed;border-color:var(--line-input);background:0 0}.hm2-ta-cell[data-empty]:before{display:none}.hm2-ta-n{font:500 10.5px/1 var(--font-mono);color:var(--ink-muted);position:absolute;top:9px;left:10px}.hm2-ta-q{font:italic 400 30px/1 var(--font-display);color:var(--ink-subtle)}.hm2-ta-cell .hm2-t-chord{font-size:28px;font-size:min(34px, calc(100cqi / var(--w,1.4)));animation:hm2-ta-pop .36s var(--ease-spring) both}.hm2-ta-cell[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.hm2-ta-cell[aria-pressed=true] .hm2-ta-q{color:var(--accent);animation:1.1s ease-in-out 3 hm2-ta-blink}.hm2-ta-cell[data-empty][data-play]{--c:var(--accent)}.hm2-ta-cell[data-play]{box-shadow:0 14px 30px -14px var(--c), 0 0 0 1px var(--c);translate:0 -3px}.hm2-ta-cell[data-play][aria-pressed=true]{box-shadow:0 14px 30px -14px var(--c), 0 0 0 2px var(--accent)}.hm2-ta-pal{border-top:1px solid var(--line);flex-wrap:wrap;gap:20px 36px;margin-top:24px;padding-top:20px;display:flex}.hm2-ta-pgroup{flex-direction:column;gap:10px;min-width:0;display:flex}.hm2-ta-btns{flex-wrap:wrap;gap:8px;display:flex}.hm2-ta-base{border:1px solid color-mix(in oklab, var(--c) 45%, transparent);background:color-mix(in oklab, var(--c) 12%, var(--bg-elevated));min-width:56px;height:54px;color:var(--ink);font:italic 400 26px/1 var(--font-display);transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease-spring);border-radius:13px;padding:0 14px}.hm2-ta-base[data-long]{font-size:21px}.hm2-ta-base:hover:not([aria-disabled=true]){background:color-mix(in oklab, var(--c) 22%, var(--bg-elevated))}.hm2-ta-base:active:not([aria-disabled=true]){transform:scale(.95)}.hm2-ta-base[aria-pressed=true]{border-color:var(--c);background:color-mix(in oklab, var(--c) 24%, var(--bg-elevated));box-shadow:0 0 0 1px var(--c)}.hm2-ta-fig{border:1px solid var(--line-strong);background:var(--bg-sunken);min-width:56px;height:54px;color:var(--ink);font:600 15px/1 var(--font-mono);transition:border-color var(--dur) var(--ease), background var(--dur), transform var(--dur) var(--ease-spring);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.hm2-ta-fig small{font:400 9.5px/1 var(--font-mono);color:var(--ink-muted)}.hm2-ta-fig:hover:not([aria-disabled=true]){border-color:var(--line-input)}.hm2-ta-fig:active:not([aria-disabled=true]){transform:scale(.95)}.hm2-ta-fig[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.hm2-ta-fig[aria-pressed=true] small{color:var(--accent)}.hm2-ta-fig[data-implicit]{border-color:var(--accent);color:var(--accent);border-style:dashed}.hm2-ta-fig[data-implicit]:hover:not([aria-disabled=true]){border-color:var(--accent);background:var(--accent-soft)}.hm2-ta-fig[aria-disabled=true]{opacity:.4}.hm2-ta-keys{font-family:var(--font-mono);font-size:11.5px}@media (hover:none),(pointer:coarse){.hm2-ta-keys{display:none}}.hm2-ta-checkwrap{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 14px;display:inline-flex}.hm2-ta-res{flex-wrap:wrap;align-items:center;gap:20px 30px;display:flex}.hm2-ta-restxt{flex:320px;min-width:0}.hm2-ta-verdict{font-family:var(--font-display);letter-spacing:-.01em;animation:hm2-ta-rise var(--dur-slow,.38s) var(--ease-expo) .12s both;outline:none;margin:10px 0 0;font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.08}.hm2-ta-metrics{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hm2-ta-metric{border:1px solid var(--line-strong);min-height:34px;color:var(--ink-muted);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.hm2-ta-metric b{font:600 13px/1 var(--font-mono);color:var(--ink)}.hm2-ta-legend{margin:22px 0 0;display:none}.hm2-ta-cmp{gap:10px;margin-top:28px;display:flex}.hm2-ta-cmplab{width:56px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);text-align:right;flex:none;grid-template-rows:58px 28px 58px;align-items:center;row-gap:8px;display:grid}.hm2-ta-cols{grid-template-columns:repeat(var(--n,8), minmax(0, 1fr));flex:1;gap:14px 8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.hm2-ta-col{grid-template-rows:58px 28px 58px;row-gap:8px;min-width:0;display:grid}.hm2-ta-cs{border:1px solid color-mix(in oklab, var(--c) 42%, transparent);background:color-mix(in oklab, var(--c) 12%, var(--bg-elevated));min-width:0;color:var(--ink-subtle);font:italic 400 22px/1 var(--font-display);transition:translate .42s var(--ease-spring), box-shadow .3s var(--ease);animation:hm2-ta-seg .5s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden;container-type:inline-size}.hm2-ta-cs .hm2-t-chord{font-size:24px;font-size:min(28px, calc(100cqi / var(--w,1.4)))}.hm2-ta-cs[data-you]{animation-name:hm2-ta-segup;animation-delay:calc(.26s + var(--i,0) * 50ms)}.hm2-ta-cs[data-mark=bad]{border-color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad)}.hm2-ta-cs[data-mark=half]{border-color:var(--accent);border-style:dashed}.hm2-ta-col[data-play] .hm2-ta-cs:first-child{box-shadow:0 10px 26px -12px var(--c), 0 0 0 2px var(--c);translate:0 -3px}.hm2-ta-mk{justify-content:center;align-items:center;display:flex}.hm2-ta-mk span{width:26px;height:26px;font:700 12px/1 var(--font-mono);animation:hm2-ta-popin .4s var(--ease-spring) both;animation-delay:calc(.5s + var(--i,0) * 80ms);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hm2-ta-mk[data-mark=ok] span{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-line)}.hm2-ta-mk[data-mark=half] span{background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent)}.hm2-ta-mk[data-mark=bad] span{background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad-line)}.hm2-ta-why{flex-direction:column;gap:10px;margin-top:26px;display:flex}.hm2-ta-why h3{margin:0 0 2px;font-weight:500}.hm2-ta-whylist{flex-direction:column;gap:10px;display:flex}.hm2-ta-wrow{border:1px solid var(--line);background:var(--bg-sunken);animation:hm2-ta-rise .45s var(--ease) both;animation-delay:calc(.7s + var(--i,0) * 90ms);border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:12px 14px 12px 16px;display:grid}.hm2-ta-wrow[data-late]{animation-delay:calc(var(--i,0) * 60ms)}.hm2-ta-wrow p{color:var(--ink);margin:0;font-size:14.5px;line-height:1.5}.hm2-ta-no{background:var(--bad-soft);width:26px;height:26px;color:var(--bad);font:600 11.5px/1 var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hm2-ta-wrow[data-mark=half] .hm2-ta-no{background:var(--accent-soft);color:var(--accent)}.hm2-ta-mini{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);white-space:nowrap;transition:border-color var(--dur) var(--ease), color var(--dur);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.hm2-ta-mini:hover:not([aria-disabled=true]){border-color:var(--accent);color:var(--accent)}.hm2-ta-more{border:1px dashed var(--line-input);min-height:44px;color:var(--ink-muted);transition:border-color var(--dur) var(--ease), color var(--dur);background:0 0;border-radius:10px;align-self:flex-start;align-items:center;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.hm2-ta-more:hover{border-color:var(--accent);color:var(--ink)}.hm2-ta-ear{color:var(--ink-muted);align-items:center;gap:10px;margin:20px 0 0;font-size:13.5px;line-height:1.5;display:flex}.hm2-ta-ear:before{content:"";background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.hm2-ta-ear[data-err]:before{background:var(--bad)}.hm2-ta-guest{border:1px solid var(--accent-line);background:var(--accent-soft);animation:hm2-ta-rise .45s var(--ease) .9s both;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:22px;padding:16px 18px;display:flex}.hm2-ta-guest>div{flex:280px;min-width:0}.hm2-ta-guest b{font-size:15px;font-weight:600;line-height:1.35;display:block}.hm2-ta-guest span{color:var(--ink-muted);margin-top:4px;font-size:13px;line-height:1.5;display:block}.hm2-ta-guest .hm2-link-acc{align-items:center;min-height:44px;display:inline-flex}.hm2-ta-conf{border:1px solid var(--line-strong);background:var(--bg-elevated);border-radius:20px;margin-top:18px;padding:20px 22px 8px}.hm2-ta-conf h2{font-family:var(--font-display);margin:8px 0 10px;font-size:26px;font-weight:400;line-height:1.05}.hm2-ta-pair{border-top:1px solid var(--line);grid-template-columns:minmax(150px,max-content) minmax(0,1fr) 160px;align-items:center;gap:8px 20px;padding:14px 0;display:grid}.hm2-ta-pairch{align-items:baseline;gap:10px;font-size:28px;display:inline-flex}.hm2-ta-x{font:400 13px/1 var(--font-mono);color:var(--ink-subtle)}.hm2-ta-pair p{color:var(--ink-muted);margin:0;font-size:13.5px;line-height:1.55}.hm2-ta-barbox{flex-direction:column;gap:7px;display:flex}.hm2-ta-bar{background:var(--line-strong);border-radius:3px;height:6px;position:relative;overflow:hidden}.hm2-ta-bar i{background:var(--accent);animation:hm2-ta-bar .9s var(--ease-expo) both;border-radius:3px;position:absolute;top:0;bottom:0;left:0}.hm2-ta-barn{font:500 11.5px/1 var(--font-mono);color:var(--ink-muted)}@keyframes hm2-ta-pop{0%{opacity:0;transform:translateY(-10px)scale(.6)}}@keyframes hm2-ta-blink{50%{opacity:.25}}@keyframes hm2-ta-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes hm2-ta-seg{0%{opacity:0;transform:translateY(-6px)}}@keyframes hm2-ta-segup{0%{opacity:0;transform:translateY(14px)}}@keyframes hm2-ta-popin{0%{opacity:0;transform:scale(.4)}}@keyframes hm2-ta-bar{0%{width:0}}@media (max-width:959px){.hm2-ta-grid{grid-template-columns:minmax(0,1fr);gap:14px}.hm2-ta-side,.hm2-ta-main{grid-area:auto/1}.hm2-ta-side{flex-direction:row;align-items:flex-start;gap:24px}.hm2-ta-sidepart{flex:1 1 0}.hm2-ta-sidepart+.hm2-ta-sidepart{border-top:0;border-left:1px solid var(--line);margin-top:0;padding-top:0;padding-left:24px}}@media (max-width:639px){.hm2-ta .hm2-t-card{scroll-margin-top:112px}.hm2-ta-side{flex-direction:column;align-items:stretch;gap:0;padding:14px 16px}.hm2-ta-sidepart{flex:none}.hm2-ta-sidepart+.hm2-ta-sidepart{border-top:1px solid var(--line);border-left:0;margin-top:12px;padding-top:12px;padding-left:0}.hm2-ta-lv span{display:none}.hm2-ta-head{gap:12px 14px}.hm2-ta-headtxt{flex:1 1 0}.hm2-ta-hint{width:100%}.hm2-ta-cells,.hm2-ta-cols{grid-template-columns:repeat(var(--nm,4), minmax(0, 1fr))}.hm2-ta-cells{gap:6px;margin-top:16px}.hm2-ta-cell{border-radius:14px;min-height:76px;padding:18px 2px 10px}.hm2-ta-n{font-size:9.5px;top:7px;left:8px}.hm2-ta-q{font-size:24px}.hm2-ta-pal{gap:16px;margin-top:18px;padding-top:16px}.hm2-ta-pgroup{width:100%}.hm2-ta-btns{gap:6px}.hm2-ta-bases{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));display:grid}.hm2-ta-base{min-width:0;height:48px;padding:0 4px;font-size:23px}.hm2-ta-base[data-long]{font-size:18px}.hm2-ta-figs{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.hm2-ta-fig{min-width:0;height:48px;padding:0 2px;font-size:14px}.hm2-ta-fig small{display:none}.hm2-ta-checkwrap{justify-content:space-between;width:100%}.hm2-ta-checkwrap .hm2-btn-acc{flex:auto}.hm2-ta-legend{display:block}.hm2-ta-cmp{margin-top:12px}.hm2-ta-cmplab{display:none}.hm2-ta-col{grid-template-rows:48px 26px 48px;row-gap:6px}.hm2-ta-cols{gap:12px 6px}.hm2-ta-wrow{grid-template-columns:28px minmax(0,1fr);padding:12px}.hm2-ta-mini{grid-column:2;justify-self:start}.hm2-ta-conf{padding:18px 16px 6px}.hm2-ta-pair{grid-template-columns:minmax(0,1fr);gap:8px}}@media (prefers-reduced-motion:reduce){.hm2-ta-cell,.hm2-ta-cs,.hm2-ta-base,.hm2-ta-fig,.hm2-ta-level,.hm2-ta-mini,.hm2-ta-more{transition:none}.hm2-ta-cell[data-play],.hm2-ta-col[data-play] .hm2-ta-cs:first-child{translate:none}.hm2-ta-base:active:not([aria-disabled=true]),.hm2-ta-fig:active:not([aria-disabled=true]){transform:none}.hm2-ta-cell .hm2-t-chord,.hm2-ta-cell[aria-pressed=true] .hm2-ta-q,.hm2-ta-verdict,.hm2-ta-cs,.hm2-ta-mk span,.hm2-ta-wrow,.hm2-ta-guest,.hm2-ta-bar i{animation:none}}
.hm2-tc{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (min-width:900px){.hm2-tc{grid-template-columns:minmax(0,1fr) 260px}}.hm2-tc :focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 70%, transparent);outline-offset:2px}.hm2-tc-card{min-width:0;container-type:inline-size}.hm2-tc-head{scroll-margin-top:calc(var(--site-header-h,99px) + 16px);align-items:center;gap:16px 18px;display:flex}.hm2-tc-headtxt{flex-direction:column;gap:6px;min-width:0;display:flex}.hm2-tc .hm2-tc-h{outline:none}.hm2-tc-sub{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13.5px;line-height:1.45}.hm2-tc-playwrap{border-radius:50%;flex:none;display:inline-flex;position:relative}.hm2-tc-playwrap.nudge:after{content:"";border:2px solid var(--accent);pointer-events:none;animation:hm2-tc-nudge 1.3s var(--ease) infinite;border-radius:50%;position:absolute;inset:-6px}@keyframes hm2-tc-nudge{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.32)}}.hm2-tc-strip{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:8px 6px;margin-top:22px;display:grid}.hm2-tc-seg{background:var(--line-strong);height:8px;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease-spring), box-shadow var(--dur) var(--ease);border-radius:4px}.hm2-tc-seg.cad{background:color-mix(in oklab, var(--accent) 22%, var(--line-strong))}.hm2-tc-seg.past{background:color-mix(in oklab, var(--accent) 45%, var(--line-strong))}.hm2-tc-seg.on{background:var(--accent);box-shadow:0 0 14px -2px var(--accent);transform:scaleY(1.6)}.hm2-tc-stripcap{border-top:1px dashed var(--line-input);font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ink-muted);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);grid-row:2;justify-self:stretch;padding-top:6px}.hm2-tc-stripcap.on{color:var(--accent);border-top-color:var(--accent-line)}.hm2-tc .hm2-tc-opts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}@container (min-width:620px){.hm2-tc .hm2-tc-opts{grid-template-columns:repeat(4,minmax(0,1fr))}}.hm2-tc .hm2-tc-opt{gap:10px;min-height:92px;padding:14px 16px}.hm2-tc .hm2-tc-opt b{padding-right:26px}.hm2-tc .hm2-tc-formula{font:400 22px/1 var(--font-display);color:var(--ink-muted);flex-wrap:wrap;align-items:baseline;gap:2px 7px;font-style:italic;display:inline-flex}.hm2-tc .hm2-tc-formula .hm2-t-chord{font-size:inherit;color:var(--c,var(--ink))}.hm2-tc .hm2-tc-formula .hm2-tc-arrow{font:400 15px/1 var(--font-sans);color:var(--ink-muted);font-style:normal}.hm2-tc .hm2-tc-formula .hm2-tc-dots{font-size:inherit;color:var(--ink-muted)}.hm2-tc-kbd{border:1px solid var(--line-input);min-width:20px;height:20px;font:500 11px/18px var(--font-mono);text-align:center;color:var(--ink-muted);border-radius:6px;padding:0 5px;position:absolute;top:10px;right:10px}@media (hover:none),(pointer:coarse){.hm2-tc-kbd{display:none}}.hm2-tc-mark{width:22px;height:22px;font:700 12px/1 var(--font-mono);animation:hm2-tc-pop var(--dur-slow,.38s) var(--ease-spring) both;border-radius:50%;justify-content:center;align-items:center;font-style:normal;display:inline-flex;position:absolute;top:9px;right:9px}.hm2-tc-mark i{font-style:normal}.hm2-tc-opt.ok .hm2-tc-mark{color:var(--ok);border:1px solid var(--ok-line);background:var(--ok-soft)}.hm2-tc-opt.bad .hm2-tc-mark{color:var(--bad);border:1px solid var(--bad-line);background:var(--bad-soft)}@keyframes hm2-tc-pop{0%{opacity:0;transform:scale(.4)}}.hm2-tc-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hm2-tc-hint{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--ink);animation:hm2-tc-rise var(--dur-slow,.38s) var(--ease-expo) both;border-radius:12px;margin:14px 0 0;padding:11px 14px;font-size:13.5px;line-height:1.5}.hm2-tc .hm2-t-verdict p{margin:0}.hm2-tc-rec{border:1px solid var(--line);background:color-mix(in oklab, var(--bg-sunken) 70%, transparent);animation:hm2-tc-rise var(--dur-slow,.38s) var(--ease-expo) 80ms both;border-radius:16px;margin-top:14px;padding:16px 18px 18px}.hm2-tc-row{flex-wrap:wrap;align-items:flex-end;gap:10px 6px;margin-top:12px;display:flex}.hm2-tc-ch{border:1px solid color-mix(in oklab, var(--c) 38%, transparent);background:color-mix(in oklab, var(--c) 10%, var(--bg-elevated));min-width:52px;height:56px;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease-spring);border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:30px;display:inline-flex}.hm2-tc-ch.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c), 0 10px 24px -12px var(--c);transform:translateY(-2px)}.hm2-tc-sep{font:300 18px/56px var(--font-sans);color:var(--ink-subtle);flex:none}.hm2-tc-link{align-items:flex-end;gap:6px;display:inline-flex}.hm2-tc-row>.hm2-tc-ch,.hm2-tc-link>.hm2-tc-ch,.hm2-tc-link>.hm2-tc-sep{margin-bottom:9px}.hm2-tc-cad{border:1px dashed var(--accent-line);background:color-mix(in oklab, var(--accent) 6%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:6px 8px 8px;display:inline-flex}.hm2-tc-cadcap{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hm2-tc-cadrow{align-items:center;gap:6px;display:inline-flex}.hm2-tc-side{border:1px solid var(--line-strong);background:var(--bg-elevated);border-radius:24px;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:22px;display:flex}.hm2-tc-side .hm2-t-ring{align-self:center}.hm2-tc-side .hm2-t-note{margin:0}.hm2-tc-empty{color:var(--ink-muted);margin:0;font-size:13.5px;line-height:1.5}.hm2-tc-stats{flex-direction:column;align-self:stretch;gap:12px;margin:0;padding:0;list-style:none;display:flex}.hm2-tc-stat{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 10px;font-size:13.5px;display:grid}.hm2-tc-stat b{font:600 12.5px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.hm2-tc-bar{background:var(--line-strong);border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.hm2-tc-bar i{background:var(--ok);height:100%;transition:width var(--dur-slow,.38s) var(--ease-expo);border-radius:2px;display:block}@keyframes hm2-tc-rise{0%{opacity:0;transform:translateY(8px)}}@container (max-width:460px){.hm2-tc .hm2-tc-opt{min-height:84px;padding:12px 12px 12px 14px}.hm2-tc .hm2-tc-opt b{padding-right:20px;font-size:14.5px}.hm2-tc .hm2-tc-formula{font-size:20px}.hm2-tc-rec{padding:14px 12px}.hm2-tc-ch{min-width:44px;height:48px;padding:0 8px;font-size:25px}.hm2-tc-sep{font-size:15px;line-height:48px}.hm2-tc-row{gap:8px 4px}.hm2-tc-link,.hm2-tc-cadrow{gap:4px}.hm2-tc .hm2-t-acts>*{flex:100%}}@media (max-width:899px){.hm2-tc-side{border-radius:20px;flex-flow:wrap;align-items:center;gap:14px 16px;padding:18px 16px}.hm2-tc-stats{gap:10px}.hm2-tc-side>.hm2-eyebrow,.hm2-tc-side>.hm2-t-note,.hm2-tc-side>.hm2-tc-empty{flex-basis:100%}.hm2-tc-side .hm2-t-ring{align-self:auto}.hm2-tc-stats{flex:140px;align-self:auto}}@media (prefers-reduced-motion:reduce){.hm2-tc-playwrap.nudge:after,.hm2-tc-hint,.hm2-tc-mark,.hm2-tc-rec{animation:none}.hm2-tc-playwrap.nudge:after{opacity:1;transform:none}.hm2-tc-seg,.hm2-tc-stripcap,.hm2-tc-ch,.hm2-tc-bar i{transition:none}.hm2-tc-seg.on,.hm2-tc-ch.on{transform:none}}
.hm2-te,.hm2-te-q,.hm2-te-block,.hm2-te-wall{scroll-margin-top:calc(var(--site-header-h,64px) + 16px)}.hm2-te-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hm2-te button:focus-visible,.hm2-te a:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 70%, transparent);outline-offset:2px}.hm2-te-note{color:var(--ink-muted);font-size:12.5px;line-height:1.5}.hm2-te-hint{font:400 11px/1.3 var(--font-mono);letter-spacing:.04em;color:var(--ink-muted)}.hm2-te .hm2-t-acts .hm2-link-acc{align-items:center;min-height:44px;display:inline-flex}.hm2-te-st{border:1px solid var(--line-input);font:400 11px/1.3 var(--font-mono);color:var(--ink-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.hm2-te-st[data-st=passed]{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.hm2-te-st[data-st=tried]{border-color:var(--accent-line);color:var(--accent)}.hm2-te-pick{flex-direction:column;gap:40px;display:flex}.hm2-te-ring-head{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.hm2-te-ring-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.hm2-te-ring-h{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:400;line-height:1.1}.hm2-te-ring-h span{color:var(--ink-muted)}.hm2-te-ring-sub{max-width:70ch;color:var(--ink-muted);margin:0;font-size:14px;line-height:1.55}.hm2-te-blocks{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));grid-auto-flow:dense;gap:10px;display:grid}.hm2-te-block{border:1px solid var(--line-strong);background:var(--bg-elevated);min-height:150px;color:var(--ink);text-align:left;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur);border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px 18px;display:flex;position:relative;overflow:hidden}.hm2-te-block:disabled{opacity:.5;cursor:not-allowed}.hm2-te-block[data-locked]{background:color-mix(in oklab, var(--bg-elevated) 60%, transparent)}.hm2-te-block[data-locked] .hm2-te-block-title{color:var(--ink-muted)}.hm2-te-block[aria-expanded=true]{border-color:var(--accent-line)}.hm2-te-block-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.hm2-te-count{font:400 11px/1.2 var(--font-mono);letter-spacing:.04em;color:var(--ink-muted)}.hm2-te-lock{color:var(--accent);display:inline-flex}.hm2-te-block-title{font:400 22px/1.12 var(--font-display);letter-spacing:-.005em}.hm2-te-block-sub{color:var(--ink-muted);font-size:13px;line-height:1.45}.hm2-te-block-foot{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:10px;display:flex}.hm2-te-go{color:var(--accent);transition:transform var(--dur) var(--ease);font-size:16px}.hm2-te-meter{height:3px;position:absolute;bottom:0;left:0;right:0}.hm2-te-meter i{height:100%;width:calc(var(--p,0) * 100%);background:var(--accent);border-radius:0 2px 2px 0;display:block}.hm2-te-block[data-st=passed] .hm2-te-meter i{background:var(--ok)}.hm2-te-wall{animation:hm2-te-rise var(--dur-slow,.38s) var(--ease-expo) both;margin-top:14px}.hm2-te-wall.in-grid{grid-column:1/-1;margin-top:0}.hm2-te-intro{border-color:var(--accent-line);background:radial-gradient(620px 260px at 85% 0%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 70%), var(--bg-elevated)}.hm2-te-intro-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.hm2-te-intro-sub{max-width:62ch;color:var(--ink-muted);margin:10px 0 0;font-size:15px;line-height:1.6}.hm2-te-names{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.hm2-te-names li{border:1px solid var(--line);background:var(--bg-sunken);color:var(--ink-muted);border-radius:999px;padding:5px 10px;font-size:12.5px;line-height:1.35}.hm2-te-intro .hm2-te-note{margin:12px 0 0}.hm2-te-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.hm2-te-head-l{flex:320px;min-width:0}.hm2-te-title{font-family:var(--font-display);letter-spacing:-.02em;margin:10px 0 0;font-size:clamp(30px,3.4vw,44px);font-weight:400;line-height:1.02}.hm2-te-prog{border:1px solid var(--line-strong);background:var(--bg-elevated);border-radius:16px;flex-direction:column;flex:0 340px;gap:10px;min-width:0;padding:14px 16px;display:flex}.hm2-te-prog-row{justify-content:space-between;gap:16px;font-size:13px;display:flex}.hm2-te-prog-row span{color:var(--ink-muted)}.hm2-te-prog-row b{font:600 13px/1.2 var(--font-mono)}.hm2-te-dots{gap:5px;display:flex}.hm2-te-dots i{background:var(--line-strong);height:7px;transition:background var(--dur-slow,.38s) var(--ease);border-radius:4px;flex:1}.hm2-te-dots i[data-st=ok]{background:var(--ok)}.hm2-te-dots i[data-st=bad]{background:var(--bad)}.hm2-te-dots i[data-st=cur]{background:var(--accent)}.hm2-te-quit{min-height:44px;color:var(--ink-muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-input);text-decoration-color:var(--line-input);text-underline-offset:4px;background:0 0;border:0;align-items:center;margin-top:4px;padding:0;font-size:13px;display:inline-flex}.hm2-te-quit:hover{color:var(--ink)}.hm2-te-q{animation:hm2-te-rise var(--dur-slow,.38s) var(--ease-expo) both;margin-top:18px}.hm2-te-kind{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hm2-te-qtext{max-width:34ch;font-family:var(--font-display);letter-spacing:-.01em;outline:none;margin:10px 0 0;font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.1}.hm2-te-tokens{vertical-align:baseline;flex-wrap:wrap;align-items:baseline;gap:2px 7px;max-width:100%;font-size:18px;line-height:1.2;display:inline-flex}.hm2-te-tokens.sm{font-size:18px}.hm2-te-tokens.md,.hm2-te-tokens.lg{font-size:26px}.hm2-te-dash{color:var(--ink-subtle)}.hm2-te-inline{font-size:1.35em}.hm2-te-listen{border:1px solid var(--line);background:var(--bg-sunken);border-radius:18px;align-items:center;gap:18px;margin-top:20px;padding:14px 16px;display:flex}.hm2-te-listen-body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.hm2-te-cap{color:var(--ink-muted);font-size:13px;line-height:1.4}.hm2-te-cap[data-wait]{color:var(--accent)}.hm2-te-cells{flex-wrap:wrap;gap:6px;display:flex}.hm2-te-cell{border:1px dashed var(--line-input);max-width:96px;min-height:52px;color:var(--ink-subtle);font:400 22px/1 var(--font-display);text-align:center;animation:hm2-te-pop .3s var(--ease-spring) both;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), color var(--dur);border-radius:12px;flex:1 0 48px;justify-content:center;align-items:center;padding:4px 6px;display:flex}.hm2-te-cell.wide{flex:auto;max-width:100%;padding:6px 10px}.hm2-te-cell .hm2-t-chord{font-size:24px}.hm2-te-cell.on{border-style:solid;border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 10px 24px -12px var(--accent);transform:translateY(-2px)}.hm2-te-cell.open{border-style:solid;border-color:color-mix(in oklab, var(--c) 40%, transparent);background:color-mix(in oklab, var(--c) 11%, var(--bg-elevated));animation:hm2-te-flip .45s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 50ms)}.hm2-te-cell.open.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c), 0 10px 24px -12px var(--c)}.hm2-te-opts{margin-top:20px}.hm2-te-opts.chords{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hm2-te .hm2-te-opt{gap:8px;min-height:72px;padding-right:40px}.hm2-te-opts[data-wait] .hm2-t-opt{opacity:.55;cursor:not-allowed}.hm2-te .hm2-t-opt .hm2-te-tokens{color:var(--ink);font-size:18px}.hm2-te .hm2-t-opt .hm2-te-tokens.md{font-size:26px}.hm2-te .hm2-t-opt .hm2-t-chord{font-size:inherit;color:var(--c,var(--ink))}.hm2-te .hm2-t-opt .hm2-te-dash{font-size:inherit;color:var(--ink-subtle)}.hm2-te .hm2-te-opts.chords .hm2-t-opt{overflow-wrap:anywhere;justify-content:center;align-items:center;min-width:0;padding-right:16px}.hm2-te .hm2-te-opts.chords .hm2-t-chord{font-size:36px}.hm2-te .hm2-te-key{border:1px solid var(--line-input);min-width:20px;height:20px;font:500 11px/1 var(--font-mono);color:var(--ink-muted);border-radius:6px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex;position:absolute;top:10px;right:10px}.hm2-te .hm2-t-opt .hm2-te-mark{font:600 11px/1 var(--font-mono);letter-spacing:.02em}.hm2-te .hm2-t-opt.ok .hm2-te-mark{color:var(--ok)}.hm2-te .hm2-t-opt.bad .hm2-te-mark{color:var(--bad)}.hm2-te-build{flex-direction:column;gap:14px;margin-top:20px;display:flex}.hm2-te-slots{flex-wrap:wrap;gap:8px;display:flex}.hm2-te-slot{border:1px dashed var(--line-input);min-width:72px;max-width:100%;min-height:68px;color:var(--ink-subtle);font:400 30px/1 var(--font-display);transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur);background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:4px 14px;display:inline-flex;position:relative}.hm2-te-slot:disabled{cursor:default}.hm2-te-slot.fill{border-style:solid;border-color:color-mix(in oklab, var(--c) 50%, transparent);background:color-mix(in oklab, var(--c) 13%, var(--bg-elevated));color:var(--ink);animation:hm2-te-drop .38s var(--ease-spring) both}.hm2-te-slot.on{box-shadow:0 0 0 1px var(--accent), 0 10px 24px -12px var(--accent);transform:translateY(-3px)}.hm2-te-slot.ok{box-shadow:0 0 0 2px color-mix(in oklab, var(--ok) 70%, transparent)}.hm2-te-slot.bad{box-shadow:0 0 0 2px color-mix(in oklab, var(--bad) 70%, transparent)}.hm2-te-slot.ok:after,.hm2-te-slot.bad:after{font:600 11px/1 var(--font-mono);position:absolute;top:4px;right:6px}.hm2-te-slot.ok:after{content:"✓";color:var(--ok)}.hm2-te-slot.bad:after{content:"✗";color:var(--bad)}.hm2-te-slot-n{font:500 12px/1 var(--font-mono);color:var(--ink-muted)}.hm2-te-build-note{margin:0}.hm2-te-bank{flex-wrap:wrap;gap:8px;display:flex}.hm2-te-chip{border:1px solid color-mix(in oklab, var(--c) 45%, transparent);background:color-mix(in oklab, var(--c) 12%, var(--bg-elevated));min-width:64px;max-width:100%;min-height:54px;color:var(--ink);overflow-wrap:anywhere;transition:transform var(--dur) var(--ease-spring), border-color var(--dur);border-radius:13px;justify-content:center;align-items:center;padding:0 18px;font-size:26px;display:inline-flex;position:relative}.hm2-te-chip:active:not(:disabled){transform:scale(.96)}.hm2-te-chip:disabled{opacity:.4;cursor:not-allowed}.hm2-te .hm2-te-chip .hm2-te-key{border:0;min-width:14px;height:14px;padding:0 3px;font-size:9px;top:4px;right:4px}.hm2-te-verdict-body{flex-direction:column;gap:8px;min-width:0;display:flex}.hm2-te-desc{color:var(--ink-muted);font-size:13.5px;line-height:1.5}.hm2-te-res{animation:hm2-te-rise var(--dur-slow,.38s) var(--ease-expo) both}.hm2-te-res-top{flex-wrap:wrap;align-items:center;gap:20px 28px;display:flex}.hm2-te-res-txt{flex:260px;min-width:0}.hm2-te-res-h{font-family:var(--font-display);letter-spacing:-.02em;outline:none;margin:10px 0 0;font-size:clamp(30px,3.6vw,44px);font-weight:400;line-height:1.04}.hm2-te-res-h[data-ok=true]{color:var(--ok)}.hm2-te-save{color:var(--ink-muted);margin:10px 0 0;font-size:13.5px;line-height:1.5}.hm2-te-save:empty{margin:0}.hm2-te-save .hm2-t-note{margin:0;font-size:13.5px}.hm2-te-retry{margin-top:10px}.hm2-te-errs{margin-top:24px}.hm2-te-errs-h{font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px}.hm2-te-errs-note{margin:0 0 10px}.hm2-te-errs ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hm2-te-err{border:1px solid var(--line);background:var(--bg-sunken);color:var(--ink-muted);border-radius:14px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;font-size:14px;line-height:1.5;display:grid}.hm2-te-err-n{background:var(--bad-soft);width:28px;height:28px;color:var(--bad);font:600 11.5px/1 var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hm2-te-err-body{flex-direction:column;gap:4px;min-width:0;display:flex}.hm2-te-err-body b{color:var(--ink);font-weight:600}.hm2-te-err-body .hm2-te-tokens{font-size:18px}.hm2-te-err-play{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);white-space:nowrap;transition:border-color var(--dur) var(--ease), color var(--dur);background:0 0;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.hm2-te-err-play[data-on]{border-color:var(--accent-line);color:var(--accent)}.hm2-te-clean{color:var(--ink-muted);margin:20px 0 0;font-size:14.5px}.hm2-te-nextblock{border:1px solid var(--accent-line);background:color-mix(in oklab, var(--accent) 6%, transparent);width:100%;color:var(--ink);text-align:left;transition:background var(--dur) var(--ease);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;margin-top:20px;padding:14px 16px;display:flex}.hm2-te-nextblock b{font:400 24px/1.08 var(--font-display);font-style:italic}.hm2-te-nextblock>span:last-child{color:var(--ink-muted);font-size:13px}.hm2-te .hm2-t-chord.hm2-te-long{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.1;display:inline-block}.hm2-te .hm2-te-tokens .hm2-t-chord.hm2-te-long{font-size:.72em}.hm2-te .hm2-te-cell .hm2-t-chord.hm2-te-long{font-size:15px}.hm2-te .hm2-te-opts.chords .hm2-t-chord.hm2-te-long{font-size:19px}.hm2-te .hm2-te-slot .hm2-t-chord.hm2-te-long,.hm2-te .hm2-te-chip .hm2-t-chord.hm2-te-long{font-size:.62em}.hm2-te .hm2-t-chord.hm2-te-inline.hm2-te-long{font-size:1em}@media (hover:hover){.hm2-te-block:hover:not(:disabled){border-color:var(--accent-line);transform:translateY(-2px)}.hm2-te-block:hover .hm2-te-go{transform:translate(3px)}.hm2-te-chip:hover:not(:disabled){border-color:var(--c);transform:translateY(-2px)}.hm2-te-slot.fill:not(:disabled):hover{border-color:var(--bad-line)}.hm2-te-err-play:hover{border-color:var(--accent-line);color:var(--accent)}.hm2-te-nextblock:hover{background:color-mix(in oklab, var(--accent) 11%, transparent)}}@keyframes hm2-te-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes hm2-te-flip{0%{opacity:0;transform:rotateX(70deg)}}@keyframes hm2-te-drop{0%{opacity:0;transform:translateY(-12px)scale(.75)}}@keyframes hm2-te-pop{0%{opacity:0;transform:scale(.85)}}@media (hover:none),(pointer:coarse){.hm2-te .hm2-te-key,.hm2-te-hint{display:none}.hm2-te .hm2-te-opt{padding-right:16px}}@media (max-width:639px){.hm2-te-pick{gap:32px}.hm2-te-block{gap:4px;min-height:0;padding:14px 16px 16px}.hm2-te-block-foot{padding-top:8px}.hm2-te-prog{flex-basis:100%}.hm2-te-listen{gap:12px;padding:12px}.hm2-te-cell{flex-basis:40px;min-height:46px}.hm2-te-cell .hm2-t-chord{font-size:20px}.hm2-te .hm2-te-opt{min-height:60px}.hm2-te-opts.chords{grid-template-columns:repeat(2,minmax(0,1fr))}.hm2-te .hm2-te-opts.chords .hm2-t-chord{font-size:30px}.hm2-te-slot{min-width:56px;min-height:56px;padding:4px 10px;font-size:24px}.hm2-te-chip{min-width:56px;min-height:50px;padding:0 14px;font-size:22px}.hm2-te-tokens.md,.hm2-te-tokens.lg,.hm2-te .hm2-t-opt .hm2-te-tokens.md{font-size:22px}.hm2-te-err{grid-template-columns:28px minmax(0,1fr);align-items:start;padding:12px}.hm2-te-err-play{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.hm2-te-q,.hm2-te-res,.hm2-te-wall,.hm2-te-cell,.hm2-te-cell.open,.hm2-te-slot.fill{animation:none}.hm2-te-block,.hm2-te-cell,.hm2-te-slot,.hm2-te-chip,.hm2-te-dots i,.hm2-te-go,.hm2-te-err-play,.hm2-te-nextblock{transition:none}.hm2-te-block:hover:not(:disabled),.hm2-te-cell.on,.hm2-te-slot.on,.hm2-te-chip:hover:not(:disabled),.hm2-te-chip:active:not(:disabled),.hm2-te-block:hover .hm2-te-go{transform:none}}
.hm2-tf:focus{outline:none}.hm2-tf-head{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.hm2-tf-title{flex-direction:column;flex:220px;gap:6px;min-width:0;display:flex}.hm2-tf-sub{color:var(--ink-muted);font-size:13.5px;line-height:1.4}.hm2-tf-score{border:1px solid var(--line-strong);min-height:34px;color:var(--ink-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 13px;font-size:13px;display:inline-flex}.hm2-tf-score b{font-family:var(--font-mono);color:var(--ink);font-weight:600}.hm2-tf-cells{grid-template-columns:repeat(var(--n,4), minmax(0, 148px));gap:10px;margin-top:24px;display:grid}.hm2-tf-col{flex-direction:column;gap:8px;min-width:0;display:flex}.hm2-tf-cell{border:1px solid color-mix(in oklab, var(--c,var(--line-input)) 42%, transparent);background:color-mix(in oklab, var(--c,transparent) 11%, var(--bg-elevated));min-height:112px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur-slow) var(--ease), translate var(--dur-slow) var(--ease-spring);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 6px 12px;display:flex;position:relative;overflow:hidden}.hm2-tf-cell:before{content:"";background:var(--c,transparent);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.hm2-tf-cell:disabled{opacity:1;cursor:default}.hm2-tf-cell[data-state=set]:not(:disabled):hover{border-color:var(--c)}.hm2-tf-cell:focus-visible,.hm2-tf-fb:focus-visible,.hm2-tf-erase:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 70%, transparent);outline-offset:2px}.hm2-tf-n{font:500 10.5px/1 var(--font-mono);color:var(--ink-muted);position:absolute;top:10px;left:11px}.hm2-tf-val{animation:hm2-tf-pop .36s var(--ease-spring) both;display:inline-flex}.hm2-tf-cell .hm2-t-chord{color:var(--ink);font-size:40px}.hm2-tf-q{font:italic 400 36px/1 var(--font-display);color:var(--ink-subtle)}.hm2-tf-cell small{font:400 11px/1 var(--font-mono);color:var(--ink-muted);white-space:nowrap}.hm2-tf-cell[data-state=empty]{border-style:dashed;border-color:var(--line-input);background:0 0}.hm2-tf-cell.next{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hm2-tf-cell.next .hm2-tf-q{color:var(--accent);animation:1.1s ease-in-out infinite hm2-tf-blink}.hm2-tf-cell.play{border-color:var(--c,var(--accent));box-shadow:0 14px 34px -14px var(--c,var(--accent)), 0 0 0 1px var(--c,var(--accent));translate:0 -3px}.hm2-tf-cell[data-res=ok]:hover,.hm2-tf-cell[data-res=bad]:hover{border-color:var(--accent)}.hm2-tf-cell[data-res=bad]{border-color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad)}.hm2-tf-cell[data-res=bad].play{box-shadow:inset 0 0 0 1px var(--bad), 0 14px 34px -14px var(--bad)}.hm2-tf-mark{width:22px;height:22px;font:700 11px/1 var(--font-mono);animation:hm2-tf-mark .4s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 80ms);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:7px;right:7px}.hm2-tf-mark.ok{border:1px solid var(--ok-line);background:var(--ok-soft);color:var(--ok)}.hm2-tf-mark.bad{border:1px solid var(--bad-line);background:var(--bad-soft);color:var(--bad)}.hm2-tf-fix{min-height:34px;font:400 11px/1 var(--font-mono);color:var(--ink-muted);animation:hm2-t-rise var(--dur-slow) var(--ease-expo) both;animation-delay:calc(.2s + var(--i,0) * 80ms);justify-content:center;align-items:center;gap:7px;display:flex}.hm2-tf-fix .hm2-t-chord{font-size:26px}.hm2-tf-tip{margin:12px 0 0}.hm2-tf-pal{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.hm2-tf-palhead{justify-content:space-between;align-items:center;gap:12px;max-width:580px;display:flex}.hm2-tf-erase{border:1px solid var(--line-strong);min-height:44px;color:var(--ink-muted);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur);background:0 0;border-radius:12px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.hm2-tf-erase:hover:not(:disabled){border-color:var(--line-input);color:var(--ink)}.hm2-tf-erase:disabled{opacity:.4;cursor:not-allowed}.hm2-tf-fbtns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:580px;margin-top:12px;display:grid}.hm2-tf-fb{border:1px solid color-mix(in oklab, var(--c) 45%, transparent);background:color-mix(in oklab, var(--c) 12%, var(--bg-elevated));min-height:84px;color:var(--ink);font:inherit;cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease-spring);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px 6px;display:flex}.hm2-tf-fb:hover:not(:disabled){border-color:var(--c);background:color-mix(in oklab, var(--c) 22%, var(--bg-elevated))}.hm2-tf-fb:active:not(:disabled){transform:scale(.96)}.hm2-tf-fb:disabled{opacity:.4;cursor:not-allowed}.hm2-tf-fb .hm2-t-chord{color:var(--ink);font-size:38px}.hm2-tf-fb>span:last-child{color:var(--ink-muted);font-size:12.5px}.hm2-tf-keys{color:var(--ink-muted);margin:14px 0 0;font-size:12.5px;line-height:1.9;display:none}.hm2-tf-keys kbd{border:1px solid var(--line-input);background:var(--bg-sunken);min-width:22px;height:21px;font:500 11px/1 var(--font-mono);color:var(--ink);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}@media (hover:hover) and (pointer:fine){.hm2-tf-keys{display:block}}.hm2-tf-vbody{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.hm2-tf-name{font:400 24px/1.1 var(--font-display);letter-spacing:-.01em}.hm2-tf-tsd{flex-wrap:wrap;align-items:baseline;gap:4px 9px;display:flex}.hm2-tf-tsd .hm2-t-chord{font-size:26px}.hm2-tf-sep{color:var(--ink-subtle)}.hm2-tf-vbody .hm2-link-acc{align-items:center;min-height:44px;margin:-6px 0;display:inline-flex}.hm2-tf-foot{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:20px;padding-top:14px;display:flex}.hm2-tf-foot .hm2-t-note{margin:0}.hm2-tf-foot .hm2-link-acc{font-size:inherit}@keyframes hm2-tf-pop{0%{opacity:0;transform:translateY(-10px)scale(.6)}}@keyframes hm2-tf-mark{0%{opacity:0;transform:scale(.4)}}@keyframes hm2-tf-blink{50%{opacity:.25}}@media (max-width:639px){.hm2-tf-head{gap:12px 14px}.hm2-tf-title{flex:calc(100% - 80px)}.hm2-tf-score{margin-left:0}.hm2-tf .hm2-t-h{font-size:22px}.hm2-tf-cells{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:8px;margin-top:18px}.hm2-tf-cell{border-radius:14px;min-height:82px;padding:14px 4px 10px}.hm2-tf-cell .hm2-t-chord{font-size:32px}.hm2-tf-q{font-size:30px}.hm2-tf-cell small{display:none}.hm2-tf-n{font-size:9.5px;top:7px;left:8px}.hm2-tf-mark{width:20px;height:20px;font-size:10px;top:5px;right:5px}.hm2-tf-fix{flex-direction:column;gap:3px;font-size:10px}.hm2-tf-fix .hm2-t-chord{font-size:22px}.hm2-tf-pal{margin-top:18px;padding-top:16px}.hm2-tf-fbtns{gap:8px}.hm2-tf-fb{border-radius:14px;min-height:72px}.hm2-tf-fb .hm2-t-chord{font-size:32px}.hm2-tf-fb>span:last-child{font-size:11px}.hm2-tf-acts .hm2-tf-main{flex:100%;order:-1}.hm2-tf-acts .hm2-btn-ghost{flex:1 1 0;padding:0 10px}.hm2-tf-name{font-size:21px}}@media (prefers-reduced-motion:reduce){.hm2-tf-val,.hm2-tf-mark,.hm2-tf-fix,.hm2-tf-cell.next .hm2-tf-q{animation:none}.hm2-tf-cell,.hm2-tf-fb,.hm2-tf-erase{transition:none}.hm2-tf-cell.play{translate:none}.hm2-tf-fb:active:not(:disabled){transform:none}}