.harmony-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line,#dedde5)}
.harmony-section>header{margin-bottom:12px}.harmony-section>header h3{margin:3px 0 0;font-size:1.15rem}
.harmony-host{display:grid;gap:20px}.harmony-host .harmony-analysis-panel{margin:0;padding:0;border-top:1px solid var(--line,#dedde5);background:#fff}.harmony-host .harmony-analysis-content{padding:2px 0 10px}.harmony-host .harmony-progression-panel{border-top:1px solid var(--line,#dedde5);background:#fff}.harmony-host .harmony-analysis-panel[open]>.secondary-panel-summary,.harmony-host .harmony-progression-panel[open]>.secondary-panel-summary{border-bottom:1px solid var(--line,#dedde5)}.harmony-host .harmony-progression-panel>.harmony-progression{margin:10px;padding:10px}
.harmony-profile,.raga-harmony-track,.harmony-result,.harmony-profile-status,.harmony-input-status{margin:8px 0;border:1px solid #dedde5;border-radius:12px;background:#fff}
.harmony-profile>summary,.raga-harmony-track>summary,.harmony-result>summary,.harmony-profile-status>summary,.harmony-input-status>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;font-weight:750;list-style:none}
.harmony-profile>summary::-webkit-details-marker,.raga-harmony-track>summary::-webkit-details-marker,.harmony-result>summary::-webkit-details-marker{display:none}
.harmony-profile>summary small,.raga-harmony-track>summary small{color:#6b697b;font-weight:600}.harmony-profile>summary:after,.raga-harmony-track>summary:after,.harmony-result>summary:after{content:'⌄';margin-left:auto;color:#167d79}.harmony-profile[open]>summary:after,.raga-harmony-track[open]>summary:after,.harmony-result[open]>summary:after{transform:rotate(180deg)}
.harmony-results,.raga-harmony-tracks{padding:0 10px 10px}.harmony-result{background:#f8f7fa}.harmony-result>summary{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.harmony-result-body{padding:0 14px 14px}.harmony-result-body h5{margin:0 0 8px;font-size:1.18rem}.harmony-result-body p{margin:6px 0;line-height:1.45}.harmony-status{font-weight:800;color:#a14822}.harmony-empty{padding:10px 4px;color:#6b697b}.harmony-provenance{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.harmony-provenance span{padding:3px 7px;border-radius:999px;background:#e8f1ef;color:#285c58;font-size:.72rem;font-weight:700}.ag-raga-harmony>summary{background:#f2ece3}.raga-harmony-track>summary{background:#f6f3ee}
.harmony-profile-status,.harmony-input-status{background:#fbf5ef;border-color:#e7d4c4}.harmony-profile-status>summary,.harmony-input-status>summary{color:#7f401f}.harmony-technical{margin-top:10px}.harmony-technical>summary{cursor:pointer;color:#285c58;font-weight:750}.harmony-unresolved-roots{margin:8px 0;padding-left:20px;color:#555161}
.harmony-musical-language{margin:10px 0;padding:9px 11px;border-left:3px solid #167d79;background:#f2f7f6;border-radius:0 9px 9px 0}.harmony-alternates{margin-top:10px}.harmony-alternates>summary{cursor:pointer;color:#285c58;font-weight:750}.harmony-alternate{display:grid;grid-template-columns:minmax(90px,.6fr) 1fr 1fr;gap:8px;padding:8px 0;border-top:1px solid #dedde5;font-size:.84rem}.harmony-alternate span{color:#555161}.harmony-diagnostic{color:#7f401f;font-size:.82rem}
.harmony-direction-context{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px;padding:9px 11px;border:1px solid #d8e5e2;border-radius:10px;background:#f2f7f6;color:#285c58}.harmony-direction-context small{width:100%;color:#6b697b}.raga-harmony-track.active-direction{border-color:#167d79;box-shadow:0 0 0 2px rgba(22,125,121,.12)}.raga-harmony-track.active-direction>summary{background:#e7f3f1}
.harmony-card-strip{display:flex;align-items:flex-start;gap:12px;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:10px;scroll-behavior:smooth;padding:4px 10px 14px;scrollbar-gutter:stable}
.harmony-card-strip:focus-visible{outline:3px solid rgba(22,125,121,.32);outline-offset:2px}
.harmony-profile-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin:8px 10px;padding:5px;border:1px solid #dedde5;border-radius:10px;background:#f7f6f9}.harmony-profile-selector button{min-height:36px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#535166;font:inherit;font-size:.86rem;font-weight:750;line-height:1.15}.harmony-profile-selector button[aria-pressed="true"]{background:#167d79;color:#fff;box-shadow:0 1px 4px rgba(22,125,121,.24)}.harmony-profile-stage{min-width:0;max-width:100%}.harmony-profile-section{min-width:0}.harmony-profile-section+.harmony-profile-section{margin-top:7px;padding-top:7px;border-top:1px solid #d8d6df}.harmony-profile-title{margin:0 1px 4px;color:#285c58;font-size:.9rem}.harmony-profile-content{display:grid;gap:6px;min-width:0}.harmony-profiles-empty{margin:4px 10px 10px;color:#6b697b;font-size:.8rem}
.harmony-modal-note-count{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 10px 8px;padding:7px 9px;border:1px solid #dedde5;border-radius:9px;background:#fff;color:#35334a;font-size:.86rem;font-weight:750}.harmony-modal-note-count select{min-height:34px;max-width:11rem;padding:5px 28px 5px 9px;border:1px solid #b8b6c2;border-radius:7px;background:#fff;color:#191742;font:inherit;font-weight:750}.harmony-note-count{display:inline-block;margin-top:2px;color:#6b697b;font-size:.72rem;font-weight:750}
.harmony-degree-card{box-sizing:border-box;flex:0 0 clamp(280px,38vw,430px);width:clamp(280px,38vw,430px);max-width:calc(100vw - 32px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #d8d6df;border-radius:14px;background:#f8f7fa;box-shadow:0 2px 10px rgba(31,35,44,.05);overflow:hidden}
.harmony-degree-card>header{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:12px 14px;background:#eeedf2;border-bottom:1px solid #d8d6df}
.harmony-degree-card>header span:last-child{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:750}.harmony-card-sargam{color:#167d79;font-weight:850}.harmony-card-flags{margin:0;padding:7px 14px;border-bottom:1px solid #e1dfe6;color:#6b697b;font-size:.78rem;font-weight:700;text-transform:capitalize}
.harmony-card-sections{display:grid;min-width:0;gap:6px;padding:7px}.harmony-card-section{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden;border:1px solid #dedde5;border-radius:11px;background:#fff;padding:8px}.harmony-card-section>h4{margin:0 0 5px;color:#285c58;font-size:.86rem;letter-spacing:.035em;text-transform:uppercase}.harmony-card-section.active-direction{border-color:#167d79;box-shadow:0 0 0 2px rgba(22,125,121,.12);background:#f4fbf9}
.harmony-candidate{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}.harmony-candidate+.harmony-candidate{margin-top:6px;padding-top:6px;border-top:1px solid #dedde5}.harmony-candidate h5{margin:0 0 4px;color:#285c58;font-size:.92rem;letter-spacing:.035em}.harmony-candidate-derived{margin-top:6px;padding:7px;border-left:3px solid #a14822;background:#fbf5ef;border-radius:0 8px 8px 0}.harmony-anya-change{margin:3px 0;color:#7f401f;font-size:.82rem}.harmony-profile-status{margin:8px;padding:9px}.harmony-card-strip pre{max-width:100%;overflow:auto;white-space:pre-wrap}
.harmony-candidate-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}.harmony-candidate-title{grid-column:1;grid-row:1;min-width:0;max-width:100%}.harmony-candidate-heading h5{min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}.harmony-chord-main,.harmony-chord-extensions{display:block;max-width:100%;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none}.harmony-candidate-heading h5 .harmony-chord-main{font-size:.82rem;letter-spacing:0}.harmony-candidate-heading h5 .harmony-chord-extensions{font-size:.76rem;line-height:1.15;letter-spacing:0}.harmony-jazz-interpretation{max-width:100%;margin:1px 0 4px;color:#6b697b;font-size:.76rem;font-weight:750;line-height:1.2;overflow-wrap:normal;word-break:normal;hyphens:none}.harmony-candidate-actions{display:flex;grid-column:1;grid-row:2;align-items:stretch;gap:4px;min-width:0;max-width:100%}.harmony-add-progression,.harmony-preview-candidate{flex:0 0 auto;padding:4px 7px;border:1px solid #167d79;border-radius:7px;background:#fff;color:#167d79;font:inherit;font-size:.7rem;font-weight:800}.harmony-candidate-actions .harmony-add-progression{flex:1 1 auto;min-width:0}.harmony-preview-candidate{min-width:3.25rem;border-color:#c8c6d0;color:#535166}.harmony-preview-candidate[aria-pressed="true"]{border-color:#a14822;background:#fbf5ef;color:#7f401f}.harmony-candidate-octave{display:grid;grid-template-columns:1.65rem auto 1.35rem 1.65rem;align-items:center;height:44px;min-height:44px;border:1px solid #c8c6d0;border-radius:7px;background:#fff;color:#535166;font-size:.68rem;font-weight:800;overflow:hidden}.harmony-candidate-octave button{min-width:0;height:42px;min-height:42px;padding:2px 5px;border:0;border-radius:0;background:#fff;color:#167d79;font:inherit;font-size:.9rem;font-weight:850}.harmony-candidate-octave button:disabled{opacity:.35}.harmony-candidate-octave output{min-width:1.25rem;text-align:center;font-variant-numeric:tabular-nums}.harmony-add-progression:hover,.harmony-add-progression:focus-visible,.harmony-preview-candidate:hover,.harmony-preview-candidate:focus-visible,.harmony-candidate-octave button:hover,.harmony-candidate-octave button:focus-visible{background:#e7f3f1}.harmony-tone-group>h6,.harmony-progression-aux>h5{margin:4px 1px 0;color:#6b697b;font-size:.7rem;letter-spacing:.035em;text-transform:uppercase}.harmony-tone-group[data-harmony-tone-group="AVAILABLE_TENSIONS"] .harmony-tone-matrix-frame,.harmony-tone-group[data-harmony-tone-group="OPTIONAL_TENSIONS"] .harmony-tone-matrix-frame,.harmony-tone-group[data-harmony-tone-group="SELECTED_TENSIONS"] .harmony-tone-matrix-frame{border-left-color:#93641f;background:#faf5e9}.harmony-tone-group[data-harmony-tone-group="MILLER_COLOR_TONES"] .harmony-tone-matrix-frame{border-left-color:#8a4978;background:#faf1f7}
.harmony-jazz-modes,.harmony-modal-modes{display:flex;gap:4px;margin:0 0 6px;overflow-x:auto}.harmony-jazz-modes button,.harmony-modal-modes button{min-height:30px;padding:4px 7px;border:1px solid #c8c6d0;border-radius:7px;background:#fff;color:#535166;font:inherit;font-size:.72rem;font-weight:750;white-space:nowrap}.harmony-jazz-modes button[aria-pressed="true"],.harmony-modal-modes button[aria-pressed="true"]{border-color:#167d79;background:#e7f3f1;color:#285c58}.harmony-jazz-modes button:disabled,.harmony-modal-modes button:disabled{opacity:.45}.harmony-jazz-candidate-strip,.harmony-modal-candidate-strip{display:flex;gap:7px;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:1px 1px 5px}.harmony-jazz-candidate-strip[hidden],.harmony-modal-candidate-strip[hidden]{display:none}.harmony-jazz-candidate-strip>.harmony-candidate,.harmony-modal-candidate-strip>.harmony-candidate{box-sizing:border-box;flex:0 0 min(100%,32rem);width:min(100%,32rem);scroll-snap-align:start;padding:7px;border:1px solid #dedde5;border-radius:9px;background:#fff}.harmony-jazz-candidate-strip>.harmony-candidate+.harmony-candidate,.harmony-modal-candidate-strip>.harmony-candidate+.harmony-candidate{margin-top:0;padding-top:7px;border-top:1px solid #dedde5}
.harmony-modal-mode{display:grid;gap:1px;margin:0 0 5px;padding:5px 7px;border-radius:7px;background:#f2f7f6}.harmony-modal-mode b{color:#285c58}.harmony-modal-mode span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.harmony-modal-mode small{color:#6b697b;font-size:.76rem}.harmony-modal-empty{margin:5px 1px 1px;color:#6b697b;font-size:.78rem}.harmony-modal-family+.harmony-modal-family{margin-top:6px;padding-top:5px;border-top:1px solid #dedde5}.harmony-modal-family>h5{margin:0 0 3px;color:#7f401f;font-size:.78rem;letter-spacing:.04em}.harmony-modal-family .harmony-candidate h5{font-size:.82rem;font-weight:700;color:#535166}
.harmony-tone-matrix-frame{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:5px 0;overflow:hidden;border-left:3px solid #167d79;border-radius:0 9px 9px 0;background:#f2f7f6}
.harmony-tone-matrix{display:grid;grid-template-columns:max-content minmax(0,1fr);width:100%;min-width:0;padding:5px 4px}.harmony-tone-labels,.harmony-tone-column{display:grid;grid-template-rows:repeat(4,1.7rem);align-items:center;white-space:nowrap}.harmony-tone-labels{min-width:0;padding-right:4px;color:#285c58;font-size:.78rem;font-weight:800}.harmony-tone-columns{display:grid;grid-template-columns:repeat(var(--harmony-tone-count),minmax(0,1fr));width:100%;min-width:0}.harmony-tone-column{min-width:0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;border-left:1px solid rgba(40,92,88,.13)}.harmony-tone-column span{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 .08rem;white-space:nowrap}.harmony-tone-column span:first-child{color:#167d79;font-weight:850}
.harmony-tone-columns{grid-template-columns:repeat(var(--harmony-tone-count),minmax(max-content,1fr));overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain}
.harmony-tone-column{box-sizing:border-box;min-width:3.25rem;padding-inline:.4rem}
.harmony-tone-column.is-tension{background:#faf5e9}.harmony-tone-column.is-tension span:nth-child(3){color:#93641f;font-weight:850}.harmony-mixed-candidate-strip{display:flex;gap:7px;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:2px 1px 5px}.harmony-mixed-candidate-strip>.harmony-candidate{box-sizing:border-box;flex:0 0 min(100%,32rem);width:min(100%,32rem);scroll-snap-align:start;padding:7px;border:1px solid #dedde5;border-radius:9px;background:#fff}.harmony-mixed-candidate-strip>.harmony-candidate+.harmony-candidate{margin-top:0;padding-top:7px;border-top:1px solid #dedde5}.harmony-modal-candidate-strip[hidden]{display:none}.harmony-modal-family-list{min-width:0}
.harmony-progression{margin:12px 10px 0;padding:10px;border:1px solid #d8d6df;border-radius:13px;background:#f8f7fa}.harmony-progression-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.harmony-progression-heading h3{margin:0;color:#285c58;font-size:1rem}.harmony-progression-heading p{margin:2px 0 0;color:#6b697b;font-size:.75rem}.harmony-progression-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.harmony-progression-heading-actions>[data-progression-voice-leading]{min-height:34px;padding:5px 9px;border:1px solid #167d79;border-radius:8px;background:#fff;color:#167d79;font:inherit;font-size:.76rem;font-weight:800}.harmony-progression-heading-actions>[data-progression-voice-leading][aria-pressed="true"]{background:#167d79;color:#fff}.harmony-progression-heading-actions>[data-progression-voice-leading]:disabled{opacity:.45}.harmony-progression-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.harmony-progression-actions button,.harmony-progression-transfer,.harmony-progression-item footer button,.harmony-progression-range button{min-height:32px;padding:5px 9px;border:1px solid #c8c6d0;border-radius:7px;background:#fff;color:#353344;font:inherit;font-size:.76rem;font-weight:750}.harmony-progression-actions button:first-child,.harmony-progression-transfer{border-color:#167d79;background:#167d79;color:#fff}.harmony-progression-actions [data-progression-loop][aria-pressed="true"]{border-color:#167d79;background:#e2f2f0;color:#125f5c}.harmony-progression-range{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:6px 8px;border:1px solid #9bc7c3;border-radius:8px;background:#edf8f7;color:#285c58;font-size:.78rem;font-weight:750}.harmony-progression-range button{min-height:28px;padding-block:3px}.harmony-progression-list{display:flex;gap:7px;margin-top:9px;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:3px 3px 7px}.harmony-progression-item{box-sizing:border-box;flex:0 0 min(100%,30rem);width:min(100%,30rem);scroll-snap-align:start;scroll-snap-stop:always;padding:8px;border:1px solid #dedde5;border-radius:10px;background:#fff;cursor:pointer;outline:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;-webkit-touch-callout:none;user-select:none}.harmony-progression-item.is-selected{border-color:#167d79;box-shadow:0 0 0 2px rgba(22,125,121,.13)}.harmony-progression-item.is-range-selected{border-color:#318b86;background:#edf8f7;box-shadow:inset 0 0 0 2px rgba(49,139,134,.2)}.harmony-progression-item.is-range-anchor{box-shadow:inset 0 0 0 2px rgba(49,139,134,.22),0 0 0 3px rgba(49,139,134,.22)}.harmony-progression-item.is-voice-leading-anchor{border-color:#93641f;background:#fffaf0;box-shadow:inset 0 0 0 2px rgba(147,100,31,.22)}.harmony-progression-item.is-playing{border-color:#c16c13;background:#fff5e5;box-shadow:0 0 0 3px rgba(193,108,19,.24)}.harmony-progression-item.is-playing>header>span{background:#c16c13;color:#fff}.harmony-progression-item>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}.harmony-progression-item>header>span{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;background:#e7f3f1;color:#167d79;font-weight:850}.harmony-progression-item h4{margin:0;font-size:.9rem}.harmony-progression-item small{display:block;margin-top:1px;color:#6b697b;font-size:.7rem}.harmony-progression-item footer{display:flex;justify-content:flex-end;gap:4px}.harmony-progression-item footer [data-progression-preview][aria-pressed="true"]{border-color:#a14822;background:#fbf5ef;color:#7f401f}.harmony-tone-column.is-octave-duplicate{box-shadow:inset 0 -3px 0 #93641f}.harmony-progression-transfer{margin-top:9px}.harmony-progression-empty,.harmony-progression-status{margin:8px 0 0;color:#6b697b;font-size:.78rem}
.unique-link-card .harmony-section,.unique-viewer .harmony-section,.unique-raga-card .harmony-section{margin:16px 0 0}.unique-link-card .harmony-section>header h3,.unique-raga-card .harmony-section>header h3{font-size:1rem}
@media(max-width:700px){.harmony-profile-selector{gap:3px;margin:6px 8px;padding:3px}.harmony-profile-selector button{min-height:34px;padding:5px 4px;font-size:.78rem}.harmony-modal-note-count{align-items:stretch;flex-direction:column}.harmony-modal-note-count select{width:100%;max-width:none}.harmony-result>summary{font-size:.82rem}.harmony-alternate{grid-template-columns:1fr}.harmony-alternate span{display:block}.harmony-card-strip{gap:9px;padding-inline:8px;scroll-padding-inline:8px}.harmony-degree-card{flex-basis:min(100%,30rem);width:min(100%,30rem);max-width:100%}.harmony-card-sections{gap:5px;padding:5px}.harmony-card-section{padding:6px}.harmony-card-section>h4{margin-bottom:4px}.harmony-modal-mode{padding:4px 5px}.harmony-tone-matrix{padding:4px 2px}.harmony-tone-labels{padding-right:3px;font-size:.74rem}.harmony-tone-column span{padding-inline:0}.harmony-candidate-heading{align-items:start}.harmony-candidate-actions{gap:3px}.harmony-add-progression{max-width:6.7rem;white-space:normal;line-height:1.1}.harmony-candidate-octave{grid-template-columns:1.5rem auto 1.15rem 1.5rem}.harmony-jazz-candidate-strip>.harmony-candidate,.harmony-modal-candidate-strip>.harmony-candidate{flex-basis:100%;width:100%}.harmony-mixed-candidate-strip>.harmony-candidate{flex-basis:100%;width:100%}.harmony-progression{margin-inline:8px;padding:8px}.harmony-progression-heading{align-items:flex-start}.harmony-progression-heading p{display:none}.harmony-progression-actions{flex:0 0 auto}.harmony-progression-transfer{width:100%}}
.harmony-progression-duration{display:flex;align-items:center;gap:5px;margin:8px 0;color:#5e5c70;font-size:.76rem;font-weight:750}.harmony-progression-duration input{width:64px;min-height:32px;border:1px solid #cccad5;border-radius:7px;padding:4px 6px;background:#fff;color:#353344;font:inherit;font-variant-numeric:tabular-nums}.harmony-progression-heading>.mix-layer-toggle{flex:0 0 auto}
@media(max-width:700px){.harmony-progression-heading{flex-wrap:wrap}.harmony-progression-heading-actions{width:100%;justify-content:space-between}.harmony-progression-heading-actions>[data-progression-voice-leading]{flex:1 1 auto}.harmony-progression-duration input{width:58px}}