body{color:#e8dcc8;-webkit-user-select:none;user-select:none;background-color:#060609;background-image:radial-gradient(at 50% 20%,#c9a84c0a 0%,#0000 60%),radial-gradient(at 50% 100%,#1a151066 0%,#0000 50%);min-height:100vh;margin:0;overflow-x:hidden}#app{width:100%;min-height:100vh;position:relative}.circle-svg.svelte-c0oxrt{width:100%;max-width:700px;height:auto;margin:0 auto;display:block}.segment.svelte-c0oxrt{cursor:pointer;transition:fill .3s,stroke .3s,stroke-width .2s}.segment.svelte-c0oxrt:hover{filter:brightness(1.5)}.key-label.svelte-c0oxrt{font-family:Cinzel,serif;font-size:19px;font-weight:700;transition:fill .3s}.key-label.minor.svelte-c0oxrt{font-size:14.5px;font-weight:400}.numeral-label.svelte-c0oxrt{font-family:Raleway,sans-serif;font-size:12px;font-weight:600}.minor-numeral.svelte-c0oxrt{font-size:11px}.center-key.svelte-c0oxrt{font-family:Cinzel,serif;font-size:42px;font-weight:700}.center-type.svelte-c0oxrt{letter-spacing:3px;font-family:Raleway,sans-serif;font-size:15px;font-weight:600}.center-sig.svelte-c0oxrt{font-family:Raleway,sans-serif;font-size:14px}.center-prompt.svelte-c0oxrt{font-family:Cinzel,serif;font-size:20px}.center-prompt-sub.svelte-c0oxrt{letter-spacing:2px;font-family:Raleway,sans-serif;font-size:14px}.progression-bar.svelte-a6uock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0b08e6;border:1px solid #2a2218;border-radius:14px;align-items:center;gap:16px;padding:14px 20px;display:flex}.bar-label.svelte-a6uock{color:#5a4d3a;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;font-family:Cinzel,serif;font-size:13px}.chord-strip.svelte-a6uock{scrollbar-width:none;flex:1;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.chord-strip.svelte-a6uock::-webkit-scrollbar{display:none}.empty-hint.svelte-a6uock{color:#3d3528;white-space:nowrap;font-family:Raleway,sans-serif;font-size:14px;font-style:italic}.chord-chip.svelte-a6uock{color:#c9a84c;cursor:pointer;white-space:nowrap;background:#c9a84c14;border:1px solid #3d3528;border-radius:8px;flex-shrink:0;padding:6px 16px;font-family:Cinzel,serif;font-size:15px;font-weight:600;transition:all .2s}.chord-chip.svelte-a6uock:hover{background:#c9a84c33;border-color:#8b7355}.chord-chip.is-minor.svelte-a6uock{color:#9b72cf;background:#9b72cf14;border-color:#3d2d55}.chord-chip.is-minor.svelte-a6uock:hover{background:#9b72cf33;border-color:#6b4f99}.chord-chip.playing.svelte-a6uock{transform:scale(1.1);box-shadow:0 0 16px #ffd70040;color:gold!important;background:#ffd70040!important;border-color:gold!important}.controls.svelte-a6uock{flex-shrink:0;gap:6px;display:flex}.ctrl-btn.svelte-a6uock{color:#8b7355;cursor:pointer;background:#c9a84c0f;border:1px solid #3d3528;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;transition:all .2s;display:flex}.ctrl-btn.svelte-a6uock:hover:not(:disabled){color:#c9a84c;background:#c9a84c33;border-color:#8b7355}.ctrl-btn.svelte-a6uock:disabled{opacity:.25;cursor:not-allowed}.clear-btn.svelte-a6uock{font-size:11px}.app.svelte-169z4ia{flex-direction:column;align-items:center;min-height:100vh;padding:28px 20px 110px;display:flex}header.svelte-169z4ia{text-align:center;margin-bottom:12px}h1.svelte-169z4ia{color:#c9a84c;letter-spacing:4px;text-shadow:0 0 50px #c9a84c26;margin:0;font-family:Cinzel,serif;font-size:2.6rem;font-weight:700}.subtitle.svelte-169z4ia{color:#5a4d3a;letter-spacing:3px;text-transform:uppercase;margin:8px 0 0;font-family:Raleway,sans-serif;font-size:1rem}main.svelte-169z4ia{flex-direction:column;flex:1;align-items:center;width:100%;max-width:740px;display:flex}.actions.svelte-169z4ia{margin-top:16px}.add-btn.svelte-169z4ia{color:#c9a84c;cursor:pointer;letter-spacing:.5px;background:#c9a84c14;border:1px solid #3d3528;border-radius:10px;padding:10px 24px;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.add-btn.svelte-169z4ia:hover{background:#c9a84c2e;border-color:#8b7355;transform:translateY(-1px)}.add-btn.svelte-169z4ia strong:where(.svelte-169z4ia){font-weight:700}.presets.svelte-169z4ia{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.presets-label.svelte-169z4ia{color:#5a4d3a;letter-spacing:1.5px;text-transform:uppercase;font-family:Raleway,sans-serif;font-size:13px}.preset-btn.svelte-169z4ia{color:#6b5d4a;cursor:pointer;white-space:nowrap;background:#c9a84c0a;border:1px solid #2a2218;border-radius:6px;padding:5px 12px;font-family:Cinzel,serif;font-size:13px;transition:all .2s}.preset-btn.svelte-169z4ia:hover{color:#c9a84c;background:#c9a84c1f;border-color:#5a4d3a}.legend.svelte-169z4ia{border-top:1px solid #1a1510;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:24px;padding:16px 20px;display:flex}.legend-item.svelte-169z4ia{color:#6b5d4a;letter-spacing:.5px;align-items:center;gap:8px;font-family:Raleway,sans-serif;font-size:15px;display:flex}.dot.svelte-169z4ia{border-radius:50%;flex-shrink:0;width:10px;height:10px}.info-section.svelte-169z4ia{background:#1a151080;border:1px solid #1a1510;border-radius:16px;max-width:560px;margin-top:40px;padding:32px}.info-section.svelte-169z4ia h2:where(.svelte-169z4ia){color:#c9a84c;margin:0 0 16px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.info-section.svelte-169z4ia h3:where(.svelte-169z4ia){color:#8b7355;margin:24px 0 10px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.info-section.svelte-169z4ia p:where(.svelte-169z4ia){color:#9e9080;margin:0 0 8px;font-family:Raleway,sans-serif;font-size:15px;line-height:1.7}.info-section.svelte-169z4ia ul:where(.svelte-169z4ia){margin:0 0 8px;padding:0;list-style:none}.info-section.svelte-169z4ia li:where(.svelte-169z4ia){color:#9e9080;padding:3px 0 3px 16px;font-family:Raleway,sans-serif;font-size:15px;line-height:1.7;position:relative}.info-section.svelte-169z4ia li:where(.svelte-169z4ia):before{content:"—";color:#3d3528;position:absolute;left:0}.info-section.svelte-169z4ia li:where(.svelte-169z4ia) strong:where(.svelte-169z4ia){color:#c9a84c;font-weight:600}.dot-inline{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:2px;display:inline-block}footer.svelte-169z4ia{z-index:10;padding:14px 20px;position:fixed;bottom:0;left:0;right:0}@media (width<=480px){h1.svelte-169z4ia{letter-spacing:2px;font-size:1.8rem}.subtitle.svelte-169z4ia{font-size:.7rem}.legend.svelte-169z4ia{gap:6px 12px}}