.cof[data-astro-cid-vil7tnon]{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;max-width:760px;display:flex}.cof-wheel-wrap[data-astro-cid-vil7tnon]{flex:320px;min-width:280px;max-width:400px}#wheel[data-astro-cid-vil7tnon]{width:100%;height:auto;display:block}.cof-seg[data-astro-cid-vil7tnon]{cursor:pointer;transition:fill .12s}.cof-seg-label[data-astro-cid-vil7tnon]{font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;text-anchor:middle;dominant-baseline:central}.cof-mode[data-astro-cid-vil7tnon]{justify-content:center;gap:1.2rem;margin-top:.6rem;display:flex}.cof-radio[data-astro-cid-vil7tnon]{color:var(--color-text,#111);cursor:pointer;align-items:center;gap:.3rem;font-size:.9rem;display:flex}.cof-panel[data-astro-cid-vil7tnon]{flex:280px;min-width:250px}.cof-keyname[data-astro-cid-vil7tnon]{color:var(--color-text,#111);font-size:1.6rem;font-weight:700}.cof-sig[data-astro-cid-vil7tnon]{font-family:var(--font-mono);color:var(--color-text-muted,#888);margin-bottom:1rem}.cof-row[data-astro-cid-vil7tnon]{border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;padding:.35rem 0;display:flex}.cof-label[data-astro-cid-vil7tnon]{color:var(--color-text-muted,#888);font-size:.9rem}.cof-val[data-astro-cid-vil7tnon]{font-family:var(--font-mono);color:var(--color-text,#111)}.cof-section-title[data-astro-cid-vil7tnon]{color:var(--color-text-muted,#888);margin-top:1.2rem;margin-bottom:.5rem;font-size:.9rem}.keyboard-visual[data-astro-cid-vil7tnon]{justify-content:center;height:80px;display:flex;position:relative}.kb-key[data-astro-cid-vil7tnon]{position:relative}.kb-key[data-astro-cid-vil7tnon].white{z-index:1;background:#f5f5f5;border:1px solid #bbb;border-radius:0 0 3px 3px;width:30px;height:80px}.kb-key[data-astro-cid-vil7tnon].black{z-index:2;background:#222;border:1px solid #000;border-radius:0 0 2px 2px;width:20px;height:50px;margin-left:-10px;margin-right:-10px}.kb-key[data-astro-cid-vil7tnon].white.active{background:var(--color-accent,#6366f1)}.kb-key[data-astro-cid-vil7tnon].black.active{background:var(--color-accent,#6366f1);filter:brightness(.8)}.kb-key[data-astro-cid-vil7tnon].root{outline:2px solid var(--color-accent,#6366f1);outline-offset:-2px}.cof-chords[data-astro-cid-vil7tnon]{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.cof-chord[data-astro-cid-vil7tnon]{text-align:center;border:1px solid var(--color-border,#e5e7eb);cursor:pointer;background:var(--color-bg,#fff);border-radius:6px;padding:.4rem .1rem;transition:border-color .12s,background .12s}.cof-chord[data-astro-cid-vil7tnon]:hover{border-color:var(--color-accent,#6366f1)}.cof-chord[data-astro-cid-vil7tnon].playing{background:var(--color-accent,#6366f1)}.cof-chord[data-astro-cid-vil7tnon].playing .cof-chord-deg[data-astro-cid-vil7tnon],.cof-chord[data-astro-cid-vil7tnon].playing .cof-chord-name[data-astro-cid-vil7tnon]{color:var(--color-bg,#fff)}.cof-chord-deg[data-astro-cid-vil7tnon]{color:var(--color-text-muted,#888);font-size:.7rem}.cof-chord-name[data-astro-cid-vil7tnon]{font-family:var(--font-mono);color:var(--color-text,#111);font-size:.85rem}.cof-progs[data-astro-cid-vil7tnon]{flex-wrap:wrap;gap:.35rem;display:flex}.cof-prog-btn[data-astro-cid-vil7tnon]{border:1px solid var(--color-border,#ccc);background:var(--color-bg,#fff);color:var(--color-text,#111);cursor:pointer;border-radius:6px;padding:.35rem .7rem;font-size:.8rem}.cof-prog-btn[data-astro-cid-vil7tnon]:hover{border-color:var(--color-accent,#6366f1);color:var(--color-accent,#6366f1)}.cof-prog-btn[data-astro-cid-vil7tnon] .cof-prog-seq[data-astro-cid-vil7tnon]{font-family:var(--font-mono);color:var(--color-text-muted,#888);margin-top:2px;font-size:.68rem;display:block}.cof-controls[data-astro-cid-vil7tnon]{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.cof-check[data-astro-cid-vil7tnon]{color:var(--color-text,#111);align-items:center;gap:.35rem;font-size:.9rem;display:flex}.cof-btn[data-astro-cid-vil7tnon]{border:1px solid var(--color-border,#ccc);background:var(--color-bg,#fff);color:var(--color-text,#111);cursor:pointer;border-radius:6px;padding:.4rem .9rem;font-size:.85rem}.cof-btn[data-astro-cid-vil7tnon]:hover{border-color:var(--color-accent,#6366f1);color:var(--color-accent,#6366f1)}.cof-hint[data-astro-cid-vil7tnon]{color:var(--color-text-muted,#888);margin-top:1rem;font-size:.8rem;line-height:1.5}