.chord-chart.svelte-n5yy72{margin:1.5rem 0;max-width:100%;display:flex;flex-direction:column;align-items:center}.chord-container.svelte-n5yy72{display:inline-flex;flex-direction:column;background:#ffffffe0;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.4);border-radius:1rem;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff9;padding:1rem 1.5rem;min-height:4rem}.chord-grid.desktop.svelte-n5yy72{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.25rem .5rem}.chord-grid-mobile.mobile.svelte-n5yy72{display:none}@media(max-width:639px){.chord-grid.desktop.svelte-n5yy72{display:none}.chord-grid-mobile.mobile.svelte-n5yy72{display:flex;flex-direction:column;gap:.75rem}}.chord-row.svelte-n5yy72{display:flex;justify-content:center;align-items:center;gap:.25rem .5rem;flex-wrap:nowrap}.chord-pair.svelte-n5yy72{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:2.75rem;padding:.375rem .5rem;border-radius:.5rem;transition:all .15s ease;background:none;border:none;font:inherit}.chord-pair.playable.svelte-n5yy72{cursor:pointer}.chord-pair.playable.svelte-n5yy72:hover{background:#6366f114;transform:translateY(-1px)}.chord-pair.playable.svelte-n5yy72:active{transform:translateY(0);background:#6366f126}.chord-pair.svelte-n5yy72:disabled{cursor:default}.numeral.svelte-n5yy72{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600;color:#6366f1;letter-spacing:.025em;white-space:nowrap;line-height:1.2}.chord.svelte-n5yy72{font-size:1.125rem;font-weight:700;color:#1f2937;white-space:nowrap;letter-spacing:-.01em;line-height:1.2}.separator.svelte-n5yy72{color:#00000040;font-weight:300;align-self:flex-end;padding-bottom:.25rem;-webkit-user-select:none;user-select:none}figcaption.svelte-n5yy72{text-align:center;font-size:.875rem;color:oklch(var(--bc) / .6);font-style:italic;margin-top:.75rem}.chord-chart.compact.svelte-n5yy72 .chord-container:where(.svelte-n5yy72){padding:.75rem 1.25rem;min-height:3.5rem}.chord-chart.compact.svelte-n5yy72 .chord-pair:where(.svelte-n5yy72){min-width:2.5rem;padding:.25rem .375rem}.chord-chart.compact.svelte-n5yy72 .numeral:where(.svelte-n5yy72){font-size:.75rem}.chord-chart.compact.svelte-n5yy72 .chord:where(.svelte-n5yy72){font-size:1rem}@media(max-width:639px){.chord-container.svelte-n5yy72{padding:.875rem 1rem;border-radius:.75rem}.chord-pair.svelte-n5yy72{min-width:2.25rem;padding:.25rem .375rem}.numeral.svelte-n5yy72{font-size:.6875rem}.chord.svelte-n5yy72{font-size:.9375rem}.separator.svelte-n5yy72{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.chord-pair.svelte-n5yy72{transition:none}.chord-pair.svelte-n5yy72:hover{transform:none}}@supports not (backdrop-filter: blur(12px)){.chord-container.svelte-n5yy72{background:#fffffff5;box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000d}}.audio-player.svelte-j1l7g3{margin:1rem auto;max-width:400px}.player-container.svelte-j1l7g3{display:flex;align-items:center;gap:.75rem;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.5rem 1rem .5rem .5rem}.play-btn.svelte-j1l7g3{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:oklch(var(--p));color:oklch(var(--pc));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}.play-btn.svelte-j1l7g3:hover{transform:scale(1.08);background:oklch(var(--p) / .85)}.play-btn.svelte-j1l7g3:active{transform:scale(.95)}.icon.svelte-j1l7g3{width:1rem;height:1rem}.scrubber-container.svelte-j1l7g3{flex:1;min-width:0}.scrubber.svelte-j1l7g3{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;background-image:linear-gradient(to right,oklch(var(--p)) 0%,oklch(var(--p)) var(--progress),transparent var(--progress),transparent 100%)}.scrubber.svelte-j1l7g3::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:oklch(var(--p));cursor:pointer;border:2px solid oklch(var(--b1));box-shadow:0 1px 3px #0000004d;transition:transform .1s ease}.scrubber.svelte-j1l7g3::-webkit-slider-thumb:hover{transform:scale(1.2)}.scrubber.svelte-j1l7g3::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:oklch(var(--p));cursor:pointer;border:2px solid oklch(var(--b1));box-shadow:0 1px 3px #0000004d}.scrubber.svelte-j1l7g3::-moz-range-track{background:transparent}.time.svelte-j1l7g3{flex-shrink:0;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:#fff9;min-width:5.5rem;text-align:right}.caption.svelte-j1l7g3{text-align:center;font-size:.8rem;color:oklch(var(--bc) / .5);font-style:italic;margin:.5rem 0 0}.clear-both.svelte-38zzd5{clear:both}.chord-diagram.svelte-1c5ejg5{color:currentColor}.chord-popup.svelte-18p4gvo{position:absolute;transform:translate(-50%) translateY(-100%);margin-top:-1rem;background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;padding:.5rem .5rem .25rem;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d inset;color:#e0e0e0;z-index:1000;animation:svelte-18p4gvo-popIn .15s ease-out;pointer-events:auto}@keyframes svelte-18p4gvo-popIn{0%{opacity:0;transform:translate(-50%) translateY(-100%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}}.chord-name.svelte-18p4gvo{font-size:1rem;font-weight:600;margin:0;color:#fff;text-align:center}.close-btn.svelte-18p4gvo{position:absolute;top:.25rem;right:.25rem;background:none;border:none;color:#fff6;cursor:pointer;padding:.125rem;border-radius:.25rem;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.close-btn.svelte-18p4gvo:hover{color:#ffffffe6;background:#ffffff1a}.diagram-container.svelte-18p4gvo{display:flex;justify-content:center}