*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--bg:#f6f7f8;--bg-hero:#eef1f0;--surface:#fff;--surface-2:#f3f4f6;--text:#111827;--text-muted:#6b7280;--text-faint:#9ca3af;--primary:#16a34a;--primary-strong:#15803d;--primary-soft:#dcfce7;--primary-softer:#f0fdf4;--on-primary:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--ring:rgba(22,163,74,.25);--shadow-card:0 1px 2px rgba(16,24,40,.06),0 4px 16px rgba(16,24,40,.08);--shadow-card-hover:0 4px 10px rgba(16,24,40,.08),0 12px 28px rgba(16,24,40,.12);--danger:#dc2626;--danger-soft:#fee2e2;color-scheme:light}html.dark{--bg:#0f1412;--bg-hero:#131a17;--surface:#1a201d;--surface-2:#232b27;--text:#f3f4f6;--text-muted:#9ca3af;--text-faint:#6b7280;--primary:#22c55e;--primary-strong:#4ade80;--primary-soft:rgba(34,197,94,.15);--primary-softer:rgba(34,197,94,.08);--on-primary:#052e16;--border:#2b332f;--border-strong:#3d4742;--ring:rgba(34,197,94,.35);--shadow-card:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.35);--shadow-card-hover:0 4px 10px rgba(0,0,0,.45),0 12px 28px rgba(0,0,0,.4);--danger:#f87171;--danger-soft:hsla(0,91%,71%,.15);color-scheme:dark}html.theme-musica{--primary:#ea580c;--primary-strong:#c2410c;--primary-soft:#ffedd5;--primary-softer:#fff7ed;--on-primary:#fff;--ring:rgba(234,88,12,.25)}html.theme-musica.dark{--primary:#f97316;--primary-strong:#fb923c;--primary-soft:rgba(249,115,22,.15);--primary-softer:rgba(249,115,22,.08);--on-primary:#431407;--ring:rgba(249,115,22,.35)}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.site-header{position:sticky;top:0;z-index:20;border-bottom-width:1px;border-color:var(--border);background-color:var(--surface)}.site-header-inner{margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}@media (min-width:768px){.site-header-inner{padding-top:1rem;padding-bottom:1rem}}.site-header-inner{width:min(1340px,100%)}.brand{display:flex;min-width:0;align-items:center;gap:.75rem;color:inherit;text-decoration-line:none}.brand-mark{height:2.75rem;width:2.75rem;flex-shrink:0;color:var(--primary)}@media (min-width:768px){.brand-mark{height:3rem;width:3rem}}.brand-mark svg{display:block;height:100%;width:100%}.brand-text{display:flex;min-width:0;flex-direction:column}.brand-name{font-size:1.25rem;line-height:1.75rem;font-weight:900;line-height:1;letter-spacing:-.025em;color:var(--text)}@media (min-width:768px){.brand-name{font-size:1.5rem;line-height:2rem}}.brand-tagline{margin-top:.25rem;font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--primary)}@media (min-width:768px){.brand-tagline{font-size:10px}}.theme-toggle-btn{display:grid;height:2.5rem;width:2.5rem;flex-shrink:0;cursor:pointer;place-items:center;border-radius:9999px;border-width:1px;border-color:var(--border);background-color:var(--surface);font-size:1.125rem;line-height:1.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.theme-toggle-btn:hover{border-color:var(--primary);background-color:var(--primary-softer)}.hero{border-bottom-width:1px;border-color:var(--border);background-color:var(--bg-hero)}.hero-inner{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 1.25rem}@media (min-width:768px){.hero-inner{flex-direction:row;align-items:center;gap:2.5rem;padding-top:4rem;padding-bottom:4rem}}.hero-inner{width:min(1340px,100%)}.hero-text{min-width:0}@media (min-width:768px){.hero-text{flex:1 1 0%}}.hero-text h1{margin:0;font-weight:900;line-height:1.05;letter-spacing:-.025em;color:var(--text);font-size:clamp(40px,8vw,64px)}.hero-text h1 span{display:block;color:var(--primary)}.hero-text p{margin-top:1.25rem;margin-bottom:0;max-width:28rem;font-size:1.125rem;line-height:1.75rem;line-height:1.625;color:var(--text-muted)}@media (min-width:768px){.hero-text p{font-size:1.25rem;line-height:1.75rem}}.hero-art{width:100%;flex-shrink:0}@media (min-width:768px){.hero-art{width:380px}}@media (min-width:1024px){.hero-art{width:440px}}.hero-art img,.hero-art svg{margin-left:auto;margin-right:auto;display:block;height:auto;width:100%;max-width:420px}.hero-art svg{color:var(--primary)}.main-container{margin-left:auto;margin-right:auto;padding-top:1.5rem;padding-bottom:2.5rem;width:min(1340px,calc(100% - 32px))}.tabs-mount,.tabs-shell{display:grid;min-width:0;gap:1rem}.tabs-shell--nested{margin-top:1rem;gap:.75rem}.tabs-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.tabs-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.tabs-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.tabs-tab{display:flex;width:100%;cursor:pointer;align-items:center;gap:1rem;overflow:hidden;border-radius:1rem;border-width:1px;border-color:var(--border);background-color:var(--surface);padding:1rem;text-align:left;--tw-shadow:var(--shadow-card);--tw-shadow-colored:var(--shadow-card);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:768px){.tabs-tab{padding-left:1.25rem;padding-right:1.25rem}}.tabs-tab.active,.tabs-tab:hover{background-color:var(--primary-softer)}.tabs-tab.active{--tw-shadow:var(--shadow-card-hover);--tw-shadow-colored:var(--shadow-card-hover);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--primary-soft)}.tabs-tab-icon{display:grid;height:3rem;width:3rem;flex-shrink:0;place-items:center;border-radius:9999px;background-color:var(--primary-soft);color:var(--primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:768px){.tabs-tab-icon{height:3.5rem;width:3.5rem}}.tabs-tab.active .tabs-tab-icon{background-color:var(--primary);color:var(--on-primary)}.tabs-tab-icon svg{display:block;height:1.5rem;width:1.5rem}@media (min-width:768px){.tabs-tab-icon svg{height:1.75rem;width:1.75rem}}.tabs-tab-label{min-width:0;flex:1 1 0%}.tabs-tab-title{display:block;font-size:1rem;line-height:1.5rem;font-weight:700;line-height:1.375;letter-spacing:-.025em;color:var(--text)}@media (min-width:768px){.tabs-tab-title{font-size:1.125rem;line-height:1.75rem}}.tabs-tab-description{margin-top:.25rem;display:block;font-size:.75rem;line-height:1rem;line-height:1.4;color:var(--text-muted)}@media (min-width:768px){.tabs-tab-description{font-size:.875rem;line-height:1.25rem}}.tabs-panels{display:grid;min-width:0}.tabs-panel{min-width:0;border-radius:1rem;border-width:1px;border-color:var(--border);background-color:var(--surface);padding:1.25rem 1rem;--tw-shadow:var(--shadow-card);--tw-shadow-colored:var(--shadow-card);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.tabs-panel{padding-left:1.5rem;padding-right:1.5rem}}.tabs-panel--group{border-width:0;background-color:transparent;padding:0;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.badge-construction{margin-bottom:.75rem;display:inline-flex;align-items:center;gap:.375rem;border-radius:12px;background-color:var(--primary-soft);padding:.375rem .625rem;font-size:.75rem;line-height:1rem;font-weight:700;color:var(--primary)}.inner-panel{border-radius:12px;border-width:1px;border-color:var(--border);background-color:var(--surface-2);padding:1rem}@media (min-width:768px){.inner-panel{padding:18px}}.section-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-items:center;gap:1.5rem}@media (min-width:1024px){.section-grid{grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr) 170px}}.control-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.875rem}@media (min-width:768px){.control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.form-field label{margin-bottom:.5rem;display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.search-input,.select-field{width:100%;border-radius:10px;border-width:1px;border-color:var(--border-strong);background-color:var(--surface);padding:.75rem .875rem;color:var(--text);outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.select-field{cursor:pointer}.search-input:focus,.select-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.triad-display{min-width:0;border-top-width:1px;border-color:var(--border);padding-top:18px}@media (min-width:1024px){.triad-display{border-top-width:0;border-left-width:1px;padding-top:0;padding-left:1.5rem}}.shape-nav{margin-bottom:.75rem;display:grid;align-items:center;gap:.875rem;grid-template-columns:46px 1fr 46px}.shape-nav button{height:42px;width:46px;cursor:pointer;border-radius:10px;border-width:1px;border-color:var(--primary);background-color:var(--primary-soft);font-size:24px;color:var(--primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.shape-nav button:hover:not(:disabled){--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:var(--primary);color:var(--on-primary)}.shape-nav button:disabled{cursor:not-allowed;opacity:.35}.shape-counter{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:700;letter-spacing:.04em;color:var(--primary)}.triad-meta{margin-bottom:.625rem;text-align:center;font-size:13px;color:var(--text-muted)}.mini-fretboard-wrap{overflow-x:auto;padding-bottom:.25rem}.mini-fretboard{margin-left:auto;margin-right:auto;display:grid;align-items:center;gap:0;color:var(--text);min-width:352px}@media (min-width:768px){.mini-fretboard{min-width:460px}}.mini-fret-header,.mini-string-row{display:grid;align-items:center;grid-template-columns:42px repeat(5,62px)}@media (min-width:768px){.mini-fret-header,.mini-string-row{grid-template-columns:54px repeat(5,78px)}}.mini-fret-num,.mini-label{display:grid;height:1.5rem;place-items:center;font-size:13px;font-weight:800;color:var(--text-muted)}.mini-cell{position:relative;display:grid;height:34px;place-items:center;border-left-width:1px;border-bottom-width:1px;border-color:var(--border-strong)}.mini-string-row .mini-cell:last-child{border-right-width:1px;border-color:var(--border-strong)}.mini-string-row:first-of-type .mini-cell{border-top-width:1px;border-color:var(--border-strong)}.mini-note-dot{display:grid;height:1.5rem;width:1.5rem;place-items:center;border-radius:9999px;font-size:10px;font-weight:900;color:var(--on-primary);background:var(--primary);box-shadow:0 0 0 3px var(--ring)}.triad-actions{display:grid;justify-items:start;gap:.625rem}@media (min-width:1024px){.triad-actions{justify-items:stretch}}.triad-notes-box{border-radius:.75rem;border-width:1px;border-color:var(--border);background-color:var(--surface-2);padding:.75rem;font-size:13px;line-height:1.45;color:var(--text-muted)}.triad-notes-box strong{color:var(--text)}.panel-title{margin-top:0;margin-bottom:.875rem;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--primary)}@media (min-width:768px){.panel-title{font-size:1.125rem;line-height:1.75rem}}.muted-text,.placeholder-content{line-height:1.55;color:var(--text-muted)}.placeholder-content{margin:0}.finder-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:1rem}@media (min-width:1024px){.finder-row{grid-template-columns:1.05fr .95fr}}.result-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.result-card{border-radius:.75rem;border-width:1px;border-color:var(--border);background-color:var(--surface);padding:13px}.result-card .label{margin-bottom:.375rem;font-size:.75rem;line-height:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.result-card .\!value,.result-card .value{overflow-wrap:break-word;font-size:1.125rem;line-height:1.75rem;font-weight:800;line-height:1.28;color:var(--text)}.buttons{margin-top:.875rem;display:flex;flex-wrap:wrap;gap:.625rem}.buttons .action-btn,.search-row .action-btn{width:100%}@media (min-width:768px){.buttons .action-btn,.search-row .action-btn{width:auto}}.action-btn,button.action-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:10px;border-width:1px;border-color:transparent;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:700;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-btn:hover,button.action-btn:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.primary{color:var(--on-primary);background:var(--primary)}.primary:hover{background:var(--primary-strong)}.secondary{background-color:var(--primary-soft);color:var(--primary)}.secondary:hover{background-color:var(--primary);color:var(--on-primary)}.danger{color:var(--surface);background:var(--danger)}.ghost{border-color:var(--border-strong);background-color:transparent;color:var(--text-muted)}.ghost:hover{border-color:var(--primary);color:var(--text)}.fretboard-wrapper{overflow-x:auto;padding-bottom:.5rem}.fretboard{display:grid;gap:.625rem;width:-moz-max-content;width:max-content;min-width:100%}.fret-header,.string-row{display:grid;align-items:center;gap:.375rem;grid-template-columns:72px 48px repeat(25,52px)}.header-cell,.mute-label,.string-label{text-align:center;font-size:13px;font-weight:900;color:var(--text-muted)}.string-label{border-radius:8px;border-width:1px;border-color:var(--border);background-color:var(--surface-2);padding:.625rem .375rem}.fret-btn,.mute-btn{height:42px;width:100%;cursor:pointer;border-radius:9px;border-width:1px;border-color:var(--border-strong);background-color:var(--surface);font-weight:900;color:var(--text);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fret-btn:hover,.mute-btn:hover{border-color:var(--primary);background-color:var(--primary-softer)}.mute-btn.active{color:var(--surface);background:var(--danger);border-color:var(--danger)}.fret-btn.selected{color:var(--on-primary);background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.fret-btn small{display:block;font-size:10px;font-weight:800;opacity:.92}.search-row{margin-bottom:.875rem;display:flex;flex-wrap:wrap;align-items:stretch;gap:.625rem}.search-input{flex:1 1 0%;min-width:240px}.search-input,.suggestions-title{font-size:1rem;line-height:1.5rem}.suggestions-title{margin-top:1rem;margin-bottom:1rem;font-weight:700;color:var(--primary)}.suggestions-list{display:grid;gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.suggestion-item{cursor:pointer;border-radius:.75rem;border-width:1px;border-color:var(--border);background-color:var(--surface);padding:.75rem;text-align:left;color:var(--text);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.suggestion-item:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:var(--shadow-card);--tw-shadow-colored:var(--shadow-card);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--primary);background:var(--primary-softer)}.suggestion-item strong{margin-bottom:.25rem;display:block;font-size:1rem;line-height:1.5rem}.suggestion-item span{display:block;font-size:13px;line-height:1.35;color:var(--text-muted)}.saved-list{display:grid;gap:.625rem;overflow-y:auto;padding-right:.25rem;max-height:360px}.saved-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem;border-radius:.75rem;border-width:1px;border-color:var(--border);background-color:var(--surface-2);padding:.75rem}.saved-item strong{font-size:1rem;line-height:1.5rem;color:var(--text)}.saved-item .meta{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;line-height:1.5;color:var(--text-muted)}.saved-item button{color:var(--surface);background:var(--danger)}.saved-item button,.saved-item-open{flex-shrink:0;cursor:pointer;border-radius:9px;border-style:none;padding:.5rem .75rem;font-weight:700}.saved-item-open{color:var(--on-primary);background:var(--primary)}.saved-item-open:hover{background:var(--primary-strong)}.empty{font-style:italic;color:var(--text-faint)}.footer-note{margin-top:.75rem;font-size:13px;line-height:1.5;color:var(--text-faint)}.app-error,.app-loading{border-radius:16px;border-width:1px;border-color:var(--border);background-color:var(--surface);padding:1.25rem;color:var(--text-muted)}.site-footer{padding:1rem 1rem 2.5rem;text-align:center}.site-footer-title{margin:0;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}@media (min-width:768px){.site-footer-title{font-size:1rem;line-height:1.5rem}}.site-footer-note{margin-top:.375rem;margin-bottom:0;font-size:.875rem;line-height:1.25rem;color:var(--text-faint)}.cifra-layout{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:1024px){.cifra-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}.cifra-textarea{width:100%;border-radius:12px;border-width:1px;border-color:var(--border-strong);background-color:var(--surface);padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.25rem;line-height:1.5;color:var(--text);outline:2px solid transparent;outline-offset:2px;min-height:320px;resize:vertical}.cifra-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.chord-block{border-radius:12px;border-width:1px;border-color:var(--border);background-color:var(--surface-2);padding:.75rem}.chord-block-columns{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.chord-block-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.chord-slot{border-radius:10px;border-width:1px;border-color:var(--border);background-color:var(--surface);padding:.5rem}.chord-slot.empty{display:none}.chord-dpad{margin-top:.5rem;display:grid;align-items:center;justify-items:center;gap:.125rem;grid-template-columns:18px 1fr 18px;grid-template-rows:18px auto 18px;grid-template-areas:".    up     ." "left center right" ".    down   ."}.chord-dpad-up{grid-area:up}.chord-dpad-left{grid-area:left}.chord-dpad-right{grid-area:right}.chord-dpad-down{grid-area:down}.chord-dpad-center{grid-area:center;display:flex;width:100%;justify-content:center}.chord-dpad button{height:18px;width:18px;cursor:pointer;border-radius:.25rem;border-width:1px;border-color:var(--primary);background-color:var(--primary-soft);font-size:10px;line-height:1;color:var(--primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-dpad button:hover:not(:disabled){background-color:var(--primary);color:var(--on-primary)}.chord-dpad button:disabled{cursor:not-allowed;opacity:.4}.chord-slot .mini-fretboard-wrap{overflow:visible;padding-bottom:0}.chord-slot .mini-fretboard{width:-moz-max-content;width:max-content;min-width:0}.chord-slot .mini-fret-header,.chord-slot .mini-string-row{grid-template-columns:22px repeat(5,30px)}.chord-slot .mini-fret-num,.chord-slot .mini-label{height:1rem;font-size:10px}.chord-slot .mini-cell{height:30px}.chord-slot .mini-note-dot{height:1.25rem;width:1.25rem;font-size:8px}.text-muted{color:var(--text-muted)}.mb-1{margin-bottom:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-muted{color:var(--text-muted)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}