/* RC26.6 final hierarchy correction, loaded after the established visual system. */
.harmony-map-shell .diatonic-backbone{display:none!important}
.harmony-map-shell .symbol-extension{display:inline-block;position:relative;top:-.28em;font-size:var(--symbol-extension-scale,.88em);font-weight:650;letter-spacing:-.035em;line-height:0;transform-origin:left center}
.harmony-map-shell .symbol-alterations{display:inline-block;position:relative;top:-.34em;font-size:var(--symbol-alteration-scale,.8em);font-weight:620;letter-spacing:-.055em;line-height:0;transform-origin:left center}
.harmony-map-shell .symbol-core-suffix{letter-spacing:-.035em}
.harmony-map-shell strong.symbol-fit-tight{letter-spacing:-.045em}
.harmony-map-shell strong.symbol-fit-tight .symbol-extension{letter-spacing:-.075em}
.harmony-map-shell strong.symbol-fit-tight .symbol-alterations{letter-spacing:-.09em}
.harmony-map-shell strong.symbol-fit-condensed .symbol-core-suffix{letter-spacing:-.07em}
.harmony-map-shell .chord-card strong,.harmony-map-shell .context-card strong{display:block;max-width:calc(100% - 14px);white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1}
.harmony-map-shell .card-unlock-button{position:absolute!important;z-index:20!important;width:20px!important;height:20px!important;padding:0!important;transform:translate(4px,-4px)}
.harmony-map-shell .modal-interchange-card.same-as-home{filter:saturate(.38);border-color:rgba(159,171,176,.2)!important;box-shadow:inset 0 1px rgba(159,171,176,.22)!important}
.harmony-map-shell .modal-interchange-card.same-as-home .roman,.harmony-map-shell .modal-interchange-card.same-as-home strong{color:#849097!important}
.harmony-section .chromatic-disclosure{border:0!important;background:transparent!important;box-shadow:none!important}
.harmony-section .disclosure-action{border:0!important;background:transparent!important;box-shadow:none!important}
.harmony-section .chromatic-content,.harmony-section .preparation-controls,.harmony-section .modal-interchange-controls{border:0!important;background:transparent!important}
.harmony-section .chromatic-options button,.harmony-section .preparation-options button{border:0!important;background:transparent!important;box-shadow:none!important}
.harmony-section .chromatic-options button:hover,.harmony-section .preparation-options button:hover{background:rgba(255,255,255,.035)!important;filter:brightness(1.18)}
.harmony-section .chromatic-options button.active,.harmony-section .preparation-options button.active{border:0!important;background:color-mix(in srgb,currentColor 9%,transparent)!important;text-shadow:0 0 7px currentColor;box-shadow:none!important}
.harmony-section .modal-interchange-picker{width:340px!important;max-width:100%;min-height:34px;border:0!important;background:transparent!important;box-shadow:none!important}
.harmony-section .modal-source-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.harmony-section .modal-source-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;width:100%;padding:0;transition:transform .16s ease}
.harmony-section .modal-source-option{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden;text-overflow:clip;white-space:nowrap;opacity:.34;transition:color .16s ease,opacity .16s ease,transform .16s ease}
.harmony-section .modal-source-option.reel-current:first-child{grid-column:2}.harmony-section .modal-source-option.reel-next:last-child{grid-column:3}
.harmony-section .modal-source-option.active{border:0!important;background:transparent!important;box-shadow:none!important;opacity:1;transform:translateY(-1px)}
.harmony-section #modal-source-previous,.harmony-section #modal-source-next{border:0!important;background:transparent!important;box-shadow:none!important;font-size:17px!important;opacity:.48}
.harmony-section #modal-source-previous:hover,.harmony-section #modal-source-next:hover{opacity:1;background:transparent!important}
@media(min-width:700px){
 .harmony-map-shell .degree-anchor{grid-template-columns:minmax(0,.82fr) minmax(0,.89fr) minmax(0,1fr)!important;grid-template-rows:112px auto!important;gap:7px 8px!important;align-items:end!important}
 .harmony-map-shell .degree-home-stack{grid-column:3!important;grid-row:1/3!important;align-self:start!important;gap:5px!important}
 .harmony-map-shell .degree-home-stack>.chord-card{box-sizing:border-box!important;height:112px!important;min-height:112px!important;padding:12px 9px!important}
 .harmony-map-shell .degree-home-stack>.modal-interchange-card{box-sizing:border-box!important;height:70px!important;min-height:70px!important;padding:8px 9px!important}
 .harmony-map-shell .approach-route{grid-column:2!important;grid-row:1!important;align-self:end!important;transform:translateY(8px)!important}
 .harmony-map-shell .preparation-route{grid-column:1!important;grid-row:1!important;align-self:end!important;transform:translateY(16px)!important}
 .harmony-map-shell .approach-card{box-sizing:border-box!important;height:100px!important;min-height:100px!important;padding:9px!important}
 .harmony-map-shell .preparation-card{box-sizing:border-box!important;height:92px!important;min-height:92px!important;padding:8px!important}
 .harmony-map-shell .chord-card strong{font-size:16px!important}.harmony-map-shell .chromatic-card strong{font-size:13px!important}.harmony-map-shell .modal-interchange-card strong{font-size:13px!important}
 .harmony-map-shell .chord-cards.chromatic-open:not(.with-preparation) .degree-anchor{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)!important;grid-template-rows:124px auto!important;column-gap:6px!important}
 .harmony-map-shell .chord-cards.chromatic-open:not(.with-preparation) .degree-home-stack{grid-column:2!important}
 .harmony-map-shell .chord-cards.chromatic-open:not(.with-preparation) .approach-route{grid-column:1!important;transform:translateY(8px)!important}
 .harmony-map-shell .chord-cards.chromatic-open:not(.with-preparation) .degree-home-stack>.chord-card{height:124px!important;min-height:124px!important}
 .harmony-map-shell .chord-cards.chromatic-open:not(.with-preparation) .approach-card{height:112px!important;min-height:112px!important;font-size:14px!important}
}
@media(max-width:699px){
 :root{--mobile-content-gutter:12px}
 html,body,#app-shell,main{width:100%;max-width:100%;overflow-x:clip}
 body,#app-shell,main,.site-header,.mobile-nav,main>section,#voice-leading-region,footer{box-sizing:border-box}
 main>section:not(.hero),.context-panel,.harmony-section,.detail-section,#voice-leading-region,.beta-support,footer{width:100%;max-width:100%;padding-left:var(--mobile-content-gutter)!important;padding-right:var(--mobile-content-gutter)!important}
 .mobile-nav{width:100%;max-width:100%}
 .harmony-section{grid-template-columns:minmax(148px,.92fr) minmax(0,1.08fr)!important;column-gap:7px!important}
 .harmony-section>.section-heading{min-width:0!important;gap:7px!important}
 .harmony-section>.section-heading>div{min-width:0}
 .harmony-section>.section-heading h2{font-size:21px!important;line-height:1!important;white-space:nowrap}
 .harmony-section>.section-heading p{max-width:108px;font-size:6.5px!important;letter-spacing:.08em!important;white-space:nowrap;overflow:hidden}
 .harmony-section .level-control-heading{font-size:8px!important}
 .harmony-section .level-control .segmented button{min-height:31px!important;padding:4px 2px!important;font-size:10px!important}
 .harmony-map-shell .degree-home-stack>.chord-card{box-sizing:border-box!important;width:62px!important;height:62px!important;min-height:62px!important}
 .harmony-map-shell .approach-route{transform:translateY(6px)!important}
 .harmony-map-shell .preparation-route{transform:translateY(12px)!important}
 .harmony-map-shell .approach-card{box-sizing:border-box!important;width:56px!important;height:55px!important;min-height:55px!important;transform:none!important}
 .harmony-map-shell .preparation-card{box-sizing:border-box!important;width:52px!important;height:50px!important;min-height:50px!important;transform:none!important}
 .harmony-map-shell .degree-home-stack>.modal-interchange-card{box-sizing:border-box!important;width:62px!important;height:52px!important;min-height:52px!important;padding:5px 6px!important}
 .harmony-map-shell .chord-card strong{font-size:13px!important}.harmony-map-shell .chord-card .roman{font-size:8px!important}
 .harmony-map-shell .approach-card strong{font-size:11.5px!important}.harmony-map-shell .approach-card .functional-label{font-size:7px!important}
 .harmony-map-shell .preparation-card strong{font-size:10.5px!important}.harmony-map-shell .preparation-card .functional-label{font-size:7px!important}
 .harmony-map-shell .modal-interchange-card strong{font-size:11.5px!important;color:color-mix(in srgb,var(--mi-card-bg) 82%,white)!important}
 .harmony-map-shell .modal-interchange-card .roman{font-size:7.5px!important;opacity:.72}
 .harmony-map-shell .chord-card strong,.harmony-map-shell .context-card strong{box-sizing:border-box;max-width:none}
 .harmony-map-shell strong.symbol-compact,.harmony-map-shell strong.symbol-extra-compact{letter-spacing:-.045em}
 .harmony-map-shell .symbol-extension{font-size:var(--symbol-extension-scale,.86em);letter-spacing:-.06em}
 .harmony-map-shell .symbol-alterations{font-size:var(--symbol-alteration-scale,.78em)}
 .harmony-map-shell .map-density-modal .degree-anchor,.harmony-map-shell .map-density-chromatic.modal-open .degree-anchor,.harmony-map-shell .map-density-preparation.modal-open .degree-anchor{min-height:120px!important}
 .harmony-map-shell .map-density-modal .degree-home-stack,.harmony-map-shell .map-density-chromatic.modal-open .degree-home-stack,.harmony-map-shell .map-density-preparation.modal-open .degree-home-stack{grid-template-rows:62px 52px!important;row-gap:5px!important}
 .harmony-map-shell .card-unlock-button{width:14px!important;height:14px!important;transform:translate(3px,-3px)!important}
 .harmony-map-shell .card-unlock-button span{width:12px!important;height:12px!important}.harmony-map-shell .card-unlock-button svg{width:7px!important;height:7px!important}
 .harmony-map-shell>.chromatic-controls{margin-top:10px!important;padding:7px!important}
 .harmony-section .chromatic-disclosure{min-height:32px!important;padding:3px 5px!important}
 .harmony-section .disclosure-copy strong{font-size:12px!important}.harmony-section .disclosure-copy>span{font-size:7px!important}
 .harmony-section .chromatic-content{gap:4px!important}
 .harmony-section .chromatic-options button{min-height:28px!important;padding:3px 1px!important;font-size:7.5px!important}
 .harmony-section .preparation-options button{min-height:27px!important;padding:3px!important;font-size:8px!important}
 .harmony-section .modal-interchange-controls{margin:0!important;padding:0!important}
 .harmony-section .modal-interchange-picker{display:grid!important;grid-template-columns:22px minmax(0,1fr) 22px!important;width:252px!important;min-height:36px!important;margin-inline:auto}
 .harmony-section #modal-source-previous,.harmony-section #modal-source-next{display:grid!important;place-items:center;grid-row:1;min-height:36px!important;padding:0!important;font-size:14px!important}
 .harmony-section #modal-source-previous{grid-column:1}.harmony-section .modal-source-viewport{grid-column:2;grid-row:1}.harmony-section #modal-source-next{grid-column:3}
 .harmony-section .modal-source-option{min-height:34px!important;padding:4px 2px!important;font-size:8px!important}
 .harmony-map-shell .map-density-chromatic .degree-home-stack>.chord-card{width:66px!important;height:66px!important;min-height:66px!important}
 .harmony-map-shell .map-density-chromatic .approach-card{width:60px!important;height:60px!important;min-height:60px!important}
}

/* RC26.6 mobile domain rails and complete degree-family spacing. */
@media(max-width:699px){
 .harmony-section{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:4px!important;
 }
 .harmony-section>.section-heading{
  position:relative!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:stretch!important;
  display:block!important;
  width:20px!important;
  min-width:20px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
 }
 .harmony-section>.section-heading>span,
 .harmony-section>.section-heading>div{display:none!important}
 .harmony-section>.section-heading::after{
  content:"DIATONIC HARMONY";
  position:absolute;
  top:70px;
  left:50%;
  width:max-content;
  color:rgba(216,220,216,.58);
  font:700 7px/1 var(--sans);
  letter-spacing:.12em;
  white-space:nowrap;
  transform:translate(-50%,-50%) rotate(-90deg);
  transform-origin:center;
 }
 .harmony-section>.level-control{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 9px!important;
 }
 .harmony-section .level-control-heading{width:auto!important;white-space:nowrap}
 .harmony-section .level-control .segmented{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;
  padding:0!important;
  border-width:0 0 1px!important;
  border-radius:0!important;
  background:transparent!important;
 }
 .harmony-section .level-control .segmented button{
  min-width:0!important;
  min-height:27px!important;
  padding:3px 1px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  background:transparent!important;
 }
 .harmony-section .level-control .segmented button.active{
  color:#f3d77d!important;
  border-bottom-color:#c9a75d!important;
  background:rgba(201,167,93,.06)!important;
 }
 .harmony-section>.harmony-map-shell{
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
 }
 .harmony-map-shell>.chromatic-controls{
  position:relative!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:4px!important;
  min-height:28px!important;
  margin-top:9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
 }
 .harmony-section .chromatic-disclosure{
  position:relative!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  display:block!important;
  width:20px!important;
  min-width:20px!important;
  min-height:28px!important;
  padding:0!important;
  overflow:visible!important;
 }
 .harmony-section .chromatic-disclosure::before{
  content:"CHROMATIC HARMONY";
  position:absolute;
  left:50%;
  bottom:19px;
  width:max-content;
  color:rgba(216,220,216,.58);
  font:700 6.5px/1 var(--sans);
  letter-spacing:.1em;
  white-space:nowrap;
  transform:translateX(-50%) rotate(-90deg);
  transform-origin:center bottom;
 }
 .harmony-section .chromatic-disclosure .disclosure-copy,
 .harmony-section .chromatic-disclosure .disclosure-action-label{display:none!important}
 .harmony-section .chromatic-disclosure .disclosure-action{
  position:absolute!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  display:grid!important;
  width:18px!important;
  height:18px!important;
  place-items:center!important;
  padding:0!important;
  transform:translateX(-50%)!important;
 }
 .harmony-section .chromatic-content{
  grid-column:2!important;
  grid-row:1!important;
  gap:3px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
 }
 .harmony-section .chromatic-options,
 .harmony-section .preparation-controls,
 .harmony-section .preparation-options,
 .harmony-section .modal-interchange-controls{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
 }
 .harmony-section .chromatic-options{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:3px!important;
 }
 .harmony-section .chromatic-options button{
  min-width:0!important;
  min-height:25px!important;
  padding:3px 1px!important;
  border:0!important;
  box-shadow:inset 0 -1px rgba(205,215,218,.12)!important;
  font-size:7px!important;
 }
 .harmony-section .preparation-controls{padding:0!important}
 .harmony-section .preparation-options{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:3px!important;
  overflow:visible!important;
 }
 .harmony-section .preparation-options button{
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  min-height:24px!important;
  padding:2px!important;
  font-size:7.5px!important;
 }
 .harmony-section .modal-interchange-picker{min-height:31px!important}
 .harmony-section #modal-source-previous,
 .harmony-section #modal-source-next{min-height:31px!important}
 .harmony-section .modal-source-option{min-height:29px!important;padding:3px 1px!important}

 /* Density is based only on horizontal functional layers; MI stays in the Home stack. */
 .harmony-map-shell>.chord-cards.map-density-diatonic{
  --mobile-family-height:70px;
  --mobile-row-gap:9px;
 }
 .harmony-map-shell>.chord-cards.map-density-modal{
  --mobile-family-height:134px;
  --mobile-row-gap:12px;
 }
 .harmony-map-shell>.chord-cards.map-density-chromatic{
  --mobile-family-height:66px;
  --mobile-row-gap:8px;
 }
 .harmony-map-shell>.chord-cards.map-density-chromatic.modal-open{
  --mobile-family-height:123px;
  --mobile-row-gap:12px;
 }
 .harmony-map-shell>.chord-cards.map-density-preparation{
  --mobile-family-height:60px;
  --mobile-row-gap:7px;
 }
 .harmony-map-shell>.chord-cards.map-density-preparation.modal-open{
  --mobile-family-height:117px;
  --mobile-row-gap:12px;
 }
 .harmony-map-shell .map-density-diatonic .degree-anchor{min-height:70px!important}
 .harmony-map-shell .map-density-diatonic .degree-home-stack>.chord-card{
  width:70px!important;height:70px!important;min-height:70px!important;
 }
 .harmony-map-shell .map-density-modal .degree-anchor{min-height:134px!important}
 .harmony-map-shell .map-density-modal .degree-anchor{grid-template-columns:70px!important}
 .harmony-map-shell .map-density-modal .degree-home-stack{
  grid-template-rows:70px 52px!important;
  row-gap:5px!important;
 }
 .harmony-map-shell .map-density-modal .degree-home-stack>.chord-card{
  width:70px!important;height:70px!important;min-height:70px!important;
 }
 .harmony-map-shell .map-density-modal .degree-home-stack>.modal-interchange-card{
  width:70px!important;height:52px!important;min-height:52px!important;
 }
 .harmony-map-shell .map-density-chromatic .degree-anchor{
  grid-template-columns:60px 66px!important;
  column-gap:6px!important;
  min-height:66px!important;
 }
 .harmony-map-shell .map-density-chromatic .degree-home-stack>.chord-card{
  width:66px!important;height:66px!important;min-height:66px!important;
 }
 .harmony-map-shell .map-density-chromatic .approach-card{
  width:60px!important;height:60px!important;min-height:60px!important;
 }
 .harmony-map-shell .map-density-preparation .degree-anchor{
  grid-template-columns:46px 52px 60px!important;
  column-gap:4px!important;
  min-height:60px!important;
 }
 .harmony-map-shell .map-density-preparation .degree-home-stack>.chord-card{
  width:60px!important;height:60px!important;min-height:60px!important;
 }
 .harmony-map-shell .map-density-preparation .approach-card{
  width:52px!important;height:52px!important;min-height:52px!important;
 }
 .harmony-map-shell .map-density-preparation .preparation-card{
  width:46px!important;height:46px!important;min-height:46px!important;
 }
 .harmony-map-shell .map-density-chromatic.modal-open .degree-anchor{min-height:123px!important}
 .harmony-map-shell .map-density-chromatic.modal-open .degree-home-stack{
  grid-template-rows:66px 52px!important;
  row-gap:5px!important;
 }
 .harmony-map-shell .map-density-chromatic.modal-open .degree-home-stack>.modal-interchange-card{
  width:66px!important;height:52px!important;min-height:52px!important;
 }
 .harmony-map-shell .map-density-preparation.modal-open .degree-anchor{min-height:117px!important}
 .harmony-map-shell .map-density-preparation.modal-open .degree-home-stack{
  grid-template-rows:60px 52px!important;
  row-gap:5px!important;
 }
 .harmony-map-shell .map-density-preparation.modal-open .degree-home-stack>.modal-interchange-card{
  width:60px!important;height:52px!important;min-height:52px!important;
 }

 /* Shared mobile workspace label: content keeps the height, the rail does not add a row. */
 .context-panel,
 .detail-section{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  column-gap:4px!important;
 }
 .context-panel{grid-template-rows:auto auto!important}
 .detail-section{grid-template-rows:auto!important}
 .context-panel>.section-heading,
 .detail-section>.section-heading{
  position:relative!important;
  align-self:stretch!important;
  display:block!important;
  grid-column:1!important;
  width:20px!important;
  min-width:20px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
 }
 .context-panel>.section-heading{grid-row:1/3!important;--mobile-domain-label-top:52px}
 .detail-section>.section-heading{grid-row:1!important;--mobile-domain-label-top:70px}
 .context-panel>.section-heading>span,
 .context-panel>.section-heading>div,
 .detail-section>.section-heading>span,
 .detail-section>.section-heading>div{display:none!important}
 .context-panel>.section-heading::after,
 .detail-section>.section-heading::after{
  position:absolute;
  top:var(--mobile-domain-label-top);
  left:50%;
  width:max-content;
  color:rgba(216,220,216,.58);
  font:700 7px/1 var(--sans);
  letter-spacing:.12em;
  white-space:nowrap;
  transform:translate(-50%,-50%) rotate(-90deg);
  transform-origin:center;
 }
 .context-panel>.section-heading::after{content:"KEY & SCALE";color:rgba(21,32,56,.52)}
 .detail-section>.section-heading::after{content:"CHORD DETAIL"}
 .context-panel>.select-row{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  margin-top:0!important;
 }
 .context-panel>.scale-strip{
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
 }
 .detail-section>.detail-grid{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
 }

 /* Mobile setup surface: musical values lead; field chrome recedes. */
 .context-panel{
  padding-top:20px!important;
  padding-bottom:20px!important;
 }
 .context-panel>.section-heading{--mobile-domain-label-top:43px}
 .context-panel .select-row{margin-bottom:0!important}
 .context-panel .select-row label{
  color:rgba(21,32,56,.52)!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
 }
 .context-panel .select-row select{
  min-height:44px!important;
  margin-top:3px!important;
  padding:7px 25px 6px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(139,113,63,.42)!important;
  border-radius:0!important;
  color:var(--ink)!important;
  background-color:transparent!important;
  box-shadow:none!important;
  font-family:var(--serif)!important;
  font-size:18px!important;
  font-weight:700!important;
 }
 .context-panel>.scale-strip{
  min-height:29px!important;
  margin:6px 0 0!important;
  padding:4px 0!important;
  border:0!important;
  border-top:1px solid rgba(21,32,56,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
 }
 .context-panel .scale-strip>span{color:rgba(21,32,56,.48)!important}

 /* Mobile FVL is a transport strip between the map and chord workspace. */
 .voice-leading-region{
  padding:4px var(--mobile-content-gutter)!important;
  background:#111c35!important;
 }
 .voice-leading-panel{
  position:relative!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 44px!important;
  gap:4px!important;
  align-items:center!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(224,199,139,.24)!important;
  border-bottom:1px solid rgba(224,199,139,.24)!important;
  background:#111c35!important;
  box-shadow:none!important;
 }
 .voice-leading-panel::before{
  content:"VOICE LEADING";
  grid-column:1;
  grid-row:1;
  justify-self:center;
  width:max-content;
  color:rgba(216,220,216,.58);
  font:700 7px/1 var(--sans);
  letter-spacing:.12em;
  white-space:nowrap;
  transform:rotate(-90deg);
 }
 .voice-leading-panel>div{grid-column:2;grid-row:1;min-width:0!important}
 .voice-leading-panel h3{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
 }
 .voice-leading-panel>div>p{
  margin:0!important;
  overflow:hidden!important;
  color:#f4f1e9!important;
  font:700 16px/1.15 var(--serif)!important;
  letter-spacing:-.01em!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
 }
 .voice-leading-panel>button{
  grid-column:3;
  grid-row:1;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--gold)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:0!important;
 }
 .voice-leading-panel>button>span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(224,199,139,.78);
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transition:border-color 100ms ease,background-color 100ms ease;
 }
 .voice-leading-panel>button svg{
  display:block;
  width:13px;
  height:13px;
  overflow:visible;
  fill:currentColor;
  transform:translateX(1px);
 }
 .voice-leading-panel>button:active>span{
  border-color:rgba(238,220,176,.98);
  background:rgba(224,199,139,.10);
 }
 .voice-leading-panel>button:disabled{opacity:.38}
 .voice-leading-panel>button:disabled>span{
  border-color:rgba(224,199,139,.42);
  background:transparent;
 }
}
@media(min-width:700px){
 .voice-leading-region{
  padding-top:6px!important;
  padding-bottom:6px!important;
  background:#111c35!important;
 }
 .voice-leading-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  gap:16px!important;
  align-items:center!important;
  min-height:72px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-top:1px solid rgba(224,199,139,.24)!important;
  border-bottom:1px solid rgba(224,199,139,.24)!important;
  background:#111c35!important;
  box-shadow:none!important;
 }
 .voice-leading-panel>div{
  display:grid!important;
  grid-template-columns:minmax(136px,190px) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  min-width:0!important;
 }
 .voice-leading-panel h3{
  margin:0!important;
  color:rgba(216,220,216,.62)!important;
  font:700 9px/1.2 var(--sans)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
 }
 .voice-leading-panel>div>p{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#f4f1e9!important;
  font:700 23px/1.15 var(--serif)!important;
  letter-spacing:-.01em!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
 }
 .voice-leading-panel>button{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--gold)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:0!important;
 }
 .voice-leading-panel>button>span{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(224,199,139,.78)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:border-color 100ms ease,background-color 100ms ease;
 }
 .voice-leading-panel>button svg{
  display:block;
  width:13px;
  height:13px;
  overflow:visible;
  fill:currentColor;
  transform:translateX(1px);
 }
 .voice-leading-panel>button:hover>span,
 .voice-leading-panel>button:active>span{
  border-color:rgba(238,220,176,.98)!important;
  background:rgba(224,199,139,.10)!important;
 }
 .voice-leading-panel>button:focus-visible{outline:2px solid rgba(224,199,139,.88)!important;outline-offset:3px!important}
 .voice-leading-panel>button:disabled{opacity:.38}
 .voice-leading-panel>button:disabled>span{border-color:rgba(224,199,139,.42)!important;background:transparent!important}
}
@media(min-width:700px) and (max-width:900px){
 .harmony-map-shell .map-density-preparation strong.symbol-compact{font-size:11px!important;letter-spacing:-.06em}
 .harmony-map-shell .map-density-preparation strong.symbol-extra-compact{font-size:10px!important;letter-spacing:-.09em}
 .harmony-map-shell .map-density-preparation strong.symbol-extra-compact .symbol-extension{font-size:.78em}
}
@media(prefers-reduced-motion:reduce){.harmony-section .modal-source-track{scroll-behavior:auto}.harmony-section .modal-source-option{transition:none}}
.map-signal-pulse{
 position:absolute;
 z-index:20;
 width:10px;
 height:10px;
 margin:-5px 0 0 -5px;
 border:1px solid rgba(224,199,139,.92);
 border-radius:50%;
 background:transparent;
 box-shadow:none;
 pointer-events:none;
 transform:scale(1);
 transform-origin:center;
 animation:map-signal-pulse 450ms cubic-bezier(.16,.72,.28,1) forwards;
}
@keyframes map-signal-pulse{
 from{opacity:.9;transform:scale(1)}
 to{opacity:0;transform:scale(9)}
}
@media(prefers-reduced-motion:reduce){
 .map-signal-pulse{animation:map-signal-flash 100ms ease-out forwards}
 @keyframes map-signal-flash{from{opacity:.8}to{opacity:0}}
}

/* Chord-card visual family: final presentation and responsive MI proportions. */
.harmony-map-shell .chord-card,.harmony-map-shell .context-card{border-radius:10px!important;text-align:center!important}
.harmony-map-shell .chord-card,.harmony-map-shell .modal-interchange-card,.harmony-map-shell .chromatic-card{display:grid!important;align-content:center!important;justify-items:center!important}
.harmony-map-shell .chord-card .roman,.harmony-map-shell .modal-interchange-card .roman,.harmony-map-shell .chromatic-card .functional-label{width:100%;margin:0 0 5px;text-align:center!important;line-height:1}
.harmony-map-shell .chord-card strong,.harmony-map-shell .context-card strong{width:100%;margin-inline:auto;color:#f2f2ec!important;text-align:center!important;transform-origin:center}
.harmony-map-shell .chord-card .card-notes,.harmony-map-shell .context-card .card-notes{width:100%;justify-content:center;margin-top:7px;color:#aeb9bf!important;text-align:center!important}
.harmony-map-shell .degree-home-stack>.chord-card{border-color:rgba(157,171,181,.38)!important;background:#151e26!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
.harmony-map-shell .degree-home-stack>.chord-card .roman{color:#aeb8bd!important}
.harmony-map-shell .chord-card.selected,.harmony-map-shell .context-card.selected{border-color:#ef705f!important;box-shadow:inset 0 2px var(--identity-signal,#d8c077),0 0 0 1px rgba(239,112,95,.82),0 0 12px rgba(239,112,95,.18)!important}
.harmony-map-shell .modal-interchange-card{justify-self:center!important;border-color:color-mix(in srgb,var(--mi-card-bg) 72%,#26313a)!important;background:color-mix(in srgb,#141d25 92%,var(--mi-card-bg))!important;box-shadow:inset 0 2px var(--mi-card-bg)!important}
.harmony-map-shell .modal-interchange-card .roman{color:color-mix(in srgb,var(--mi-card-bg) 78%,white)!important}.harmony-map-shell .modal-interchange-card strong{color:#f2f2ec!important}
.harmony-map-shell .modal-interchange-card.same-as-home{filter:saturate(.22) brightness(.86);border-color:rgba(159,171,176,.24)!important;background:#141d25!important;box-shadow:inset 0 1px rgba(159,171,176,.24)!important}
.harmony-map-shell .modal-interchange-card.same-as-home .roman,.harmony-map-shell .modal-interchange-card.same-as-home strong{color:#87939a!important}
.harmony-map-shell .chromatic-card .functional-label{color:color-mix(in srgb,var(--identity-signal) 78%,white)!important}.harmony-map-shell .chromatic-card strong{color:#f2f2ec!important}
@media(min-width:700px){
 .harmony-map-shell .degree-home-stack>.modal-interchange-card,.harmony-map-shell .degree-home-stack>.modal-interchange-card.compact-context-card{width:90%!important;height:101px!important;min-height:101px!important;padding:9px 10px!important;align-self:center!important}
 .harmony-map-shell .degree-home-stack>.modal-interchange-card strong{font-size:15px!important}
}
@media(max-width:699px){
 .harmony-map-shell .map-density-modal .degree-anchor{min-height:138px!important}
 .harmony-map-shell .map-density-modal .degree-home-stack{grid-template-rows:70px 63px!important}
 .harmony-map-shell .map-density-modal .degree-home-stack>.modal-interchange-card{width:63px!important;height:63px!important;min-height:63px!important}
 .harmony-map-shell .map-density-chromatic.modal-open .degree-anchor{min-height:130px!important}
 .harmony-map-shell .map-density-chromatic.modal-open .degree-home-stack{grid-template-rows:66px 59px!important}
 .harmony-map-shell .map-density-chromatic.modal-open .degree-home-stack>.modal-interchange-card{width:59px!important;height:59px!important;min-height:59px!important}
 .harmony-map-shell .map-density-preparation.modal-open .degree-anchor{min-height:119px!important}
 .harmony-map-shell .map-density-preparation.modal-open .degree-home-stack{grid-template-rows:60px 54px!important}
 .harmony-map-shell .map-density-preparation.modal-open .degree-home-stack>.modal-interchange-card{width:54px!important;height:54px!important;min-height:54px!important}
 .harmony-map-shell .degree-home-stack>.modal-interchange-card strong{font-size:11px!important}
}

/* Desktop shortcut discovery stays secondary to Chord Level. */
.harmony-section .level-control-actions{display:flex;gap:8px;align-items:center}
.harmony-section .keyboard-shortcut-toggle{min-height:28px;padding:4px 8px;border:1px solid rgba(216,192,119,.28);border-radius:6px;color:#aeb9bf;background:rgba(8,14,18,.22);font-size:9px;font-weight:650;letter-spacing:.04em;text-transform:none}
.harmony-section .keyboard-shortcut-toggle:hover,.harmony-section .keyboard-shortcut-toggle[aria-expanded="true"]{color:#f0d68a;border-color:rgba(239,112,95,.58);background:rgba(239,112,95,.06)}
.harmony-section .keyboard-shortcut-toggle:focus-visible{outline:2px solid rgba(216,192,119,.78);outline-offset:2px}
.harmony-section .chord-direction-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid rgba(216,192,119,.28);border-radius:6px;color:#aeb9bf;background:rgba(8,14,18,.22);font-size:9px;font-weight:650;letter-spacing:.04em}
.harmony-section .chord-direction-toggle:hover,.harmony-section .chord-direction-toggle.active{color:#f0d68a;border-color:rgba(216,192,119,.66);background:rgba(216,192,119,.07)}
.harmony-section .chord-direction-toggle:focus-visible{outline:2px solid rgba(216,192,119,.78);outline-offset:2px}
.harmony-section .direction-toggle-signal{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;box-shadow:none}
.harmony-section .chord-direction-toggle.active .direction-toggle-signal{background:#d8c077;box-shadow:0 0 7px rgba(216,192,119,.58)}
.harmony-section .keyboard-shortcut-sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:7px 0 9px;padding:7px;border:1px solid rgba(174,185,191,.16);border-radius:8px;background:rgba(8,14,18,.3)}
.harmony-section .keyboard-shortcut-sheet[hidden]{display:none}
.harmony-section .keyboard-shortcut-sheet>div{display:flex;gap:7px;align-items:center;min-width:0;color:#9eabb2;font-size:8px;white-space:nowrap}
.harmony-section .keyboard-shortcut-sheet kbd{display:inline-grid;place-items:center;min-width:38px;min-height:22px;padding:2px 6px;border:1px solid rgba(216,192,119,.3);border-radius:4px;color:#e7d18e;background:#101920;font:650 9px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
@media(max-width:699px){.harmony-section .keyboard-shortcut-toggle,.harmony-section .keyboard-shortcut-sheet{display:none!important}}

/* Chord Direction Indicator V1: coral is origin; universal gold is relationship signal. */
.harmony-map-shell [data-map-chord]{--cdi-accent:#d8c077;transition:opacity .16s ease,filter .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.harmony-map-shell .cdi-active [data-map-chord].selected{border-color:#ef705f!important;box-shadow:inset 0 0 0 1px rgba(239,112,95,.3),0 0 0 2px rgba(239,112,95,.92)!important}
.harmony-map-shell [data-map-chord].cdi-level-1:not(.selected){opacity:.46;filter:saturate(.64) contrast(.84)}
.harmony-map-shell [data-map-chord].cdi-level-2:not(.selected){opacity:1}
.harmony-map-shell [data-map-chord].cdi-level-3:not(.selected){opacity:1;border-color:color-mix(in srgb,var(--cdi-accent) 72%,#89959c)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--cdi-accent) 68%,transparent),0 0 8px color-mix(in srgb,var(--cdi-accent) 28%,transparent)!important}
.harmony-map-shell [data-map-chord].cdi-level-4:not(.selected){opacity:1;border-color:color-mix(in srgb,var(--cdi-accent) 92%,white)!important;box-shadow:inset 0 2px var(--cdi-accent),0 0 0 1px color-mix(in srgb,var(--cdi-accent) 76%,transparent),0 0 9px color-mix(in srgb,var(--cdi-accent) 68%,transparent),0 0 22px color-mix(in srgb,var(--cdi-accent) 44%,transparent)!important;animation:cdi-radar-beacon 2.2s ease-in-out infinite}
.harmony-map-shell [data-map-chord].cdi-level-5{opacity:1;filter:none;background:color-mix(in srgb,var(--cdi-accent) 76%,#d9d4c5)!important;border-color:color-mix(in srgb,var(--cdi-accent) 72%,white)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
.harmony-map-shell [data-map-chord].cdi-level-5 .roman,.harmony-map-shell [data-map-chord].cdi-level-5 strong,.harmony-map-shell [data-map-chord].cdi-level-5 .card-notes,.harmony-map-shell [data-map-chord].cdi-level-5 .functional-label{color:#111a20!important}
.harmony-map-shell [data-map-chord].cdi-level-5.selected{border-color:#ef705f!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 0 2px rgba(239,112,95,.9),0 0 12px rgba(239,112,95,.2)!important}
@keyframes cdi-radar-beacon{0%,100%{filter:drop-shadow(0 0 2px rgba(216,192,119,.42))}50%{filter:drop-shadow(0 0 10px rgba(216,192,119,.82))}}
@media(prefers-reduced-motion:reduce){.harmony-map-shell [data-map-chord]{transition:none}.harmony-map-shell [data-map-chord].cdi-level-4:not(.selected){animation:none}}

/* Negative Harmony is a derived map layer; family borders remain authoritative. */
.level-control-actions{flex-wrap:nowrap}
.negative-harmony-toggle{min-height:32px;padding:6px 10px;border:1px solid #8296ae;border-radius:6px;background:#152331;color:#d8e3f0;font-size:11px;cursor:pointer}
.negative-harmony-toggle[aria-pressed="true"]{background:#30475e;color:#fff;box-shadow:inset 0 0 0 1px #a8bfd7}
.chord-direction-toggle:disabled{opacity:.4;cursor:not-allowed}
#negative-map-context{min-height:16px;margin:5px 0 0;font-size:10px;line-height:16px;color:#9eb9d5;overflow-wrap:anywhere;visibility:hidden}
#negative-map-context.active{visibility:visible}
[data-map-chord].presentation-negative{background:color-mix(in srgb,var(--identity-signal,#9badba) 20%,#c8d0d0)!important;border-color:color-mix(in srgb,var(--identity-signal,#8296ae) 58%,#687983)!important;outline:1px solid rgba(66,82,94,.24);outline-offset:-4px;box-shadow:inset 0 2px color-mix(in srgb,var(--identity-signal,#8296ae) 72%,#6f8088)!important}
[data-map-chord].presentation-negative .roman,[data-map-chord].presentation-negative .functional-label,[data-map-chord].presentation-negative strong,[data-map-chord].presentation-negative .card-notes{color:#26343b!important}
[data-map-chord].presentation-negative.selected{border-color:#bd574a!important;box-shadow:inset 0 2px color-mix(in srgb,var(--identity-signal,#8296ae) 72%,#6f8088),0 0 0 2px rgba(189,87,74,.78)!important}
.negative-switching [data-map-chord]{animation:negative-arrival 380ms ease-out}
.harmony-section .keyboard-guideline{margin-top:16px;padding:12px;border-top:1px solid #344756}
.harmony-section .keyboard-guideline .keyboard-shortcut-toggle{display:inline-flex!important;font-size:11px;min-height:32px}
.harmony-section .keyboard-guideline .keyboard-shortcut-sheet{display:grid!important;margin:8px 0 0;padding:0;border:0;background:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.harmony-section .keyboard-guideline .keyboard-shortcut-sheet[hidden]{display:none!important}
.harmony-section .keyboard-guideline .keyboard-shortcut-sheet>div{font-size:12px;white-space:normal;flex-wrap:wrap}
.harmony-section .keyboard-guideline .keyboard-shortcut-sheet kbd{font-size:12px;min-height:28px}
@keyframes negative-arrival{from{opacity:.5;filter:saturate(.7)}to{opacity:1;filter:saturate(1)}}
@media(max-width:699px){.harmony-section .keyboard-guideline .keyboard-shortcut-sheet{grid-template-columns:1fr 1fr}.negative-harmony-toggle{font-size:10px}.level-control-heading{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){.negative-switching [data-map-chord]{animation:none;transition:none}}
.harmony-section>#negative-map-context,.harmony-section>.keyboard-guideline{grid-column:1/-1;min-width:0}
@media(max-width:699px){.harmony-section>.level-control{grid-column:1/-1;width:100%;min-width:0}.harmony-section .level-control-heading{flex-wrap:wrap}.harmony-section .level-control-actions{flex-wrap:wrap;max-width:100%}}
@media(max-width:699px){.harmony-section>.level-control{display:flex!important;flex-direction:column;align-items:stretch;gap:10px}.harmony-section .level-control-heading,.harmony-section #level-buttons{width:100%;min-width:0}.harmony-section #negative-map-context{margin:0}}
.level-control #negative-map-context{grid-column:1/-1;flex-basis:100%;width:100%}
.chord-summary .negative-context{color:#492c2b}

@media(min-width:700px){
 .harmony-section>.level-control{display:grid!important;grid-template-columns:max-content max-content!important;grid-template-rows:auto 16px;column-gap:18px!important;row-gap:5px!important;align-items:center!important;justify-content:start!important;width:max-content!important;max-width:100%!important}
 .harmony-section .level-control-heading{display:flex!important;align-items:center!important;gap:14px!important;width:max-content!important;min-width:max-content!important;white-space:nowrap!important}
 .harmony-section .level-control-heading>span,.harmony-section .level-control-actions,.harmony-section .level-control-actions button{flex:none;white-space:nowrap!important}
 .harmony-section .level-control .segmented{width:auto!important;min-width:360px!important}
 .harmony-section #negative-map-context{grid-column:1/-1!important;grid-row:2!important;margin:0!important}
 .harmony-section .negative-harmony-toggle{min-width:132px!important}
}

.negative-bass-mode-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding:3px;border:1px solid rgba(25,43,52,.3);border-radius:7px;background:rgba(255,255,255,.2)}
.negative-bass-mode-control[hidden]{display:none}
.negative-bass-mode-control button{min-height:30px;padding:5px 8px;border:0;border-radius:4px;background:transparent;color:#334851;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}
.negative-bass-mode-control button.active{color:#eef3f2;background:#263b45}
.detail-negative-action{display:flex;justify-content:flex-end;margin-top:auto;padding-top:14px}
.detail-negative-action #detail-negative-toggle{min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.78);color:white;background:transparent;font-size:10px;font-weight:700;letter-spacing:.03em;cursor:pointer}
.detail-negative-action #detail-negative-toggle:hover,.detail-negative-action #detail-negative-toggle:focus-visible{color:var(--coral);background:white}
.chord-summary.negative-detail-mode{color:#17272f;background:#cbd4d3}
.chord-summary.negative-detail-mode .roman,.chord-summary.negative-detail-mode dt,.chord-summary.negative-detail-mode .summary-legend,.chord-summary.negative-detail-mode .summary-legend span{color:#334851}
.chord-summary.negative-detail-mode dl div{border-top-color:rgba(36,55,64,.28)}
.chord-summary.negative-detail-mode .bass-tone-target:hover,.chord-summary.negative-detail-mode .bass-tone-target:focus-visible{color:#5c2630}
.chord-summary.negative-detail-mode .chord-tone-line #custom-bass-button,.chord-summary.negative-detail-mode .lock-chord-button,.chord-summary.negative-detail-mode .detail-negative-action #detail-negative-toggle{border-color:rgba(25,43,52,.62);color:#17272f}
.chord-summary.negative-detail-mode .chord-tone-line #custom-bass-button.active,.chord-summary.negative-detail-mode .lock-chord-button:hover,.chord-summary.negative-detail-mode .lock-chord-button:focus-visible,.chord-summary.negative-detail-mode .lock-chord-button[aria-pressed="true"],.chord-summary.negative-detail-mode .detail-negative-action #detail-negative-toggle:hover,.chord-summary.negative-detail-mode .detail-negative-action #detail-negative-toggle:focus-visible{color:#eef3f2;background:#263b45}
[data-map-chord].presentation-negative .roman,[data-map-chord].presentation-negative .functional-label{color:#263b45!important}
[data-map-chord].presentation-negative strong{color:#111c24!important}
[data-map-chord].presentation-negative .card-notes{color:#344c57!important}
.card-unlock-button.presentation-negative{color:#17272f!important}
.card-unlock-button.presentation-negative span{border-color:#17272f!important;background:rgba(235,241,240,.88)!important}
.harmony-map-shell .chord-card.presentation-negative,.harmony-map-shell .context-card.presentation-negative{background:color-mix(in srgb,var(--identity-signal,#8296ae) 16%,#cbd3d2)!important;border-color:color-mix(in srgb,var(--identity-signal,#8296ae) 56%,#667983)!important;box-shadow:inset 0 2px color-mix(in srgb,var(--identity-signal,#8296ae) 70%,#667983)!important}
.harmony-map-shell .chord-card.presentation-negative .roman,.harmony-map-shell .context-card.presentation-negative .roman,.harmony-map-shell .context-card.presentation-negative .functional-label{color:#263b45!important}
.harmony-map-shell .chord-card.presentation-negative strong,.harmony-map-shell .context-card.presentation-negative strong{color:#111c24!important}
.harmony-map-shell .chord-card.presentation-negative .card-notes,.harmony-map-shell .context-card.presentation-negative .card-notes{color:#344c57!important}
.harmony-map-shell .chord-card.presentation-negative.selected,.harmony-map-shell .context-card.presentation-negative.selected{border-color:#bd574a!important;box-shadow:inset 0 2px color-mix(in srgb,var(--identity-signal,#8296ae) 70%,#667983),0 0 0 2px rgba(189,87,74,.82)!important}
.chord-alias{margin:2px 0 0;color:rgba(255,255,255,.66);font-size:9px;font-style:italic;letter-spacing:.02em}
.chord-summary.negative-detail-mode .chord-alias{color:#52666e}