.note{background-color:#1a1b1e;color:#f8f9fa;font-weight:700;font-size:1rem;padding:0 4px;min-width:20px;text-align:center;border-radius:4px;cursor:default;transition:all .1s;box-shadow:0 0 0 2px #1a1b1e}.note.playing{color:#fff;background-color:#ef6954;transform:scale(1.3);box-shadow:0 0 15px #ef6954;z-index:100}.pick{color:#adb5bd;font-size:.9rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;opacity:.7}.bar-line{grid-row:1 / -1;width:2px;background:#f5b019;height:100%;margin:0 19px;opacity:.6;position:relative}.bar-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);color:#f5b019;font-size:.7rem;font-weight:700}.tab-widget[data-astro-cid-vzzsn4fz]{--bg-card: #1a1b1e;--bg-header: #25262b;--accent-color: #EF6954;--accent-hover: #ff6b81;--text-primary: #f8f9fa;--text-secondary: #adb5bd;--line-color: #495057;--note-bg: #1a1b1e;--bar-line-color: #F5B019;--play-btn-bg: #2f9e44;--stop-btn-bg: #c92a2a;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-card);border-radius:12px;box-shadow:0 20px 40px #0009;overflow:hidden;width:100%;border:1px solid #373a40}.tab-header[data-astro-cid-vzzsn4fz]{background-color:var(--bg-header);padding:20px;border-bottom:1px solid #373a40;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.title-group[data-astro-cid-vzzsn4fz] h3[data-astro-cid-vzzsn4fz]{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:800;letter-spacing:.5px}.title-group[data-astro-cid-vzzsn4fz] span[data-astro-cid-vzzsn4fz]{color:var(--accent-color);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:block}.controls[data-astro-cid-vzzsn4fz]{display:flex;gap:10px;align-items:center}.control-btn[data-astro-cid-vzzsn4fz]{border:none;padding:8px 16px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;font-size:.9rem;transition:transform .1s,opacity .2s;display:flex;align-items:center;gap:6px}.control-btn[data-astro-cid-vzzsn4fz]:active{transform:scale(.95)}.play-btn[data-astro-cid-vzzsn4fz]{background-color:var(--play-btn-bg)}.play-btn[data-astro-cid-vzzsn4fz]:hover{background-color:#37b24d}.stop-btn[data-astro-cid-vzzsn4fz]{background-color:var(--stop-btn-bg);opacity:.5;pointer-events:none}.stop-btn[data-astro-cid-vzzsn4fz].active{opacity:1;pointer-events:all}.bpm-control[data-astro-cid-vzzsn4fz]{display:flex;align-items:center;gap:8px;background:#0003;padding:5px 10px;border-radius:6px;border:1px solid #373a40}.bpm-control[data-astro-cid-vzzsn4fz] label[data-astro-cid-vzzsn4fz]{color:var(--text-secondary);font-size:.85rem;font-weight:700}.bpm-control[data-astro-cid-vzzsn4fz] input[data-astro-cid-vzzsn4fz]{background:transparent;border:none;color:var(--text-primary);width:45px;font-weight:700;text-align:center}.tab-scroll-container[data-astro-cid-vzzsn4fz]{overflow-x:auto;padding:40px 0;position:relative;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--bg-header)}.tab-grid[data-astro-cid-vzzsn4fz]{display:grid;grid-template-rows:30px repeat(6,32px);grid-auto-flow:column;grid-auto-columns:40px;position:relative;padding-left:10px;padding-right:50px;min-width:max-content}.string-names[data-astro-cid-vzzsn4fz]{position:sticky;left:0;background-color:var(--bg-card);z-index:50;display:flex;flex-direction:column;padding:0 12px;border-right:2px solid var(--accent-color);grid-row:2 / -1;box-shadow:4px 0 10px #00000080}.string-name[data-astro-cid-vzzsn4fz]{height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:800;font-family:monospace;font-size:1rem}.string-lines-container[data-astro-cid-vzzsn4fz]{position:absolute;inset:30px 0 0;z-index:0;pointer-events:none}.line[data-astro-cid-vzzsn4fz]{height:1px;background-color:var(--line-color);margin-top:16px;margin-bottom:31px;width:100%}.tab-footer[data-astro-cid-vzzsn4fz]{background-color:#ffffff08;padding:20px;border-top:1px solid #373a40;display:flex;gap:15px}.tip-icon[data-astro-cid-vzzsn4fz]{font-size:1.5rem}.tip-content[data-astro-cid-vzzsn4fz] h4[data-astro-cid-vzzsn4fz]{margin:0 0 8px;color:var(--text-primary)}.tip-content[data-astro-cid-vzzsn4fz] p[data-astro-cid-vzzsn4fz]{margin:0;color:#ced4da;line-height:1.5;font-size:.95rem}.tab-widget[data-astro-cid-zqjqwkca]{--bg-card: #1a1b1e;--bg-header: #25262b;--accent-color: #ff4757;--accent-hover: #ff6b81;--text-primary: #f8f9fa;--text-secondary: #adb5bd;--line-color: #495057;--note-bg: #1a1b1e;--bar-line-color: #fab005;--play-btn-bg: #2f9e44;--stop-btn-bg: #c92a2a;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-card);border-radius:12px;box-shadow:0 20px 40px #0009;overflow:hidden;width:100%;border:1px solid #373a40;margin-left:auto;margin-right:auto}.tab-header[data-astro-cid-zqjqwkca]{background-color:var(--bg-header);padding:20px;border-bottom:1px solid #373a40;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.title-group[data-astro-cid-zqjqwkca] h3[data-astro-cid-zqjqwkca]{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:800;letter-spacing:.5px}.title-group[data-astro-cid-zqjqwkca] span[data-astro-cid-zqjqwkca]{color:var(--accent-color);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.controls[data-astro-cid-zqjqwkca]{display:flex;gap:10px;align-items:center}.control-btn[data-astro-cid-zqjqwkca]{border:none;padding:8px 16px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;font-size:.9rem;transition:transform .1s,opacity .2s;display:flex;align-items:center;gap:6px}.control-btn[data-astro-cid-zqjqwkca]:active{transform:scale(.95)}.play[data-astro-cid-zqjqwkca]{background-color:var(--play-btn-bg)}.play[data-astro-cid-zqjqwkca]:hover{background-color:#37b24d}.stop[data-astro-cid-zqjqwkca]{background-color:var(--stop-btn-bg);opacity:.5;pointer-events:none}.stop[data-astro-cid-zqjqwkca].active{opacity:1;pointer-events:all}.bpm-control[data-astro-cid-zqjqwkca]{display:flex;align-items:center;gap:8px;background:#0003;padding:5px 10px;border-radius:6px;border:1px solid #373a40}.bpm-control[data-astro-cid-zqjqwkca] label[data-astro-cid-zqjqwkca]{color:var(--text-secondary);font-size:.85rem;font-weight:700}.bpm-control[data-astro-cid-zqjqwkca] input[data-astro-cid-zqjqwkca]{background:transparent;border:none;color:var(--text-primary);width:45px;font-weight:700;text-align:center}.tab-scroll-container[data-astro-cid-zqjqwkca]{overflow-x:auto;padding:40px 0;position:relative;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--bg-header)}.tab-grid[data-astro-cid-zqjqwkca]{display:grid;grid-template-rows:30px repeat(6,32px);grid-auto-flow:column;grid-auto-columns:40px;position:relative;padding-left:10px;padding-right:50px;min-width:max-content}.string-names[data-astro-cid-zqjqwkca]{position:sticky;left:0;background-color:var(--bg-card);z-index:50;display:flex;flex-direction:column;padding:0 12px;border-right:2px solid var(--accent-color);grid-row:2 / -1;box-shadow:4px 0 10px #00000080}.string-name[data-astro-cid-zqjqwkca]{height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:800;font-family:monospace;font-size:1rem}.string-lines-container[data-astro-cid-zqjqwkca]{position:absolute;inset:30px 0 0;z-index:0;pointer-events:none}.line[data-astro-cid-zqjqwkca]{height:1px;background-color:var(--line-color);margin-top:16px;margin-bottom:31px;width:100%}.note-cell{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;height:32px}.note{background-color:var(--note-bg);color:var(--text-primary);font-weight:700;font-size:1rem;padding:0 4px;min-width:20px;text-align:center;border-radius:4px;cursor:default;transition:all .1s;box-shadow:0 0 0 2px var(--bg-card)}.note.playing{color:#fff;background-color:var(--accent-color);transform:scale(1.3);box-shadow:0 0 15px var(--accent-color);z-index:100}.pick{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;opacity:.7}.pick.down:before{content:"∏"}.pick.up:before{content:"V"}.bar-line{grid-row:1 / -1;width:2px;background:var(--bar-line-color);height:100%;margin:0 19px;opacity:.6;position:relative}.bar-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);color:var(--bar-line-color);font-size:.7rem;font-weight:700}.tab-footer[data-astro-cid-zqjqwkca]{background-color:#ffffff08;padding:20px;border-top:1px solid #373a40;display:flex;gap:15px}.tip-icon[data-astro-cid-zqjqwkca]{font-size:1.5rem}.tip-content[data-astro-cid-zqjqwkca] h4[data-astro-cid-zqjqwkca]{margin:0 0 8px;color:var(--text-primary)}.tip-content[data-astro-cid-zqjqwkca] p[data-astro-cid-zqjqwkca]{margin:0;color:#ced4da;line-height:1.5;font-size:.95rem}div[data-astro-cid-zqjqwkca]::-webkit-scrollbar{height:10px}div[data-astro-cid-zqjqwkca]::-webkit-scrollbar-track{background:var(--bg-header)}div[data-astro-cid-zqjqwkca]::-webkit-scrollbar-thumb{background:var(--line-color);border-radius:5px}div[data-astro-cid-zqjqwkca]::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}