.ico-line[data-v-78fab68a]{display:inline-block;height:1.15em;vertical-align:-.2em;width:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-harmony[data-v-84433dd6]{display:flex;flex-direction:column;gap:20px}.demo-harmony .chord-list span[data-v-84433dd6]{margin-left:10px;white-space:nowrap}.demo-harmony .chord-list span strong[data-v-84433dd6]{color:#dbe6f1}.demo-harmony .theory-chips button[data-v-84433dd6]:disabled:not(.locked){cursor:default;opacity:.5}.demo-harmony .off-hint[data-v-84433dd6]{margin-top:6px}.demo-harmony .mix[data-v-84433dd6]{align-items:center}.demo-harmony .mix .on[data-v-84433dd6]{background-color:#7db9de;border-color:#7db9de;color:#0b1929}.demo-harmony .mix button[data-v-84433dd6]:disabled{cursor:default;opacity:.6}.demo-harmony .mix .divider[data-v-84433dd6]{background-color:#dbe6f129;height:22px;margin:0 6px;width:1px}.demo-harmony .volumes summary[data-v-84433dd6]{color:#93a8bf;cursor:pointer;font-size:.85rem}.demo-harmony .volumes .sliders[data-v-84433dd6]{display:grid;gap:8px 20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:10px}.demo-harmony .volumes label[data-v-84433dd6]{align-items:center;display:flex;font-size:.9rem;gap:10px}.demo-harmony .volumes span[data-v-84433dd6]{color:#93a8bf;min-width:8ch}.demo-harmony .volumes input[data-v-84433dd6]{accent-color:#f7a433;flex:1;min-width:0}.demo .modes{margin-bottom:14px}.demo .modes button{border-radius:999px;padding:8px 18px}.demo .choice h2{color:#93a8bf;font-size:.85rem;font-weight:600;margin:0 0 8px}.demo .pair{display:flex;flex-wrap:wrap;gap:20px 32px}.demo .theory-chips small{font-size:.75rem;font-weight:500;margin-left:4px;opacity:.75}.demo .locked{align-items:center;border-style:dashed;color:#93a8bf;display:inline-flex;gap:6px}.demo .locked svg{flex-shrink:0;height:13px;width:13px}.demo .result{border-top:1px solid rgba(219,230,241,.18);display:flex;flex-direction:column;gap:14px;padding-top:20px}.demo .result-title{color:#f7a433;font-size:1.4rem;font-weight:800}.demo .score-placeholder{background-color:#fbfaf5;border-radius:10px;min-height:148px}.demo .controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px}.demo .controls .on{background-color:#7db9de;color:#0b1929}.demo .tempo{align-items:center;display:flex;font-size:.9rem;gap:10px}.demo .tempo span{color:#93a8bf}.demo .tempo input{accent-color:#f7a433;width:150px}.demo .tempo output{font-weight:600;min-width:68px}.demo .app-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.demo .app-actions .caption{color:#93a8bf;font-size:.85rem;margin-right:6px}.demo .app-actions button{background-color:transparent;border:1px dashed rgba(219,230,241,.16);border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:5px 12px}.demo .app-actions button:hover{background-color:#7db9de26}.demo .notice{align-items:center;background-color:#0f2135;border:1px solid #f7a433;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;padding:16px 20px;scroll-margin-top:calc(var(--header-h) + 12px)}.demo .notice>div:first-child{flex:1 1 320px}.demo .notice h3{font-size:1.1rem;font-weight:700;margin:0 0 4px!important}.demo .notice p{font-size:.95rem;margin:0}.demo .notice .notice-label{color:#f7a433;font-size:.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.demo .notice-actions{display:flex;flex-wrap:wrap;gap:8px}.demo .features{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:0;padding:0}.demo .features li{background-color:#18314d;border:1px solid rgba(219,230,241,.16);border-radius:16px;padding:16px 18px}.demo .features h3{color:#f7a433;font-size:1rem;font-weight:700;margin:0 0 4px}.demo .features p{font-size:.9rem;margin:0}.demo .cta{display:flex;flex-wrap:wrap;gap:12px;margin:1.75rem 0 0}