:root{--bg:#0b1217;--bg-alt:#111c23;--card:#17252e;--text:#f1f5f9;--muted:#a3b3be;--primary:#22d3ee;--primary-dark:#0891b2;--line:#30434e;--root:#f97316;--in-scale:var(--primary);--note-third:#a78bfa;--note-fifth:#c4b5fd;--note-off:#53636d;--highlight:#a78bfa;--accent:#d97706;--text-primary:var(--text);--panel:var(--card);--neck:var(--bg-alt);--fretwire:var(--note-off);--nut:var(--text);--string:var(--muted);--on-accent:var(--bg);color-scheme:dark;--space-2:.5rem;--space-4:1rem;--space-8:2rem;--space-16:4rem;--page-space:var(--space-16);--container-gap:var(--space-8);--box-gap:var(--space-4);--inner-gap:var(--space-2);--block-gap:var(--container-gap);--block-pad:var(--container-gap);--block-radius:12px;--block-h:calc(6 * var(--cell-h) + 172px);--name-col:30px;--open-col:54px;--cell-h:42px;--fret-min:30px;--note-size:28px;--note-font:14px}:root[data-theme=light]{--bg:#faf8f3;--bg-alt:#f1ede5;--card:#fff;--text:#211f2d;--muted:#66616f;--primary:#4338ca;--primary-dark:#3730a3;--line:#ded8ce;--root:#d94841;--in-scale:#4f46e5;--note-third:#7c3aed;--note-fifth:#6d28d9;--highlight:#7c3aed;--accent:#d97706;--note-off:#66616f;--nut:#211f2d;--string:#66616f;--on-accent:#fff;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{padding:var(--page-space);gap:var(--container-gap);background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;flex-direction:column;margin:0;font:16px/150% ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.web-title,.web-title-small,.web-sub,.web-sub-medium,.prose h2,.prose h3{color:var(--text-primary);line-height:110%}.web-title{font-size:32px;font-weight:700}.web-title-small,.prose h2{font-size:24px;font-weight:700}.web-sub,.prose h3{font-size:18px;font-weight:700}.web-sub-medium{font-size:18px;font-weight:500}@media (width>=768px){.web-title{font-size:48px}.web-title-small,.prose h2{font-size:32px}}.apph1,.apph2,.apph2-semi,.apph3,.apph3-semi,.body-regular,.body-medium,.body-semi,.body-bold,.caption-regular,.caption-semi,.caption-bold,.prose{color:var(--text-primary)}.apph1,.apph2,.apph2-semi,.apph3,.apph3-semi,.caption-regular,.caption-semi,.caption-bold,.string-name,.fretnums div{line-height:130%}.body-regular,.body-medium,.body-semi,.body-bold,.prose{line-height:150%}.apph1{font-size:32px;font-weight:700}.apph2{font-size:24px;font-weight:700}.apph2-semi{font-size:24px;font-weight:600}.apph3{font-size:20px;font-weight:700}.apph3-semi{font-size:20px;font-weight:600}.body-regular,.prose{font-size:16px;font-weight:400}.body-medium{font-size:16px;font-weight:500}.body-semi{font-size:16px;font-weight:600}.body-bold{font-size:16px;font-weight:700}.caption-regular,.string-name,.fretnums div{font-size:12px;font-weight:400}.caption-semi{font-size:12px;font-weight:600}.caption-bold{font-size:12px;font-weight:700}@media (width<=767.98px){.web-title,.web-title-small{line-height:130%}}h1,.sub{margin:0}main,.stack{gap:var(--block-gap);flex-direction:column;display:flex}.block{background:var(--card);border:1px solid var(--line);border-radius:var(--block-radius);padding:var(--block-pad)}.page-banner{justify-content:center;gap:var(--inner-gap);min-height:140px;max-height:250px;padding:var(--container-gap);flex-direction:column;display:flex}.block-neck{gap:var(--box-gap);min-height:var(--block-h);flex-direction:column;display:flex}.skip{left:-9999px;top:var(--inner-gap);background:var(--panel);color:var(--text);border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);z-index:10;border-radius:6px;text-decoration:none;position:absolute}.skip:focus{left:var(--inner-gap)}.site-header{justify-content:flex-end;align-items:center;gap:var(--box-gap);flex-wrap:wrap;margin:0;display:flex}.locales{gap:var(--inner-gap);display:flex}.locales a{color:var(--muted);text-decoration:none}.locales a:hover{color:var(--text);text-decoration:underline}.locales [aria-current]{color:var(--text);font-weight:600}.tuner-link{background:var(--card);color:var(--text);border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);font:inherit;border-radius:6px;align-items:center;font-size:12px;line-height:130%;text-decoration:none;display:inline-flex}.tuner-link:hover,.tuner-link[aria-current=page]{border-color:var(--primary);color:var(--primary)}.tuner-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle{align-items:center;gap:var(--inner-gap);background:var(--card);color:var(--text);border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);font:inherit;cursor:pointer;border-radius:6px;font-size:12px;line-height:130%;display:inline-flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle-icon{font-size:15px;line-height:1}.controls{gap:var(--box-gap);flex-wrap:wrap;align-items:flex-end;display:flex}.field{gap:var(--inner-gap);flex-direction:column;display:flex}.field>span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field-group{gap:var(--box-gap);align-items:flex-end;display:flex}select{background:var(--bg-alt);color:var(--text);border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);font:inherit;border-radius:6px;min-width:150px}select.narrow{min-width:78px}.check{align-items:center;gap:var(--inner-gap);color:var(--muted);padding-bottom:var(--inner-gap);display:flex}.check input{width:15px;height:15px;accent-color:var(--primary)}.string-tuning{border-top:1px solid var(--line);padding-top:var(--box-gap);flex:100%}.tuning-controls{max-width:68ch}.string-tuning summary{cursor:pointer;color:var(--text)}.string-tuning-body{gap:var(--box-gap);margin-top:var(--box-gap);flex-direction:column;display:flex}.string-tuning-help,.string-tuning-status{color:var(--muted);margin:0}.string-tuning-status{min-height:1.3em}.string-tuning-rows{gap:var(--inner-gap);flex-direction:column;display:flex}.string-tuning-row{align-items:center;gap:var(--inner-gap);grid-template-columns:minmax(64px,auto) minmax(112px,150px) auto auto minmax(100px,auto);display:grid}.string-tuning-number{color:var(--muted)}.string-tuning-target select{width:100%;min-width:0}.string-tuning-step,.string-tuning-reset,.string-tuning-standard{border:1px solid var(--line);background:var(--bg-alt);color:var(--text);padding:var(--inner-gap) var(--box-gap);font:inherit;cursor:pointer;border-radius:6px}.string-tuning-step:hover,.string-tuning-reset:hover,.string-tuning-standard:hover{border-color:var(--primary);color:var(--primary)}.string-tuning-step:disabled,.string-tuning-reset:disabled{opacity:.55;cursor:not-allowed}.string-tuning-actions{align-items:center;gap:var(--box-gap);flex-wrap:wrap;display:flex}.string-tuning-standard{background:var(--primary);color:var(--on-accent);border-color:var(--primary)}.string-tuning-standard:hover{background:var(--primary-dark);color:var(--on-accent);border-color:var(--primary-dark)}.string-tuning summary:focus-visible,.string-tuning button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.metronome{gap:var(--box-gap);flex-direction:column;display:flex}.metronome-header{justify-content:space-between;align-items:flex-end;gap:var(--box-gap);display:flex}.metronome-header h2{margin:0}.metronome-description,.metronome-status,.metronome-noscript{color:var(--muted);margin:0}.metronome-description{margin-top:var(--inner-gap)}.metronome-controls{align-items:flex-end;gap:var(--box-gap);flex-wrap:wrap;display:flex}.metronome-tempo-control{align-items:flex-end;gap:var(--inner-gap);display:flex}.metronome-stepper{align-items:stretch;display:flex}.metronome-stepper input{width:76px;min-height:38px;padding:var(--inner-gap);background:var(--bg-alt);color:var(--text);border:1px solid var(--line);font:inherit;text-align:center}.metronome-step{border:1px solid var(--line);background:var(--bg-alt);min-width:38px;color:var(--text);font:inherit;cursor:pointer;font-size:1.2em}.metronome-step:first-child{border-radius:6px 0 0 6px}.metronome-step:last-child{border-radius:0 6px 6px 0}.metronome-step:hover{border-color:var(--primary);color:var(--primary)}.metronome-step:focus-visible,.metronome-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.metronome-tempo-output{padding-bottom:var(--inner-gap);color:var(--muted)}.metronome-tap{border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);background:var(--bg-alt);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;align-self:flex-end}.metronome-tap:hover{border-color:var(--primary);color:var(--primary)}.metronome-reset{padding:var(--inner-gap) 0;color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;align-self:flex-end;text-decoration:underline}.metronome-reset:hover{color:var(--text)}.metronome-reset:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.metronome-volume-field,.metronome-count-in-field{min-width:160px}.metronome-accent-field{padding-bottom:var(--inner-gap)}.metronome-volume-field input{width:100%;accent-color:var(--primary)}.metronome-toggle{padding:var(--inner-gap) var(--box-gap);background:var(--primary);color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:6px;flex:none;font-weight:600}.metronome-toggle:hover{background:var(--primary-dark)}.metronome-beats{gap:var(--inner-gap);min-height:18px;display:flex}.metronome-beat{background:var(--line);border-radius:50%;width:14px;height:14px;transition:transform 80ms,background-color 80ms}.metronome-beat-accent{background:var(--root)}.metronome-beat[data-active=true]{background:var(--primary);transform:scale(1.35)}.metronome-beat-accent[data-active=true],.metronome-beat[data-active=true][data-accent=true]{background:var(--root)}.metronome-tap-hint,.metronome-keyboard-hint{color:var(--muted);margin:0}@media (prefers-reduced-motion:reduce){.metronome-beat{transition:none}}.tuner-controls,.tuner-panel{gap:var(--box-gap);flex-direction:column;max-width:68ch;display:flex}.tuner-control-row{align-items:flex-end;gap:var(--box-gap);margin-top:var(--box-gap);flex-wrap:wrap;display:flex}.tuner-control-heading{gap:var(--box-gap);flex-direction:column;display:flex}.tuner-current-tuning{margin:0}.tuner-control-row .field{gap:var(--inner-gap)}.tuner-toggle{background:var(--primary);color:var(--on-accent);padding:var(--inner-gap) var(--box-gap);font:inherit;cursor:pointer;border:0;border-radius:6px;font-weight:600}.tuner-toggle:hover{background:var(--primary-dark)}.tuner-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tuner-toggle:disabled{opacity:.65;cursor:wait}.tuner-microphone-note,.tuner-status{color:var(--muted)}.tuner-microphone-note{max-width:62ch;margin:0}.tuner-status{min-height:1.3em;margin:0}.tuner-controls h2,.tuner-panel h2{margin:0}.tuner-reading{background:var(--bg-alt);border:1px solid var(--line);padding:var(--box-gap);text-align:center;gap:var(--inner-gap);border-radius:8px;flex-direction:column;display:flex}.tuner-target-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.tuner-note{margin:0}.tuner-state{color:var(--muted);min-height:1.3em;margin:0}.tuner-reading[data-state=in-tune] .tuner-state{color:var(--primary)}.tuner-reading[data-state=flat] .tuner-state,.tuner-reading[data-state=sharp] .tuner-state{color:var(--root)}.tuner-meter-wrap{gap:var(--inner-gap);flex-direction:column;display:flex;position:relative}.tuner-meter-wrap:before{content:"";background:var(--text);opacity:.7;pointer-events:none;width:2px;position:absolute;top:25px;bottom:26px;left:50%;transform:translate(-50%)}.tuner-meter-labels{color:var(--muted);grid-template-columns:1fr 1fr 1fr;display:grid}.tuner-meter-labels span:first-child{text-align:left}.tuner-meter-labels span:nth-child(2){text-align:center}.tuner-meter-labels span:last-child{text-align:right}.tuner-meter{appearance:none;opacity:1;background:0 0;width:100%;margin:0;display:block}.tuner-meter::-webkit-slider-runnable-track{background:var(--line);border-radius:4px;height:8px}.tuner-meter::-moz-range-track{background:var(--line);border-radius:4px;height:8px}.tuner-meter::-webkit-slider-thumb{border:2px solid var(--card);background:var(--primary);appearance:none;border-radius:50%;width:20px;height:20px;margin-top:-6px}.tuner-meter::-moz-range-thumb{border:2px solid var(--card);background:var(--primary);border-radius:50%;width:16px;height:16px}.tuner-reading[data-state=flat] .tuner-meter::-webkit-slider-thumb{background:var(--root)}.tuner-reading[data-state=sharp] .tuner-meter::-webkit-slider-thumb{background:var(--root)}.tuner-reading[data-state=flat] .tuner-meter::-moz-range-thumb{background:var(--root)}.tuner-reading[data-state=sharp] .tuner-meter::-moz-range-thumb{background:var(--root)}.tuner-cents{min-height:1.5em;margin:0}.tuner-frequency{color:var(--muted);min-height:1.3em;margin:0}.tuner-targets{gap:var(--inner-gap);grid-template-columns:repeat(auto-fit,minmax(74px,1fr));margin:0;padding:0;list-style:none;display:grid}.tuner-targets li{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:0}.tuner-targets li[data-active=true]{border-color:var(--primary);color:var(--text);background:var(--bg-alt)}.tuner-target-note{color:var(--text);font-weight:700}.tuner-target-heading{justify-content:space-between;align-items:center;gap:var(--box-gap);display:flex}.tuner-target-heading .tuner-target-label{margin:0}.tuner-auto,.tuner-target-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.tuner-auto{border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);border-radius:6px}.tuner-auto[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}.tuner-target-button{align-items:center;gap:var(--inner-gap);width:100%;padding:var(--inner-gap);flex-direction:column;display:flex}.tuner-auto:hover,.tuner-target-button:hover{color:var(--primary)}.tuner-auto:focus-visible,.tuner-target-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tuner-noscript,.readout{color:var(--muted);margin:0}.readout strong{color:var(--text);font-weight:600}.readout .notes{color:var(--in-scale);letter-spacing:.08em;font-weight:600}.readout .pos{color:var(--text)}.readout .theoretical{color:var(--accent);font-style:italic}.readout .capo{color:var(--text)}.neck-wrap{padding-bottom:var(--inner-gap);overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}.neck{min-width:calc(var(--name-col) + var(--open-col) + var(--weight-sum,34) * var(--fret-min));background:var(--neck);border:1px solid var(--line);padding:var(--box-gap) var(--box-gap) var(--inner-gap);border-radius:8px}.scroll-hint{display:none}.strings{position:relative}.srow{grid-template-columns:var(--cols);display:grid}.cell{height:var(--cell-h);justify-content:center;align-items:center;display:flex;position:relative}.cell.fret:before{content:"";height:var(--gauge);background:var(--string);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cell.fret{border-right:2px solid var(--fretwire)}.cell[data-fret="0"]{border-right:5px solid var(--nut)}.cell.fret:last-child{border-right:none}.cell.fret.capo-muted{background:var(--panel)}.cell.fret.capo-muted:before{background:var(--line)}.cell.fret.capo-marker{border-right:6px solid var(--accent)}.string-name{z-index:3;background:var(--neck);color:var(--muted);padding-right:var(--inner-gap);justify-content:flex-end;position:sticky;left:0;box-shadow:5px 0 5px -5px #0000008c}.note{z-index:2;width:var(--note-size);height:var(--note-size);font-size:var(--note-font);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;transition:transform 80ms;display:flex;position:relative}.note:after{content:"";border-radius:50%;position:absolute;inset:-5px}@media (hover:hover){.note:hover{transform:scale(1.15)}}.note:active{transform:scale(1.15)}.note.in{background:var(--in-scale);color:var(--on-accent)}.note.root{background:var(--root);color:var(--on-accent)}.note.third{background:var(--note-third);color:var(--on-accent)}.note.fifth{background:var(--note-fifth);color:var(--on-accent)}.note.in.non-triad{opacity:.4}.note.out{background:var(--neck);color:var(--muted);border-color:var(--line);font-weight:500}.note.out.no-label{background:0 0}.note.long{font-size:calc(var(--note-font) * .82);letter-spacing:-.03em}.note.chord{box-shadow:0 0 0 2px var(--neck), 0 0 0 4px var(--highlight)}.inlays{grid-template-columns:var(--cols);pointer-events:none;z-index:0;align-items:center;display:grid;position:absolute;inset:0}.inlay{align-items:center;gap:calc(var(--cell-h) * .8);flex-direction:column;display:flex}.inlay i{background:var(--line);border-radius:50%;width:9px;height:9px;display:block}.fretnums{grid-template-columns:var(--cols);margin-top:var(--inner-gap);display:grid}.fretnums div{text-align:center;color:var(--note-off)}.legend{gap:var(--box-gap);color:var(--muted);flex-wrap:wrap;align-items:center;margin:0;display:flex}.legend i{vertical-align:-2px;width:13px;height:13px;margin-right:var(--inner-gap);border-radius:50%;display:inline-block}.hint{margin-left:auto;font-style:italic}.guide{color:var(--primary);margin:0;text-decoration:none;display:inline-block}.guide:hover{text-decoration:underline}.guide[hidden]{display:none}.sw-root{background:var(--root)}.sw-third{background:var(--note-third)}.sw-fifth{background:var(--note-fifth)}.sw-in{background:var(--in-scale)}.sw-chord{background:var(--in-scale);box-shadow:0 0 0 2px var(--card), 0 0 0 3px var(--highlight)}.gear{gap:var(--box-gap);min-height:var(--block-h);flex-direction:column;display:flex}.gear h2{margin:0}.disclosure{color:var(--muted);max-width:62ch;margin:0}.gear-list{gap:var(--box-gap);flex:1;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-content:start;margin:0;padding:0;list-style:none;display:grid}.gear-list li{gap:var(--inner-gap);background:var(--bg-alt);border:1px solid var(--line);padding:var(--box-gap);border-radius:8px;flex-direction:column;display:flex}.gear-list a{color:var(--primary);text-decoration:none}.gear-list a:hover{text-decoration:underline}.gear-list p{color:var(--muted);margin:0}.site-modal{width:min(620px, calc(100% - var(--box-gap) - var(--box-gap)));max-width:calc(100% - var(--box-gap) - var(--box-gap));border:1px solid var(--line);border-radius:var(--block-radius);background:var(--card);max-height:min(80vh,720px);color:var(--text);margin:auto;padding:0;box-shadow:0 18px 60px #00000059}.site-modal:not([open]){display:none}.site-modal[open]{display:block}.site-modal::backdrop{background:#000000ad}.site-modal-card{gap:var(--box-gap);max-height:min(80vh,720px);padding:var(--container-gap);flex-direction:column;display:flex;position:relative;overflow:auto}.site-modal-close{top:var(--inner-gap);right:var(--inner-gap);border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font:24px/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:absolute}.site-modal-close:hover{border-color:var(--primary);color:var(--primary)}.site-modal-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.site-modal h2{margin:0}.monetization-panel{gap:var(--box-gap);flex-direction:column;display:flex}.monetization-panel h2{margin:0}.monetization-panel-contribute{width:100%;max-width:150px;min-height:44px;padding:var(--inner-gap) var(--box-gap);border:1px solid var(--primary);background:var(--root);color:var(--on-accent);font:inherit;cursor:pointer;border-radius:6px;font-weight:600;line-height:130%}.header-support-button{flex:0 150px}.monetization-panel-contribute:hover{background:var(--root);color:var(--on-accent)}.monetization-panel-contribute:active{transform:translateY(1px)}.monetization-panel-prompt{margin:0}.monetization-panel-options{gap:var(--box-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.monetization-panel-option{min-height:44px;padding:var(--inner-gap) var(--box-gap);border:1px solid var(--primary);font:inherit;background:var(--primary);color:var(--on-accent);text-align:center;border-radius:6px;justify-content:center;align-items:center;font-weight:600;line-height:130%;text-decoration:none;display:inline-flex}.monetization-panel-option:hover{background:var(--primary-dark);color:var(--on-accent)}.monetization-panel-option:active{transform:translateY(1px)}.monetization-panel-prompt,.monetization-panel-note{margin:0}.monetization-panel-note{color:var(--muted)}.monetization-panel-option:focus-visible,.monetization-panel-contribute:focus-visible{outline:2px solid var(--root);outline-offset:2px}.crumbs{color:var(--muted);margin:0}.crumbs ol{gap:var(--inner-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";margin-right:var(--inner-gap);color:var(--line)}.crumbs a{color:var(--muted)}.crumbs a:hover,.crumbs [aria-current=page]{color:var(--text)}.prose{max-width:68ch;margin:0}.prose>:first-child{margin-top:0}.prose h2{margin:var(--container-gap) 0 var(--box-gap);padding-top:var(--box-gap);border-top:1px solid var(--line)}.prose h3{margin:var(--container-gap) 0 var(--box-gap)}.prose p{margin:0 0 var(--box-gap)}.prose ul{margin:0 0 var(--box-gap);padding-left:var(--box-gap)}.prose li{margin:0 0 var(--inner-gap)}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--primary)}.prose a:hover{color:var(--text)}.prose table{border-collapse:collapse;margin:0 0 var(--box-gap);display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);text-align:left;white-space:nowrap}.prose th{background:var(--panel);font-weight:600}.byline,.updated{color:var(--muted);margin:0 0 var(--box-gap)}.contact{gap:var(--box-gap);flex-direction:column;max-width:68ch;display:flex}.contact h2{margin:0}.contact-form{gap:var(--box-gap);flex-direction:column;align-items:flex-start;display:flex}.contact-form .field{width:100%}.contact-form small{color:var(--muted)}input[type=text],input[type=email],textarea{background:var(--bg-alt);color:var(--text);border:1px solid var(--line);padding:var(--inner-gap) var(--box-gap);font:inherit;border-radius:6px;width:100%}textarea{resize:vertical;min-height:160px;line-height:1.55}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.contact-form button{background:var(--primary);color:var(--on-accent);padding:var(--inner-gap) var(--box-gap);font:inherit;cursor:pointer;border:0;border-radius:6px;font-weight:600}.contact-form button:hover{background:var(--primary-dark);color:var(--on-accent)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-status{padding:var(--inner-gap) var(--box-gap);border:1px solid var(--line);background:var(--bg-alt);border-radius:8px;max-width:68ch;margin:0}.form-status.ok{border-color:var(--primary)}.form-status.bad{border-color:var(--root)}.form-status:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.form-note{color:var(--muted);max-width:68ch;margin:0}.form-note a{color:var(--primary)}.site-footer{gap:var(--container-gap);padding-top:var(--container-gap);border-top:1px solid var(--line);flex-direction:column;margin-top:0;display:flex}.site-footer nav{gap:var(--box-gap);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.site-footer h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 var(--inner-gap)}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:0 0 var(--inner-gap)}.site-footer a{color:var(--text);text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-settings{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.footer-settings:hover{text-decoration:underline}.colophon{color:var(--muted);margin:0}.colophon a{color:var(--muted)}.notfound{max-width:60ch}.notfound p{margin:0 0 var(--box-gap)}.notfound a{color:var(--primary)}.support-cta{justify-content:space-between;align-items:center;gap:var(--box-gap);display:flex}.support-cta-copy{max-width:68ch}.support-cta h2{margin:0 0 var(--inner-gap)}.support-cta p{margin:0}.support-cta p.support-cta-note{color:var(--muted);margin-top:var(--inner-gap)}.support-cta-action{min-height:44px;padding:var(--inner-gap) var(--box-gap);border:1px solid var(--primary);background:var(--primary);color:var(--on-accent);font:inherit;border-radius:6px;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:130%;text-decoration:none;display:inline-flex}.support-cta-action:hover{background:var(--primary-dark);color:var(--on-accent)}.support-cta-action:active{background:var(--primary-dark);transform:translateY(1px)}.support-cta-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=700px){:root{--name-col:24px;--open-col:42px;--fret-min:28px;--cell-h:36px;--note-size:25px;--note-font:10.5px}body{padding:var(--space-8) var(--space-4)}.site-header,.locales{gap:var(--inner-gap)}.tuner-link,.theme-toggle{padding-inline:var(--inner-gap)}:root{--block-gap:var(--container-gap);--block-pad:var(--box-gap)}.page-banner{min-height:0;padding:var(--box-gap)}.controls{gap:var(--box-gap);padding:var(--box-gap);grid-template-columns:1fr 1fr;display:grid}.field-group,.check,.string-tuning{grid-column:1/-1}.tuning-controls{max-width:none}.field-group{gap:var(--box-gap)}.field-group>.field{flex:1;min-width:0}.check{padding-bottom:0}select,select.narrow{width:100%;min-width:0}.tuner-control-row{align-items:stretch}.tuner-control-row .field,.tuner-toggle{flex:170px}.tuner-reading{padding:var(--box-gap)}.string-tuning-row{grid-template-columns:minmax(58px,auto) minmax(0,1fr) auto auto}.string-tuning-reset{grid-column:2/-1}.metronome-header{flex-direction:column;align-items:stretch}.metronome-toggle{width:100%}.metronome-controls{grid-template-columns:1fr 1fr;display:grid}.metronome-tempo-control,.metronome-volume-field,.metronome-count-in-field,.metronome-accent-field{grid-column:1/-1}.metronome-tempo-control{justify-content:space-between}.metronome-stepper{flex:1}.metronome-stepper input{flex:1;width:auto}.metronome-volume-field{min-width:0}.metronome-accent-field{padding-bottom:0}.metronome-tap,.metronome-reset{grid-column:1/-1;width:100%}.neck{padding:var(--box-gap) var(--box-gap) var(--inner-gap)}.scroll-hint{color:var(--muted);margin:0;font-style:italic;display:block}.legend{gap:var(--inner-gap) var(--box-gap)}.hint{flex-basis:100%;margin-left:0}.gear,.block-neck{min-height:0}.disclosure{margin-bottom:0}.support-cta{align-items:stretch;gap:var(--box-gap);flex-direction:column}.support-cta-action{width:100%}.monetization-panel-options{grid-template-columns:1fr 1fr}.monetization-panel-option,.monetization-panel-contribute{width:100%}.contact-form button{width:100%;padding:var(--box-gap) var(--box-gap)}}@media (width<=420px){:root{--open-col:38px;--fret-min:26px;--cell-h:33px;--note-size:23px;--note-font:10px}body{padding:var(--space-4)}.fretnums div{font-size:10px}}.g-10{--gauge:1px}.g-13{--gauge:1.3px}.g-17{--gauge:1.7px}.g-21{--gauge:2.1px}.g-26{--gauge:2.6px}.g-32{--gauge:3.2px}.g-38{--gauge:3.8px}.neck[data-instrument=guitar]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.848), 1.848fr) minmax(calc(var(--fret-min) * 1.797), 1.797fr) minmax(calc(var(--fret-min) * 1.747), 1.747fr) minmax(calc(var(--fret-min) * 1.699), 1.699fr) minmax(calc(var(--fret-min) * 1.653), 1.653fr) minmax(calc(var(--fret-min) * 1.607), 1.607fr) minmax(calc(var(--fret-min) * 1.563), 1.563fr) minmax(calc(var(--fret-min) * 1.52), 1.52fr) minmax(calc(var(--fret-min) * 1.478), 1.478fr) minmax(calc(var(--fret-min) * 1.437), 1.437fr) minmax(calc(var(--fret-min) * 1.398), 1.398fr) minmax(calc(var(--fret-min) * 1.359), 1.359fr) minmax(calc(var(--fret-min) * 1.322), 1.322fr) minmax(calc(var(--fret-min) * 1.286), 1.286fr) minmax(calc(var(--fret-min) * 1.25), 1.25fr) minmax(calc(var(--fret-min) * 1.216), 1.216fr) minmax(calc(var(--fret-min) * 1.182), 1.182fr) minmax(calc(var(--fret-min) * 1.15), 1.15fr) minmax(calc(var(--fret-min) * 1.118), 1.118fr) minmax(calc(var(--fret-min) * 1.087), 1.087fr) minmax(calc(var(--fret-min) * 1.057), 1.057fr) minmax(calc(var(--fret-min) * 1.028), 1.028fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:33.702}@media (width<=1024px){.neck[data-instrument=guitar]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.825), 1.825fr) minmax(calc(var(--fret-min) * 1.754), 1.754fr) minmax(calc(var(--fret-min) * 1.685), 1.685fr) minmax(calc(var(--fret-min) * 1.618), 1.618fr) minmax(calc(var(--fret-min) * 1.555), 1.555fr) minmax(calc(var(--fret-min) * 1.494), 1.494fr) minmax(calc(var(--fret-min) * 1.435), 1.435fr) minmax(calc(var(--fret-min) * 1.378), 1.378fr) minmax(calc(var(--fret-min) * 1.324), 1.324fr) minmax(calc(var(--fret-min) * 1.272), 1.272fr) minmax(calc(var(--fret-min) * 1.222), 1.222fr) minmax(calc(var(--fret-min) * 1.174), 1.174fr) minmax(calc(var(--fret-min) * 1.128), 1.128fr) minmax(calc(var(--fret-min) * 1.084), 1.084fr) minmax(calc(var(--fret-min) * 1.041), 1.041fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:23.888}}@media (width<=700px){.neck[data-instrument=guitar]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.792), 1.792fr) minmax(calc(var(--fret-min) * 1.691), 1.691fr) minmax(calc(var(--fret-min) * 1.595), 1.595fr) minmax(calc(var(--fret-min) * 1.504), 1.504fr) minmax(calc(var(--fret-min) * 1.419), 1.419fr) minmax(calc(var(--fret-min) * 1.339), 1.339fr) minmax(calc(var(--fret-min) * 1.263), 1.263fr) minmax(calc(var(--fret-min) * 1.191), 1.191fr) minmax(calc(var(--fret-min) * 1.124), 1.124fr) minmax(calc(var(--fret-min) * 1.06), 1.06fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:16.878}}.neck[data-instrument=bass]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.848), 1.848fr) minmax(calc(var(--fret-min) * 1.797), 1.797fr) minmax(calc(var(--fret-min) * 1.747), 1.747fr) minmax(calc(var(--fret-min) * 1.699), 1.699fr) minmax(calc(var(--fret-min) * 1.653), 1.653fr) minmax(calc(var(--fret-min) * 1.607), 1.607fr) minmax(calc(var(--fret-min) * 1.563), 1.563fr) minmax(calc(var(--fret-min) * 1.52), 1.52fr) minmax(calc(var(--fret-min) * 1.478), 1.478fr) minmax(calc(var(--fret-min) * 1.437), 1.437fr) minmax(calc(var(--fret-min) * 1.398), 1.398fr) minmax(calc(var(--fret-min) * 1.359), 1.359fr) minmax(calc(var(--fret-min) * 1.322), 1.322fr) minmax(calc(var(--fret-min) * 1.286), 1.286fr) minmax(calc(var(--fret-min) * 1.25), 1.25fr) minmax(calc(var(--fret-min) * 1.216), 1.216fr) minmax(calc(var(--fret-min) * 1.182), 1.182fr) minmax(calc(var(--fret-min) * 1.15), 1.15fr) minmax(calc(var(--fret-min) * 1.118), 1.118fr) minmax(calc(var(--fret-min) * 1.087), 1.087fr) minmax(calc(var(--fret-min) * 1.057), 1.057fr) minmax(calc(var(--fret-min) * 1.028), 1.028fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:33.702}@media (width<=1024px){.neck[data-instrument=bass]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.825), 1.825fr) minmax(calc(var(--fret-min) * 1.754), 1.754fr) minmax(calc(var(--fret-min) * 1.685), 1.685fr) minmax(calc(var(--fret-min) * 1.618), 1.618fr) minmax(calc(var(--fret-min) * 1.555), 1.555fr) minmax(calc(var(--fret-min) * 1.494), 1.494fr) minmax(calc(var(--fret-min) * 1.435), 1.435fr) minmax(calc(var(--fret-min) * 1.378), 1.378fr) minmax(calc(var(--fret-min) * 1.324), 1.324fr) minmax(calc(var(--fret-min) * 1.272), 1.272fr) minmax(calc(var(--fret-min) * 1.222), 1.222fr) minmax(calc(var(--fret-min) * 1.174), 1.174fr) minmax(calc(var(--fret-min) * 1.128), 1.128fr) minmax(calc(var(--fret-min) * 1.084), 1.084fr) minmax(calc(var(--fret-min) * 1.041), 1.041fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:23.888}}@media (width<=700px){.neck[data-instrument=bass]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.792), 1.792fr) minmax(calc(var(--fret-min) * 1.691), 1.691fr) minmax(calc(var(--fret-min) * 1.595), 1.595fr) minmax(calc(var(--fret-min) * 1.504), 1.504fr) minmax(calc(var(--fret-min) * 1.419), 1.419fr) minmax(calc(var(--fret-min) * 1.339), 1.339fr) minmax(calc(var(--fret-min) * 1.263), 1.263fr) minmax(calc(var(--fret-min) * 1.191), 1.191fr) minmax(calc(var(--fret-min) * 1.124), 1.124fr) minmax(calc(var(--fret-min) * 1.06), 1.06fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:16.878}}.neck[data-instrument=ukulele]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.815), 1.815fr) minmax(calc(var(--fret-min) * 1.734), 1.734fr) minmax(calc(var(--fret-min) * 1.656), 1.656fr) minmax(calc(var(--fret-min) * 1.582), 1.582fr) minmax(calc(var(--fret-min) * 1.511), 1.511fr) minmax(calc(var(--fret-min) * 1.443), 1.443fr) minmax(calc(var(--fret-min) * 1.378), 1.378fr) minmax(calc(var(--fret-min) * 1.317), 1.317fr) minmax(calc(var(--fret-min) * 1.258), 1.258fr) minmax(calc(var(--fret-min) * 1.201), 1.201fr) minmax(calc(var(--fret-min) * 1.147), 1.147fr) minmax(calc(var(--fret-min) * 1.096), 1.096fr) minmax(calc(var(--fret-min) * 1.047), 1.047fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:21.084}@media (width<=700px){.neck[data-instrument=ukulele]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.792), 1.792fr) minmax(calc(var(--fret-min) * 1.691), 1.691fr) minmax(calc(var(--fret-min) * 1.595), 1.595fr) minmax(calc(var(--fret-min) * 1.504), 1.504fr) minmax(calc(var(--fret-min) * 1.419), 1.419fr) minmax(calc(var(--fret-min) * 1.339), 1.339fr) minmax(calc(var(--fret-min) * 1.263), 1.263fr) minmax(calc(var(--fret-min) * 1.191), 1.191fr) minmax(calc(var(--fret-min) * 1.124), 1.124fr) minmax(calc(var(--fret-min) * 1.06), 1.06fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:16.878}}.neck[data-instrument=cavaquinho]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.825), 1.825fr) minmax(calc(var(--fret-min) * 1.754), 1.754fr) minmax(calc(var(--fret-min) * 1.685), 1.685fr) minmax(calc(var(--fret-min) * 1.618), 1.618fr) minmax(calc(var(--fret-min) * 1.555), 1.555fr) minmax(calc(var(--fret-min) * 1.494), 1.494fr) minmax(calc(var(--fret-min) * 1.435), 1.435fr) minmax(calc(var(--fret-min) * 1.378), 1.378fr) minmax(calc(var(--fret-min) * 1.324), 1.324fr) minmax(calc(var(--fret-min) * 1.272), 1.272fr) minmax(calc(var(--fret-min) * 1.222), 1.222fr) minmax(calc(var(--fret-min) * 1.174), 1.174fr) minmax(calc(var(--fret-min) * 1.128), 1.128fr) minmax(calc(var(--fret-min) * 1.084), 1.084fr) minmax(calc(var(--fret-min) * 1.041), 1.041fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:23.888}@media (width<=700px){.neck[data-instrument=cavaquinho]{--cols:var(--name-col) var(--open-col) minmax(calc(var(--fret-min) * 1.9), 1.9fr) minmax(calc(var(--fret-min) * 1.792), 1.792fr) minmax(calc(var(--fret-min) * 1.691), 1.691fr) minmax(calc(var(--fret-min) * 1.595), 1.595fr) minmax(calc(var(--fret-min) * 1.504), 1.504fr) minmax(calc(var(--fret-min) * 1.419), 1.419fr) minmax(calc(var(--fret-min) * 1.339), 1.339fr) minmax(calc(var(--fret-min) * 1.263), 1.263fr) minmax(calc(var(--fret-min) * 1.191), 1.191fr) minmax(calc(var(--fret-min) * 1.124), 1.124fr) minmax(calc(var(--fret-min) * 1.06), 1.06fr) minmax(calc(var(--fret-min) * 1), 1fr);--weight-sum:16.878}}