#vrt .vrt-step{padding:.25rem .5rem;border:1px solid var(--color-ink-300);color:var(--color-ink-500)}#vrt .vrt-step[aria-current=step]{border-color:var(--color-ink-900);background:var(--color-ink-900);color:var(--color-paper)}#vrt .vrt-step[data-done=true]{border-color:var(--color-ink-900);color:var(--color-ink-900)}#vrt .vrt-meter{position:relative;height:1.25rem;border:1px solid var(--color-ink-300);background:linear-gradient(to right,var(--color-accent-100),var(--color-paper-raised) 35%,var(--color-verdict-pro-soft) 50%,var(--color-paper-raised) 65%,var(--color-accent-100))}#vrt .vrt-meter__centre{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--color-ink-500)}#vrt .vrt-meter__needle{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;background:var(--color-ink-900);transition:left 60ms linear}#vrt .vrt-level{height:.6rem;border:1px solid var(--color-ink-300);background:var(--color-paper-raised)}#vrt .vrt-level>span{display:block;height:100%;width:0;background:var(--color-ink-700);transition:width 60ms linear}#vrt .vrt-level>span[data-hot=true]{background:var(--color-accent-600)}#vrt .vrt-keys svg{display:block;width:100%;height:auto}#vrt .vrt-bands{margin-bottom:4px}#vrt .vrt-band rect{fill:var(--color-ink-100);stroke:var(--color-ink-300);stroke-width:.5}#vrt .vrt-band text{font-family:var(--font-mono, monospace);font-size:7.6px;fill:var(--color-ink-700)}#vrt .vrt-band[data-match=true] rect{fill:var(--color-accent-100);stroke:var(--color-accent-600);stroke-width:1}#vrt .vrt-band[data-match=true] text{fill:var(--color-accent-800);font-weight:600}#vrt .vrt-band--you rect{fill:var(--color-accent-600);stroke:none}#vrt .vrt-band--you text{fill:var(--color-paper);font-weight:600}#vrt .tool-keys .key-mark.key-on.key-white,#vrt .tool-keys .key-on.key-white{fill:var(--color-accent-400)}#vrt .tool-keys .key-mark.key-on.key-black,#vrt .tool-keys .key-on.key-black{fill:var(--color-accent-700)}#vrt .tool-keys .key-mark.key-white{fill:var(--color-accent-100)}#vrt .tool-keys .key-mark.key-black{fill:var(--color-accent-500)}#vrt .vrt-discard{margin-top:.4rem;font-family:var(--font-mono, monospace);font-size:.6875rem;color:var(--color-accent-700);text-decoration:underline;cursor:pointer}#vrt .vrt-type{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr) 3rem;gap:.75rem;align-items:center;font-size:.9rem}#vrt .vrt-type__bar{height:.5rem;background:var(--color-ink-100);border:1px solid var(--color-ink-200)}#vrt .vrt-type__bar>span{display:block;height:100%;background:var(--color-ink-700)}#vrt .vrt-type:first-child .vrt-type__bar>span{background:var(--color-accent-600)}#sp-print-pages{display:none}@media print{body.sp-printing>*:not(#sp-print-pages){display:none!important}body.sp-printing{margin:0!important;padding:0!important;background:#fff!important}body.sp-printing #sp-print-pages{display:block}#sp-print-pages .sp-page{overflow:hidden;break-after:page;page-break-after:always}#sp-print-pages .sp-page:last-child{break-after:auto;page-break-after:auto}#sp-print-pages svg{display:block;width:100%;height:100%}}.tool-seg[data-astro-cid-fme4g3xh] label[data-astro-cid-fme4g3xh]:has(input:focus-visible){outline:2px solid var(--color-accent-500);outline-offset:-2px}.sp-preview[data-astro-cid-fme4g3xh]{max-width:34rem}.sp-preview[data-astro-cid-fme4g3xh][data-orientation=landscape]{max-width:100%}.sp-preview[data-astro-cid-fme4g3xh] svg{display:block;width:100%;height:auto}[data-astro-cid-fme4g3xh][hidden]{display:none!important}@media print{body:has([data-notefreq-tool]) header,body:has([data-notefreq-tool]) footer,body:has([data-notefreq-tool]) nav,body:has([data-notefreq-tool]) .tool-panel__head,body:has([data-notefreq-tool]) [data-notefreq-tool]>.grid,body:has([data-notefreq-tool]) [data-notefreq-tool]>div:not(section),body:has([data-notefreq-tool]) article,body:has([data-notefreq-tool]) aside,body:has([data-notefreq-tool]) #faq,body:has([data-notefreq-tool]) section:has(#faq),body:has([data-notefreq-tool]) #more-tools,body:has([data-notefreq-tool]) section:has(#more-tools),body:has([data-notefreq-tool]) main>section,body:has([data-notefreq-tool]) main>div>p,body:has([data-notefreq-tool]) main>div>nav,body:has([data-notefreq-tool]) main>div>header,body:has([data-notefreq-tool]) #nf-print,body:has([data-notefreq-tool]) label:has(#nf-all){display:none!important}body:has([data-notefreq-tool]) #nf-chart-wrap{max-height:none!important;overflow:visible!important}}#chord-keys svg{display:block;width:100%;height:auto}#chord-keys rect[data-key]:focus{outline:none}#chord-keys rect[data-key]:focus-visible{stroke:var(--color-accent-500);stroke-width:3}#chord-keys rect.key-on.key-white{fill:var(--color-accent-300)}.mp-scroll{position:relative;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--color-ink-900);background:var(--color-paper-raised);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.mp-scroll:focus-visible{outline-offset:-2px}.mp-spacer{position:relative}.mp-sticky{position:sticky;left:0;top:0}.mp-canvas{display:block;touch-action:pan-x pan-y;cursor:grab}.mp-canvas.is-dragging{cursor:grabbing}.mp-cc{border-top:1px solid var(--color-ink-300);cursor:default}.mp-swatch{display:inline-block;width:.75rem;height:.75rem;flex-shrink:0;border:1px solid var(--color-ink-900)}.mp-part-name{display:inline-flex;align-items:center;gap:.5rem;text-align:left;font-weight:600;color:var(--color-ink-900);cursor:pointer;min-height:2rem}.mp-part-name:hover{color:var(--color-accent-700)}tr.mp-selected{background:var(--color-accent-50)}tr.mp-selected .mp-part-name{text-decoration:underline;text-decoration-color:var(--color-accent-500);text-underline-offset:3px}.mp-zoom-btn{padding-left:.75rem;padding-right:.75rem}.mp-dt{margin-bottom:.25rem}.mp-check{width:1.1rem;height:1.1rem;accent-color:var(--color-accent-600);cursor:pointer}
