.ColdStart-module__QsZt2G__coldStart{flex-direction:column;gap:.75rem;display:flex}.ColdStart-module__QsZt2G__hint{border-left:3px solid var(--color-accent);margin:0;padding:.5rem .75rem;font-size:1.1rem;font-weight:700}.ColdStart-module__QsZt2G__title{margin:0;font-size:1rem;font-weight:700}.ColdStart-module__QsZt2G__list{font-variant-numeric:tabular-nums;margin:0;padding-left:1.25rem}
.ContextBar-module__HOJ4PW__bar{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.ContextBar-module__HOJ4PW__section{border-top:1px solid color-mix(in srgb, var(--color-muted) 25%, transparent);flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.ContextBar-module__HOJ4PW__title{margin:0;font-size:1rem;font-weight:700}.ContextBar-module__HOJ4PW__block,.ContextBar-module__HOJ4PW__form{flex-direction:column;gap:.5rem;display:flex}.ContextBar-module__HOJ4PW__row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.ContextBar-module__HOJ4PW__field{flex-direction:column;flex:8rem;gap:.2rem;min-width:0;display:flex}.ContextBar-module__HOJ4PW__label{color:var(--color-muted);font-size:.8rem}.ContextBar-module__HOJ4PW__input{box-sizing:border-box;border:1px solid var(--color-muted);background:var(--color-bg);width:100%;min-width:0;color:inherit;font:inherit;padding:.35rem .5rem}.ContextBar-module__HOJ4PW__radios{border:0;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;display:flex}.ContextBar-module__HOJ4PW__radio{align-items:center;gap:.35rem;display:inline-flex}.ContextBar-module__HOJ4PW__button,.ContextBar-module__HOJ4PW__chip{border:1px solid var(--color-muted);color:inherit;cursor:pointer;font:inherit;background:0 0;padding:.35rem .75rem}.ContextBar-module__HOJ4PW__button:disabled{cursor:default;opacity:.5}.ContextBar-module__HOJ4PW__chip{border-color:var(--color-accent);overflow-wrap:anywhere;padding:.2rem .6rem}.ContextBar-module__HOJ4PW__chips,.ContextBar-module__HOJ4PW__entries,.ContextBar-module__HOJ4PW__colorList{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.ContextBar-module__HOJ4PW__entries{flex-direction:column;gap:.6rem}.ContextBar-module__HOJ4PW__entry{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.ContextBar-module__HOJ4PW__colors{flex-wrap:wrap;align-items:baseline;gap:.3rem .5rem;padding-left:.75rem;display:flex}.ContextBar-module__HOJ4PW__color{border-bottom:1px dotted var(--color-muted);overflow-wrap:anywhere;font-size:.85rem}.ContextBar-module__HOJ4PW__muted{color:var(--color-muted);font-size:.85rem}.ContextBar-module__HOJ4PW__error{color:#b00020;margin:0;font-size:.85rem}
.HarmonyApp-module__dxWmBG__main{box-sizing:border-box;flex-direction:column;gap:1.25rem;max-width:76rem;margin:0 auto;padding:clamp(1.5rem,5vh,3rem) 1rem 3rem;display:flex}.HarmonyApp-module__dxWmBG__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.HarmonyApp-module__dxWmBG__titles{flex-direction:column;flex:16rem;gap:.35rem;min-width:0;display:flex}.HarmonyApp-module__dxWmBG__title{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.15}.HarmonyApp-module__dxWmBG__intro{color:var(--color-muted);margin:0}.HarmonyApp-module__dxWmBG__back{color:var(--color-accent);font-size:.9rem;text-decoration:none}.HarmonyApp-module__dxWmBG__back:hover,.HarmonyApp-module__dxWmBG__back:focus-visible{text-decoration:underline}.HarmonyApp-module__dxWmBG__reset{border:1px solid var(--color-fg);color:inherit;cursor:pointer;font:inherit;background:0 0;flex:none;padding:.4rem 1rem;font-weight:700}.HarmonyApp-module__dxWmBG__notice{border:2px solid var(--color-accent);margin:0;padding:.5rem .75rem}.HarmonyApp-module__dxWmBG__layout{gap:1.5rem;display:grid}.HarmonyApp-module__dxWmBG__results{min-width:0}@media (min-width:56rem){.HarmonyApp-module__dxWmBG__layout{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start}}.HarmonyApp-module__dxWmBG__controls{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.5rem;display:flex}.HarmonyApp-module__dxWmBG__toggle{border:1px solid var(--color-fg);color:inherit;cursor:pointer;font:inherit;background:0 0;padding:.4rem .8rem}.HarmonyApp-module__dxWmBG__toggle[aria-pressed=true]{background:var(--color-fg);color:var(--color-bg)}.HarmonyApp-module__dxWmBG__wheelLayout{grid-template-columns:minmax(0,1fr);grid-template-areas:"rad""karte""progression""kontext";gap:1.5rem;display:grid}.HarmonyApp-module__dxWmBG__wheelArea{grid-area:rad;min-width:0}.HarmonyApp-module__dxWmBG__stepArea{grid-area:karte;min-width:0}.HarmonyApp-module__dxWmBG__progressionArea{grid-area:progression;min-width:0}.HarmonyApp-module__dxWmBG__contextArea{grid-area:kontext;min-width:0}@media (min-width:56rem){.HarmonyApp-module__dxWmBG__wheelLayout{grid-template:"rad karte""rad progression""kontext progression"1fr/minmax(0,40rem) minmax(0,1fr);align-items:start}}
.RecommendationList-module__yr1Z9G__keyLine{border-top:1px solid color-mix(in srgb, var(--color-muted) 25%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-muted) 25%, transparent);flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem;padding:.6rem 0;display:flex}.RecommendationList-module__yr1Z9G__key{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.RecommendationList-module__yr1Z9G__collections{color:var(--color-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.2rem 1rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.RecommendationList-module__yr1Z9G__buckets{flex-direction:column;gap:1.75rem;min-width:0;display:flex}.RecommendationList-module__yr1Z9G__bucket{flex-direction:column;gap:.6rem;display:flex}.RecommendationList-module__yr1Z9G__bucketTitle{margin:0;font-size:1.15rem;font-weight:700}.RecommendationList-module__yr1Z9G__cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:40rem){.RecommendationList-module__yr1Z9G__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.RecommendationList-module__yr1Z9G__card{border:1px solid color-mix(in srgb, var(--color-muted) 35%, transparent);flex-direction:column;gap:.4rem;min-width:0;padding:.75rem;display:flex}.RecommendationList-module__yr1Z9G__cardHead{flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;display:flex}.RecommendationList-module__yr1Z9G__position{color:var(--color-muted);font-variant-numeric:tabular-nums}.RecommendationList-module__yr1Z9G__cardTitle{overflow-wrap:anywhere;margin:0;font-size:1.35rem;font-weight:700}.RecommendationList-module__yr1Z9G__family{color:var(--color-muted);font-size:.85rem}.RecommendationList-module__yr1Z9G__variants{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.RecommendationList-module__yr1Z9G__variant{border:1px solid var(--color-accent);overflow-wrap:anywhere;padding:.1rem .5rem;font-size:.85rem}.RecommendationList-module__yr1Z9G__reasons,.RecommendationList-module__yr1Z9G__evidence{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;padding-left:1.1rem;font-size:.85rem}.RecommendationList-module__yr1Z9G__evidence{color:var(--color-muted)}.RecommendationList-module__yr1Z9G__muted{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:.85rem}.RecommendationList-module__yr1Z9G__linkButton{color:var(--color-accent);cursor:pointer;font:inherit;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.9rem;text-decoration:underline}.RecommendationList-module__yr1Z9G__voicings{flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.RecommendationList-module__yr1Z9G__voicing{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.RecommendationList-module__yr1Z9G__voicingId{font-family:var(--font-mono,monospace);overflow-wrap:anywhere;font-size:.68rem}.RecommendationList-module__yr1Z9G__voicingMeta{color:var(--color-muted);font-size:.64rem}
.FretDiagram-module__FbdMMa__svg{--diagram-line:color-mix(in srgb, var(--color-muted) 55%, transparent);--diagram-dot:var(--color-fg);--diagram-mark:var(--color-muted);width:100%;height:auto;display:block}.FretDiagram-module__FbdMMa__large{max-width:10rem}.FretDiagram-module__FbdMMa__small{min-width:4rem;max-width:4.5rem}.FretDiagram-module__FbdMMa__selected{--diagram-dot:var(--color-accent)}.FretDiagram-module__FbdMMa__nut{stroke:var(--color-fg);stroke-width:3px;stroke-linecap:square}.FretDiagram-module__FbdMMa__fret,.FretDiagram-module__FbdMMa__string{stroke:var(--diagram-line);stroke-width:1px}.FretDiagram-module__FbdMMa__dot,.FretDiagram-module__FbdMMa__barre{fill:var(--diagram-dot)}.FretDiagram-module__FbdMMa__finger{fill:var(--color-bg);font-weight:600}.FretDiagram-module__FbdMMa__marker,.FretDiagram-module__FbdMMa__fretLabel{fill:var(--diagram-mark)}
.Wheel-module__Ib2rRW__colors{--wheel-in-context:var(--color-accent);--wheel-chromatic:#b45309;--wheel-locked-text:#fff;--wheel-ghost:var(--color-bg)}.Wheel-module__Ib2rRW__inContext{--seg:var(--wheel-in-context)}.Wheel-module__Ib2rRW__chromatic{--seg:var(--wheel-chromatic)}.Wheel-module__Ib2rRW__wheel{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;max-width:40rem;height:auto;margin:0 auto;display:block}.Wheel-module__Ib2rRW__wheel text{dominant-baseline:central}.Wheel-module__Ib2rRW__ring{transform-box:view-box;transform-origin:320px 320px;transition:transform .28s}.Wheel-module__Ib2rRW__segment{cursor:pointer;outline:none}.Wheel-module__Ib2rRW__segment path{stroke-width:1.5px}.Wheel-module__Ib2rRW__label{transform-box:fill-box;transform-origin:50%;fill:var(--color-fg);pointer-events:none;text-anchor:middle;font-size:18px;font-weight:700;transition:transform .28s}.Wheel-module__Ib2rRW__choice path{fill:color-mix(in srgb, var(--seg) 16%, var(--color-bg));stroke:var(--seg)}.Wheel-module__Ib2rRW__locked path{fill:var(--seg);stroke:var(--seg)}.Wheel-module__Ib2rRW__locked .Wheel-module__Ib2rRW__label{fill:var(--wheel-locked-text)}.Wheel-module__Ib2rRW__outside path{stroke:var(--color-fg);stroke-dasharray:6 4;stroke-width:2.5px}.Wheel-module__Ib2rRW__ghost path{fill:var(--wheel-ghost);stroke:color-mix(in srgb, var(--seg) 55%, var(--color-bg));stroke-dasharray:4 3}.Wheel-module__Ib2rRW__ghost .Wheel-module__Ib2rRW__label{fill:var(--color-muted);font-size:13px;font-weight:500}.Wheel-module__Ib2rRW__empty path{fill:var(--wheel-ghost);stroke:color-mix(in srgb, var(--color-muted) 35%, var(--color-bg))}.Wheel-module__Ib2rRW__empty .Wheel-module__Ib2rRW__label{fill:var(--color-muted);font-weight:400}.Wheel-module__Ib2rRW__segment:focus-visible path{stroke:var(--color-fg);stroke-width:3px}.Wheel-module__Ib2rRW__chip{cursor:pointer;outline:none}.Wheel-module__Ib2rRW__chip circle{fill:var(--color-bg);stroke:var(--seg);stroke-width:1.5px}.Wheel-module__Ib2rRW__chip text{fill:var(--color-fg);pointer-events:none;text-anchor:middle;font-size:11px}.Wheel-module__Ib2rRW__chip:focus-visible circle{stroke:var(--color-fg);stroke-width:3px}.Wheel-module__Ib2rRW__pathLine{stroke:var(--seg);stroke-linecap:round;stroke-width:3px}.Wheel-module__Ib2rRW__hub{cursor:pointer;outline:none}.Wheel-module__Ib2rRW__hub circle{fill:var(--color-bg);stroke:var(--color-fg);stroke-width:2px}.Wheel-module__Ib2rRW__hub:focus-visible circle{stroke-width:4px}.Wheel-module__Ib2rRW__hub text{pointer-events:none;text-anchor:middle}.Wheel-module__Ib2rRW__hubKey,.Wheel-module__Ib2rRW__hubCrumb{fill:var(--color-muted);font-size:11px}.Wheel-module__Ib2rRW__hubBase{fill:var(--color-fg);font-size:24px;font-weight:700}.Wheel-module__Ib2rRW__hubHint{fill:var(--color-fg);font-size:11px}@media (prefers-reduced-motion:reduce){.Wheel-module__Ib2rRW__ring,.Wheel-module__Ib2rRW__label{transition:none}}.Wheel-module__Ib2rRW__hubForm{flex-wrap:wrap;align-items:flex-end;gap:.5rem;max-width:40rem;margin:.75rem auto 0;display:flex}.Wheel-module__Ib2rRW__field{flex-direction:column;flex:10rem;gap:.2rem;min-width:0;display:flex}.Wheel-module__Ib2rRW__fieldLabel{color:var(--color-muted);font-size:.85rem}.Wheel-module__Ib2rRW__input{box-sizing:border-box;border:1px solid var(--color-muted);background:var(--color-bg);width:100%;color:inherit;font:inherit;padding:.35rem .5rem}.Wheel-module__Ib2rRW__button{border:1px solid var(--color-muted);color:inherit;cursor:pointer;font:inherit;background:0 0;padding:.35rem .75rem}.Wheel-module__Ib2rRW__error{color:#b00020;flex-basis:100%;margin:0;font-size:.85rem}
.Step-module__p9XpbW__inContext{--seg:var(--wheel-in-context)}.Step-module__p9XpbW__chromatic{--seg:var(--wheel-chromatic)}.Step-module__p9XpbW__neutral{--seg:var(--color-muted)}.Step-module__p9XpbW__card{border:1px solid color-mix(in srgb, var(--color-muted) 35%, transparent);border-top:4px solid var(--seg);flex-direction:column;gap:.45rem;min-width:0;padding:.9rem;display:flex}.Step-module__p9XpbW__eyebrow{color:var(--color-muted);margin:0;font-size:.85rem}.Step-module__p9XpbW__title{overflow-wrap:anywhere;margin:0;font-size:2rem;font-weight:700;line-height:1.1}.Step-module__p9XpbW__muted{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:.9rem}.Step-module__p9XpbW__facts{grid-template-columns:auto minmax(0,1fr);gap:.2rem .75rem;margin:0;font-size:.95rem;display:grid}.Step-module__p9XpbW__facts dt{color:var(--color-muted)}.Step-module__p9XpbW__facts dd{overflow-wrap:anywhere;margin:0}.Step-module__p9XpbW__badge{border:1px dashed var(--color-fg);align-self:flex-start;padding:.05rem .45rem;font-size:.8rem}.Step-module__p9XpbW__reasons,.Step-module__p9XpbW__evidence{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;padding-left:1.1rem;font-size:.85rem}.Step-module__p9XpbW__evidence{color:var(--color-muted)}.Step-module__p9XpbW__voicings{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin:.5rem 0 .25rem;padding:0;list-style:none;display:flex}.Step-module__p9XpbW__voicing,.Step-module__p9XpbW__voicingLarge{text-align:center;justify-content:center;align-items:stretch;display:flex}.Step-module__p9XpbW__voicingLarge{flex:none;margin-inline-end:.25rem}.Step-module__p9XpbW__voicingButton{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem;display:flex}.Step-module__p9XpbW__voicingButton:hover,.Step-module__p9XpbW__voicingButton:focus-visible{border-color:color-mix(in srgb, var(--color-muted) 50%, transparent)}.Step-module__p9XpbW__voicingButton[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.Step-module__p9XpbW__voicingId{font-family:var(--font-mono,monospace);overflow-wrap:anywhere;font-size:.7rem}.Step-module__p9XpbW__voicingMeta,.Step-module__p9XpbW__voicingState{color:var(--color-muted);font-size:.68rem}.Step-module__p9XpbW__voicingState{font-weight:600}.Step-module__p9XpbW__progression{flex-direction:column;gap:.6rem;min-width:0;display:flex}.Step-module__p9XpbW__heading{margin:0;font-size:1.15rem;font-weight:700}.Step-module__p9XpbW__grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.Step-module__p9XpbW__step{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-muted) 35%, transparent);border-top:4px solid var(--seg);background:var(--color-bg);width:100%;min-width:0;height:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.45rem .55rem;display:flex}.Step-module__p9XpbW__step[aria-current=true]{outline:2px solid var(--color-fg);outline-offset:-2px}.Step-module__p9XpbW__stepOutside{border-style:solid dashed dashed}.Step-module__p9XpbW__number{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.Step-module__p9XpbW__name{overflow-wrap:anywhere;font-size:1.1rem;font-weight:700}.Step-module__p9XpbW__function{min-height:1.1em;color:var(--color-muted);overflow-wrap:anywhere;font-size:.75rem}.Step-module__p9XpbW__diagram{flex-direction:column;align-items:center;gap:.1rem;width:100%;display:flex}.Step-module__p9XpbW__diagramId{font-family:var(--font-mono,monospace);color:var(--color-muted);overflow-wrap:anywhere;font-size:.62rem}.Step-module__p9XpbW__next{border:1px dashed color-mix(in srgb, var(--color-muted) 60%, transparent);min-height:6rem;color:var(--color-muted);text-align:center;justify-content:center;align-items:center;padding:.45rem;font-size:.85rem;display:flex}