.cp-circle-chords h2{color:var(--cp-circle-ink);letter-spacing:-.02em;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:720;line-height:1.2}.cp-circle-chords{border-block-start:1px solid var(--cp-circle-line);min-inline-size:0;padding-block-start:1.25rem;container-type:inline-size}.cp-circle-chords__scrollport{overscroll-behavior-inline:contain;scrollbar-color:var(--cp-circle-accent) transparent;scrollbar-width:thin;max-inline-size:100%;margin-block-start:.75rem;overflow-x:auto}.cp-circle-chords__symbol-bridge{color:var(--cp-circle-ink-soft);overflow-wrap:anywhere;max-inline-size:66ch;margin:.5rem 0 0;font-size:.75rem;line-height:1.5}.cp-circle-chords table{border-collapse:collapse;table-layout:fixed;inline-size:100%;min-inline-size:29rem;font-size:.8125rem}.cp-circle-chords th,.cp-circle-chords td{border-block-end:1px solid color-mix(in oklch, var(--cp-circle-line) 72%, transparent);overflow-wrap:anywhere;text-align:start;vertical-align:middle;padding:.5rem}.cp-circle-chords thead th{color:var(--cp-circle-muted);letter-spacing:.04em;font-size:.6875rem;font-weight:700}.cp-circle-chords thead th:first-child{inline-size:14%}.cp-circle-chords thead th:nth-child(2){inline-size:26%}.cp-circle-chords thead th:nth-child(3){inline-size:22%}.cp-circle-chords thead th:nth-child(4){inline-size:38%}.cp-circle-chords tbody th,.cp-circle-chords__symbol{color:var(--cp-circle-ink);font-variant-numeric:tabular-nums;font-weight:720}.cp-circle-chords__harmonic{grid-template-columns:max-content max-content minmax(0,1fr);align-items:baseline;inline-size:100%;min-inline-size:0;line-height:1.3;display:grid}.cp-circle-chords__function-symbol{color:var(--cp-circle-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:760}.cp-circle-chords__function-separator{color:var(--cp-circle-muted);margin-inline:.3rem}.cp-circle-chords__degree-name,.cp-circle-chords__function-label,.cp-circle-chords__function-name{color:var(--cp-circle-ink-soft);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:normal}.cp-circle-chords__function-label{font-size:.75rem}.cp-circle-chords__function-name{font-weight:650}.cp-circle-chords tbody tr{transition:background-color var(--cp-circle-quick) var(--cp-circle-ease)}.cp-circle-chords tbody tr[data-playing=true]{background:var(--cp-circle-accent-soft)}.cp-circle-chords td:last-child{text-align:end}.cp-circle-chords button{appearance:none;background:var(--cp-circle-paper-bright);border:1px solid var(--cp-circle-line);color:var(--cp-circle-ink-soft);cursor:pointer;white-space:normal;min-block-size:44px;min-inline-size:0;max-inline-size:100%;transition:background-color var(--cp-circle-quick) var(--cp-circle-ease), border-color var(--cp-circle-quick) var(--cp-circle-ease), color var(--cp-circle-quick) var(--cp-circle-ease), transform var(--cp-circle-quick) var(--cp-circle-ease);border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:680;display:inline-flex}@container (max-width:28.999rem){.cp-circle-chords__scrollport{overscroll-behavior-inline:auto;scrollbar-width:auto;overflow-x:visible}.cp-circle-chords table,.cp-circle-chords tbody{min-inline-size:0;display:block}.cp-circle-chords thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.cp-circle-chords tbody tr{border-block-end:1px solid color-mix(in oklch, var(--cp-circle-line) 72%, transparent);grid-template-columns:minmax(0,3fr) minmax(7.5rem,2fr);grid-template-areas:"degree chord""function action";gap:.625rem .75rem;padding-block:.75rem;display:grid}.cp-circle-chords tbody tr:last-child{border-block-end:0}.cp-circle-chords tbody th,.cp-circle-chords tbody td{border-block-end:0;align-content:start;gap:.1875rem;min-inline-size:0;padding:0;display:grid}.cp-circle-chords tbody th:before,.cp-circle-chords tbody td:before{color:var(--cp-circle-muted);content:attr(data-label);-webkit-hyphens:auto;hyphens:auto;letter-spacing:.04em;overflow-wrap:normal;font-size:.625rem;font-weight:700;line-height:1.2}.cp-circle-chords tbody th{grid-area:degree}.cp-circle-chords tbody td:nth-child(2){grid-area:function}.cp-circle-chords__symbol{text-align:end;grid-area:chord;justify-items:end}.cp-circle-chords tbody td:last-child{grid-area:action;align-self:end;justify-items:stretch}.cp-circle-chords button{inline-size:100%}}@container (max-width:15rem){.cp-circle-chords tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"degree chord""function function""action action"}}.cp-circle-chords button[data-state=playing]{background:var(--cp-circle-accent-strong);border-color:var(--cp-circle-accent-dark);color:var(--cp-circle-paper-bright)}.cp-circle-chords button:disabled{cursor:not-allowed;opacity:.52}.cp-circle-chords button:active:not(:disabled){transform:scale(.97)}.cp-circle-chords button:focus-visible{outline:3px solid var(--cp-circle-accent-strong);outline-offset:2px}@media (hover:hover){.cp-circle-chords button:hover:not(:disabled){border-color:var(--cp-circle-accent);color:var(--cp-circle-accent-dark)}}@media (forced-colors:active){.cp-circle-chords button:disabled{color:graytext;opacity:1;border-color:graytext}}
.cp-circle-summary h2{color:var(--cp-circle-ink);letter-spacing:-.02em;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:720;line-height:1.2}.cp-circle-summary--empty{background:var(--cp-circle-paper-blue);border-radius:.75rem;padding:1rem}.cp-circle-summary--empty p{color:var(--cp-circle-ink-soft);max-inline-size:56ch;margin:.5rem 0 0;font-size:.875rem;line-height:1.55}.cp-circle-summary__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.75rem 0 0;display:grid}.cp-circle-summary__facts div{background:var(--cp-circle-paper);border-radius:.625rem;min-inline-size:0;padding:.75rem}.cp-circle-summary__facts dt{color:var(--cp-circle-muted);letter-spacing:.04em;font-size:.6875rem;font-weight:700;line-height:1.3}.cp-circle-summary__facts dd{color:var(--cp-circle-ink);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.9375rem;font-weight:700;line-height:1.25}@media (max-width:28rem){.cp-circle-summary__facts{grid-template-columns:1fr}}@media (orientation:landscape) and (max-height:500px) and (min-width:35rem){.cp-circle-summary--empty{padding:.75rem}.cp-circle-summary--empty p{font-size:.8125rem;line-height:1.35}}
.cp-circle-dial{aspect-ratio:1;inline-size:min(100%,36rem);max-inline-size:100%;position:relative;container-type:inline-size}.cp-circle-dial:after{border:1px solid color-mix(in oklch, var(--cp-circle-line) 72%, transparent);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:.5%;box-shadow:inset 0 1px #ffffffe6,inset 0 -8px 18px #00212f12,0 18px 34px #00212f17;box-shadow:inset 0 1px lab(100% 0 0/.9),inset 0 -8px 18px lab(10.7655% -8.12493 -13.8452/.07),0 18px 34px lab(10.7655% -8.12493 -13.8452/.09)}.cp-circle-dial__artwork,.cp-circle-key-ring,.cp-circle-signatures{block-size:100%;inline-size:100%;position:absolute;inset:0}.cp-circle-dial__outer-bed{fill:var(--cp-circle-paper-bright);stroke:color-mix(in oklch, var(--cp-circle-line) 72%, transparent);stroke-width:2px}.cp-circle-dial__major-material path{fill:var(--cp-circle-paper-blue);stroke:color-mix(in oklch, var(--cp-circle-accent) 26%, var(--cp-circle-line));stroke-width:1.2px;transition:fill var(--cp-circle-standard) var(--cp-circle-ease), stroke var(--cp-circle-standard) var(--cp-circle-ease)}.cp-circle-dial__major-material path:nth-child(2n){fill:color-mix(in oklch, var(--cp-circle-paper-blue) 70%, var(--cp-circle-paper-bright))}.cp-circle-dial__minor-material path{fill:var(--cp-circle-paper-deep);stroke:color-mix(in oklch, var(--cp-circle-line) 82%, var(--cp-circle-ink-soft));stroke-width:1.2px;transition:fill var(--cp-circle-standard) var(--cp-circle-ease), stroke var(--cp-circle-standard) var(--cp-circle-ease)}.cp-circle-dial__minor-material path:nth-child(2n){fill:color-mix(in oklch, var(--cp-circle-paper-deep) 76%, var(--cp-circle-paper-bright))}.cp-circle-dial__major-material path[data-selected=true],.cp-circle-dial__minor-material path[data-selected=true]{fill:var(--cp-circle-accent-soft);stroke:var(--cp-circle-accent-strong);stroke-width:3px}.cp-circle-dial__signature-track{fill:none;stroke:color-mix(in oklch, var(--cp-circle-accent) 24%, var(--cp-circle-line));stroke-dasharray:1 7;stroke-linecap:round;stroke-width:16px}.cp-circle-dial__centre{fill:var(--cp-circle-paper-bright);stroke:var(--cp-circle-line);stroke-width:2px}.cp-circle-key-ring{pointer-events:none;z-index:3}.cp-circle-key{appearance:none;box-shadow:none;color:var(--cp-circle-ink);cursor:pointer;pointer-events:auto;touch-action:manipulation;min-block-size:0;min-inline-size:0;transition:color var(--cp-circle-quick) var(--cp-circle-ease);-webkit-user-select:none;user-select:none;z-index:1;background:0 0;border:0;margin:0;padding:0;font-size:clamp(.625rem,2.65cqi,.8125rem);font-weight:720;line-height:1.05;display:block;position:absolute}.cp-circle-key__content{pointer-events:none;justify-content:center;align-items:center;block-size:44px;inline-size:44px;display:flex;position:absolute;transform:translate(-50%,-50%)}.cp-circle-key-ring[data-mode=natural-minor] .cp-circle-key{color:var(--cp-circle-ink-soft);font-weight:650}.cp-circle-key__label{background:color-mix(in oklch, var(--cp-circle-paper-bright) 92%, transparent);border:1px solid color-mix(in oklch, var(--cp-circle-line) 84%, transparent);min-block-size:1.25rem;min-inline-size:1.625rem;transition:background-color var(--cp-circle-quick) var(--cp-circle-ease), border-color var(--cp-circle-quick) var(--cp-circle-ease), box-shadow var(--cp-circle-quick) var(--cp-circle-ease), transform var(--cp-circle-quick) var(--cp-circle-ease);border-radius:.375rem;justify-content:center;align-items:center;padding:.1875rem .3125rem;line-height:1;display:inline-flex;box-shadow:0 1px 2px #00212f14;box-shadow:0 1px 2px lab(10.7655% -8.12493 -13.8452/.08)}.cp-circle-key-ring[data-mode=natural-minor] .cp-circle-key__label{background:color-mix(in oklch, var(--cp-circle-paper) 82%, transparent);box-shadow:none;border-color:#0000}.cp-circle-key[data-selected=true] .cp-circle-key__label{background:var(--cp-circle-accent-strong);border-color:var(--cp-circle-accent-dark);color:var(--cp-circle-paper-bright);box-shadow:0 2px 4px #00223229,0 8px 18px #0022321f,inset 0 1px #ffffff47;box-shadow:0 2px 4px lab(10.8323% -12.5308 -20.1569/.16),0 8px 18px lab(10.8323% -12.5308 -20.1569/.12),inset 0 1px lab(100% 0 0/.28)}.cp-circle-key:active .cp-circle-key__label{transform:scale(.96)}.cp-circle-key:focus-visible{outline:3px solid var(--cp-circle-accent-dark);outline-offset:-3px;z-index:4}.cp-circle-key:focus-visible .cp-circle-key__content{outline:3px solid var(--cp-circle-accent-dark);outline-offset:3px;border-radius:50%}.cp-circle-key__function{background:var(--cp-circle-paper-bright);border:1px solid var(--cp-circle-accent-strong);color:var(--cp-circle-accent-dark);border-radius:.25rem;justify-content:center;align-items:center;min-block-size:1.25rem;min-inline-size:1.125rem;padding-inline:.1875rem;font-size:.5625rem;font-weight:750;display:flex;position:absolute;inset-block-start:-.1875rem}.cp-circle-key[data-function-tone=minor] .cp-circle-key__function{border-style:dashed}.cp-circle-key[data-function-tone=diminished] .cp-circle-key__function{background:var(--cp-circle-ink);color:var(--cp-circle-paper-bright)}.cp-circle-signatures{opacity:0;pointer-events:none;transition:opacity .18s var(--cp-circle-ease);visibility:hidden;z-index:2}.cp-circle-signatures[data-visible=true]{opacity:1;visibility:visible}.cp-circle-signatures__item{background:color-mix(in oklch, var(--cp-circle-paper-bright) 86%, transparent);block-size:clamp(1.375rem,5cqi,1.75rem);color:color-mix(in oklch, var(--cp-circle-ink) 88%, var(--cp-circle-accent));border-radius:999px;justify-content:center;align-items:center;inline-size:clamp(2rem,7cqi,2.5rem);padding:.0625rem .125rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.cp-circle-signatures__glyph{block-size:100%;inline-size:100%}@container (max-width:22rem){.cp-circle-key__function{display:none}.cp-circle-signatures__item{block-size:.875rem;inline-size:1.5rem;color:color-mix(in oklch, var(--cp-circle-ink) 76%, var(--cp-circle-accent));background:0 0;border-radius:0;padding:0}}@media (hover:hover){.cp-circle-key:hover .cp-circle-key__label{border-color:var(--cp-circle-accent);transform:translateY(-1px);box-shadow:0 2px 4px #00212f1a,0 7px 16px #00212f14;box-shadow:0 2px 4px lab(10.7655% -8.12493 -13.8452/.1),0 7px 16px lab(10.7655% -8.12493 -13.8452/.08)}}.cp-circle-dial__legend{pointer-events:none;text-align:center;z-index:4;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(.4375rem,1.55cqi,.625rem);line-height:1.15;display:flex;position:absolute;inset:43%}.cp-circle-dial__legend-major{color:var(--cp-circle-accent-dark);font-weight:720}.cp-circle-dial__legend-minor{color:var(--cp-circle-muted);margin-block-start:.125rem;font-weight:600}@media (orientation:landscape) and (max-height:500px) and (min-width:35rem){.cp-circle-dial{flex:0 0 15.5rem;block-size:15.5rem;inline-size:15.5rem;max-inline-size:none}}
.cp-circle-toolbar{background:var(--cp-circle-paper-bright);border:1px solid color-mix(in oklch, var(--cp-circle-line) 78%, transparent);z-index:5;border-radius:.875rem;grid-area:toolbar;grid-template-columns:minmax(0,1fr);align-items:end;gap:.75rem;min-inline-size:0;padding:.75rem;display:grid;position:relative;box-shadow:0 1px 2px #00212f0d,inset 0 1px #fffc;box-shadow:0 1px 2px lab(10.7655% -8.12493 -13.8452/.05),inset 0 1px lab(100% 0 0/.8)}.cp-circle-toolbar__clefs{border:0;min-inline-size:0;margin:0;padding:0}.cp-circle-toolbar__legend{color:var(--cp-circle-muted);letter-spacing:.06em;text-transform:uppercase;margin-block-end:.375rem;padding:0;font-size:.6875rem;font-weight:700;line-height:1.2}.cp-circle-toolbar__clef-options{background:var(--cp-circle-paper-deep);border-radius:.625rem;grid-template-columns:repeat(4,minmax(44px,1fr));gap:.25rem;padding:.25rem;display:grid}.cp-circle-toolbar__clef-option{cursor:pointer;min-inline-size:0;position:relative}.cp-circle-toolbar__clef-option input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.cp-circle-toolbar__clef-option span{color:var(--cp-circle-ink-soft);overflow-wrap:anywhere;text-align:center;min-block-size:44px;transition:background-color var(--cp-circle-quick) var(--cp-circle-ease), border-color var(--cp-circle-quick) var(--cp-circle-ease), color var(--cp-circle-quick) var(--cp-circle-ease), transform var(--cp-circle-quick) var(--cp-circle-ease);border:1px solid #0000;border-radius:.4375rem;justify-content:center;align-items:center;padding:.375rem;font-size:.75rem;font-weight:650;display:flex}.cp-circle-toolbar__clef-option input:checked+span{background:var(--cp-circle-paper-bright);border-color:color-mix(in oklch, var(--cp-circle-accent) 38%, var(--cp-circle-line));color:var(--cp-circle-accent-dark);box-shadow:0 2px 6px #00212f14;box-shadow:0 2px 6px lab(10.7655% -8.12493 -13.8452/.08)}.cp-circle-toolbar__clef-option input:focus-visible+span{outline:3px solid var(--cp-circle-accent-strong);outline-offset:2px}.cp-circle-toolbar__clef-option:active span{transform:scale(.98)}.cp-circle-toolbar__signature-toggle{appearance:none;background:var(--cp-circle-paper-bright);border:1px solid var(--cp-circle-line);color:var(--cp-circle-ink-soft);cursor:pointer;min-block-size:44px;transition:background-color var(--cp-circle-quick) var(--cp-circle-ease), border-color var(--cp-circle-quick) var(--cp-circle-ease), color var(--cp-circle-quick) var(--cp-circle-ease), transform var(--cp-circle-quick) var(--cp-circle-ease);border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;font-size:.8125rem;font-weight:650;display:inline-flex}.cp-circle-toolbar__signature-toggle[data-active=true]{background:var(--cp-circle-accent-soft);border-color:var(--cp-circle-accent);color:var(--cp-circle-accent-dark)}.cp-circle-toolbar__signature-toggle:active{transform:scale(.98)}.cp-circle-toolbar__signature-toggle:focus-visible{outline:3px solid var(--cp-circle-accent-strong);outline-offset:2px}.cp-circle-toolbar__toggle-mark{block-size:.75rem;box-shadow:inset 0 0 0 2px var(--cp-circle-paper-bright);border:2px solid;border-radius:50%;inline-size:.75rem}.cp-circle-toolbar__signature-toggle[data-active=true] .cp-circle-toolbar__toggle-mark{background:currentColor}@media (min-width:42rem){.cp-circle-toolbar{grid-template-columns:minmax(22rem,1fr) auto}}@media (hover:hover){.cp-circle-toolbar__clef-option:hover span,.cp-circle-toolbar__signature-toggle:hover{border-color:var(--cp-circle-accent)}}@media (orientation:landscape) and (max-height:500px) and (min-width:35rem){.cp-circle-toolbar{grid-template-columns:minmax(0,1fr);gap:.25rem;padding:.25rem}.cp-circle-toolbar__legend{visibility:hidden;position:absolute}.cp-circle-toolbar__signature-toggle{min-block-size:44px}.cp-circle-toolbar__clef-options{gap:0;padding:0}}
@media (prefers-reduced-motion:reduce){.cp-circle-workbench *,.cp-circle-workbench :before,.cp-circle-workbench :after{scroll-behavior:auto;transition-duration:.01ms}.cp-circle-key:active .cp-circle-key__label,.cp-circle-key:hover .cp-circle-key__label,.cp-circle-toolbar__clef-option:active span,.cp-circle-toolbar__signature-toggle:active,.cp-circle-chords button:active:not(:disabled){transform:none}}@media (forced-colors:active){.cp-circle-workbench,.cp-circle-workbench__details,.cp-circle-toolbar,.cp-circle-summary--empty,.cp-circle-summary__facts div,.cp-circle-key,.cp-circle-signatures__item,.cp-circle-chords button{box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}.cp-circle-workbench:before{display:none}.cp-circle-dial__outer-bed,.cp-circle-dial__major-material path,.cp-circle-dial__minor-material path,.cp-circle-dial__centre{fill:canvas;stroke:canvastext}.cp-circle-dial__signature-track{stroke:canvastext}.cp-circle-key[data-selected=true],.cp-circle-toolbar__clef-option input:checked+span,.cp-circle-toolbar__signature-toggle[data-active=true],.cp-circle-chords button[data-state=playing]{color:highlighttext;forced-color-adjust:none;background:highlight}.cp-circle-key[data-selected=true] .cp-circle-key__label{box-shadow:none;color:highlighttext;forced-color-adjust:none;background:highlight;border-color:highlighttext;transition:none}.cp-circle-key[data-selected=true]{transition:none}.cp-circle-key:focus-visible,.cp-circle-toolbar__clef-option input:focus-visible+span,.cp-circle-toolbar__signature-toggle:focus-visible,.cp-circle-chords button:focus-visible,.cp-circle-key:focus-visible .cp-circle-key__content{outline-color:highlight}}
.cp-circle-workbench{--cp-circle-paper:var(--paper,#fbf7ea);--cp-circle-paper-bright:var(--paper-bright,#fffdf8);--cp-circle-paper-deep:var(--paper-deep,#f3eacd);--cp-circle-paper-blue:var(--paper-blue,#cef2fe);--cp-circle-ink:var(--ink,#092033);--cp-circle-ink-soft:var(--ink-soft,#334d63);--cp-circle-muted:var(--ink-muted,#516774);--cp-circle-line:var(--line,#b2d1da);--cp-circle-accent:var(--accent,#0098bb);--cp-circle-accent-strong:var(--accent-strong,#006681);--cp-circle-accent-dark:var(--accent-dark,#00435c);--cp-circle-accent-soft:var(--accent-soft,#a6ebfb);--cp-circle-quick:.12s;--cp-circle-standard:.24s;--cp-circle-ease:cubic-bezier(.2, 0, 0, 1);color:var(--cp-circle-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-areas:"toolbar""dial""details";gap:1rem;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:clamp(.5rem,2vw,1.5rem);display:grid;position:relative;overflow:visible}@supports (color:lab(0% 0 0)){.cp-circle-workbench{--cp-circle-paper:var(--paper,lab(97.2053% -.40257 6.89194));--cp-circle-paper-bright:var(--paper-bright,lab(99.4682% -.201881 3.04695));--cp-circle-paper-deep:var(--paper-deep,lab(92.7808% -.393003 15.1481));--cp-circle-paper-blue:var(--paper-blue,lab(93.0411% -10.0967 -10.1821));--cp-circle-ink:var(--ink,lab(11.1002% -2.82188 -15.7015));--cp-circle-ink-soft:var(--ink-soft,lab(31.5122% -5.40757 -16.1511));--cp-circle-muted:var(--ink-muted,lab(42.0534% -5.58062 -10.6363));--cp-circle-line:var(--line,lab(81.663% -9.05895 -8.17534));--cp-circle-accent:var(--accent,lab(57.2657% -36.3086 -38.6083));--cp-circle-accent-strong:var(--accent-strong,lab(38.9986% -28.1076 -37.0839));--cp-circle-accent-dark:var(--accent-dark,lab(25.3955% -17.7086 -28.2961));--cp-circle-accent-soft:var(--accent-soft,lab(88.9218% -19.6905 -14.7683))}}.cp-circle-workbench:before{background-image:linear-gradient(var(--cp-circle-line) 1px, transparent 1px), linear-gradient(90deg, var(--cp-circle-line) 1px, transparent 1px);content:"";opacity:.18;pointer-events:none;background-size:2rem 2rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.cp-circle-workbench,.cp-circle-workbench *,.cp-circle-workbench :before,.cp-circle-workbench :after{box-sizing:border-box}.cp-circle-workbench button,.cp-circle-workbench input{font:inherit;font-variant-numeric:tabular-nums}.cp-circle-workbench__dial{grid-area:dial;justify-content:center;align-items:center;min-inline-size:0;display:flex;position:relative}.cp-circle-workbench__details{background:var(--cp-circle-paper-bright);border:1px solid color-mix(in oklch, var(--cp-circle-line) 78%, transparent);border-radius:1rem;grid-area:details;align-content:start;gap:1.5rem;min-inline-size:0;padding:clamp(1rem,2vw,1.5rem);display:grid;position:relative;box-shadow:0 1px 2px #00212f0d,0 12px 28px #00212f0f;box-shadow:0 1px 2px lab(10.7655% -8.12493 -13.8452/.05),0 12px 28px lab(10.7655% -8.12493 -13.8452/.06)}.cp-circle-workbench__details-action{inline-size:100%;min-inline-size:0}.cp-circle-visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (min-width:56rem){.cp-circle-workbench{grid-template-columns:minmax(26rem,1.2fr) minmax(20rem,.8fr);grid-template-areas:"toolbar toolbar""dial details";align-items:start;gap:clamp(1rem,2.4vw,2rem)}.cp-circle-workbench__details{max-block-size:min(46rem,100svh - 10rem);overflow:auto}}@media (orientation:landscape) and (max-height:500px) and (min-width:35rem){.cp-circle-workbench{grid-template:"dial toolbar""dial details"minmax(0,1fr)/15.5rem minmax(0,1fr);gap:.75rem;block-size:15.5rem;min-block-size:15.5rem;padding:0}.cp-circle-workbench__dial{align-self:start;block-size:15.5rem;overflow:visible}.cp-circle-workbench__details{gap:.75rem;block-size:100%;padding:.75rem;overflow:hidden auto}}
.circle-pdf-download-button-module__0ElTDa__download{gap:.5rem;inline-size:100%;min-inline-size:0;display:grid}.circle-pdf-download-button-module__0ElTDa__download .circle-pdf-download-button-module__0ElTDa__button{text-align:center;white-space:normal;block-size:auto;min-block-size:44px;inline-size:100%;max-inline-size:100%;padding-block:.625rem;line-height:1.25}.circle-pdf-download-button-module__0ElTDa__download .circle-pdf-download-button-module__0ElTDa__button>span{overflow-wrap:anywhere;min-inline-size:0}.circle-pdf-download-button-module__0ElTDa__download .circle-pdf-download-button-module__0ElTDa__button:active{filter:brightness(.9)}.circle-pdf-download-button-module__0ElTDa__working-icon{color:currentColor;animation:.9s linear infinite circle-pdf-download-button-module__0ElTDa__circle-pdf-working}.circle-pdf-download-button-module__0ElTDa__status{color:var(--cp-circle-ink-soft);overflow-wrap:anywhere;min-block-size:2.8em;margin:0;font-size:.8125rem;line-height:1.4}.circle-pdf-download-button-module__0ElTDa__status[data-state=failure]{color:var(--destructive,#be2323)}@supports (color:lab(0% 0 0)){.circle-pdf-download-button-module__0ElTDa__status[data-state=failure]{color:var(--destructive,lab(42.4236% 59.8149 41.9956))}}@keyframes circle-pdf-download-button-module__0ElTDa__circle-pdf-working{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.circle-pdf-download-button-module__0ElTDa__working-icon{animation:none}}@media (forced-colors:active){.circle-pdf-download-button-module__0ElTDa__button{border:1px solid buttontext}.circle-pdf-download-button-module__0ElTDa__button:disabled{color:graytext;border-color:graytext}.circle-pdf-download-button-module__0ElTDa__button:focus-visible{outline-offset:2px;outline:2px solid highlight}.circle-pdf-download-button-module__0ElTDa__button:active{outline-offset:-2px;outline:2px solid}.circle-pdf-download-button-module__0ElTDa__status,.circle-pdf-download-button-module__0ElTDa__status[data-state=failure]{color:canvastext}}
.circle-share-link-button-module__K8BWAW__share{gap:.5rem;inline-size:100%;min-inline-size:0;display:grid}.circle-share-link-button-module__K8BWAW__share .circle-share-link-button-module__K8BWAW__button{background:var(--cp-circle-paper-bright);border:1px solid var(--cp-circle-accent);block-size:auto;color:var(--cp-circle-accent-dark);text-align:center;white-space:normal;min-block-size:44px;inline-size:100%;max-inline-size:100%;padding-block:.625rem;line-height:1.25}.circle-share-link-button-module__K8BWAW__share .circle-share-link-button-module__K8BWAW__button>span{overflow-wrap:anywhere;min-inline-size:0}.circle-share-link-button-module__K8BWAW__share .circle-share-link-button-module__K8BWAW__button:active{transform:scale(.99)}@media (hover:hover){.circle-share-link-button-module__K8BWAW__share .circle-share-link-button-module__K8BWAW__button:hover{background:color-mix(in oklch, var(--cp-circle-accent-soft) 40%, var(--cp-circle-paper-bright));border-color:var(--cp-circle-accent-strong);color:var(--cp-circle-accent-dark)}}.circle-share-link-button-module__K8BWAW__hint{color:var(--cp-circle-ink-soft);overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.4}.circle-share-link-button-module__K8BWAW__announcement{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.circle-share-link-button-module__K8BWAW__fallback{gap:.375rem;display:grid}.circle-share-link-button-module__K8BWAW__fallback>span{color:var(--destructive,#be2323);font-size:.8125rem;line-height:1.4}@supports (color:lab(0% 0 0)){.circle-share-link-button-module__K8BWAW__fallback>span{color:var(--destructive,lab(42.4236% 59.8149 41.9956))}}.circle-share-link-button-module__K8BWAW__fallback textarea{background:var(--cp-circle-paper-bright);border:1px solid var(--cp-circle-line);color:var(--cp-circle-ink);resize:none;border-radius:.5rem;inline-size:100%;padding:.5rem;font-family:inherit;font-size:1rem}@media (forced-colors:active){.circle-share-link-button-module__K8BWAW__share .circle-share-link-button-module__K8BWAW__button{border:1px solid buttontext}.circle-share-link-button-module__K8BWAW__share .circle-share-link-button-module__K8BWAW__button:focus-visible{outline-offset:2px;outline:2px solid highlight}.circle-share-link-button-module__K8BWAW__share .circle-share-link-button-module__K8BWAW__button{color:buttontext;background:buttonface}.circle-share-link-button-module__K8BWAW__hint,.circle-share-link-button-module__K8BWAW__fallback>span{color:canvastext}}
.circle-of-fifths-experience-module__7Reguq__experience{min-width:0;scroll-margin-block-start:1.5rem}.circle-of-fifths-experience-module__7Reguq__detailsActions{gap:1rem;min-inline-size:0;display:grid}@media (max-width:61.25rem) and (max-height:31.25rem) and (orientation:landscape){.circle-of-fifths-experience-module__7Reguq__experience{--cp-circle-viewport-offset:calc(var(--topbar-height) + 1rem);min-height:calc(100svh - var(--topbar-height) - 1.5rem)}}
.circle-of-fifths-loading-module___AG6FG__shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-areas:"toolbar""dial""details";gap:1rem;min-block-size:42rem;padding:clamp(.5rem,2vw,1.5rem);display:grid;position:relative;overflow:hidden}.circle-of-fifths-loading-module___AG6FG__shell:before{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);content:"";opacity:.18;background-size:2rem 2rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.circle-of-fifths-loading-module___AG6FG__status{color:var(--ink-soft);z-index:1;margin:0;font-size:.875rem;font-weight:650;position:absolute;inset-block-start:1.25rem;inset-inline-start:1.25rem}.circle-of-fifths-loading-module___AG6FG__toolbar,.circle-of-fifths-loading-module___AG6FG__details{background:var(--paper-bright);border:1px solid color-mix(in oklch, var(--line) 78%, transparent);position:relative}.circle-of-fifths-loading-module___AG6FG__toolbar{border-radius:.875rem;grid-area:toolbar;min-block-size:5.5rem}.circle-of-fifths-loading-module___AG6FG__dial{aspect-ratio:1;background:var(--paper-blue);border:1px solid var(--line);border-radius:50%;grid-area:dial;justify-self:center;inline-size:min(100%,36rem);position:relative}.circle-of-fifths-loading-module___AG6FG__dial:before,.circle-of-fifths-loading-module___AG6FG__dial span{border:1px solid var(--line);content:"";border-radius:50%;position:absolute;inset:16%}.circle-of-fifths-loading-module___AG6FG__dial span{background:var(--paper-bright);inset:34%}.circle-of-fifths-loading-module___AG6FG__details{border-radius:1rem;grid-area:details;align-content:start;gap:.75rem;min-block-size:8rem;padding:1rem;display:grid}.circle-of-fifths-loading-module___AG6FG__details span{background:var(--paper-deep);border-radius:.25rem;block-size:.75rem;inline-size:72%}.circle-of-fifths-loading-module___AG6FG__details span:nth-child(2){inline-size:92%}.circle-of-fifths-loading-module___AG6FG__details span:nth-child(3){inline-size:58%}@media (min-width:56rem){.circle-of-fifths-loading-module___AG6FG__shell{grid-template-columns:minmax(26rem,1.2fr) minmax(20rem,.8fr);grid-template-areas:"toolbar toolbar""dial details";align-items:start;gap:clamp(1rem,2.4vw,2rem);min-block-size:44rem}.circle-of-fifths-loading-module___AG6FG__toolbar{min-block-size:6.0625rem}}@media (orientation:landscape) and (max-height:500px) and (min-width:35rem){.circle-of-fifths-loading-module___AG6FG__shell{grid-template:"dial toolbar""dial details"minmax(0,1fr)/15.5rem minmax(0,1fr);gap:.75rem;block-size:15.5rem;min-block-size:15.5rem;padding:0}.circle-of-fifths-loading-module___AG6FG__status{z-index:1;position:absolute;inset-block-start:.75rem;inset-inline-start:17rem}.circle-of-fifths-loading-module___AG6FG__toolbar{min-block-size:4rem}.circle-of-fifths-loading-module___AG6FG__dial{block-size:15.5rem;inline-size:15.5rem}.circle-of-fifths-loading-module___AG6FG__details{min-block-size:0}}@media (forced-colors:active){.circle-of-fifths-loading-module___AG6FG__shell:before{display:none}.circle-of-fifths-loading-module___AG6FG__toolbar,.circle-of-fifths-loading-module___AG6FG__dial,.circle-of-fifths-loading-module___AG6FG__details,.circle-of-fifths-loading-module___AG6FG__dial:before,.circle-of-fifths-loading-module___AG6FG__dial span{border-color:canvastext}}
.circle-of-fifths-page-content-module__LQwx0a__toolLead{gap:1rem;display:grid}@media (max-width:61.25rem) and (max-height:31.25rem) and (orientation:landscape){.circle-of-fifths-page-content-module__LQwx0a__article{padding-block:max(.5rem, env(safe-area-inset-top)) 1rem;gap:.75rem;padding-inline-start:max(.75rem, env(safe-area-inset-left));padding-inline-end:max(.75rem, env(safe-area-inset-right))}.circle-of-fifths-page-content-module__LQwx0a__experience{order:-1}.circle-of-fifths-page-content-module__LQwx0a__toolLead{gap:.5rem}.circle-of-fifths-page-content-module__LQwx0a__landscapeBreadcrumb{display:none}.circle-of-fifths-page-content-module__LQwx0a__lede{font-size:.875rem;line-height:1.35}}