@import"https://fonts.googleapis.com/css2?family=Arvo:ital@0;1&family=JetBrains+Mono:wght@400;700&family=Sora&display=swap";:root{--root-note: #f12d2d;--thirds: #fba02a;--fifths: #3cc653;--chord-glow: #38bdf8;--text: #f9f9f9;--bg: #0e0e0e;--interval: #f3f78c;--dark-grey: #1e1e1e;--mid-grey: #454545;--grey: #808080;--light-grey: #ccc;--border: #2a2a2a;--c-maj: #ff3b84;--c-maj-border: #780f40;--c-maj-bg: #2d0018;--c-min: #60a5fa;--c-min-border: #1e3a5f;--c-min-bg: #0a1f3d;--c-dim: #a78bfa;--c-dim-border: #2d1b4e;--c-dim-bg: #1a0e30;--c-aug: #34d399;--c-aug-border: #134e4a;--c-aug-bg: #052e2b;--c-dom7: #fb923c;--c-dom7-border: #7c2d12;--c-dom7-bg: #3d1200;--c-maj7: #facc15;--c-maj7-border: #713f12;--c-maj7-bg: #3a1f00;--c-min7: #93c5fd;--c-min7-border: #1e3a5f;--c-min7-bg: #0a1f3d;--c-dim7: #c084fc;--c-dim7-border: #3b0764;--c-dim7-bg: #230540;--c-m7b5: #5eead4;--c-m7b5-border: #042f2e;--c-m7b5-bg: #011e1d;--c-sus2: #bef264;--c-sus2-border: #365314;--c-sus2-bg: #1a2e00;--c-sus4: #fdba74;--c-sus4-border: #7c3a12;--c-sus4-bg: #3d1c00;--c-add9: #f0abfc;--c-add9-border: #6b21a8;--c-add9-bg: #2e1065;--c-madd9: #86efac;--c-madd9-border: #14532d;--c-madd9-bg: #052e16}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:JetBrains Mono,monospace;background:var(--bg);color:var(--text);overflow-x:hidden}.container{padding:1.5rem 1.5rem 3rem;max-width:1040px;margin:auto}.title{font-family:Arvo,serif;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;margin-bottom:1.25rem;letter-spacing:-.02em}h2{font-family:Sora,sans-serif;font-size:.75rem;font-weight:400;color:var(--grey);margin:2rem 0 .5rem;text-transform:uppercase;letter-spacing:.1em}.controls{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.controls select,.tuning-select{padding:.45rem .7rem;font-size:.85rem;font-family:inherit;background:var(--dark-grey);color:var(--text);border:none;border-radius:6px;cursor:pointer;outline:none;transition:border-color .15s;max-width:100%}.controls select:hover,.tuning-select:hover{border-color:var(--grey)}.exotic-toggle{display:flex;align-items:center;gap:.45rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;color:var(--light-grey);padding:.45rem .7rem;border:1px solid var(--mid-grey);border-radius:6px;transition:border-color .15s,color .15s}.exotic-toggle:hover{border-color:var(--grey);color:var(--text)}.exotic-toggle input{accent-color:var(--interval);cursor:pointer}.options-box{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;background:var(--dark-grey);border:none;border-radius:8px;padding:.25rem .5rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .65rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 1 200px;min-width:180px;border-radius:8px;transition:background .13s;background:#ffffff0a}.toggle-row:hover{background:#ffffff0f}.toggle-label{font-size:.8rem;color:var(--light-grey)}.toggle-switch{flex-shrink:0;width:40px;height:22px;border-radius:99px;background:var(--mid-grey);border:none;cursor:pointer;position:relative;transition:background .2s;padding:0}.toggle-switch.on{background:var(--fifths)}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:transform .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.toggle-switch.on .toggle-thumb{transform:translate(18px)}.sound-bar{display:flex;align-items:center}.sound-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;background:transparent;color:var(--interval);border:1px solid var(--interval);border-radius:6px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.sound-btn:hover{background:var(--interval);color:var(--bg)}.sound-status{display:flex;align-items:center;gap:.4rem;font-size:.78rem;white-space:nowrap}.sound-status.loading{color:var(--grey)}.sound-status.ready{color:var(--fifths)}.scale-visual{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;padding:28px 0 20px;-webkit-overflow-scrolling:touch}.note-label{position:relative;cursor:pointer;flex-shrink:0}.note-box{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border:2px solid var(--mid-grey);font-weight:700;font-size:.95rem;border-radius:8px;cursor:pointer;transition:transform .15s cubic-bezier(.1,0,.3,1),box-shadow .15s;will-change:transform}.note-box:hover{transform:scale(1.1)!important;box-shadow:0 0 12px #ffffff14}.note-box.root-note{border-color:var(--root-note)}.note-box.chord-active{border-color:var(--chord-glow);box-shadow:0 0 10px #38bdf859}.note-box.chord-root{border-color:var(--c-maj);box-shadow:0 0 10px #ff3b8459}.scale-visual .triad-3rd .note-box{border-color:var(--thirds)}.scale-visual .triad-5th .note-box{border-color:var(--fifths)}.interval-line{font-size:.72rem;width:26px;text-align:center;color:var(--interval);font-weight:700;flex-shrink:0}.interval-line.aug{color:#c084fc}.degree{position:absolute;left:50%;transform:translate(-50%);top:-22px;font-family:Arvo,serif;font-size:12px;color:var(--grey);white-space:nowrap}.chords-section{margin:1.75rem 0 0;padding:1.25rem;background:var(--dark-grey);border:1px solid var(--border);border-radius:12px}.chords-section h2{margin:0 0 1rem}.chords-empty{font-size:.85rem;color:var(--grey);margin:0}.chord-extensions{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.1rem}.ext-pill{padding:.28rem .7rem;background:transparent;color:var(--grey);border:1px solid var(--mid-grey);border-radius:99px;font-family:inherit;font-size:.78rem;cursor:pointer;transition:all .13s}.ext-pill:hover{color:var(--text);border-color:var(--grey)}.ext-pill.active{background:var(--mid-grey);color:var(--text);border-color:var(--mid-grey)}.chords-grid{display:flex;gap:.45rem;flex-wrap:wrap}.chord-card{--glow: rgba(255, 255, 255, .1);flex:1 1 90px;min-width:80px;max-width:140px;padding:.65rem .5rem;background:#111;border:1.5px solid var(--mid-grey);border-radius:8px;cursor:pointer;text-align:center;font-family:inherit;transition:all .13s;display:flex;flex-direction:column;gap:2px}.chord-card:hover{border-color:var(--grey);background:#1a1a1a;transform:translateY(-2px)}.chord-card.selected{transform:translateY(-3px);box-shadow:0 4px 20px var(--glow)}.chord-degree{font-family:Arvo,serif;font-size:.7rem;color:var(--grey)}.chord-name{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.chord-notes-list{font-size:.6rem;color:var(--grey)}.chord-card.chord-maj{--glow: rgba(255, 59, 132, .35);border-color:var(--c-maj-border)}.chord-card.chord-maj .chord-name{color:var(--c-maj)}.chord-card.chord-min{--glow: rgba(96, 165, 250, .35);border-color:var(--c-min-border)}.chord-card.chord-min .chord-name{color:var(--c-min)}.chord-card.chord-dim{--glow: rgba(167, 139, 250, .35);border-color:var(--c-dim-border)}.chord-card.chord-dim .chord-name{color:var(--c-dim)}.chord-card.chord-aug{--glow: rgba(52, 211, 153, .35);border-color:var(--c-aug-border)}.chord-card.chord-aug .chord-name{color:var(--c-aug)}.chord-card.chord-dom7{--glow: rgba(251, 146, 60, .35);border-color:var(--c-dom7-border)}.chord-card.chord-dom7 .chord-name{color:var(--c-dom7)}.chord-card.chord-maj7{--glow: rgba(250, 204, 21, .35);border-color:var(--c-maj7-border)}.chord-card.chord-maj7 .chord-name{color:var(--c-maj7)}.chord-card.chord-min7{--glow: rgba(147, 197, 253, .35);border-color:var(--c-min7-border)}.chord-card.chord-min7 .chord-name{color:var(--c-min7)}.chord-card.chord-dim7{--glow: rgba(192, 132, 252, .35);border-color:var(--c-dim7-border)}.chord-card.chord-dim7 .chord-name{color:var(--c-dim7)}.chord-card.chord-m7b5{--glow: rgba(94, 234, 212, .35);border-color:var(--c-m7b5-border)}.chord-card.chord-m7b5 .chord-name{color:var(--c-m7b5)}.chord-card.chord-sus2{--glow: rgba(190, 242, 100, .35);border-color:var(--c-sus2-border)}.chord-card.chord-sus2 .chord-name{color:var(--c-sus2)}.chord-card.chord-sus4{--glow: rgba(253, 186, 116, .35);border-color:var(--c-sus4-border)}.chord-card.chord-sus4 .chord-name{color:var(--c-sus4)}.chord-card.chord-add9{--glow: rgba(240, 171, 252, .35);border-color:var(--c-add9-border)}.chord-card.chord-add9 .chord-name{color:var(--c-add9)}.chord-card.chord-madd9{--glow: rgba(134, 239, 172, .35);border-color:var(--c-madd9-border)}.chord-card.chord-madd9 .chord-name{color:var(--c-madd9)}.chord-card.chord-maj.selected{background:var(--c-maj-bg);border-color:var(--c-maj)}.chord-card.chord-min.selected{background:var(--c-min-bg);border-color:var(--c-min)}.chord-card.chord-dim.selected{background:var(--c-dim-bg);border-color:var(--c-dim)}.chord-card.chord-aug.selected{background:var(--c-aug-bg);border-color:var(--c-aug)}.chord-card.chord-dom7.selected{background:var(--c-dom7-bg);border-color:var(--c-dom7)}.chord-card.chord-maj7.selected{background:var(--c-maj7-bg);border-color:var(--c-maj7)}.chord-card.chord-min7.selected{background:var(--c-min7-bg);border-color:var(--c-min7)}.chord-card.chord-dim7.selected{background:var(--c-dim7-bg);border-color:var(--c-dim7)}.chord-card.chord-m7b5.selected{background:var(--c-m7b5-bg);border-color:var(--c-m7b5)}.chord-card.chord-sus2.selected{background:var(--c-sus2-bg);border-color:var(--c-sus2)}.chord-card.chord-sus4.selected{background:var(--c-sus4-bg);border-color:var(--c-sus4)}.chord-card.chord-add9.selected{background:var(--c-add9-bg);border-color:var(--c-add9)}.chord-card.chord-madd9.selected{background:var(--c-madd9-bg);border-color:var(--c-madd9)}.chord-active-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;padding:.55rem .9rem;background:#38bdf812;border:1px solid rgba(56,189,248,.3);border-radius:8px;font-size:.82rem;color:var(--chord-glow)}.release-btn{background:transparent;border:1px solid rgba(56,189,248,.4);color:var(--chord-glow);padding:.25rem .7rem;border-radius:6px;font-family:inherit;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:background .15s}.release-btn:hover{background:#38bdf826}.famous-progressions{margin-top:1rem;padding:1rem 1.25rem;background:#111;border:1px solid var(--border);border-radius:12px}.famous-title{font-family:Sora,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grey);margin-bottom:.75rem}.famous-grid{display:flex;flex-wrap:wrap;gap:.4rem}.famous-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:.45rem .75rem;background:var(--dark-grey);border:1px solid var(--mid-grey);border-radius:8px;font-family:inherit;cursor:pointer;transition:all .13s;text-align:left}.famous-btn:hover{border-color:var(--interval);transform:translateY(-2px)}.famous-label{font-size:.82rem;font-weight:700;color:var(--text);white-space:nowrap}.famous-name{font-size:.62rem;color:var(--grey);white-space:nowrap}.progression-builder{margin-top:1rem;padding:1.1rem 1.25rem;background:#141414;border:1px solid var(--border);border-radius:12px}.progression-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;gap:.5rem}.progression-title{font-family:Sora,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grey)}.prog-header-actions{display:flex;gap:.4rem}.prog-undo-btn,.prog-clear-btn{background:transparent;border:1px solid var(--mid-grey);color:var(--grey);padding:.2rem .6rem;border-radius:6px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .13s;white-space:nowrap}.prog-undo-btn:hover{border-color:var(--interval);color:var(--interval)}.prog-clear-btn:hover{border-color:var(--root-note);color:var(--root-note)}.prog-undo-btn:disabled{opacity:.35;cursor:not-allowed}.prog-path{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:1.1rem}.prog-pill{display:flex;flex-direction:column;align-items:center;gap:1px;padding:.35rem .65rem;border:1px solid var(--mid-grey);border-radius:8px;background:#111;font-family:inherit;cursor:pointer;transition:all .13s;line-height:1}.prog-pill:hover{transform:translateY(-2px)}.prog-pill.prog-pill-current{box-shadow:0 0 8px #a68f8f4a;filter:brightness(1.1)}.prog-pill-deg{font-family:Arvo,serif;font-size:.62rem;color:var(--grey)}.prog-pill-name{font-size:.85rem;font-weight:700}.prog-pill.chord-maj{border-color:var(--c-maj-border)}.prog-pill.chord-maj .prog-pill-name{color:var(--c-maj)}.prog-pill.chord-min{border-color:var(--c-min-border)}.prog-pill.chord-min .prog-pill-name{color:var(--c-min)}.prog-pill.chord-dim{border-color:var(--c-dim-border)}.prog-pill.chord-dim .prog-pill-name{color:var(--c-dim)}.prog-pill.chord-aug{border-color:var(--c-aug-border)}.prog-pill.chord-aug .prog-pill-name{color:var(--c-aug)}.prog-pill.chord-dom7{border-color:var(--c-dom7-border)}.prog-pill.chord-dom7 .prog-pill-name{color:var(--c-dom7)}.prog-pill.chord-maj7{border-color:var(--c-maj7-border)}.prog-pill.chord-maj7 .prog-pill-name{color:var(--c-maj7)}.prog-pill.chord-min7{border-color:var(--c-min7-border)}.prog-pill.chord-min7 .prog-pill-name{color:var(--c-min7)}.prog-pill.chord-minmaj7{border-color:var(--c-minmaj7-border)}.prog-pill.chord-minmaj7 .prog-pill-name{color:var(--c-minmaj7)}.prog-pill.chord-augmaj7{border-color:var(--c-augmaj7-border)}.prog-pill.chord-augmaj7 .prog-pill-name{color:var(--c-augmaj7)}.prog-pill.chord-dim7{border-color:var(--c-dim7-border)}.prog-pill.chord-dim7 .prog-pill-name{color:var(--c-dim7)}.prog-pill.chord-m7b5{border-color:var(--c-m7b5-border)}.prog-pill.chord-m7b5 .prog-pill-name{color:var(--c-m7b5)}.prog-pill.chord-sus2{border-color:var(--c-sus2-border)}.prog-pill.chord-sus2 .prog-pill-name{color:var(--c-sus2)}.prog-pill.chord-sus4{border-color:var(--c-sus4-border)}.prog-pill.chord-sus4 .prog-pill-name{color:var(--c-sus4)}.prog-pill.chord-add9{border-color:var(--c-add9-border)}.prog-pill.chord-add9 .prog-pill-name{color:var(--c-add9)}.prog-pill.chord-madd9{border-color:var(--c-madd9-border)}.prog-pill.chord-madd9 .prog-pill-name{color:var(--c-madd9)}.prog-arrow{color:var(--grey);font-size:.8rem}.prog-cursor{color:var(--grey);font-size:.95rem;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.prog-suggestions-label{font-size:.72rem;color:var(--grey);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.prog-suggestions{display:flex;gap:.5rem;flex-wrap:wrap}.prog-sug-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .75rem;background:#111;border:1px solid var(--mid-grey);border-radius:10px;font-family:inherit;cursor:pointer;transition:all .13s;line-height:1.2;min-width:72px}.prog-sug-card:hover:not(.disabled){transform:translateY(-3px);border-color:var(--grey)}.prog-sug-card.disabled{opacity:.35;cursor:not-allowed}.sug-deg{font-family:Arvo,serif;font-size:.62rem;color:var(--grey)}.sug-name{font-size:.9rem;font-weight:700}.sug-label{font-size:.6rem;color:var(--grey);white-space:nowrap}.prog-sug-card.chord-maj{border-color:var(--c-maj-border)}.prog-sug-card.chord-maj .sug-name{color:var(--c-maj)}.prog-sug-card.chord-min{border-color:var(--c-min-border)}.prog-sug-card.chord-min .sug-name{color:var(--c-min)}.prog-sug-card.chord-dim{border-color:var(--c-dim-border)}.prog-sug-card.chord-dim .sug-name{color:var(--c-dim)}.prog-sug-card.chord-aug{border-color:var(--c-aug-border)}.prog-sug-card.chord-aug .sug-name{color:var(--c-aug)}.prog-sug-card.chord-dom7{border-color:var(--c-dom7-border)}.prog-sug-card.chord-dom7 .sug-name{color:var(--c-dom7)}.prog-sug-card.chord-maj7{border-color:var(--c-maj7-border)}.prog-sug-card.chord-maj7 .sug-name{color:var(--c-maj7)}.prog-sug-card.chord-min7{border-color:var(--c-min7-border)}.prog-sug-card.chord-min7 .sug-name{color:var(--c-min7)}.prog-sug-card.chord-dim7{border-color:var(--c-dim7-border)}.prog-sug-card.chord-dim7 .sug-name{color:var(--c-dim7)}.prog-sug-card.chord-m7b5{border-color:var(--c-m7b5-border)}.prog-sug-card.chord-m7b5 .sug-name{color:var(--c-m7b5)}.prog-sug-card.chord-sus2{border-color:var(--c-sus2-border)}.prog-sug-card.chord-sus2 .sug-name{color:var(--c-sus2)}.prog-sug-card.chord-sus4{border-color:var(--c-sus4-border)}.prog-sug-card.chord-sus4 .sug-name{color:var(--c-sus4)}.prog-sug-card.chord-add9{border-color:var(--c-add9-border)}.prog-sug-card.chord-add9 .sug-name{color:var(--c-add9)}.prog-sug-card.chord-madd9{border-color:var(--c-madd9-border)}.prog-sug-card.chord-madd9 .sug-name{color:var(--c-madd9)}.section-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.section-header h2{margin:0}.fretboard-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.fretboard{display:flex;flex-direction:column;padding:40px 0 1rem;width:max-content}.string{display:flex;position:relative}.string:after{content:"";border-top:1.5px dashed var(--mid-grey);position:absolute;top:50%;transform:translateY(-50%);z-index:0;left:50px;width:100%}.string:first-child{counter-reset:fret-counter -1}.string:first-child .fret{counter-increment:fret-counter;position:relative}.string:first-child .fret:before{content:counter(fret-counter);position:absolute;left:50%;transform:translate(-50%);top:-24px;color:var(--mid-grey);font-size:10px}.string:first-child .fret:first-child:before{content:""}.fret{width:50px;border-right:1px solid var(--text);display:flex;align-items:center;justify-content:center;padding:2px 0;background:transparent;position:relative;z-index:1}.fret:nth-child(2){border-left:2px solid var(--text)}.fret .note-box{width:26px;height:26px;border:none;color:transparent;font-size:11px;border-radius:50%;padding:0}.fret .note-box:hover{transform:none;box-shadow:none}.fret.in-scale .note-box{background:var(--dark-grey);color:var(--text);font-weight:700;border:1px solid var(--mid-grey)}.fret.root-note .note-box{border:2px solid var(--root-note);color:var(--text)}.fret.triad-3rd .note-box{border:2px solid var(--thirds)}.fret.triad-5th .note-box{border:2px solid var(--fifths)}.fret.chord-active .note-box{background:#38bdf81f;border:2px solid var(--chord-glow);color:var(--chord-glow);box-shadow:0 0 8px #38bdf840}.fret.chord-root .note-box{background:#ff3b8426;border:2px solid var(--c-maj);color:var(--c-maj);box-shadow:0 0 8px #ff3b8459}.piano-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem}.piano{display:flex;height:80px;position:relative;margin-top:1rem;width:max-content}.key{position:relative;display:flex;align-items:flex-end;justify-content:center;font-size:10px;font-weight:700;color:transparent;padding-bottom:4px;border-radius:0 0 3px 3px;cursor:pointer}.key:active{filter:brightness(1.15)}.key.white{border:1.5px solid #1a1a1a;width:38px;height:100%;background:#e8e8e8;z-index:1}.key.black{width:26px;height:60%;background:#111;margin-left:-13px;margin-right:-13px;z-index:2}.key.in-scale.white:not(.root-note,.triad-3rd,.triad-5th,.chord-active){background:var(--light-grey);color:#333}.key.in-scale.black:not(.root-note,.triad-3rd,.triad-5th,.chord-active){background:var(--mid-grey);color:var(--text)}.key.root-note{background:var(--root-note)!important;color:var(--text)}.key.triad-3rd{background:var(--thirds)!important;color:var(--text)}.key.triad-5th{background:var(--fifths)!important;color:var(--text)}.key.chord-active{background:var(--chord-glow)!important;color:var(--bg);box-shadow:0 0 10px #38bdf859}.key.chord-root{background:var(--c-maj)!important;color:var(--text);box-shadow:0 0 10px #ff3b8466}.key span{transition:transform .2s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.key:hover span{transform:translateY(-4px)}.blues-notice{margin-bottom:1rem;border:1px solid #7c3a12;border-radius:8px;background:#1a0a00;overflow:hidden}.blues-notice-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:transparent;border:none;color:var(--c-dom7);font-family:inherit;font-size:.8rem;cursor:pointer;text-align:left}.blues-notice-toggle:hover{background:#fb923c0f}.blues-notice-arrow{font-size:.65rem;opacity:.6}.blues-notice-body{margin:0;padding:10px .85rem .75rem;font-size:.78rem;color:var(--light-grey);line-height:1.55;border-top:1px solid rgba(124,58,18,.25)}.blues-notice-toggle span{display:flex;gap:10px;align-items:center}.ext-pill-blues{border-color:#7c3a12!important;color:var(--c-dom7)!important}.ext-pill-blues.active{background:#3d1200!important;border-color:var(--c-dom7)!important}:root{--c-minmaj7: #fb7185;--c-minmaj7-border: #881337;--c-minmaj7-bg: #2d0010;--c-augmaj7: #6ee7b7;--c-augmaj7-border: #065f46;--c-augmaj7-bg: #022c22}.chord-card.chord-minmaj7{--glow: rgba(251, 113, 133, .35);border-color:var(--c-minmaj7-border)}.chord-card.chord-minmaj7 .chord-name{color:var(--c-minmaj7)}.chord-card.chord-minmaj7.selected{background:var(--c-minmaj7-bg);border-color:var(--c-minmaj7)}.chord-card.chord-augmaj7{--glow: rgba(110, 231, 183, .35);border-color:var(--c-augmaj7-border)}.chord-card.chord-augmaj7 .chord-name{color:var(--c-augmaj7)}.chord-card.chord-augmaj7.selected{background:var(--c-augmaj7-bg);border-color:var(--c-augmaj7)}.prog-sug-card.chord-minmaj7{border-color:var(--c-minmaj7-border)}.prog-sug-card.chord-minmaj7 .sug-name{color:var(--c-minmaj7)}.prog-sug-card.chord-augmaj7{border-color:var(--c-augmaj7-border)}.prog-sug-card.chord-augmaj7 .sug-name{color:var(--c-augmaj7)}.footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--grey);text-align:center;letter-spacing:.03em}.footer strong{color:var(--light-grey);font-weight:600}@media (max-width: 600px){.container{padding:1rem .9rem 3rem}.note-box{width:40px;height:40px;font-size:.85rem}.scale-visual{overflow-x:auto}.chord-card{min-width:68px;padding:.55rem .35rem}.chord-card:first-child{flex:1 1 100%;max-width:100%}.chord-name{font-size:.88rem}.prog-sug-card{min-width:62px;padding:.45rem .5rem}.famous-grid{gap:.3rem}.famous-btn{padding:.35rem .6rem}.section-header{flex-direction:column;align-items:flex-start;gap:.4rem}.section-header h2{margin-bottom:0}.chord-active-bar{flex-direction:column;align-items:flex-start;gap:.4rem}.prog-header-actions{flex-wrap:wrap}.options-box{padding:.1rem .3rem}.toggle-row{min-width:150px;padding:.45rem .5rem}}