.instrument-card[data-v-b86bde95]{align-items:center;animation-duration:.2s;background-color:hsl(var(--background));border-color:hsl(var(--border));border-radius:calc(var(--radius) + 4px);border-width:1px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.instrument-card[data-v-b86bde95]:hover{--tw-translate-y:-.25rem;border-color:hsl(var(--primary));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.instrument-card[data-v-b86bde95]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary));--tw-ring-opacity:.5}.instrument-card[data-v-b86bde95]{min-height:120px;text-decoration-line:none}.instrument-card__icon[data-v-b86bde95]{align-items:center;animation-duration:.2s;background-color:hsl(var(--primary)/.1);border-radius:9999px;color:hsl(var(--primary));display:flex;height:3rem;justify-content:center;margin-bottom:.75rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem}.instrument-card:hover .instrument-card__icon[data-v-b86bde95]{background-color:hsl(var(--primary));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.instrument-card__name[data-v-b86bde95]{color:hsl(var(--foreground));font-size:1rem;font-weight:600;line-height:1.5rem}.instrument-card__count[data-v-b86bde95]{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem;margin-top:.25rem}.instrument-card__arrow[data-v-b86bde95]{height:1.25rem;position:absolute;right:.75rem;top:50%;width:1.25rem;--tw-translate-y:-50%;animation-duration:.2s;color:hsl(var(--muted-foreground)/.5);opacity:0;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.instrument-card:hover .instrument-card__arrow[data-v-b86bde95],.instrument-card__arrow[data-v-b86bde95]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.instrument-card:hover .instrument-card__arrow[data-v-b86bde95]{--tw-translate-x:.25rem;color:hsl(var(--primary));opacity:1}.quality-section[data-v-26c8ca57]{width:100%}.quality-section__title[data-v-26c8ca57]{color:hsl(var(--foreground));font-size:1.125rem;font-weight:600;line-height:1.75rem;margin-bottom:.75rem}.quality-section__badges[data-v-26c8ca57]{display:flex;flex-wrap:wrap;gap:.5rem}.quality-badge[data-v-26c8ca57]{animation-duration:.2s;background-color:hsl(var(--muted));border-radius:9999px;color:hsl(var(--foreground));font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.quality-badge[data-v-26c8ca57]:hover{background-color:hsl(var(--primary));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.quality-badge[data-v-26c8ca57]{border-color:hsl(var(--border));border-width:1px}.quality-badge[data-v-26c8ca57]:hover{border-color:hsl(var(--primary))}.quality-badge[data-v-26c8ca57]{cursor:pointer;text-decoration-line:none}.quality-badge--more[data-v-26c8ca57]{background-color:hsl(var(--background));color:hsl(var(--muted-foreground))}.quality-badge--more[data-v-26c8ca57]:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.root-notes-section[data-v-7a2db717]{width:100%}.root-notes-section__title[data-v-7a2db717]{color:hsl(var(--foreground));font-size:1.125rem;font-weight:600;line-height:1.75rem;margin-bottom:.75rem}.root-notes-section__pills[data-v-7a2db717]{display:flex;flex-wrap:wrap;gap:.5rem}.root-note-pill[data-v-7a2db717]{align-items:center;animation-duration:.2s;background-color:hsl(var(--muted));border-radius:var(--radius);color:hsl(var(--foreground));display:flex;font-size:.875rem;font-weight:600;height:3rem;justify-content:center;line-height:1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem}.root-note-pill[data-v-7a2db717]:hover{background-color:hsl(var(--primary));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.root-note-pill[data-v-7a2db717]{border-color:hsl(var(--border));border-width:1px}.root-note-pill[data-v-7a2db717]:hover{border-color:hsl(var(--primary))}.root-note-pill[data-v-7a2db717]{cursor:pointer;text-decoration-line:none}.chord-library-page[data-v-f4e49bb4]{min-height:100vh;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.chord-library-page[data-v-f4e49bb4]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(3 7 18/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.hero[data-v-f4e49bb4]{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fff var(--tw-gradient-to-position);padding-bottom:3rem;padding-top:2rem}.hero[data-v-f4e49bb4]:is(.dark *){--tw-gradient-from:#030712 var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,7,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.hero__container[data-v-f4e49bb4]{margin-left:auto;margin-right:auto;max-width:56rem;padding-left:1rem;padding-right:1rem;text-align:center}.hero__subtitle[data-v-f4e49bb4]{font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-left:auto;margin-right:auto;max-width:42rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hero__subtitle[data-v-f4e49bb4]:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}@media (min-width:1024px){.hero__subtitle[data-v-f4e49bb4]{font-size:1.25rem;line-height:1.75rem}}.main-content[data-v-f4e49bb4]{margin-left:auto;margin-right:auto;max-width:64rem;padding-bottom:4rem;padding-left:1rem;padding-right:1rem}.error-state[data-v-f4e49bb4]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding-left:1rem;padding-right:1rem;text-align:center}.content-section[data-v-f4e49bb4]{padding-bottom:2.5rem;padding-top:2.5rem}.content-section+.content-section[data-v-f4e49bb4]{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.content-section+.content-section[data-v-f4e49bb4]:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.section-header[data-v-f4e49bb4]{margin-bottom:2rem;text-align:center}.section-description[data-v-f4e49bb4]{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.section-description[data-v-f4e49bb4]:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.instruments-grid[data-v-f4e49bb4]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,180px));justify-content:center}.instrument-skeleton[data-v-f4e49bb4]{align-items:center;border-radius:calc(var(--radius) + 4px);display:flex;flex-direction:column;justify-content:center;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:1.5rem}.instrument-skeleton[data-v-f4e49bb4]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.instrument-skeleton[data-v-f4e49bb4]{min-height:100px}.filters-section[data-v-f4e49bb4]{border-radius:0;margin-left:-1rem;margin-right:-1rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding-left:1rem;padding-right:1rem}.filters-section[data-v-f4e49bb4]:is(.dark *){background-color:#11182799}@media (min-width:640px){.filters-section[data-v-f4e49bb4]{border-radius:1rem;margin-left:0;margin-right:0;padding-left:2rem;padding-right:2rem}}.filters-grid[data-v-f4e49bb4]{display:grid;gap:2rem}@media (min-width:768px){.filters-grid[data-v-f4e49bb4]{grid-template-columns:repeat(2,minmax(0,1fr))}}.filter-card[data-v-f4e49bb4]{border-radius:calc(var(--radius) + 4px);border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter-card[data-v-f4e49bb4]:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(3 7 18/var(--tw-bg-opacity,1))}