.chord-lyrics-container{overflow:visible}.chord-scroll{max-height:600px;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;scroll-behavior:smooth;padding:.5rem 0}.chord-scroll::-webkit-scrollbar{width:8px}.chord-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.chord-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chord-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lyrics{font-size:1rem;white-space:pre-wrap;margin-bottom:0;overflow:visible}.chord-line{line-height:1.8;padding:.25rem .5rem;margin:0;transition:background-color .3s ease,padding .3s ease;border-radius:6px;opacity:1;color:inherit}.chord-line.is-seekable:hover{background:#3b82f60d}.chord-line .chord-ruby,.chord-line .chord-tag{position:relative;opacity:1;color:inherit}.chord-line-number{margin-right:1em;color:#999;-webkit-user-select:none;user-select:none;min-width:2em;display:inline-block}.chord-ruby{position:relative;display:inline-block}.chord-rt{position:absolute;top:-1.2em;left:0;font-weight:700;font-size:.75rem;color:#4c4c4c;cursor:pointer;white-space:nowrap;z-index:auto}.chord-rt:hover{color:inherit;text-shadow:none}.chord-tag{display:inline-block;font-weight:700;font-size:.75rem;padding:.25rem .5rem;background:radial-gradient(circle at 20% 20%,#8ae5fc,#1bacf8 70%);color:#2f2f2f;border:1px solid rgba(110,110,110,.6);border-radius:.5rem;margin-right:.5rem;margin-bottom:.25rem;cursor:pointer;position:relative;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px 2px #00000026,0 2px 5px #00000026}.chord-tag:hover{background:radial-gradient(circle at 20% 20%,#a8efff,#1bacf8 70%)}.chord-tag-solo{margin-bottom:.5rem;margin-top:.25rem}.chord-tag-sequence{margin-right:.3rem;margin-bottom:.25rem}.chord-tag-single-standalone{display:block;width:fit-content;margin-bottom:1.5rem;margin-top:1rem;margin-right:0}.nc-label{position:relative;top:-1.2em;font-family:Silowek,sans-serif;font-weight:700;font-size:.85rem;color:#000;margin-right:.25rem}.chord-tooltip-portal{background:linear-gradient(to bottom,#f6f6f6,#dfdfdf);border:1px solid rgba(100,100,100,.6);border-radius:.75rem;padding:.65rem;box-shadow:0 18px 38px #00000040;z-index:999999;white-space:nowrap;pointer-events:none;isolation:isolate}.skeuo-glass-panel,.skeuo-content-panel.skeuo-glass-panel{background:linear-gradient(to bottom,#e0e0e0,#d1d1d1);border-top:1px solid #f0f0f0;border-bottom:1px solid #b0b0b0;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-radius:24px;box-shadow:inset 0 4px 10px #0003,inset 0 -2px 2px #fff6;-webkit-backdrop-filter:none;backdrop-filter:none}.legend{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb;position:relative;z-index:1}.legend h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#3e3e3e;text-shadow:0 -1px 1px rgba(0,0,0,.25),0 1px 1px rgba(255,255,255,.7)}.legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.legend-item{display:flex;flex-direction:column;align-items:center;text-align:center}.legend-item .chord-name{font-weight:700;font-size:.9rem;margin-bottom:.5rem;color:#3a3a3a}.chord-missing-message{opacity:.6;font-size:.8rem}.chord-sheet-panel{border-radius:20px;background:linear-gradient(to bottom,#f1f1f1,#dcdcdc);border:1px solid rgba(120,120,120,.45);box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 6px #0000001f,0 10px 24px #00000026;overflow:visible;padding:2rem 1.5rem}.skeuo-heading-inset{color:#4a4a4a;text-shadow:0 -1px 1px rgba(0,0,0,.3),0 1px 1px rgba(255,255,255,.7)}.chord-page-panel{padding:1.5rem}@media (min-width: 768px){.chord-page-panel{padding:2.5rem}}.chord-head{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}@media (min-width: 768px){.chord-head{flex-direction:row}}.chord-head-cover{flex-shrink:0;align-self:flex-start;width:12rem;height:12rem;aspect-ratio:1 / 1;border-radius:20px;background:linear-gradient(to bottom,#fdfdfd,#d7d7d7);border:1px solid #6b6b6b;padding:.85rem;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px 2px #00000026,0 20px 32px #0003}.chord-head-cover img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}.chord-head-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.01em;color:#2a2a2a;text-shadow:0 1px 0 rgba(255,255,255,.6);line-height:1.1}.chord-head-artist{font-size:1.5rem;color:#404040;margin-top:.25rem}.chord-head-capo{font-size:.875rem;color:#404040;margin-top:.75rem}.chord-head-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.chord-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.chord-transpose{display:flex;align-items:center;gap:.5rem}.chord-transpose.is-disabled{opacity:.5}.chord-icon-btn{padding:.4rem .7rem}.chord-transpose-reset{min-width:64px}
