.vg{--vg-panel:#1a1a1a;--vg-panel-hi:#232226;--vg-border:#3d3b3e;--vg-text:#f4f4f4;--vg-muted:#8d8c8d;--vg-ring:#93b4ff;color:var(--vg-text);flex-direction:column;gap:16px;display:flex}.vg-bar{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.vg .ft-seg{background:var(--vg-panel);border-color:var(--vg-border)}.vg .ft-seg-item span{color:var(--vg-muted)}.vg .ft-seg-item:hover span{color:var(--vg-text)}.vg .ft-seg-item input:checked+span{color:#fff}.vg-toggles{flex-wrap:wrap;gap:6px;display:flex}.vg-toggle,.vg-pick{border:1px solid var(--vg-border);min-height:38px;color:var(--vg-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s!important}.vg-toggle:hover,.vg-pick:hover{color:var(--vg-text);border-color:#5f5e60}.vg-toggle--on,.vg-toggle--on:hover,.vg-pick--on,.vg-pick--on:hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.vg-pick--sq{min-width:44px;padding:8px 10px}.vg-toggle:focus-visible,.vg-pick:focus-visible,.vg-slot:focus-visible,.vg-strum-btn:focus-visible,.vg-text-btn:focus-visible,.vg-icon-btn:focus-visible{outline:2px solid var(--vg-ring);outline-offset:2px}.vg-landscape{color:var(--vg-muted);align-items:center;gap:8px;margin:0;font-size:13px;display:none}@media (max-width:600px) and (orientation:portrait){.vg-landscape{display:flex}}.vg-neck{width:100%;min-height:238px;position:relative}.vg-neck-placeholder{height:280px}.vg-neck-svg{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;font-family:var(--font-family-sans);display:block}.vg-head{fill:#121214}.vg-board{fill:#1f1d21}.vg-inlay{fill:var(--color-primary);opacity:.9}.vg-wire{stroke:#6e6d72;stroke-width:2.5px}.vg-nut{fill:#d4d4d8}.vg-str-line{stroke:#dcdce0;stroke-linecap:round}.vg-str-line--wound{stroke:#a9a8ae;stroke-dasharray:1.2 1.1}.vg-str-glow{stroke:var(--vg-ring);opacity:0;stroke-linecap:round}.vg-str{transform-box:fill-box}.vg-str--ring{animation:.9s linear vg-vibrate}.vg-str--ring .vg-str-glow{animation:1.1s ease-out vg-glow}.vg-str--ring .vg-str-line{animation:1.1s ease-out vg-bright}@keyframes vg-vibrate{0%{transform:translateY(0)}6%{transform:translateY(1.6px)}12%{transform:translateY(-1.4px)}18%{transform:translateY(1.2px)}24%{transform:translateY(-1px)}32%{transform:translateY(.8px)}42%{transform:translateY(-.6px)}54%{transform:translateY(.4px)}68%{transform:translateY(-.2px)}to{transform:translateY(0)}}@keyframes vg-glow{0%{opacity:.55}to{opacity:0}}@keyframes vg-bright{0%{stroke:#fff}}.vg-label{fill:var(--vg-muted);pointer-events:none;font-size:13px;font-weight:500}.vg-note{fill:#ffffff6b;pointer-events:none;font-size:11px}.vg-dot circle,.vg-dot--barre{fill:var(--color-primary);stroke:var(--vg-ring);stroke-width:1.5px}.vg-dot text{fill:#fff;pointer-events:none;font-size:13px;font-weight:500}.vg-dot--held circle{fill:#012fa78c;stroke:#93b4ff99}.vg-open{fill:none;stroke:var(--vg-ring);stroke-width:2px}.vg-muted{fill:var(--vg-muted);font-size:16px}.vg-flash{fill:var(--vg-ring);opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:50%}.vg-flash--on{animation:.5s ease-out vg-flash}@keyframes vg-flash{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.vg-num{fill:#5f5e60;font-size:11px}.vg-num--inlay{fill:var(--vg-muted)}@media (prefers-reduced-motion:reduce){.vg-str--ring{animation:none}}.vg-play{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.vg-readout{align-items:baseline;gap:12px;min-width:0;min-height:52px;display:flex}.vg-readout-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:300;line-height:1}.vg-readout-sub{color:var(--vg-muted);font-size:14px}.vg-strum{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vg-strum-btn{border:1px solid var(--vg-border);background:var(--vg-panel-hi);min-width:120px;min-height:64px;color:var(--vg-text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:500;display:inline-flex;transition:background-color .2s,transform .1s!important}.vg-strum-btn:hover{background:#2c2b30}.vg-strum-btn:active{background:var(--color-primary);border-color:var(--color-primary);transform:scale(.97)}.vg-text-btn,.vg-icon-btn{min-height:38px;color:var(--vg-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:14px;display:inline-flex}.vg-text-btn:hover:not(:disabled),.vg-icon-btn:hover{color:var(--vg-text)}.vg-text-btn:disabled{opacity:.45;cursor:default}.vg-icon-btn{border:1px solid var(--vg-border);justify-content:center;width:38px;padding:0}.vg-chords,.vg-editor,.vg-along{flex-direction:column;gap:14px;display:flex}.vg-chords{border-top:1px solid #ffffff14;padding-top:16px}.vg-field{flex-direction:column;gap:8px;display:flex}.vg-lbl{color:var(--vg-muted);font-size:13px}.vg-picks,.vg-slots{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vg-slots{gap:8px}.vg-slot{border:1px solid var(--vg-border);background:var(--vg-panel);min-width:92px;min-height:52px;color:var(--vg-text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;padding:8px 16px 8px 10px;display:inline-flex;transition:background-color .2s,border-color .2s!important}.vg-slot:hover{border-color:#5f5e60}.vg-slot--on,.vg-slot--on:hover{border-color:var(--color-primary);background:#012fa759}.vg-slot-key{border:1px solid var(--vg-border);width:22px;height:22px;color:var(--vg-muted);border-radius:6px;place-items:center;font-family:inherit;font-size:12px;display:grid}.vg-slot-name{font-size:20px;font-weight:400}.vg-editor{border:1px solid var(--vg-border);background:var(--vg-panel);border-radius:13px;padding:16px}.vg-editor-title{margin:0;font-size:16px}.vg-editor-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.vg-shape{color:var(--vg-muted);align-items:center;gap:10px;font-size:14px;display:inline-flex}.vg-editor-actions{gap:4px;display:flex}.vg-along-controls{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.vg-tempo{flex:260px;align-items:center;gap:12px;max-width:420px;display:flex}.vg-tempo .ft-range{--ft-track:#3d3b3e}.vg-tempo-value{min-width:64px;color:var(--vg-text);font-variant-numeric:tabular-nums;font-size:14px}.vg-form{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.vg-bar-cell{color:var(--vg-muted);text-align:center;border:1px solid #ffffff14;border-radius:8px;padding:10px 6px;font-size:15px;transition:background-color .15s,color .15s!important}.vg-bar-cell--on{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.vg-free{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.vg-hint{color:var(--vg-muted);margin:0;font-size:13px;line-height:1.5}.vg-keys{opacity:.85}@media (max-width:600px){.vg-readout-big{font-size:34px}.vg-strum{width:100%}.vg-strum-btn{flex:1 1 0;min-width:0}.vg-slot{flex:calc(50% - 8px);min-width:0}}