body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.intervals-container{background:#fff;border-radius:1rem;max-width:100vw;overflow-x:auto;padding:2rem}.intervals-table{border-collapse:collapse;font-size:1rem;margin:0 auto}.intervals-table td,.intervals-table th{border:1px solid #bbb;padding:.5em 1em;text-align:center}.intervals-table th{background:#f7f7f7;font-weight:700}.intervals-table tr.unison{background:#d8f3f8}.intervals-table tr.minor{background:#ffe1b2}.intervals-table tr.major{background:#e2f7d3}.intervals-table tr.perfect{background:#e1daf7}.intervals-table tr.diminished{background:#d3d3d3}.intervals-table tr.scales-a{background:#e7f0ff}.intervals-table tr.scales-b{background:#d9eaff}.intervals-table tr.scales-c{background:#cfe3ff}.intervals-table tr.scales-d{background:#c4ddff}.intervals-table tr.scales-e{background:#b7d5ff}.intervals-table td,.intervals-table td b{color:#222}.intervals-table td[style*="#bbb"]{color:#bbb!important}.intervals-legend{align-items:center;display:flex;font-size:1rem;gap:1rem;justify-content:center;margin-top:1.5rem}.legend-btn{border:none;border-radius:.5em;cursor:pointer;font-weight:700;margin:0 .2em;opacity:.7;outline:none;padding:.3em 1em;transition:box-shadow .2s,opacity .2s}.legend-btn.active{border:2px solid #333;box-shadow:0 2px 8px #00000014;opacity:1}.legend-btn.unison{background:#d8f3f8}.legend-btn.minor{background:#ffe1b2}.legend-btn.major{background:#e2f7d3}.legend-btn.perfect{background:#e1daf7}.legend-btn.diminished{background:#d3d3d3}details.section{background:#fff;border:2px solid #e0e6ef;border-radius:12px;margin-top:24px;padding:12px}details.section>summary{align-items:center;border-radius:10px;box-shadow:inset 0 1px 3px #0000000f;cursor:pointer;display:flex;font-size:20px;font-weight:800;gap:12px;margin:0 0 10px;padding:10px 14px;-webkit-user-select:none;user-select:none}details.section>summary::-webkit-details-marker{display:none}details.section>summary::marker{content:""}details.section>summary:after{content:"▸";font-size:18px;margin-left:auto;transition:transform .2s ease}details.section[open]>summary:after{content:"▾"}details.section>summary:hover{filter:brightness(.98)}.section-ref{background:#f6f1ff;border-color:#6d28d9}.section-chords{background:#f0fbf2;border-color:#16a34a}.section-scales{background:#eef7ff;border-color:#0ea5e9}.section-ref>summary{background:linear-gradient(90deg,#efe7ff,#f6f1ff);border:1px solid #d7c8ff}.section-chords>summary{background:linear-gradient(90deg,#e5f7ea,#f0fbf2);border:1px solid #bfe6cc}.section-scales>summary{background:linear-gradient(90deg,#e7f1ff,#eef7ff);border:1px solid #b6dbff}.intervals-table tr.ref-a{background:#f2e7ff}.intervals-table tr.ref-b{background:#efeaff}.intervals-table tr.ref-c{background:#ece6ff}.intervals-table tr.ref-d{background:#e8e1ff}.intervals-table tr.ref-e{background:#e3dbff}.intervals-table tr.chords-a{background:#eaf8ed}.intervals-table tr.chords-b{background:#dcf4e2}.intervals-table tr.chords-c{background:#cff0d6}.intervals-table tr.chords-d{background:#c1eac9}.intervals-table tr.chords-e{background:#b4e4be}
/*# sourceMappingURL=main.274054fa.css.map*/