.cof-tool .tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cof-tool #cof-svg{max-height:78vh;max-width:400px;margin:0 auto}.cof-tool #cof-svg:focus{outline:none}.cof-tool #cof-svg:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:50%}.cof-tool .cof-wedge{cursor:pointer;transition:fill var(--duration-normal) var(--ease-out)}.cof-tool .cof-wedge:hover{fill:#c9a24b24}.cof-tool .cof-label{font-family:Cormorant Garamond,Georgia,serif;font-weight:700;fill:#1c2436;pointer-events:none;transition:fill var(--duration-normal) var(--ease-out)}.cof-tool .cof-label-major{font-size:25px}.cof-tool .cof-label-minor{font-size:17px;fill:#525b72}.cof-tool .cof-label-alt{font-family:Cormorant Garamond,Georgia,serif;font-size:13px;fill:#8a93a8;cursor:pointer;transition:fill var(--duration-fast) var(--ease-out)}.cof-tool .cof-label-alt:hover{fill:#7e6322}.cof-tool .cof-seat.is-neighbor .cof-wedge-major{fill:#c9a24b1a}.cof-tool .cof-seat.is-selected:not(.is-minor-mode) .cof-wedge-major{fill:#c9a24b}.cof-tool .cof-seat.is-selected:not(.is-minor-mode) .cof-label-major{fill:#28324e}.cof-tool .cof-seat.is-selected.is-minor-mode .cof-wedge-minor{fill:#c9a24b}.cof-tool .cof-seat.is-selected.is-minor-mode .cof-label-minor{fill:#28324e;font-weight:700}.cof-tool .cof-seat.is-selected.is-minor-mode .cof-wedge-major{fill:#c9a24b2e}.cof-tool .cof-seat.is-selected:not(.is-minor-mode) .cof-wedge-minor{fill:#c9a24b2e}.cof-tool .cof-wedge:focus{outline:none}.cof-tool .cof-wedge:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.cof-tool #cof-c-name{font-family:Cormorant Garamond,Georgia,serif;font-size:42px;font-weight:700;fill:#28324e}.cof-tool #cof-c-mode{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;fill:#525b72;letter-spacing:.08em;text-transform:uppercase}.cof-tool #cof-c-sig{font-family:Inter,system-ui,sans-serif;font-size:11px;fill:#8a93a8}.cof-tool #cof-arc{transition:opacity var(--duration-slow) var(--ease-out)}.cof-tool .cof-acc{fill:#28324e;animation:cof-acc-in .26s var(--ease-out) both;animation-delay:calc(var(--d) * 45ms)}@keyframes cof-acc-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.cof-tool .cof-chord{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:52px;padding:6px 2px;border-radius:10px;cursor:pointer;border:1px solid var(--color-line);background:var(--color-surface-2);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.cof-tool .cof-chord:hover{background:#c9a24b24;border-color:#c9a24b73}.cof-tool .cof-chord:active{transform:scale(.97)}.cof-tool .cof-chord:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.cof-tool .cof-num{font-size:10px;font-weight:700;color:var(--color-ink-muted);letter-spacing:.03em}.cof-tool .cof-cname{font-family:Cormorant Garamond,Georgia,serif;font-size:19px;font-weight:700;color:var(--color-ink);line-height:1.1}.cof-tool .cof-prog{display:grid;gap:2px;text-align:left;width:100%;min-height:44px;padding:8px 12px;border-radius:10px;cursor:pointer;border:1px solid var(--color-line);background:#fff;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.cof-tool .cof-prog:hover{background:#c9a24b14;border-color:#c9a24b73}.cof-tool .cof-prog:active{transform:scale(.995)}.cof-tool .cof-prog:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.cof-tool .cof-prog-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cof-tool .cof-prog-name{font-size:12px;font-weight:700;color:var(--color-ink)}.cof-tool .cof-prog-num{font-size:10px;font-weight:600;color:var(--color-ink-muted);letter-spacing:.04em}.cof-tool .cof-prog-chords{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:600;color:var(--color-brand)}.cof-tool .cof-prog-why{font-size:11px;color:var(--color-ink-muted)}.cof-tool .cof-flash{animation:cof-flash .26s var(--ease-out)}@keyframes cof-flash{0%{opacity:.55}to{opacity:1}}.cof-tool[data-embed="1"] #cof-share{display:none}@media(max-width:640px){.cof-tool .cof-label-major{font-size:27px}.cof-tool .cof-label-minor{font-size:18px}}@media(prefers-reduced-motion:reduce){.cof-tool *,.cof-tool *:before,.cof-tool *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}}