.cglyph[data-v-4a315c99]{align-items:baseline;color:var(--text);display:inline-flex;font-family:var(--font-mono);font-weight:500;letter-spacing:-.01em;line-height:1}.cglyph__root[data-v-4a315c99]{font-size:1em;font-weight:600}.cglyph__qual[data-v-4a315c99]{color:var(--text-dim);font-size:1em;margin-left:1px;vertical-align:.5em}.cglyph__slash[data-v-4a315c99]{color:var(--text-dim);font-size:.6em}.cglyph--stack[data-v-4a315c99]{align-items:center;flex-direction:column}.cglyph--stack .cglyph__qual[data-v-4a315c99]{font-size:1em;margin-left:0}.cglyph--lg .cglyph__root[data-v-4a315c99]{font-size:clamp(28px,3.6vw,44px)}.cglyph--lg .cglyph__qual[data-v-4a315c99]{font-size:1em}.cglyph--lg.cglyph--active .cglyph__root[data-v-4a315c99]{color:var(--text)}.cglyph--lg.cglyph--active .cglyph__qual[data-v-4a315c99]{color:var(--accent)}.cglyph--sm .cglyph__root[data-v-4a315c99]{font-size:clamp(20px,2.4vw,30px)}.cglyph--active .cglyph__root[data-v-4a315c99]{color:var(--text)}.topbar[data-v-eedbb761]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 80%,transparent);border-bottom:1px solid var(--line-soft);flex:0 0 auto;height:var(--topbar);justify-content:space-between;padding:0 clamp(16px,4vw,40px);position:sticky;top:0;z-index:40}.topbar[data-v-eedbb761],.wordmark[data-v-eedbb761]{align-items:center;display:flex}.wordmark[data-v-eedbb761]{background:none;border:0;color:var(--text);gap:11px;padding:6px 0;text-decoration:none}.wordmark__mark[data-v-eedbb761]{align-items:flex-end;display:inline-flex;gap:3px;height:20px}.wordmark__mark span[data-v-eedbb761]{background:var(--accent);border-radius:2px;display:block;transform-origin:bottom;transition:transform .35s ease;width:4px}.wordmark__mark span[data-v-eedbb761]:first-child{height:9px}.wordmark__mark span[data-v-eedbb761]:nth-child(2){height:18px}.wordmark__mark span[data-v-eedbb761]:nth-child(3){height:13px}.wordmark__mark span[data-v-eedbb761]:nth-child(4){height:20px}.wordmark:hover .wordmark__mark span[data-v-eedbb761]:first-child{animation:bar-a-eedbb761 .75s ease-in-out infinite}.wordmark:hover .wordmark__mark span[data-v-eedbb761]:nth-child(2){animation:bar-b-eedbb761 .85s ease-in-out infinite;animation-delay:.12s}.wordmark:hover .wordmark__mark span[data-v-eedbb761]:nth-child(3){animation:bar-a-eedbb761 .7s ease-in-out infinite;animation-delay:.22s}.wordmark:hover .wordmark__mark span[data-v-eedbb761]:nth-child(4){animation:bar-b-eedbb761 .8s ease-in-out infinite;animation-delay:.08s}@keyframes bar-a-eedbb761{0%{transform:scaleY(1)}20%{transform:scaleY(.35)}45%{transform:scaleY(1.2)}70%{transform:scaleY(.5)}to{transform:scaleY(1)}}@keyframes bar-b-eedbb761{0%{transform:scaleY(1)}30%{transform:scaleY(1.15)}55%{transform:scaleY(.3)}80%{transform:scaleY(.85)}to{transform:scaleY(1)}}.wordmark__name[data-v-eedbb761]{font-size:18px;font-weight:700;letter-spacing:-.02em}.wordmark__y[data-v-eedbb761]{color:var(--text-dim)}.wordmark__sub[data-v-eedbb761]{color:var(--text-faint);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;margin-left:2px}.topbar__actions[data-v-eedbb761]{align-items:center;display:flex;gap:12px}.themebtn[data-v-eedbb761]{background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--text);display:grid;font-size:17px;height:38px;line-height:1;place-items:center;transition:.15s;width:38px}.themebtn[data-v-eedbb761]:hover{border-color:var(--accent-line);color:var(--accent)}.chordpop{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:7px;padding:14px;width:268px;z-index:60}.chordpop__sec{color:var(--text-faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;margin-top:3px;text-transform:uppercase}.chordpop__roots{display:grid;gap:5px;grid-template-columns:repeat(6,1fr)}.chordpop__quals{display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.chordpop__btn{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-sm);color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:7px 4px;transition:.12s}.chordpop__btn:hover{border-color:var(--accent-line);color:var(--text)}.chordpop__btn--on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.chordpop__arrow{fill:var(--surface)}.range[data-v-7e40567f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);border-radius:999px;height:5px;margin:4px 0;outline:none;width:100%}.range[data-v-7e40567f]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--surface);border-radius:999px;box-shadow:0 0 0 1px var(--accent-line);cursor:pointer;height:17px;width:17px}.range[data-v-7e40567f]::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);border-radius:999px;cursor:pointer;height:14px;width:14px}.app[data-v-f3fd14aa]{display:flex;flex-direction:column;min-height:100dvh}