#chords-app{max-width:48rem;margin:0 auto}.ca-mb{margin-bottom:1.5rem}.ca-mb-sm{margin-bottom:.5rem}.ca-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ca-spacer{flex:1}.ca-center{text-align:center}.ca-muted{color:#888;font-size:.875rem}.ca-hidden{display:none!important}.ca-label{font-size:.875rem;font-weight:500;color:#0a0a0a}.ca-key-display{font-size:.875rem;font-style:italic;color:#888}.ca-input{width:100%;border:1px solid #ddd;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;color:#0a0a0a;background:#fff;outline:none;font-family:inherit;transition:border-color .15s}.ca-input:focus{border-color:#999}.ca-input::-moz-placeholder{color:#aaa}.ca-input::placeholder{color:#aaa}.ca-slider-wrap{position:relative;padding-bottom:1.25rem}.ca-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ddd;border-radius:2px;outline:none;cursor:pointer}.ca-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#0a0a0a;cursor:pointer;border:none}.ca-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0a0a0a;cursor:pointer;border:none}.ca-slider-notches{display:flex;justify-content:space-between;position:absolute;left:0;right:0;bottom:0;pointer-events:none;padding:0 1px}.ca-slider-notch{font-size:.625rem;color:#999;width:0;text-align:center;overflow:visible;white-space:nowrap}.ca-slider-notch.active{color:#0a0a0a;font-weight:600}.ca-pill{border:1px solid #ddd;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:600;letter-spacing:.025em;color:#333;background:#fff;cursor:pointer;font-family:inherit;transition:all .15s}.ca-pill:hover{border-color:#bbb;background:#f5f5f5}.ca-pill.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.ca-pill.active:hover{background:#222}.ca-pill:disabled{opacity:.4;cursor:default}.ca-pill-action{border:1px solid #ddd;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:600;color:#333;background:#fff;cursor:pointer;font-family:inherit;transition:all .15s}.ca-pill-action:hover{border-color:#bbb;background:#f5f5f5}.ca-btn-primary{border:none;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background:#0a0a0a;cursor:pointer;font-family:inherit;transition:opacity .15s}.ca-btn-primary:hover{opacity:.85}.ca-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.ca-chord-btn{border:1px solid #ddd;border-radius:.5rem;padding:.625rem .5rem;font-size:.75rem;font-weight:600;color:#0a0a0a;background:#fafafa;cursor:pointer;font-family:inherit;transition:all .15s;text-align:center}.ca-chord-btn:hover{border-color:#bbb;background:#f0f0f0}.ca-chord-btn.editing{box-shadow:0 0 0 1px #0a0a0a}.ca-custom-input{border:1px dashed #ccc;border-radius:.5rem;padding:.625rem .5rem;font-size:.75rem;font-weight:600;color:#0a0a0a;background:#fff;font-family:inherit;text-align:center;outline:none;width:100%;transition:border-color .15s}.ca-custom-input:focus{border-color:#888;border-style:solid}.ca-custom-input::-moz-placeholder{color:#ccc;font-weight:400}.ca-custom-input::placeholder{color:#ccc;font-weight:400}.ca-custom-input.filled{border-style:solid;border-color:#ddd;background:#fafafa;cursor:pointer}.ca-chart{min-height:60px;border:1px solid #ddd;border-radius:.75rem;background:#fafafa;padding:1rem}.ca-chart-line{display:flex;align-items:stretch}.ca-barline{width:1px;background:#ccc;flex-shrink:0}.ca-bar{display:flex;flex:1;align-items:stretch}.ca-slot{flex:1;height:2rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#333;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s}.ca-slot.drag-over{background:#0000000f}.ca-slot[draggable=true]{cursor:grab}.ca-slot.dragging{opacity:.4}.ca-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0000004d;backdrop-filter:blur(4px)}.ca-modal{margin:0 1rem;width:100%;max-width:24rem;background:#fff;border:1px solid #ddd;border-radius:1rem;padding:1.5rem}.ca-modal-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#0a0a0a}.ca-modal .ca-input{margin-bottom:1rem}.ca-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2) format("woff2")}[data-astro-cid-l6md4fzb],[data-astro-cid-l6md4fzb]:before,[data-astro-cid-l6md4fzb]:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#fff;color:#0a0a0a;min-height:100vh;-webkit-font-smoothing:antialiased}main[data-astro-cid-l6md4fzb]{min-height:100vh;padding:3rem 1.5rem 4rem;max-width:48rem;margin:0 auto}h1[data-astro-cid-l6md4fzb]{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;text-align:center;margin-bottom:2rem}@media(min-width:640px){h1[data-astro-cid-l6md4fzb]{font-size:3rem}}