.fretboard-wrap.svelte-16ka4dx{width:100%;height:100%;display:flex;flex-direction:column;background:#000;min-width:0}.fretboard-scroll.svelte-16ka4dx{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:1rem;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:center}.fretboard.svelte-16ka4dx{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:880px;min-height:180px;max-height:420px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.fret-numbers.svelte-16ka4dx{display:grid;grid-template-columns:var(--cols);gap:0;padding-bottom:.25rem;border-bottom:1px solid #1a1a1a}.fret-num.svelte-16ka4dx{text-align:center;font-size:9px;color:#444;letter-spacing:1px;font-weight:600}.fret-num.marker.svelte-16ka4dx{color:#888}.fret-num.nut-num.svelte-16ka4dx{color:#00bfff}.string-row.svelte-16ka4dx{display:grid;grid-template-columns:var(--cols);flex:1;min-height:42px;position:relative}.cell.svelte-16ka4dx{position:relative;background:transparent;border:none;border-right:1px solid #3a3a3a;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;font-family:inherit;transition:background .08s ease}.cell.svelte-16ka4dx:hover{background:#00bfff14}.cell.open.svelte-16ka4dx{border-right:5px solid #aaa;background:#ffffff0a}.string-line.svelte-16ka4dx{position:absolute;left:var(--nut);right:0;top:50%;height:1px;background:#3a3a3a;pointer-events:none;transform:translateY(-50%);z-index:1}.string-row.svelte-16ka4dx:nth-child(3) .string-line:where(.svelte-16ka4dx){height:1px;background:#4a4a4a}.string-row.svelte-16ka4dx:nth-child(4) .string-line:where(.svelte-16ka4dx){height:1px;background:#555}.string-row.svelte-16ka4dx:nth-child(5) .string-line:where(.svelte-16ka4dx){height:2px;background:#5e5e5e}.string-row.svelte-16ka4dx:nth-child(6) .string-line:where(.svelte-16ka4dx){height:2px;background:#6a6a6a}.string-row.svelte-16ka4dx:nth-child(7) .string-line:where(.svelte-16ka4dx){height:3px;background:#777}.string-row.svelte-16ka4dx:nth-child(8) .string-line:where(.svelte-16ka4dx){height:3px;background:#888}.note-dot.svelte-16ka4dx{position:relative;z-index:3;width:clamp(14px,1.6vw,26px);height:clamp(14px,1.6vw,26px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(8px,.7vw,10px);font-weight:700;letter-spacing:.5px;background:#222;color:#888;border:1px solid #333;transition:all .1s ease;max-width:90%;max-height:90%;box-sizing:border-box}.cell.in-scale.svelte-16ka4dx .note-dot:where(.svelte-16ka4dx){background:#1a1a1a;color:#fff;border-color:#444}.cell.is-root.svelte-16ka4dx .note-dot:where(.svelte-16ka4dx),.note-dot.root.svelte-16ka4dx{background:#00bfff;color:#000;border-color:#00bfff;box-shadow:0 0 12px #00bfff80}.cell.hidden-note.svelte-16ka4dx{opacity:.15;pointer-events:none}.cell.hidden-note.svelte-16ka4dx .note-dot:where(.svelte-16ka4dx){display:none}.cell.playing.svelte-16ka4dx .note-dot:where(.svelte-16ka4dx){transform:scale(1.15);background:#fff;color:#000;border-color:#fff}.cell.in-scale.svelte-16ka4dx:hover .note-dot:where(.svelte-16ka4dx){border-color:#00bfff}.dots-layer.svelte-16ka4dx{position:absolute;top:24px;right:0;bottom:0;left:var(--nut);pointer-events:none;z-index:0}.dot.svelte-16ka4dx{position:absolute;width:8px;height:8px;border-radius:50%;background:#222}.dot.single.svelte-16ka4dx{top:50%;transform:translate(-50%,-50%)}.dot.double.top.svelte-16ka4dx{top:30%;transform:translate(-50%,-50%)}.dot.double.bottom.svelte-16ka4dx{top:70%;transform:translate(-50%,-50%)}@media(max-width:768px){.fretboard.svelte-16ka4dx{min-width:1100px;min-height:200px}.note-dot.svelte-16ka4dx{width:18px;height:18px;font-size:8px}.fretboard-scroll.svelte-16ka4dx{padding:.5rem}}.guitar-page.svelte-1kffca3{height:calc(100vh - 90px);display:flex;flex-direction:column;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;position:relative;overflow:hidden}.selectors.svelte-1kffca3{position:relative;z-index:10;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #222;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.selectors-row.svelte-1kffca3{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.row-label.svelte-1kffca3{font-size:9px;color:#555;letter-spacing:3px;font-weight:600;min-width:48px}.key-buttons.svelte-1kffca3{display:flex;gap:.35rem;flex-wrap:wrap}.key-btn.svelte-1kffca3{min-width:36px;padding:.45rem .6rem;background:#0a0a0a;border:1px solid #222;color:#888;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .1s ease}.key-btn.svelte-1kffca3:hover{color:#fff;border-color:#444}.key-btn.active.svelte-1kffca3{color:#00bfff;border-color:#00bfff;box-shadow:0 0 10px #00bfff4d}.scale-current.svelte-1kffca3{background:#0a0a0a;border:1px solid #222;color:#fff;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:1px;padding:.5rem .9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;min-width:180px;text-align:left}.scale-current.svelte-1kffca3:hover{border-color:#444}.caret.svelte-1kffca3{color:#555;transition:transform .15s ease;font-size:14px}.caret.open.svelte-1kffca3{transform:rotate(180deg);color:#00bfff}.scale-notes-strip.svelte-1kffca3{display:flex;gap:.3rem;flex-wrap:wrap}.scale-note-pill.svelte-1kffca3{font-size:10px;font-weight:700;padding:.2rem .5rem;background:#0a0a0a;border:1px solid #222;color:#aaa;letter-spacing:.5px}.scale-menu.svelte-1kffca3{position:absolute;top:100%;left:0;right:0;z-index:20;background:#050505;border:1px solid #222;border-top:none;max-height:60vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 32px #0009}.categories.svelte-1kffca3{display:flex;gap:.25rem;padding:.5rem;border-bottom:1px solid #1a1a1a;overflow-x:auto}.cat-btn.svelte-1kffca3{background:transparent;border:1px solid #222;color:#666;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:1px;padding:.35rem .6rem;cursor:pointer;white-space:nowrap;transition:all .1s ease}.cat-btn.svelte-1kffca3:hover{color:#fff;border-color:#444}.cat-btn.active.svelte-1kffca3{color:#00bfff;border-color:#00bfff}.scale-list.svelte-1kffca3{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.25rem;padding:.5rem;overflow-y:auto}.scale-item.svelte-1kffca3{background:#0a0a0a;border:1px solid #1a1a1a;color:#ccc;font-family:inherit;font-size:11px;text-align:left;padding:.5rem .7rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:all .1s ease}.scale-item.svelte-1kffca3:hover{border-color:#333;color:#fff}.scale-item.active.svelte-1kffca3{border-color:#00bfff;color:#00bfff}.scale-item-name.svelte-1kffca3{font-weight:600}.scale-item-mood.svelte-1kffca3{font-size:9px;color:#555;letter-spacing:1px;text-transform:uppercase}.fretboard-area.svelte-1kffca3{flex:1;display:flex;min-height:0;min-width:0;width:100%;overflow:hidden}.legend.svelte-1kffca3{display:flex;gap:1.5rem;flex-wrap:wrap;padding:.6rem 1.25rem 1rem;font-size:10px;color:#555;letter-spacing:1px;border-top:1px solid #111;flex-shrink:0}.legend-item.svelte-1kffca3{display:flex;align-items:center;gap:.4rem}.swatch.svelte-1kffca3{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #444}.swatch.root.svelte-1kffca3{background:#00bfff;border-color:#00bfff;box-shadow:0 0 6px #00bfff80}.swatch.in-scale.svelte-1kffca3{background:#1a1a1a;border-color:#444}@media(max-width:768px){.selectors.svelte-1kffca3{padding:.5rem .75rem}.row-label.svelte-1kffca3{min-width:auto}.scale-current.svelte-1kffca3{min-width:140px;font-size:11px}.key-btn.svelte-1kffca3{min-width:30px;padding:.35rem .45rem;font-size:10px}.legend.svelte-1kffca3{padding:.5rem .75rem .75rem;font-size:9px;gap:.75rem}}