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}}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-latin-ext-400-normal-XQK_CSAr.woff2)format("woff2"),url(/assets/cinzel-latin-ext-400-normal-DJ0Lq8y-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-latin-400-normal-DnUIPmzd.woff2)format("woff2"),url(/assets/cinzel-latin-400-normal-C8jUSQqm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/raleway-cyrillic-ext-400-normal-zbv6uFvq.woff2)format("woff2"),url(/assets/raleway-cyrillic-ext-400-normal-QD38Acpa.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/raleway-cyrillic-400-normal-B1ZxqHSH.woff2)format("woff2"),url(/assets/raleway-cyrillic-400-normal-BOk4FNQ-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/raleway-vietnamese-400-normal-CTw6K1Xj.woff2)format("woff2"),url(/assets/raleway-vietnamese-400-normal-CTqj18iX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/raleway-latin-ext-400-normal-B4d0sYmR.woff2)format("woff2"),url(/assets/raleway-latin-ext-400-normal-DoUy7GWe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/raleway-latin-400-normal-C5eIEfLm.woff2)format("woff2"),url(/assets/raleway-latin-400-normal-sMcq1OIP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/raleway-cyrillic-ext-600-normal-ClRuJVnq.woff2)format("woff2"),url(/assets/raleway-cyrillic-ext-600-normal-BPa6pe9i.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/raleway-cyrillic-600-normal-Bf6BVg0_.woff2)format("woff2"),url(/assets/raleway-cyrillic-600-normal-PnINYvQl.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/raleway-vietnamese-600-normal-BNRw9Zee.woff2)format("woff2"),url(/assets/raleway-vietnamese-600-normal-CzgBZgE0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/raleway-latin-ext-600-normal-DmsT1QjI.woff2)format("woff2"),url(/assets/raleway-latin-ext-600-normal-BLsvr1L6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/raleway-latin-600-normal-Dim-CLtL.woff2)format("woff2"),url(/assets/raleway-latin-600-normal-BYS3Hyhk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}