.chord-cards{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin:20px 0}.chord-card{min-width:0;background:linear-gradient(145deg,var(--tone-26302e,#26302e),var(--tone-1a2228,#1a2228));border-radius:12px;border-color:var(--tone-69746a55,#69746a55)}.stage-harmony-knobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin:18px 0}.stage-knob-control{display:grid;justify-items:center;gap:7px;min-width:0;font-size:10px;color:var(--tone-abb7a7,#abb7a7);text-align:center}.stage-knob-control output{font-size:9px;line-height:1.4;color:var(--tone-edbd82,#edbd82);max-width:100%;overflow-wrap:anywhere}.stage-harmony-dial{--turn:-135deg;position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--tone-8d9d8b77,#8d9d8b77);background:radial-gradient(circle at 35% 25%,var(--tone-566256,#566256),var(--tone-25302e,#25302e) 60%,var(--tone-111d22,#111d22));box-shadow:0 3px 8px var(--tone-0005,#0005),inset 0 1px var(--tone-c3d3b033,#c3d3b033);cursor:ns-resize;touch-action:none}.stage-harmony-dial:before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px dashed var(--tone-c3ba9744,#c3ba9744);pointer-events:none}.stage-harmony-dial:after{content:'';position:absolute;top:5px;left:22px;width:2px;height:12px;background:var(--tone-edbd82,#edbd82);border-radius:2px;transform-origin:1px 19px;transform:rotate(var(--turn));box-shadow:0 0 5px var(--tone-edbd8266,#edbd8266)}.stage-harmony-dial:focus-visible{outline:2px solid var(--tone-edbd82,#edbd82);outline-offset:6px}.stage-knob-hint{font-size:9px!important;line-height:1.7}.chord-card>.color-options,.chord-card>.variation-options{margin-top:12px}.chord-card>.family-status,.chord-card>.scale-status{font-size:9px}.chord-card .stage-harmony-knobs .stage-knob-control:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;text-align:left;padding-top:12px;border-top:1px solid var(--tone-69746a44,#69746a44)}.color-options>label{margin-top:12px}@media(max-width:650px){.chord-cards{grid-template-columns:1fr}.stage-harmony-dial{width:50px;height:50px}.stage-harmony-dial:after{left:23px;transform-origin:1px 20px}}
.stage-voice-map{margin:14px 0 3px;padding:12px;border:1px solid var(--tone-a8ad8333,#a8ad8333);border-radius:9px;background:linear-gradient(135deg,var(--tone-111d24,#111d24),var(--tone-26312b,#26312b));overflow:hidden}.stage-voice-heading{font-size:9px;letter-spacing:1.3px;color:var(--tone-edbd82,#edbd82);margin-bottom:10px}.stage-voice-rows{display:grid;gap:7px}.stage-voice-row{display:grid;grid-template-columns:35px minmax(0,1fr) 65px;align-items:center;gap:9px;font-size:9px}.stage-tone-name{color:var(--tone-d6dcd1,#d6dcd1)}.stage-tone-role{color:var(--tone-a4b497,#a4b497);font-size:8px}.stage-tone-track{height:15px;position:relative;border-bottom:1px solid var(--tone-a8ad8322,#a8ad8322);background:repeating-linear-gradient(to right,var(--tone-a8ad8328,#a8ad8328) 0,var(--tone-a8ad8328,#a8ad8328) 1px,transparent 1px,transparent calc(100% / var(--octaves)))}.stage-tone-point{position:absolute;top:3px;width:11px;height:7px;background:var(--tone-edbd82,#edbd82);border-radius:3px;box-shadow:0 0 9px var(--tone-edbd8244,#edbd8244)}.root-to-bass .stage-tone-point{background:transparent;border:1px solid var(--tone-8acbd9,#8acbd9);box-shadow:none}.root-to-bass .stage-tone-role,.root-to-bass .stage-tone-name{color:var(--tone-8acbd9,#8acbd9)}.stage-voice-legend{font-size:8px!important;color:var(--tone-8ca39f,#8ca39f)!important;margin:10px 0 0!important}.chord-card.chord-live{border-color:var(--tone-edbd82,#edbd82);box-shadow:0 0 18px var(--tone-edbd8214,#edbd8214)}.chord-live .stage-voice-heading:after{content:' · LIVE';color:var(--tone-c9d6a8,#c9d6a8)}
.alternate-stage-bank{margin-top:16px;padding:14px 10px;border:1px solid var(--tone-b594df55,#b594df55);border-radius:10px;background:linear-gradient(145deg,var(--tone-332b3f55,#332b3f55),var(--tone-17232955,#17232955))}.alternate-stage-bank h4{color:var(--tone-ccb6ec,#ccb6ec);font-size:11px;letter-spacing:.12em}.alternate-stage-bank .stage-harmony-dial:after{background:var(--tone-ccb6ec,#ccb6ec)}.alternate-stage-bank .stage-knob-control output{color:var(--tone-ccb6ec,#ccb6ec)}.legacy-variation-options{margin-top:14px}.legacy-variation-options summary{font-size:10px!important;opacity:.65}
.bass-sync-toggle{align-self:center;min-height:42px;font-weight:700;border:1px solid var(--bass)}
.bass-sync-toggle[aria-pressed="true"]{background:color-mix(in srgb,var(--bass) 25%,transparent)}
.bass-sync-toggle[aria-pressed="false"]{border-style:dashed;color:var(--bass)}

.chord-stage-activity{display:flex;align-items:center;gap:8px;width:9ch;height:24px;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;white-space:nowrap}.chord-stage-activity:before{content:'';flex:none;width:9px;height:9px;border-radius:50%;background:var(--edge);border:1px solid currentColor}.chord-card.chord-live{border-color:#73f0b0;box-shadow:inset 3px 0 #73f0b0,0 0 20px #73f0b029;background:linear-gradient(145deg,color-mix(in srgb,#73f0b0 12%,var(--tone-26302e,#26302e)),var(--tone-1a2228,#1a2228))}.chord-live .chord-stage-activity{color:#73f0b0}.chord-live .chord-stage-activity:before{background:#73f0b0}.chord-card.chord-hit .chord-stage-activity{color:#ffe6a0}.chord-hit .chord-stage-activity:before{background:#ffe6a0;box-shadow:0 0 12px #ffe6a0}.chord-hit>strong{text-shadow:0 0 14px color-mix(in srgb,var(--chords) 70%,transparent)}.chord-hit>.stage-voice-map{border-color:#ffe6a0}.chord-live .stage-voice-heading:after{content:' · ACTIVE';color:#73f0b0}@media(prefers-reduced-motion:reduce){.chord-hit>strong{text-shadow:none}.chord-hit .chord-stage-activity:before{box-shadow:none}}
.bass-pentatonic-notes{grid-column:1 / -1;min-height:3em;margin:0;padding:8px 10px;border:1px solid currentColor;border-radius:6px;overflow-wrap:anywhere;}
.bass-blues-toggle{grid-column:1 / -1;min-height:42px;}.bass-blues-toggle[aria-pressed=true]{border-color:var(--tone-8acbd9,#8acbd9);color:var(--tone-8acbd9,#8acbd9);box-shadow:inset 0 0 15px var(--tone-8acbd922,#8acbd922);}