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