/*! Musical Keys Chart 1.0.0 | onlinepitchchanger.com | brand: #0067FF primary, #22B8F0 accent, #0F172A navy. Sizes in px (Astra shrinks rem); text >= 15px, labels >= 13px, contrast >= 4.5:1. */
.opc-mk{--mk-blue:#0067ff;--mk-blue2:#0052cc;--mk-cyan:#22b8f0;--mk-navy:#0f172a;--mk-text:#334155;--mk-muted:#475569;--mk-light:#f0f7ff;--mk-line:#d6e4f5;max-width:1200px;margin:0 auto 1.75em;color:var(--mk-text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;box-sizing:border-box;text-align:left}.opc-mk *,.opc-mk *::before,.opc-mk *::after{box-sizing:border-box}.opc-mk [hidden]{display:none!important}.opc-mk p,.opc-mk dl,.opc-mk dd,.opc-mk h2,.opc-mk ol{margin:0}.opc-mk button{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0;cursor:pointer;line-height:1.2}.opc-mk :focus-visible{outline:3px solid var(--mk-blue);outline-offset:2px}.opc-mk-head{margin:0 0 10px}.opc-mk-title{margin:0;font-size:24px;line-height:1.25;font-weight:800;color:var(--mk-navy);letter-spacing:-.01em}.opc-mk-lead{margin:4px 0 0!important;color:var(--mk-muted);font-size:16px}.opc-mk-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 10px}.opc-mk-count{font-size:15px;color:var(--mk-muted)}.opc-mk-seg{display:inline-flex;flex-wrap:wrap;border-radius:12px;padding:3px;gap:3px;background:#e8f0fb}.opc-mk-seg button{min-height:44px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--mk-navy);font-weight:700;font-size:15px;white-space:nowrap}.opc-mk .opc-mk-seg button:hover,.opc-mk .opc-mk-seg button:focus{background:#d7e6fb;color:var(--mk-navy)}.opc-mk .opc-mk-seg button[aria-pressed=true]{background:var(--mk-blue);color:#fff}.opc-mk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.opc-mk-chart{min-width:0}.opc-mk[data-mode=major] [data-mk-table=minor],.opc-mk[data-mode=minor] [data-mk-table=major]{display:none}.opc-mk[data-filter=all] tr[data-dup="1"],.opc-mk[data-filter=s] tr[data-grp=f],.opc-mk[data-filter=f] tr[data-grp=s]{display:none}.opc-mk-swipe{display:none;margin:0 0 6px!important;font-size:15px;color:var(--mk-muted)}.opc-mk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mk-line);border-radius:14px;background:#fff}.opc-mk-table{width:100%;min-width:790px;border-collapse:collapse;margin:0;border:0;font-size:15px;line-height:1.3}.opc-mk-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.opc-mk-table th,.opc-mk-table td{padding:6px;border:0;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle;background:none;color:var(--mk-navy)}.opc-mk-table thead th{background:var(--mk-navy);color:#fff;font-size:14px;font-weight:700;padding:8px 6px;white-space:nowrap}.opc-mk-table thead th.opc-mk-hr{white-space:normal;min-width:80px}.opc-mk-table thead th:first-child{border-top-left-radius:13px}.opc-mk-table thead th:last-child{border-top-right-radius:13px}.opc-mk-ht{display:block}.opc-mk-table thead .opc-mk-7 i{font-style:normal;font-weight:700;color:#a5e4fa;font-size:14px}.opc-mk-7{display:grid;grid-template-columns:repeat(7,30px);column-gap:1px}.opc-mk-7c{grid-template-columns:repeat(7,42px)}.opc-mk-7 i,.opc-mk-7 b{font-style:normal;white-space:nowrap}.opc-mk-notes .opc-mk-7 i{font-weight:600}.opc-mk-notes .opc-mk-7 b{font-weight:800;color:var(--mk-blue2)}.opc-mk-chords i{font-weight:600}.opc-mk-table tbody th{position:sticky;left:0;z-index:1;background:#fff;min-width:108px;white-space:nowrap}.opc-mk-table tbody tr:nth-child(even) th,.opc-mk-table tbody tr:nth-child(even) td{background:#f8fafc}.opc-mk-table tbody tr:nth-child(even) th{background:#f8fafc}.opc-mk .opc-mk-k,.opc-mk .opc-mk-k:hover,.opc-mk .opc-mk-k:focus{display:block;min-height:44px;width:100%;padding:4px 8px;border:2px solid var(--mk-line);border-radius:10px;background:#fff;color:var(--mk-navy);font-weight:800;font-size:16px;text-align:left;white-space:nowrap}.opc-mk .opc-mk-k:hover{border-color:var(--mk-blue)}.opc-mk-enh{display:block;margin:2px 0 0 12px;font-size:13px;font-weight:600;color:var(--mk-muted)}.opc-mk-table tbody tr.is-on th,.opc-mk-table tbody tr.is-on td{background:#e6f0ff}.opc-mk .opc-mk-table tr.is-on .opc-mk-k{background:var(--mk-blue);border-color:var(--mk-blue);color:#fff}.opc-mk-sig{white-space:nowrap}.opc-mk-staff{display:inline-block;vertical-align:middle;width:74px;height:40px}.opc-mk-sigl{display:flex;align-items:center}.opc-mk-sigt{margin-left:6px;font-weight:800;font-size:15px;min-width:24px}.opc-mk-siga{display:block;font-size:13px;font-weight:600;color:var(--mk-muted);white-space:nowrap}.opc-mk-rel{font-weight:700;white-space:nowrap}.opc-mk-legend{margin:8px 0 0!important;font-size:15px;line-height:1.45;color:var(--mk-muted)}.opc-mk-legend b{color:var(--mk-blue2)}.opc-mk-more{margin:10px 0 0;border:1px solid var(--mk-line);border-radius:12px;background:#fff}.opc-mk-more summary{min-height:46px;display:flex;align-items:center;padding:0 14px;font-weight:700;font-size:16px;color:var(--mk-navy);cursor:pointer}.opc-mk-morein{display:grid;gap:10px;padding:4px 14px 14px}.opc-mk-cg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.opc-mk-label{font-size:15px;font-weight:700;color:var(--mk-navy)}.opc-mk .opc-mk-btn2,.opc-mk .opc-mk-btn2:hover,.opc-mk .opc-mk-btn2:focus{min-height:44px;padding:0 14px;border:2px solid var(--mk-blue);border-radius:10px;background:#fff;color:var(--mk-blue2);font-weight:700;font-size:15px}.opc-mk .opc-mk-btn2:hover{background:var(--mk-light)}.opc-mk-msg{font-size:15px;color:var(--mk-text)}.opc-mk-msg:empty{display:none}.opc-mk-card{background:var(--mk-navy);color:#fff;border-radius:16px;padding:16px;outline:0}.opc-mk-kname{font-size:28px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.01em}.opc-mk-ksig{margin:4px 0 12px!important;font-size:16px;font-weight:700;color:#a5e4fa}.opc-mk-kb{position:relative;display:flex;height:118px;margin:0 0 12px;border-radius:8px;overflow:hidden;background:#fff;user-select:none}.opc-mk-w{flex:1 1 0;position:relative;border-right:1px solid #94a3b8;background:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.opc-mk-w:last-child{border-right:0}.opc-mk-b{position:absolute;top:0;height:62%;z-index:2;background:#1e293b;border-radius:0 0 5px 5px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px}.opc-mk-kb b{font-size:13px;font-weight:800;line-height:1;white-space:nowrap}.opc-mk-w.is-in{background:#cfe3ff}.opc-mk-w.is-in b{color:var(--mk-navy)}.opc-mk-b.is-in{background:var(--mk-blue)}.opc-mk-b.is-in b{color:#fff}.opc-mk-w.is-acc{background:#b9d6ff}.opc-mk-w.is-root{background:#8fbcff}.opc-mk-b.is-root{background:#0047b3}.opc-mk-kb .is-play{box-shadow:inset 0 -6px 0 var(--mk-cyan)}.opc-mk-facts{display:grid;gap:6px;margin:0 0 10px!important}.opc-mk-facts div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;align-items:baseline}.opc-mk-facts dt{font-size:14px;font-weight:700;color:#cbd5e1}.opc-mk-facts dd{font-size:16px;line-height:1.4;color:#fff;margin:0;font-weight:700}.opc-mk-chh{font-size:14px;font-weight:700;color:#cbd5e1;margin:0 0 6px!important}.opc-mk-chips{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:0!important;list-style:none;margin:0 0 12px!important}.opc-mk-chips li{margin:0;padding:5px 2px;border-radius:8px;background:#1e293b;text-align:center;line-height:1.2}.opc-mk-chips span{display:block;font-size:13px;color:#a5e4fa;font-weight:700}.opc-mk-chips b{display:block;font-size:15px;color:#fff;font-weight:800;white-space:nowrap}.opc-mk-acts{display:flex;flex-wrap:wrap;gap:8px}.opc-mk .opc-mk-play,.opc-mk .opc-mk-play:hover,.opc-mk .opc-mk-play:focus{flex:1 1 150px;min-height:48px;padding:0 16px;border:0;border-radius:12px;background:var(--mk-blue);color:#fff;font-weight:800;font-size:17px}.opc-mk .opc-mk-play:hover{background:var(--mk-blue2)}.opc-mk-card .opc-mk-btn2,.opc-mk-card .opc-mk-btn2:hover,.opc-mk-card .opc-mk-btn2:focus{flex:1 1 150px;background:transparent;border-color:#a5e4fa;color:#fff}.opc-mk-card .opc-mk-btn2:hover{background:#1e293b}.opc-mk-card :focus-visible{outline-color:var(--mk-cyan)}.opc-mk-status{margin:8px 0 0!important;font-size:15px;color:#e2e8f0}.opc-mk-status:empty{display:none}.opc-mk-next{margin:10px 0 0!important;padding-top:6px;border-top:1px solid #334155;font-size:15px;color:#cbd5e1}.opc-mk .opc-mk-next a{display:inline-flex;align-items:center;min-height:44px;color:#a5e4fa;font-weight:700;text-decoration:underline;text-underline-offset:3px}.opc-mk .opc-mk-next a:hover{color:#fff}@media (max-width:620px){.opc-mk-swipe{display:block}.opc-mk-card{padding:14px}.opc-mk-kname{font-size:26px}.opc-mk-facts div{grid-template-columns:104px minmax(0,1fr)}.opc-mk-chips b{font-size:14px}}@media (min-width:1240px){.opc-mk-grid{grid-template-columns:minmax(0,1fr) 290px}.opc-mk-card{position:sticky;top:16px}}@media (prefers-reduced-motion:reduce){.opc-mk *{transition:none!important}}@media print{html.opc-mk-printing body *{visibility:hidden!important}html.opc-mk-printing .opc-mk-chart,html.opc-mk-printing .opc-mk-chart *{visibility:visible!important}html.opc-mk-printing .opc-mk-chart{position:absolute;left:0;top:0;width:100%}html.opc-mk-printing .opc-mk-scroll{overflow:visible;border:0}html.opc-mk-printing .opc-mk-table{min-width:0}html.opc-mk-printing .opc-mk-more,html.opc-mk-printing .opc-mk-swipe{display:none}html.opc-mk-printing .opc-mk-table tbody th{position:static}html.opc-mk-printing .opc-mk-table thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}