:root{--background:#fff;--foreground:#171717;--accent:#0070f3;--muted:#666;--border:#eaeaea}body{color:var(--foreground);background:var(--background);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}h1,h2,h3{margin-top:0}.tab-content{white-space:pre-wrap;line-height:1.5}.section{margin-bottom:2rem}.section-title{color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.25rem;font-size:.875rem;font-weight:700}.line{z-index:1;margin-bottom:.5rem;padding-top:1.25rem;position:relative}.line:focus-within{z-index:1000}.line:has(.is-active){z-index:1000}.chord-row{pointer-events:auto;height:1.25rem;position:absolute;top:0;left:0}.chord-container{display:inline-block;position:absolute}.chord-container.is-active{z-index:10000}.chord-button{all:unset;cursor:pointer;color:var(--accent);background:0 0;border-radius:3px;padding:0 .1rem;font-weight:700;transition:background .1s}.chord-button:hover{background:#0070f31a}.chord-popover{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:6px;min-width:120px;padding:.75rem;position:absolute;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}.chord-popover-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.25rem;display:flex}.close-popover{all:unset;cursor:pointer;color:var(--muted);font-size:1.25rem;line-height:1}.chord-fingering-grid{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.chord-fingering-row{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:.5rem;display:grid}.string-name{color:var(--muted);font-weight:700}.fret-number{font-family:ui-monospace,SFMono-Regular,monospace}.finger-number{color:var(--muted);font-style:italic}.metadata{color:var(--muted);flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.metadata-item b{color:var(--foreground)}.chords-required{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.chord-badge{background:var(--border);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:700}
