.sg{--sg-head: 68px;--sg-radius: 16px;--sg-chord: #e11d48;--sg-chord-soft: rgba(225, 29, 72, .1);--sg-mono: "SF Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;--sg-hero-tint: hsl(var(--sg-hue, 350) 92% 95%);--sg-hero-tint-2: hsl(calc(var(--sg-hue, 350) + 40) 90% 93%);background:var(--hp-bg)}:root[data-theme=dark] .sg{--sg-chord: #fb7185;--sg-chord-soft: rgba(251, 113, 133, .14);--sg-hero-tint: hsl(var(--sg-hue, 350) 45% 17%);--sg-hero-tint-2: hsl(calc(var(--sg-hue, 350) + 40) 40% 14%)}.sg button,.sg select{font-family:inherit}.sg-head{position:sticky;top:0;z-index:50;height:var(--sg-head);background:var(--hp-glass);border-bottom:1px solid var(--hp-line);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}.sg-head-inner{max-width:1640px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px}.sg-badge{padding:5px 11px;border-radius:999px;background:var(--hp-accent-soft);color:var(--hp-accent-ink);font-size:12.5px;font-weight:700;text-decoration:none;letter-spacing:.02em}.sg-search{position:relative;display:flex;align-items:center;gap:9px;height:44px;padding:0 12px;border:1px solid var(--hp-line-2);border-radius:12px;background:var(--hp-surface);color:var(--hp-dim);transition:border-color .2s,box-shadow .2s}.sg-search:focus-within{border-color:var(--hp-accent);box-shadow:0 0 0 3px var(--hp-accent-soft)}.sg-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--hp-ink);font:500 14px var(--hp-font)}.sg-search input::placeholder{color:var(--hp-dim);opacity:.85}.sg-search input::-webkit-search-cancel-button{display:none}.sg .sg-search :focus-visible{outline:none}.sg-head-search{flex:1;max-width:640px;margin-left:6px}.sg-search-sm{flex:1;height:40px}.sg-kbd{padding:1px 7px;border:1px solid var(--hp-line-2);border-radius:6px;font:600 12px var(--hp-mono);color:var(--hp-dim)}.sg-search-clear{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:var(--hp-surface-2);color:var(--hp-ink);cursor:pointer}.sg-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;margin:0;padding:6px;list-style:none;background:var(--hp-surface);border:1px solid var(--hp-line-2);border-radius:14px;box-shadow:var(--hp-shadow)}.sg-results li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer}.sg-results li.is-active{background:var(--hp-surface-2)}.sg-results li span{display:flex;flex-direction:column;min-width:0}.sg-results b{color:var(--hp-ink);font-size:14px}.sg-results small{color:var(--hp-dim);font-size:12px}.sg-results .sg-results-empty{cursor:default;color:var(--hp-dim);font-size:13.5px}.sg-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sg-tool{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1px solid var(--hp-line-2);border-radius:11px;background:var(--hp-surface);color:var(--hp-ink);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,transform .2s var(--hp-ease)}.sg-tool:hover:not(:disabled){border-color:var(--hp-ink);transform:translateY(-1px)}.sg-tool.is-on{background:var(--hp-accent-soft);border-color:var(--hp-accent);color:var(--hp-accent-ink)}.sg-tool:disabled{opacity:.45;cursor:default}.sg-icon-btn{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;padding:0;border:1px solid var(--hp-line-2);border-radius:10px;background:var(--hp-surface);color:var(--hp-ink);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.sg-icon-btn:hover,.sg-icon-btn.is-open{border-color:var(--hp-ink)}.sg-icon-btn.is-active{border-color:var(--hp-accent);color:var(--hp-accent-ink);background:var(--hp-accent-soft)}.sg-head-fav{color:var(--hp-accent)}.sg-dot-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hp-accent);color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center}.sg-premium{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:11px;background:linear-gradient(135deg,#f43f5e,#e11d48 55%,#be123c);color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 22px -12px #e11d48cc;transition:transform .2s var(--hp-ease),box-shadow .2s}.sg-premium:hover{transform:translateY(-1px);box-shadow:0 14px 26px -12px #e11d48e6}.sg-app-cta.hp-btn{height:40px;padding:0 16px;font-size:13.5px}.sg-theme .sg-theme-sun,.sg-theme .sg-theme-moon{display:grid;place-items:center}.sg-theme .sg-theme-moon{display:none}:root[data-theme=dark] .sg-theme .sg-theme-sun{display:none}:root[data-theme=dark] .sg-theme .sg-theme-moon{display:grid}:root[data-theme=dark] .sg-theme .hp-theme-track{background:#262c42}:root[data-theme=dark] .sg-theme .hp-theme-knob{transform:translate(24px) rotate(-30deg);background:#0f1220;color:#c4b5fd}.sg-layout{max-width:1640px;margin:0 auto;padding:18px 20px 28px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.sg-main{min-width:0}.sg-card{background:var(--hp-surface);border:1px solid var(--hp-line);border-radius:var(--sg-radius);box-shadow:var(--hp-shadow-sm)}.sg-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sg-card-head h2,.sg-card-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15.5px;font-weight:700;color:var(--hp-ink)}.sg-card-head h3{font-size:14px}.sg-head-ico{color:var(--hp-accent)}.sg-note{margin:8px 0 10px;font-size:12.5px;line-height:1.5;color:var(--hp-dim)}.sg-empty{margin:12px 0 2px;font-size:14px;color:var(--hp-dim)}.sg-link-btn{padding:0;border:0;background:none;color:var(--hp-accent-ink);font-size:13px;font-weight:600;cursor:pointer}.sg-link-btn:hover{text-decoration:underline}.sg-tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.6;white-space:nowrap;background:var(--hp-surface-2);color:var(--hp-ink-2)}.sg-tag.tone-easy{background:#10b98121;color:#047857}.sg-tag.tone-medium{background:#f59e0b29;color:#b45309}.sg-tag.tone-hard{background:#f43f5e21;color:#be123c}.sg-tag.tone-genre{background:#8b5cf61f;color:#6d28d9}.sg-tag.tone-tab{background:#3b82f61f;color:#1d4ed8}.sg-tag.tone-guitar{background:var(--hp-accent-soft);color:var(--hp-accent-ink)}.sg-tag.tone-capo{background:#f59e0b29;color:#b45309}.sg-tag.tone-content{background:#14b8a621;color:#0f766e}:root[data-theme=dark] .sg-tag.tone-easy{color:#6ee7b7}:root[data-theme=dark] .sg-tag.tone-medium,:root[data-theme=dark] .sg-tag.tone-capo{color:#fcd34d}:root[data-theme=dark] .sg-tag.tone-hard{color:#fda4af}:root[data-theme=dark] .sg-tag.tone-genre{color:#c4b5fd}:root[data-theme=dark] .sg-tag.tone-tab{color:#93c5fd}:root[data-theme=dark] .sg-tag.tone-content{color:#5eead4}.sg-chips{display:flex;flex-wrap:wrap;gap:6px}.sg-chip{display:inline-flex;align-items:center;padding:6px 13px;border:1px solid var(--hp-line-2);border-radius:999px;background:var(--hp-surface);color:var(--hp-ink-2);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.sg-chip:hover{border-color:var(--hp-accent);color:var(--hp-accent-ink)}.sg-chip.is-on{background:var(--hp-accent);border-color:var(--hp-accent);color:#fff}.sg-select{position:relative;display:inline-flex;align-items:center}.sg-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:38px;padding:0 32px 0 12px;border:1px solid var(--hp-line-2);border-radius:10px;background:var(--hp-surface);color:var(--hp-ink);font-size:14px;font-weight:600;cursor:pointer}.sg-select select:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}.sg-select>svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--hp-dim)}.sg-select-sm select{height:34px;font-size:13px}.sg-ctl{display:flex;flex-direction:column;gap:6px}.sg-ctl-label{font-size:12.5px;font-weight:600;color:var(--hp-dim)}.sg-stepper{display:inline-flex;align-items:stretch;height:38px;border:1px solid var(--hp-line-2);border-radius:10px;background:var(--hp-surface);overflow:hidden}.sg-stepper button{display:grid;place-items:center;width:34px;padding:0;border:0;background:none;color:var(--hp-ink);cursor:pointer}.sg-stepper button:hover:not(:disabled){background:var(--hp-surface-2);color:var(--hp-accent-ink)}.sg-stepper button:disabled{opacity:.35;cursor:default}.sg-stepper output{display:grid;place-items:center;min-width:62px;padding:0 4px;border-left:1px solid var(--hp-line);border-right:1px solid var(--hp-line);font-size:14px;font-weight:600;color:var(--hp-ink);white-space:nowrap}.sg-stepper-sm{height:32px}.sg-stepper-sm button{width:30px}.sg-stepper-sm output{min-width:56px;font-size:13px}.sg-switch{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--hp-ink-2);font-size:13px;font-weight:600;cursor:pointer}.sg-switch-track{position:relative;width:38px;height:22px;border-radius:999px;background:var(--hp-line-2);transition:background-color .2s}.sg-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .25s var(--hp-spring)}.sg-switch.is-on .sg-switch-track{background:var(--hp-accent)}.sg-switch.is-on .sg-switch-knob{transform:translate(16px)}.sg-menu-wrap{position:relative;display:inline-flex}.sg-menu{position:absolute;top:calc(100% + 6px);z-index:45;min-width:210px;padding:6px;background:var(--hp-surface);border:1px solid var(--hp-line-2);border-radius:12px;box-shadow:var(--hp-shadow);animation:sg-pop .16s var(--hp-ease)}.sg-menu.align-end{right:0}.sg-menu.align-start{left:0}@keyframes sg-pop{0%{opacity:0;transform:translateY(-4px)}}.sg-menu [role^=menuitem]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--hp-ink);font-size:13.5px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer}.sg-menu [role^=menuitem]:hover,.sg-menu [role^=menuitem]:focus-visible{background:var(--hp-surface-2);outline:none}.sg-menu [role^=menuitem] svg{color:var(--hp-dim);flex-shrink:0}.sg-menu-check{width:16px;color:var(--hp-accent);font-weight:700;text-align:center}.sg-menu hr{margin:5px 4px;border:0;border-top:1px solid var(--hp-line)}.sg-menu-head{margin:4px 10px 2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hp-dim)}.sg-side{position:sticky;top:calc(var(--sg-head) + 16px);display:flex;flex-direction:column;max-height:calc(100vh - var(--sg-head) - 32px);padding-top:18px;background:var(--hp-surface);border:1px solid var(--hp-line);border-radius:var(--sg-radius);box-shadow:var(--hp-shadow-sm)}.sg-side-head{padding:0 18px}.sg-side-head h1,.sg-side-head h2{margin:0;font-family:var(--hp-display);font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--hp-ink)}.sg-side-head p{margin:3px 0 0;font-size:13px;color:var(--hp-dim)}.sg-libtabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;padding:0 10px;border-bottom:1px solid var(--hp-line)}.sg-libtabs button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 4px 11px;border:0;border-bottom:2px solid transparent;background:none;color:var(--hp-dim);font-size:13.5px;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s}.sg-libtabs button:hover{color:var(--hp-ink)}.sg-libtabs button.is-on{color:var(--hp-accent-ink);border-bottom-color:var(--hp-accent)}.sg-count-badge{padding:0 6px;border-radius:999px;background:var(--hp-accent-soft);color:var(--hp-accent-ink);font-size:11px;line-height:17px}.sg-side-search{display:flex;gap:8px;padding:14px 18px 0}.sg-filter-pop{min-width:220px;padding:12px 14px}.sg-filter-pop fieldset{margin:0 0 10px;padding:0;border:0}.sg-filter-pop legend{margin-bottom:4px;font-size:12px;font-weight:700;color:var(--hp-dim);text-transform:uppercase;letter-spacing:.05em}.sg-check{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13.5px;color:var(--hp-ink);cursor:pointer}.sg-check input{width:16px;height:16px;accent-color:var(--hp-accent)}.sg-cats{padding:12px 18px 0}.sg-cats .sg-chip{padding:5px 12px;font-size:12.5px}.sg-sort{padding:14px 18px 0}.sg-sort>label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--hp-ink)}.sg-sort-row{display:flex;gap:8px}.sg-sort-row .sg-select{flex:1}.sg-list-count{display:flex;justify-content:space-between;align-items:center;margin:0;padding:12px 18px 6px;font-size:12.5px;color:var(--hp-dim)}.sg-list{flex:1;min-height:0;margin:0;padding:0 8px 10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--hp-line)}.sg-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;margin-top:4px;border-radius:12px;transition:background-color .2s}.sg-row:hover{background:var(--hp-surface-2)}.sg-row.is-current{background:var(--hp-accent-soft);box-shadow:inset 3px 0 0 var(--hp-accent)}.sg-row-link{display:flex;align-items:center;gap:12px;min-width:0;padding:7px 4px 7px 8px;border-radius:12px;color:var(--hp-ink);text-decoration:none}.sg-row-text{display:flex;flex-direction:column;min-width:0}.sg-row-title{overflow:hidden;font-size:14.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.sg-row-artist{overflow:hidden;font-size:12.5px;color:var(--hp-dim);white-space:nowrap;text-overflow:ellipsis}.sg-row-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.sg-row-tags .sg-tag{padding:0 7px;font-size:10.5px}.sg-row-fav,.sg-heart{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:none;color:var(--hp-dim);cursor:pointer;transition:color .2s,transform .25s var(--hp-spring)}.sg-row-fav:hover,.sg-heart:hover,.sg-row-fav.is-on,.sg-heart.is-on{color:var(--hp-accent)}.sg-row-fav:active,.sg-heart:active{transform:scale(.85)}.sg-row-more .sg-icon-btn{width:30px;height:30px;margin-right:4px;border-color:transparent;background:none;color:var(--hp-dim)}.sg-row-more .sg-icon-btn:hover,.sg-row-more .sg-icon-btn.is-open{border-color:var(--hp-line-2);color:var(--hp-ink)}.sg-list-empty{padding:22px 12px;text-align:center;font-size:13.5px;color:var(--hp-dim)}.sg-list-empty p{margin:0 0 8px}.sg-cover{position:relative;display:grid;place-items:center;flex-shrink:0;overflow:hidden;color:#fff;box-shadow:inset 0 0 0 1px #ffffff2e}.sg-cover-strings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:#ffffff52}.sg-cover-initials{position:relative;font-family:var(--hp-display);font-weight:800;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.25)}.sg-cover-xs{width:34px;height:34px;border-radius:8px;font-size:12px}.sg-cover-sm{width:52px;height:52px;border-radius:11px;font-size:17px}.sg-cover-lg{width:168px;height:120px;border-radius:14px;font-size:40px;box-shadow:0 18px 34px -18px #1417228c,inset 0 0 0 1px #ffffff2e}.sg-crumbs{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13px;color:var(--hp-dim)}.sg-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.sg-crumbs li+li:before{content:"/";margin-right:6px;opacity:.6}.sg-crumbs a{color:var(--hp-dim);text-decoration:none}.sg-crumbs a:hover{color:var(--hp-accent-ink);text-decoration:underline}.sg-crumbs [aria-current]{color:var(--hp-ink);font-weight:600}.sg-back{display:none;align-items:center;gap:4px;padding:7px 12px 7px 8px;border:1px solid var(--hp-line-2);border-radius:999px;background:var(--hp-surface);font-weight:600}.sg-crumbs .sg-back{color:var(--hp-ink)}.sg-featured{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px 11px;border-radius:999px;background:var(--hp-accent-soft);color:var(--hp-accent-ink);font-size:12.5px;font-weight:700}.sg-hero{position:relative;display:flex;align-items:center;gap:22px;padding:18px;overflow:hidden;border:1px solid var(--hp-line);border-radius:var(--sg-radius);background:linear-gradient(105deg,var(--hp-surface) 30%,var(--sg-hero-tint) 72%,var(--sg-hero-tint-2));box-shadow:var(--hp-shadow-sm)}.sg-hero:after{content:"";position:absolute;right:-60px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:36px solid hsl(var(--sg-hue, 350) 80% 70% / .12);pointer-events:none}.sg-hero-text{position:relative;z-index:1;min-width:0}.sg-hero-title{display:flex;align-items:center;gap:6px}.sg-hero-title h1,.sg-hero-title h2{margin:0 4px 0 0;font-family:var(--hp-display);font-size:clamp(25px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--hp-ink)}.sg-hero-title h2 a{color:inherit;text-decoration:none}.sg-hero-title h2 a:hover{text-decoration:underline;text-decoration-thickness:2px}.sg-heart{width:40px;height:40px;color:var(--hp-accent)}.sg-hero-title .sg-icon-btn{border-color:transparent;background:none}.sg-hero-sub{margin:6px 0 0;font-size:15px;color:var(--hp-ink-2)}.sg-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.sg-tags .sg-tag{padding:3px 11px;font-size:12px}.sg-controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 14px;background:var(--hp-surface);border:1px solid var(--hp-line);border-radius:var(--sg-radius);box-shadow:var(--hp-shadow-sm)}.sg-controls-main{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.sg-controls .sg-select select{min-width:108px}.sg-metro{display:grid;place-items:center;width:40px;height:38px;padding:0;border:1px solid var(--hp-line-2);border-radius:10px;background:var(--hp-surface);color:var(--hp-ink);cursor:pointer;transition:background-color .15s,border-color .2s,color .2s}.sg-metro:hover{border-color:var(--hp-ink)}.sg-metro.is-on{border-color:var(--hp-accent);background:var(--hp-accent-soft);color:var(--hp-accent-ink)}.sg-metro.is-on.is-one{background:var(--hp-accent);color:#fff}.sg-views{display:flex;align-items:stretch;gap:4px}.sg-view{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:66px;padding:7px 10px;border:1px solid transparent;border-radius:12px;background:none;color:var(--hp-ink-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.sg-view:hover:not(:disabled){background:var(--hp-surface-2)}.sg-view.is-on{background:var(--hp-accent-soft);border-color:#f43f5e59;color:var(--hp-accent-ink)}.sg-view:disabled{opacity:.38;cursor:not-allowed}.sg-view.is-open{border-color:var(--hp-line-2)}.sg-body{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:16px;align-items:start;margin-top:14px}.sg-sheet-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--hp-line)}.sg-seg{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:var(--hp-surface-2)}.sg-seg button{padding:8px 16px;border:0;border-radius:9px;background:none;color:var(--hp-dim);font-size:13.5px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.sg-seg button:hover{color:var(--hp-ink)}.sg-seg button.is-on{background:var(--hp-surface);color:var(--hp-accent-ink);box-shadow:0 1px 3px #1417221f,0 0 0 1px var(--hp-line)}.sg-sheet-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sg-size{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--hp-ink-2)}.sg-sheet-tools .sg-icon-btn{width:34px;height:34px}.sg-sheet-body{--sg-scale: 1;padding:18px 20px 10px;font-size:calc(15px * var(--sg-scale))}.sg-sec{margin:0 0 1.4em}.sg-sec-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:.65em}.sg-sec-name{margin:0;padding:4px 12px;border-radius:8px;background:var(--hp-surface-2);color:var(--hp-ink);font-size:.86em;font-weight:700}.sg-sec-chords{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px 6px;border-radius:8px;background:var(--sg-chord-soft)}.sg-chip-chord{padding:1px 6px;border:0;border-radius:6px;background:none;color:var(--sg-chord);font-family:var(--sg-mono);font-size:.84em;font-weight:700;cursor:pointer}.sg-chip-chord:hover,.sg-chip-chord.is-sel{background:var(--hp-surface)}.sg-lines{padding-left:2px}.sg-line{display:flex;flex-wrap:wrap;align-items:flex-end;margin:0 0 .5em;font-family:var(--sg-mono);line-height:1.38;color:var(--hp-ink)}.sg-line.is-plain{display:block;white-space:pre-wrap}.sg-line.is-spacer{height:.6em}.sg-ly{display:inline-flex;flex-direction:column;max-width:100%}.sg-ly-chord{min-height:1.38em;padding-right:.55em;white-space:nowrap}.sg-ly-text{white-space:pre-wrap}.sg-chord{padding:0 1px;border:0;border-radius:4px;background:none;color:var(--sg-chord);font:inherit;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s}.sg-chord:hover,.sg-chord.is-sel{background:var(--sg-chord-soft)}.sg-chord.is-active{background:var(--sg-chord);color:#fff}.sg-cline{display:flex;flex-wrap:wrap;gap:.4em 1.1em;margin:0 0 .55em;font-family:var(--sg-mono);font-size:1.05em}.sg-cline.is-hold{color:var(--hp-dim)}.sg-secs:not([hidden])+.sg-tabsheet{margin-top:1.4em;padding-top:1.2em;border-top:1px dashed var(--hp-line-2)}.sg-tab-title{margin:0;font-size:1em;font-weight:700;color:var(--hp-ink)}.sg-pre{margin:0 0 1em;padding:14px 16px;overflow-x:auto;border-radius:12px;background:var(--hp-surface-2);color:var(--hp-ink);font-family:var(--sg-mono);font-size:calc(13px * var(--sg-scale));line-height:1.38;-moz-tab-size:4;tab-size:4}.sg-pre:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}.sg-about{padding:16px 20px 20px;border-top:1px solid var(--hp-line)}.sg-about h2{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--hp-ink)}.sg-about p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--hp-ink-2)}.sg-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}.sg-tools>*{min-width:0}.sg-chords,.sg-strum,.sg-beats,.sg-fret{padding:14px 16px 16px}.sg-pill{padding:4px 11px;border-radius:999px;background:var(--hp-surface-2);color:var(--hp-ink-2);font-size:12px;font-weight:600;white-space:nowrap}.sg-pill.is-accent{background:var(--hp-accent-soft);color:var(--hp-accent-ink)}.sg-chord-tabs{display:flex;gap:2px;margin:12px 0 14px;overflow-x:auto;border-bottom:1px solid var(--hp-line);scrollbar-width:thin}.sg-chord-tabs button{flex:1 0 auto;min-width:46px;padding:8px 10px 9px;border:0;border-bottom:2px solid transparent;background:none;color:var(--hp-dim);font-size:14px;font-weight:700;cursor:pointer;transition:color .2s,border-color .2s}.sg-chord-tabs button:hover{color:var(--hp-ink)}.sg-chord-tabs button.is-on{color:var(--hp-accent-ink);border-bottom-color:var(--hp-accent);background:linear-gradient(to top,var(--hp-accent-soft),transparent 80%)}.sg-chord-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.sg-chord-view{display:flex;flex-direction:column;align-items:center;gap:6px}.sg-chord-name{margin:0;font-family:var(--hp-display);font-size:22px;font-weight:800;color:var(--hp-ink)}.sg-chord-nav{display:flex;align-items:center;gap:4px}.sg-round{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;padding:0;border:1px solid var(--hp-line-2);border-radius:50%;background:var(--hp-surface);color:var(--hp-ink);cursor:pointer}.sg-round:hover{border-color:var(--hp-ink)}.sg-cd{--line: #c2c7d2;--text-dim: #5c6675;--accent-1: #f43f5e;width:104px;padding:5px;border:1px solid #e3e5ec;border-radius:12px;background:#fff;cursor:pointer;transition:transform .15s var(--hp-ease),box-shadow .2s,border-color .2s}.sg-cd:hover{border-color:var(--hp-accent);box-shadow:0 8px 18px -10px #e11d4880;transform:translateY(-1px)}.sg-cd:active{transform:scale(.98)}.sg-cd .cd{display:block;width:100%;height:auto}.sg-cd .cd-fretnum{fill:var(--text-dim);font-size:9px;font-weight:600;opacity:.8}.sg-cd .cd-finger{fill:#fff;font-size:12px;font-weight:700}.sg-soft-btn{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:7px 10px;white-space:nowrap;border:1px solid var(--hp-line-2);border-radius:10px;background:var(--hp-surface);color:var(--hp-ink);font-size:12.5px;font-weight:600;cursor:pointer}.sg-soft-btn:hover{border-color:var(--hp-accent);color:var(--hp-accent-ink)}.sg-chord-info{padding:12px;border:1px solid var(--hp-line);border-radius:12px}.sg-chord-info h3{margin:0 0 8px;font-size:13.5px;font-weight:700;color:var(--hp-ink)}.sg-chord-info dl{display:grid;gap:9px;margin:0}.sg-chord-info dl>div{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:4px}.sg-chord-info dt{font-size:12px;color:var(--hp-dim)}.sg-chord-info dd{margin:0;font-size:13px;font-weight:600;color:var(--hp-ink)}.sg-fingers{display:flex;flex-wrap:wrap;gap:4px}.sg-finger{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--hp-accent);color:#fff;font-size:11.5px;font-weight:700}.sg-finger.f2{background:#e11d48}.sg-finger.f3{background:#be123c}.sg-finger.f4{background:#9f1239}.sg-strum .sg-select{margin-top:10px;width:100%}.sg-strum-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.sg-strokes{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.sg-stroke{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:28px}.sg-stroke-glyph{display:grid;place-items:center;min-width:28px;height:32px;padding:0 3px;border-radius:8px;background:var(--hp-accent-soft);color:var(--hp-accent-deep);font-size:19px;font-weight:800;line-height:1;transition:background-color .08s,color .08s,transform .1s}.sg-stroke.up .sg-stroke-glyph{background:#8b5cf61f;color:#7c3aed}.sg-stroke.ghost .sg-stroke-glyph{opacity:.55}.sg-stroke.accent .sg-stroke-glyph{box-shadow:inset 0 0 0 2px currentColor}.sg-stroke.rest .sg-stroke-glyph{background:var(--hp-surface-2);color:var(--hp-dim)}.sg-stroke.mute .sg-stroke-glyph{background:var(--hp-surface-2);color:var(--hp-ink)}.sg-stroke.finger .sg-stroke-glyph,.sg-stroke.bass .sg-stroke-glyph{font-size:12px;background:#14b8a621;color:#0f766e}.sg-stroke.is-now .sg-stroke-glyph{background:var(--hp-accent);color:#fff;transform:translateY(-2px)}.sg-stroke-count{font-size:10.5px;font-weight:600;color:var(--hp-dim)}:root[data-theme=dark] .sg-stroke-glyph{color:#fda4af}:root[data-theme=dark] .sg-stroke.up .sg-stroke-glyph{color:#c4b5fd}.sg-play{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0 0 0 2px;border:0;border-radius:50%;background:linear-gradient(135deg,#f43f5e,#e11d48 55%,#be123c);color:#fff;box-shadow:0 10px 20px -10px #e11d48d9;cursor:pointer;transition:transform .2s var(--hp-ease)}.sg-play:hover{transform:scale(1.06)}.sg-play.is-on{padding:0;background:var(--hp-ink);color:var(--hp-bg);animation:sg-breathe 1.4s ease-in-out infinite}@keyframes sg-breathe{50%{box-shadow:0 0 0 7px var(--hp-accent-soft)}}.sg-strum-lib{margin-top:12px;padding-top:12px;border-top:1px solid var(--hp-line)}.sg-strum-lib .sg-chips{margin-top:10px}.sg-strum-lib .sg-chip,.sg-beats .sg-chip{padding:5px 11px;font-size:12.5px}.sg-see-all{font-size:12.5px;font-weight:700;color:var(--hp-accent-ink);text-decoration:none}.sg-see-all:hover{text-decoration:underline}.sg-beats .sg-card-head{flex-wrap:wrap}.sg-beats-ctl{display:flex;align-items:center;gap:8px}.sg-beats-ctl .sg-play{width:38px;height:38px}.sg-beats .sg-chips{margin-top:12px}.sg-beat-dots{display:flex;align-items:center;gap:8px;margin-top:14px}.sg-beat-dots span:not(.sg-beat-meter){width:11px;height:11px;border-radius:50%;background:var(--hp-line-2);transition:transform .08s,background-color .08s}.sg-beat-dots span.is-one{box-shadow:0 0 0 2px var(--hp-surface),0 0 0 3px var(--hp-line-2)}.sg-beat-dots span.is-now{background:var(--hp-accent);transform:scale(1.35)}.sg-beat-meter{margin-left:auto;font-size:12px;font-weight:600;color:var(--hp-dim)}.sg-fret .sg-card-head{flex-wrap:wrap;align-items:flex-end}.sg-fret:focus{outline:none}.sg-fret:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}.sg-fret-ctl{display:flex;align-items:flex-end;gap:8px;width:100%}.sg-fret-ctl .sg-select{display:grid;flex:1;min-width:0}.sg-fret-ctl .sg-select select{min-width:0}.sg-select-label{margin:0 0 3px 2px;font-size:11.5px;font-weight:600;color:var(--hp-dim)}.sg-fret-ctl .sg-select>svg{top:auto;bottom:10px;transform:none}.sg-fret-ctl .sg-icon-btn{width:34px;height:34px}.sg-neck-wrap{margin-top:12px;overflow-x:auto;border-radius:10px}.sg-neck{display:block;width:100%;min-width:340px;height:auto}.sg-wood-a{stop-color:#8a5a34}.sg-wood-b{stop-color:#573519}.sg-neck-inlay{fill:#fff4e166}.sg-neck-fret{stroke:#cdbb9b;stroke-width:1.6}.sg-neck-nut{stroke:#f3ead8;stroke-width:4.5}.sg-neck-string{stroke:#ece5d6;opacity:.92}.sg-neck-sname,.sg-neck-num{fill:var(--hp-dim);font-size:10px;font-weight:700;font-family:var(--hp-font)}.sg-neck-capo{fill:#1f2433;opacity:.88}.sg-neck-capo-label{fill:var(--hp-dim);font-size:8.5px;font-weight:700;font-family:var(--hp-font)}.sg-neck-dot text{fill:#fff;font-size:9.5px;font-weight:800;font-family:var(--hp-font);pointer-events:none}.sg-neck-dot circle{stroke:#00000040;stroke-width:1}.sg-neck-dot.is-root circle{stroke:#fff;stroke-width:2.2}.sg-neck-muted{fill:var(--hp-dim);font-size:14px;font-weight:700}.sg-related{margin-top:16px;padding:16px 18px 18px;background:var(--hp-surface);border:1px solid var(--hp-line);border-radius:var(--sg-radius)}.sg-related h2{margin:0 0 12px;font-size:15.5px;font-weight:700;color:var(--hp-ink)}.sg-related ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.sg-related li a{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--hp-line);border-radius:12px;color:var(--hp-ink);text-decoration:none;transition:border-color .2s,transform .2s var(--hp-ease)}.sg-related li a:hover{border-color:var(--hp-accent);transform:translateY(-1px)}.sg-related li span{display:flex;flex-direction:column;min-width:0}.sg-related b{overflow:hidden;font-size:13.5px;white-space:nowrap;text-overflow:ellipsis}.sg-related small{overflow:hidden;font-size:11.5px;color:var(--hp-dim);white-space:nowrap;text-overflow:ellipsis}.sg-related-all{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--hp-accent-ink);text-decoration:none}.sg-related-all:hover{text-decoration:underline}.sg-notfound{padding:28px}.sg-notfound h1{margin:0 0 8px;font-family:var(--hp-display);font-size:28px}.sg-notfound p{color:var(--hp-dim)}.sg-notfound ul{margin:0 0 18px;padding-left:18px;line-height:1.9}.sg-notfound ul a{color:var(--hp-accent-ink)}.sg-foot{max-width:1640px;margin:0 auto;padding:6px 20px 40px;font-size:13px;color:var(--hp-dim)}.sg-foot p{max-width:760px;margin:0 0 10px;line-height:1.6}.sg-foot a{color:var(--hp-ink-2)}.sg-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px}.sg-foot nav a{text-decoration:none}.sg-foot nav a:hover{color:var(--hp-accent-ink);text-decoration:underline}.sg-toast{position:fixed;left:50%;bottom:24px;z-index:80;padding:10px 16px;border-radius:12px;background:var(--hp-ink);color:var(--hp-bg);font-size:13.5px;font-weight:600;box-shadow:var(--hp-shadow);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s,transform .25s var(--hp-ease)}.sg-toast.is-on{opacity:1;transform:translate(-50%)}@media (max-width: 1440px){.sg-body{grid-template-columns:minmax(0,1fr) 380px}.sg-related ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1240px){.sg-layout{grid-template-columns:276px minmax(0,1fr)}.sg-body{grid-template-columns:minmax(0,1fr)}.sg-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sg-fret{grid-column:1 / -1}.sg-tool span,.sg-app-cta span{display:none}.sg-tool{padding:0 11px}.sg-app-cta.hp-btn{padding:0 12px}}@media (max-width: 1040px){.sg-premium span{display:none}.sg-premium{padding:0 12px}.sg-cover-lg{width:132px;height:100px;font-size:32px}}@media (max-width: 900px){.sg{--sg-head: 112px}.sg-head{height:auto}.sg-head-inner{flex-wrap:wrap;gap:10px;padding:10px 14px}.sg-head-search{order:5;flex-basis:100%;max-width:none;margin:0}.sg-layout{grid-template-columns:minmax(0,1fr);padding:14px 14px 24px}.sg.is-song .sg-side,.sg.is-index .sg-main{display:none}.sg-side{position:static;max-height:none}.sg-list{overflow:visible}.sg-back{display:inline-flex}.sg-crumbs ol{display:none}.sg-tools{grid-template-columns:minmax(0,1fr)}.sg-kbd{display:none}}@media (max-width: 680px){.sg-badge,.sg-app-cta{display:none}.sg-hero{gap:14px;padding:14px}.sg-cover-lg{width:84px;height:84px;font-size:24px;border-radius:12px}.sg-hero-sub{font-size:14px}.sg-controls{padding:12px}.sg-controls-main{gap:12px}.sg-views{width:100%;overflow-x:auto}.sg-view{flex:1 0 auto;min-width:60px}.sg-sheet-body{padding:14px 14px 6px}.sg-size-label{display:none}.sg-chord-body,.sg-related ul{grid-template-columns:minmax(0,1fr)}}@media (max-width: 460px){.sg-head-actions{gap:6px}.sg-head-inner .hp-brand-name{display:none}.sg-sheet-tools>.sg-icon-btn{display:none}.sg-sheet-tools{gap:8px}.sg-tool,.sg-premium{width:38px;padding:0;justify-content:center}.sg-seg button{padding:7px 10px;font-size:12.5px}}@media (max-width: 360px){.sg-head-actions .sg-theme{display:none}}@media (prefers-reduced-motion: reduce){.sg *,.sg *:before,.sg *:after{animation:none!important;transition:none!important}}@media print{@page{margin:14mm}.sg-head,.sg-side,.sg-controls,.sg-tools,.sg-related,.sg-foot,.sg-toast,.sg-sheet-bar,.sg-crumbs,.sg-featured,.sg-hero .sg-heart,.sg-hero .sg-menu-wrap,.hp-skip,.tm{display:none!important}.sg,.sg-layout,.sg-body{display:block;padding:0;background:#fff}.sg-hero,.sg-card{border:0;box-shadow:none;background:#fff}.sg-hero{padding:0 0 10px}.sg-hero:after,.sg-cover{display:none}.sg-sheet-body{padding:0}.sg-chord{color:#000;text-decoration:underline}.sg-sec{break-inside:avoid}.sg-pre{background:none;border:1px solid #ccc;overflow:visible;white-space:pre}}