:root[data-theme=akai-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(255, 92, 99, .28) 44%, rgba(191, 197, 207, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #ff5c63;--accent-bg: rgba(255, 92, 99, .18);--accent-border: rgba(255, 92, 99, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #ff5c63;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #bfc5cf;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #bfc5cf;--pattern-add-bg: #ff5c63;--pattern-add-bg-hover: rgba(255, 92, 99, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #ff5c63;--fret-guide-included: black;--fret-root: #bfc5cf}:root[data-theme=akai-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(215, 38, 45, .14) 44%, rgba(17, 17, 17, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d7262d;--accent-bg: rgba(215, 38, 45, .12);--accent-border: rgba(215, 38, 45, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d7262d;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #111111;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d7262d;--pattern-add-bg: #111111;--pattern-add-bg-hover: rgba(17, 17, 17, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d7262d;--fret-guide-included: black;--fret-root: #111111}:root[data-theme=arturia-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(143, 154, 168, .28) 44%, rgba(241, 170, 78, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #8f9aa8;--accent-bg: rgba(143, 154, 168, .18);--accent-border: rgba(143, 154, 168, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #8f9aa8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f1aa4e;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f1aa4e;--pattern-add-bg: #8f9aa8;--pattern-add-bg-hover: rgba(143, 154, 168, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #8f9aa8;--fret-guide-included: black;--fret-root: #f1aa4e}:root[data-theme=arturia-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(31, 41, 55, .14) 44%, rgba(217, 119, 6, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1f2937;--accent-bg: rgba(31, 41, 55, .12);--accent-border: rgba(31, 41, 55, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1f2937;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #d97706;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1f2937;--pattern-add-bg: #d97706;--pattern-add-bg-hover: rgba(217, 119, 6, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1f2937;--fret-guide-included: black;--fret-root: #d97706}:root[data-theme=billy-strings-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #1b2715 0%, #121a10 55%, #2a2117 100%);--border: #53634a;--code-bg: rgba(18, 26, 16, .92);--accent: #95c85b;--accent-bg: rgba(149, 200, 91, .16);--accent-border: rgba(149, 200, 91, .4);--social-bg: rgba(18, 26, 16, .8);--shadow: rgba(0, 0, 0, .46) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #090d08;--color-silver: #76806d;--home-tabs-bg: #628c2e;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #c09042;--header-control-bg: rgba(18, 26, 16, .88);--header-control-border: #53634a;--header-control-text: #fff8f2;--tablature-bg: rgba(18, 26, 16, .92);--tablature-text: #fff8f2;--pattern-outline: #73806a;--pattern-positive-bg: #345220;--pattern-negative-bg: #5b3d25;--pattern-stepper-bg: #273120;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #7cb645;--pattern-stepper-negative-border: #c58e57;--pattern-remove-border: #d5b152;--pattern-remove-bg: #59471a;--pattern-remove-text: #fff2bf;--pattern-add-border: #7ab946;--pattern-add-bg: #679f38;--pattern-add-bg-hover: #57892d;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5b3d25;--fret-bg: #766346;--fret-line: #eef3e3;--fret-included: #f8fafc;--fret-primary: #bef264;--fret-guide-included: black;--fret-root: #f59e0b}:root[data-theme=billy-strings-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #f9fbf3 0%, #eef5de 40%, #f7ecd5 100%);--border: #c7d5b3;--code-bg: rgba(255, 255, 255, .86);--accent: #628c2e;--accent-bg: rgba(98, 140, 46, .12);--accent-border: rgba(98, 140, 46, .34);--social-bg: rgba(255, 255, 255, .74);--shadow: rgba(63, 82, 40, .14) 0 12px 20px -8px, rgba(63, 82, 40, .07) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #1f2e1c;--color-silver: #c9d0bf;--home-tabs-bg: #628c2e;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #b07d32;--header-control-bg: rgba(255, 255, 255, .88);--header-control-border: #c7d5b3;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .9);--tablature-text: #1a130f;--pattern-outline: #9fae8f;--pattern-positive-bg: #e2f0d2;--pattern-negative-bg: #f9e3cb;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #99c470;--pattern-stepper-negative-border: #dab28a;--pattern-remove-border: #ddbb63;--pattern-remove-bg: #fbf1cb;--pattern-remove-text: #4e3c13;--pattern-add-border: #6ea63a;--pattern-add-bg: #7ab946;--pattern-add-bg-hover: #679f38;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #f6e6d7;--fret-bg: #e1d3b7;--fret-line: #31402d;--fret-included: #111827;--fret-primary: #4d7c0f;--fret-guide-included: black;--fret-root: #a16207}:root[data-theme=black-metal-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(148, 163, 184, .28) 44%, rgba(248, 113, 113, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #94a3b8;--accent-bg: rgba(148, 163, 184, .18);--accent-border: rgba(148, 163, 184, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #94a3b8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f87171;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f87171;--pattern-add-bg: #94a3b8;--pattern-add-bg-hover: rgba(148, 163, 184, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #56422e;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #94a3b8;--fret-guide-included: black;--fret-root: #f87171}:root[data-theme=black-metal-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(100, 116, 139, .14) 44%, rgba(239, 68, 68, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #64748b;--accent-bg: rgba(100, 116, 139, .12);--accent-border: rgba(100, 116, 139, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #64748b;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #ef4444;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #64748b;--pattern-add-bg: #ef4444;--pattern-add-bg-hover: rgba(239, 68, 68, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #c7b396;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #64748b;--fret-guide-included: black;--fret-root: #ef4444}:root[data-theme=blue-dark]{--text: #dbeafe;--text-h: #eff6ff;--bg: linear-gradient(180deg, #101a2b 0%, rgba(96, 165, 250, .26) 48%, rgba(59, 130, 246, .22) 100%);--border: rgba(96, 165, 250, .42);--code-bg: rgba(16, 26, 43, .92);--accent: #60a5fa;--accent-bg: rgba(96, 165, 250, .18);--accent-border: rgba(96, 165, 250, .44);--social-bg: rgba(16, 26, 43, .82);--home-tabs-bg: #60a5fa;--home-tab-text: #000000;--home-tab-active-bg: #3b82f6;--header-control-bg: rgba(16, 26, 43, .88);--header-control-border: rgba(96, 165, 250, .42);--tablature-bg: rgba(16, 26, 43, .92);--tablature-text: #eff6ff;--pattern-positive-bg: rgba(96, 165, 250, .24);--pattern-negative-bg: rgba(59, 130, 246, .24);--pattern-add-bg: #60a5fa;--pattern-remove-bg: rgba(59, 130, 246, .28);--fret-bg: rgba(59, 130, 246, .46);--fret-primary: #60a5fa;--fret-root: #3b82f6}:root[data-theme=blue-light]{--text: #102648;--text-h: #0b1831;--bg: linear-gradient(180deg, #eff6ff 0%, rgba(37, 99, 235, .16) 48%, rgba(29, 78, 216, .12) 100%);--border: rgba(37, 99, 235, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #2563eb;--accent-bg: rgba(37, 99, 235, .12);--accent-border: rgba(37, 99, 235, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #2563eb;--home-tab-text: #ffffff;--home-tab-active-bg: #1d4ed8;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(37, 99, 235, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #0b1831;--pattern-positive-bg: rgba(37, 99, 235, .16);--pattern-negative-bg: rgba(29, 78, 216, .16);--pattern-add-bg: #2563eb;--pattern-remove-bg: rgba(29, 78, 216, .18);--fret-bg: rgba(29, 78, 216, .36);--fret-primary: #2563eb;--fret-root: #1d4ed8}:root[data-theme=blues-club-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(96, 165, 250, .28) 44%, rgba(251, 191, 36, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #60a5fa;--accent-bg: rgba(96, 165, 250, .18);--accent-border: rgba(96, 165, 250, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #60a5fa;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #fbbf24;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #fbbf24;--pattern-add-bg: #60a5fa;--pattern-add-bg-hover: rgba(96, 165, 250, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6d5538;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #60a5fa;--fret-guide-included: black;--fret-root: #fbbf24}:root[data-theme=blues-club-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(59, 130, 246, .14) 44%, rgba(245, 158, 11, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #3b82f6;--accent-bg: rgba(59, 130, 246, .12);--accent-border: rgba(59, 130, 246, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #3b82f6;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #f59e0b;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #3b82f6;--pattern-add-bg: #f59e0b;--pattern-add-bg-hover: rgba(245, 158, 11, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c09f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #3b82f6;--fret-guide-included: black;--fret-root: #f59e0b}:root[data-theme=boss-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(79, 131, 219, .28) 44%, rgba(242, 207, 74, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #4f83db;--accent-bg: rgba(79, 131, 219, .18);--accent-border: rgba(79, 131, 219, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #4f83db;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f2cf4a;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f2cf4a;--pattern-add-bg: #4f83db;--pattern-add-bg-hover: rgba(79, 131, 219, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #4f83db;--fret-guide-included: black;--fret-root: #f2cf4a}:root[data-theme=boss-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(31, 79, 163, .14) 44%, rgba(229, 183, 19, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1f4fa3;--accent-bg: rgba(31, 79, 163, .12);--accent-border: rgba(31, 79, 163, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1f4fa3;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #e5b713;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1f4fa3;--pattern-add-bg: #e5b713;--pattern-add-bg-hover: rgba(229, 183, 19, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1f4fa3;--fret-guide-included: black;--fret-root: #e5b713}:root[data-theme=charvel-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(49, 187, 131, .28) 44%, rgba(92, 102, 114, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #31bb83;--accent-bg: rgba(49, 187, 131, .18);--accent-border: rgba(49, 187, 131, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #31bb83;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #5c6672;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #5c6672;--pattern-add-bg: #31bb83;--pattern-add-bg-hover: rgba(49, 187, 131, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #31bb83;--fret-guide-included: black;--fret-root: #5c6672}:root[data-theme=charvel-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(20, 106, 71, .14) 44%, rgba(26, 31, 40, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #146a47;--accent-bg: rgba(20, 106, 71, .12);--accent-border: rgba(20, 106, 71, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #146a47;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #1a1f28;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #146a47;--pattern-add-bg: #1a1f28;--pattern-add-bg-hover: rgba(26, 31, 40, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #146a47;--fret-guide-included: black;--fret-root: #1a1f28}:root[data-theme=chase-bliss-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(78, 182, 186, .28) 44%, rgba(226, 180, 94, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #4eb6ba;--accent-bg: rgba(78, 182, 186, .18);--accent-border: rgba(78, 182, 186, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #4eb6ba;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #e2b45e;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #e2b45e;--pattern-add-bg: #4eb6ba;--pattern-add-bg-hover: rgba(78, 182, 186, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #4eb6ba;--fret-guide-included: black;--fret-root: #e2b45e}:root[data-theme=chase-bliss-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(31, 106, 110, .14) 44%, rgba(192, 139, 45, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1f6a6e;--accent-bg: rgba(31, 106, 110, .12);--accent-border: rgba(31, 106, 110, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1f6a6e;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #c08b2d;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1f6a6e;--pattern-add-bg: #c08b2d;--pattern-add-bg-hover: rgba(192, 139, 45, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1f6a6e;--fret-guide-included: black;--fret-root: #c08b2d}:root[data-theme=classic-rock-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(245, 158, 11, .28) 44%, rgba(96, 165, 250, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #f59e0b;--accent-bg: rgba(245, 158, 11, .18);--accent-border: rgba(245, 158, 11, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #f59e0b;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #60a5fa;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #60a5fa;--pattern-add-bg: #f59e0b;--pattern-add-bg-hover: rgba(245, 158, 11, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #684f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #f59e0b;--fret-guide-included: black;--fret-root: #60a5fa}:root[data-theme=classic-rock-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(217, 119, 6, .14) 44%, rgba(37, 99, 235, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d97706;--accent-bg: rgba(217, 119, 6, .12);--accent-border: rgba(217, 119, 6, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d97706;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #2563eb;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d97706;--pattern-add-bg: #2563eb;--pattern-add-bg-hover: rgba(37, 99, 235, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d6bf9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d97706;--fret-guide-included: black;--fret-root: #2563eb}:root[data-theme=country-western-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(217, 119, 6, .28) 44%, rgba(74, 222, 128, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #d97706;--accent-bg: rgba(217, 119, 6, .18);--accent-border: rgba(217, 119, 6, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #d97706;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #4ade80;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #4ade80;--pattern-add-bg: #d97706;--pattern-add-bg-hover: rgba(217, 119, 6, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #d97706;--fret-guide-included: black;--fret-root: #4ade80}:root[data-theme=country-western-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(180, 83, 9, .14) 44%, rgba(22, 163, 74, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #b45309;--accent-bg: rgba(180, 83, 9, .12);--accent-border: rgba(180, 83, 9, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #b45309;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #16a34a;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #b45309;--pattern-add-bg: #16a34a;--pattern-add-bg-hover: rgba(22, 163, 74, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d8c3a6;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #b45309;--fret-guide-included: black;--fret-root: #16a34a}:root[data-theme=desert-rock-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(245, 158, 11, .28) 44%, rgba(251, 146, 60, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #f59e0b;--accent-bg: rgba(245, 158, 11, .18);--accent-border: rgba(245, 158, 11, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #f59e0b;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #fb923c;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #fb923c;--pattern-add-bg: #f59e0b;--pattern-add-bg-hover: rgba(245, 158, 11, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70573a;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #f59e0b;--fret-guide-included: black;--fret-root: #fb923c}:root[data-theme=desert-rock-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(217, 119, 6, .14) 44%, rgba(234, 88, 12, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d97706;--accent-bg: rgba(217, 119, 6, .12);--accent-border: rgba(217, 119, 6, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d97706;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #ea580c;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d97706;--pattern-add-bg: #ea580c;--pattern-add-bg-hover: rgba(234, 88, 12, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d9c4a6;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d97706;--fret-guide-included: black;--fret-root: #ea580c}:root[data-theme=disney-plus-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #0F0F23;--border: #2A3A5A;--code-bg: #1A1F2E;--accent: #64B5F6;--accent-bg: rgba(100, 181, 246, .15);--accent-border: rgba(100, 181, 246, .4);--social-bg: rgba(15, 15, 35, .8);--shadow: rgba(0, 0, 0, .5) 0 10px 15px -3px, rgba(0, 0, 0, .3) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #000000;--color-silver: #6A7A9A;--home-tabs-bg: #64B5F6;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .12);--home-tab-active-bg: #42A5F5;--header-control-bg: #1A272F;--header-control-border: #3A4A6A;--header-control-text: #fff8f2;--tablature-bg: #1A1F2E;--tablature-text: #fff8f2;--pattern-outline: #4A5A7A;--pattern-positive-bg: #0D47A1;--pattern-negative-bg: #6A1B1B;--pattern-stepper-bg: #1A272F;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #1565C0;--pattern-stepper-negative-border: #D32F2F;--pattern-remove-border: #F57F17;--pattern-remove-bg: #3E2723;--pattern-remove-text: #fff2bf;--pattern-add-border: #1976D2;--pattern-add-bg: #1E88E5;--pattern-add-bg-hover: #1565C0;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #6A1B1B;--fret-bg: #3A4A6A;--fret-line: #E8E8E8;--fret-included: #f8fafc;--fret-primary: #7cc9ff;--fret-guide-included: black;--fret-root: #ff7a85}:root[data-theme=disney-plus-light]{--text: #2f241c;--text-h: #1a130f;--bg: #FFFFFF;--border: #E0E0E0;--code-bg: #F5F7FA;--accent: #113CCF;--accent-bg: rgba(17, 60, 207, .08);--accent-border: rgba(17, 60, 207, .35);--social-bg: rgba(255, 255, 255, .95);--shadow: rgba(17, 60, 207, .1) 0 2px 6px 2px, rgba(17, 60, 207, .05) 0 1px 2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #1F1F1F;--color-silver: #B0B0B0;--home-tabs-bg: #113CCF;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .15);--home-tab-active-bg: #0D2BA8;--header-control-bg: #FFFFFF;--header-control-border: #E0E0E0;--header-control-text: #1a130f;--tablature-bg: #FFFFFF;--tablature-text: #1a130f;--pattern-outline: #CCCCCC;--pattern-positive-bg: #E1F5FE;--pattern-negative-bg: #FFE6E6;--pattern-stepper-bg: #FFFFFF;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #81D4FA;--pattern-stepper-negative-border: #F08080;--pattern-remove-border: #FFD54F;--pattern-remove-bg: #FFFDE7;--pattern-remove-text: #4e3c13;--pattern-add-border: #29B6F6;--pattern-add-bg: #42A5F5;--pattern-add-bg-hover: #1E88E5;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #FFE6E6;--fret-bg: #E3D9CE;--fret-line: #1F1F1F;--fret-included: #111827;--fret-primary: #1d4ed8;--fret-guide-included: black;--fret-root: #ef4444}:root[data-theme=doom-metal-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(167, 139, 250, .28) 44%, rgba(217, 119, 6, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #a78bfa;--accent-bg: rgba(167, 139, 250, .18);--accent-border: rgba(167, 139, 250, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #a78bfa;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #d97706;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #d97706;--pattern-add-bg: #a78bfa;--pattern-add-bg-hover: rgba(167, 139, 250, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5b4631;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #a78bfa;--fret-guide-included: black;--fret-root: #d97706}:root[data-theme=doom-metal-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(124, 58, 237, .14) 44%, rgba(180, 83, 9, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #7c3aed;--accent-bg: rgba(124, 58, 237, .12);--accent-border: rgba(124, 58, 237, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #7c3aed;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #b45309;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #7c3aed;--pattern-add-bg: #b45309;--pattern-add-bg-hover: rgba(180, 83, 9, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ccb69c;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #7c3aed;--fret-guide-included: black;--fret-root: #b45309}:root[data-theme=earthquaker-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(216, 180, 94, .28) 44%, rgba(144, 152, 164, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #d8b45e;--accent-bg: rgba(216, 180, 94, .18);--accent-border: rgba(216, 180, 94, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #d8b45e;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #9098a4;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #9098a4;--pattern-add-bg: #d8b45e;--pattern-add-bg-hover: rgba(216, 180, 94, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #d8b45e;--fret-guide-included: black;--fret-root: #9098a4}:root[data-theme=earthquaker-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(180, 138, 44, .14) 44%, rgba(47, 49, 55, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #b48a2c;--accent-bg: rgba(180, 138, 44, .12);--accent-border: rgba(180, 138, 44, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #b48a2c;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #2f3137;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #b48a2c;--pattern-add-bg: #2f3137;--pattern-add-bg-hover: rgba(47, 49, 55, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #b48a2c;--fret-guide-included: black;--fret-root: #2f3137}:root[data-theme=electro-harmonix-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(119, 130, 146, .28) 44%, rgba(255, 92, 99, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #778292;--accent-bg: rgba(119, 130, 146, .18);--accent-border: rgba(119, 130, 146, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #778292;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff5c63;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ff5c63;--pattern-add-bg: #778292;--pattern-add-bg-hover: rgba(119, 130, 146, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #778292;--fret-guide-included: black;--fret-root: #ff5c63}:root[data-theme=electro-harmonix-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(31, 41, 55, .14) 44%, rgba(215, 38, 45, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1f2937;--accent-bg: rgba(31, 41, 55, .12);--accent-border: rgba(31, 41, 55, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1f2937;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #d7262d;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1f2937;--pattern-add-bg: #d7262d;--pattern-add-bg-hover: rgba(215, 38, 45, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1f2937;--fret-guide-included: black;--fret-root: #d7262d}:root[data-theme=elektron-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(240, 195, 78, .28) 44%, rgba(183, 183, 183, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #f0c34e;--accent-bg: rgba(240, 195, 78, .18);--accent-border: rgba(240, 195, 78, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #f0c34e;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #b7b7b7;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #b7b7b7;--pattern-add-bg: #f0c34e;--pattern-add-bg-hover: rgba(240, 195, 78, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #f0c34e;--fret-guide-included: black;--fret-root: #b7b7b7}:root[data-theme=elektron-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(212, 160, 23, .14) 44%, rgba(17, 17, 17, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d4a017;--accent-bg: rgba(212, 160, 23, .12);--accent-border: rgba(212, 160, 23, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d4a017;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #111111;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d4a017;--pattern-add-bg: #111111;--pattern-add-bg-hover: rgba(17, 17, 17, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d4a017;--fret-guide-included: black;--fret-root: #111111}:root[data-theme=esp-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(127, 138, 151, .28) 44%, rgba(242, 91, 91, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #7f8a97;--accent-bg: rgba(127, 138, 151, .18);--accent-border: rgba(127, 138, 151, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #7f8a97;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f25b5b;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f25b5b;--pattern-add-bg: #7f8a97;--pattern-add-bg-hover: rgba(127, 138, 151, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #7f8a97;--fret-guide-included: black;--fret-root: #f25b5b}:root[data-theme=esp-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(43, 47, 54, .14) 44%, rgba(176, 43, 43, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #2b2f36;--accent-bg: rgba(43, 47, 54, .12);--accent-border: rgba(43, 47, 54, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #2b2f36;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #b02b2b;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #2b2f36;--pattern-add-bg: #b02b2b;--pattern-add-bg-hover: rgba(176, 43, 43, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #2b2f36;--fret-guide-included: black;--fret-root: #b02b2b}:root[data-theme=facebook-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #18191a;--border: #3e4042;--code-bg: #3a3b3c;--accent: #2d88ff;--accent-bg: rgba(45, 136, 255, .15);--accent-border: rgba(45, 136, 255, .5);--social-bg: rgba(58, 59, 60, .5);--shadow: rgba(0, 0, 0, .5) 0 10px 15px -3px, rgba(0, 0, 0, .3) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #e4e6eb;--color-black: #18191a;--color-silver: #4e4f50;--home-tabs-bg: #2d88ff;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .15);--home-tab-active-bg: #1561d4;--header-control-bg: #3a3b3c;--header-control-border: #4e4f50;--header-control-text: #fff8f2;--tablature-bg: #242526;--tablature-text: #fff8f2;--pattern-outline: #4e4f50;--pattern-positive-bg: #1e3d27;--pattern-negative-bg: #3d1e1e;--pattern-stepper-bg: #3a3b3c;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #3d7a4e;--pattern-stepper-negative-border: #7a3d3d;--pattern-remove-border: #7a6e30;--pattern-remove-bg: #524a20;--pattern-remove-text: #fff2bf;--pattern-add-border: #3d9e5a;--pattern-add-bg: #2a8042;--pattern-add-bg-hover: #226835;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5a2020;--fret-bg: #6b5d48;--fret-line: #d4d6da;--fret-included: #f8fafc;--fret-primary: #4f9dff;--fret-guide-included: black;--fret-root: #ff7b8a}:root[data-theme=facebook-light]{--text: #2f241c;--text-h: #1a130f;--bg: #f0f2f5;--border: #ced0d4;--code-bg: #ffffff;--accent: #1877f2;--accent-bg: rgba(24, 119, 242, .1);--accent-border: rgba(24, 119, 242, .4);--social-bg: rgba(255, 255, 255, .7);--shadow: rgba(0, 0, 0, .1) 0 2px 8px, rgba(0, 0, 0, .06) 0 0 4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #050505;--color-silver: #ced0d4;--home-tabs-bg: #1877f2;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .2);--home-tab-active-bg: #166fe5;--header-control-bg: #ffffff;--header-control-border: #ced0d4;--header-control-text: #1a130f;--tablature-bg: #ffffff;--tablature-text: #1a130f;--pattern-outline: #ced0d4;--pattern-positive-bg: #e6f3e6;--pattern-negative-bg: #fde8e8;--pattern-stepper-bg: #ffffff;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #a8d5a8;--pattern-stepper-negative-border: #f0b8b8;--pattern-remove-border: #e0c080;--pattern-remove-bg: #fff3cc;--pattern-remove-text: #4e3c13;--pattern-add-border: #31a24c;--pattern-add-bg: #42b05c;--pattern-add-bg-hover: #36994f;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #fde8e8;--fret-bg: #d4b896;--fret-line: #444950;--fret-included: #111827;--fret-primary: #1877f2;--fret-guide-included: black;--fret-root: #d93025}:root[data-theme=fender-amps-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(95, 131, 180, .28) 44%, rgba(217, 224, 232, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #5f83b4;--accent-bg: rgba(95, 131, 180, .18);--accent-border: rgba(95, 131, 180, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #5f83b4;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #d9e0e8;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #d9e0e8;--pattern-add-bg: #5f83b4;--pattern-add-bg-hover: rgba(95, 131, 180, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #5f83b4;--fret-guide-included: black;--fret-root: #d9e0e8}:root[data-theme=fender-amps-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(29, 63, 110, .14) 44%, rgba(188, 198, 209, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1d3f6e;--accent-bg: rgba(29, 63, 110, .12);--accent-border: rgba(29, 63, 110, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1d3f6e;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #bcc6d1;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1d3f6e;--pattern-add-bg: #bcc6d1;--pattern-add-bg-hover: rgba(188, 198, 209, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1d3f6e;--fret-guide-included: black;--fret-root: #bcc6d1}:root[data-theme=fender-guitars-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(79, 131, 219, .28) 44%, rgba(255, 90, 88, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #4f83db;--accent-bg: rgba(79, 131, 219, .18);--accent-border: rgba(79, 131, 219, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #4f83db;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff5a58;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ff5a58;--pattern-add-bg: #4f83db;--pattern-add-bg-hover: rgba(79, 131, 219, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #4f83db;--fret-guide-included: black;--fret-root: #ff5a58}:root[data-theme=fender-guitars-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(31, 79, 163, .14) 44%, rgba(212, 49, 47, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1f4fa3;--accent-bg: rgba(31, 79, 163, .12);--accent-border: rgba(31, 79, 163, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1f4fa3;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #d4312f;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1f4fa3;--pattern-add-bg: #d4312f;--pattern-add-bg-hover: rgba(212, 49, 47, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1f4fa3;--fret-guide-included: black;--fret-root: #d4312f}:root[data-theme=festival-stage-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(251, 113, 133, .28) 44%, rgba(103, 232, 249, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #fb7185;--accent-bg: rgba(251, 113, 133, .18);--accent-border: rgba(251, 113, 133, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #fb7185;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #67e8f9;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #67e8f9;--pattern-add-bg: #fb7185;--pattern-add-bg-hover: rgba(251, 113, 133, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #644e35;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #fb7185;--fret-guide-included: black;--fret-root: #67e8f9}:root[data-theme=festival-stage-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(244, 63, 94, .14) 44%, rgba(34, 211, 238, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #f43f5e;--accent-bg: rgba(244, 63, 94, .12);--accent-border: rgba(244, 63, 94, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #f43f5e;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #22d3ee;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #f43f5e;--pattern-add-bg: #22d3ee;--pattern-add-bg-hover: rgba(34, 211, 238, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3bea0;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #f43f5e;--fret-guide-included: black;--fret-root: #22d3ee}:root[data-theme=funk-groove-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(251, 146, 60, .28) 44%, rgba(167, 139, 250, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #fb923c;--accent-bg: rgba(251, 146, 60, .18);--accent-border: rgba(251, 146, 60, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #fb923c;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #a78bfa;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #a78bfa;--pattern-add-bg: #fb923c;--pattern-add-bg-hover: rgba(251, 146, 60, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #694f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #fb923c;--fret-guide-included: black;--fret-root: #a78bfa}:root[data-theme=funk-groove-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(249, 115, 22, .14) 44%, rgba(139, 92, 246, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #f97316;--accent-bg: rgba(249, 115, 22, .12);--accent-border: rgba(249, 115, 22, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #f97316;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #8b5cf6;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #f97316;--pattern-add-bg: #8b5cf6;--pattern-add-bg-hover: rgba(139, 92, 246, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d4be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #f97316;--fret-guide-included: black;--fret-root: #8b5cf6}:root[data-theme=gray-dark]{--text: #e5e7eb;--text-h: #f9fafb;--bg: linear-gradient(180deg, #111317 0%, rgba(156, 163, 175, .24) 48%, rgba(107, 114, 128, .22) 100%);--border: rgba(156, 163, 175, .42);--code-bg: rgba(17, 19, 23, .92);--accent: #9ca3af;--accent-bg: rgba(156, 163, 175, .18);--accent-border: rgba(156, 163, 175, .44);--social-bg: rgba(17, 19, 23, .82);--home-tabs-bg: #9ca3af;--home-tab-text: #000000;--home-tab-active-bg: #6b7280;--header-control-bg: rgba(17, 19, 23, .88);--header-control-border: rgba(156, 163, 175, .42);--tablature-bg: rgba(17, 19, 23, .92);--tablature-text: #f9fafb;--pattern-positive-bg: rgba(156, 163, 175, .24);--pattern-negative-bg: rgba(107, 114, 128, .24);--pattern-add-bg: #9ca3af;--pattern-remove-bg: rgba(107, 114, 128, .28);--fret-bg: rgba(107, 114, 128, .46);--fret-primary: #9ca3af;--fret-root: #6b7280}:root[data-theme=gray-light]{--text: #1f2937;--text-h: #111827;--bg: linear-gradient(180deg, #f9fafb 0%, rgba(75, 85, 99, .14) 48%, rgba(55, 65, 81, .12) 100%);--border: rgba(75, 85, 99, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #4b5563;--accent-bg: rgba(75, 85, 99, .12);--accent-border: rgba(75, 85, 99, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #4b5563;--home-tab-text: #ffffff;--home-tab-active-bg: #374151;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(75, 85, 99, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #111827;--pattern-positive-bg: rgba(75, 85, 99, .16);--pattern-negative-bg: rgba(55, 65, 81, .16);--pattern-add-bg: #4b5563;--pattern-remove-bg: rgba(55, 65, 81, .18);--fret-bg: rgba(55, 65, 81, .36);--fret-primary: #4b5563;--fret-root: #374151}:root[data-theme=gibson-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(212, 177, 106, .28) 44%, rgba(240, 205, 132, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #d4b16a;--accent-bg: rgba(212, 177, 106, .18);--accent-border: rgba(212, 177, 106, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #d4b16a;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f0cd84;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f0cd84;--pattern-add-bg: #d4b16a;--pattern-add-bg-hover: rgba(212, 177, 106, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #d4b16a;--fret-guide-included: black;--fret-root: #f0cd84}:root[data-theme=gibson-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(17, 17, 17, .14) 44%, rgba(185, 146, 66, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #111111;--accent-bg: rgba(17, 17, 17, .12);--accent-border: rgba(17, 17, 17, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #111111;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #b99242;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #111111;--pattern-add-bg: #b99242;--pattern-add-bg-hover: rgba(185, 146, 66, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #111111;--fret-guide-included: black;--fret-root: #b99242}:root[data-theme=green-dark]{--text: #dcfce7;--text-h: #f0fdf4;--bg: linear-gradient(180deg, #102016 0%, rgba(74, 222, 128, .26) 48%, rgba(34, 197, 94, .22) 100%);--border: rgba(74, 222, 128, .42);--code-bg: rgba(16, 32, 22, .92);--accent: #4ade80;--accent-bg: rgba(74, 222, 128, .18);--accent-border: rgba(74, 222, 128, .44);--social-bg: rgba(16, 32, 22, .82);--home-tabs-bg: #4ade80;--home-tab-text: #000000;--home-tab-active-bg: #22c55e;--header-control-bg: rgba(16, 32, 22, .88);--header-control-border: rgba(74, 222, 128, .42);--tablature-bg: rgba(16, 32, 22, .92);--tablature-text: #f0fdf4;--pattern-positive-bg: rgba(74, 222, 128, .24);--pattern-negative-bg: rgba(34, 197, 94, .24);--pattern-add-bg: #4ade80;--pattern-remove-bg: rgba(34, 197, 94, .28);--fret-bg: rgba(34, 197, 94, .46);--fret-primary: #4ade80;--fret-root: #22c55e}:root[data-theme=green-light]{--text: #0f321f;--text-h: #081d12;--bg: linear-gradient(180deg, #f0fdf4 0%, rgba(22, 163, 74, .16) 48%, rgba(21, 128, 61, .12) 100%);--border: rgba(22, 163, 74, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #16a34a;--accent-bg: rgba(22, 163, 74, .12);--accent-border: rgba(22, 163, 74, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #16a34a;--home-tab-text: #ffffff;--home-tab-active-bg: #15803d;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(22, 163, 74, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #081d12;--pattern-positive-bg: rgba(22, 163, 74, .16);--pattern-negative-bg: rgba(21, 128, 61, .16);--pattern-add-bg: #16a34a;--pattern-remove-bg: rgba(21, 128, 61, .18);--fret-bg: rgba(21, 128, 61, .36);--fret-primary: #16a34a;--fret-root: #15803d}:root[data-theme=google-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #202124;--border: #3c4043;--code-bg: #292a2d;--accent: #8ab4f8;--accent-bg: rgba(138, 180, 248, .15);--accent-border: rgba(138, 180, 248, .4);--social-bg: rgba(41, 42, 45, .7);--shadow: rgba(0, 0, 0, .5) 0 4px 12px, rgba(0, 0, 0, .4) 0 2px 4px;--color-transparent: transparent;--color-white: #e8eaed;--color-black: #202124;--color-silver: #5f6368;--home-tabs-bg: #1a73e8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(138, 180, 248, .2);--home-tab-active-bg: #1558b0;--header-control-bg: #35363a;--header-control-border: #5f6368;--header-control-text: #fff8f2;--tablature-bg: #292a2d;--tablature-text: #fff8f2;--pattern-outline: #5f6368;--pattern-positive-bg: #1b3a22;--pattern-negative-bg: #3a1b1b;--pattern-stepper-bg: #35363a;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #3f7a50;--pattern-stepper-negative-border: #7a3f3f;--pattern-remove-border: #7a6e2e;--pattern-remove-bg: #524a1b;--pattern-remove-text: #fff2bf;--pattern-add-border: #37a454;--pattern-add-bg: #27863e;--pattern-add-bg-hover: #1f6e32;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5c2020;--fret-bg: #5e5344;--fret-line: #c4c7c5;--fret-included: #f8fafc;--fret-primary: #8ab4f8;--fret-guide-included: black;--fret-root: #f28b82}:root[data-theme=google-light]{--text: #2f241c;--text-h: #1a130f;--bg: #f8f9fa;--border: #dadce0;--code-bg: #ffffff;--accent: #1a73e8;--accent-bg: rgba(26, 115, 232, .1);--accent-border: rgba(26, 115, 232, .4);--social-bg: rgba(255, 255, 255, .8);--shadow: rgba(60, 64, 67, .1) 0 2px 6px 2px, rgba(60, 64, 67, .15) 0 1px 2px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #202124;--color-silver: #bdc1c6;--home-tabs-bg: #1a73e8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .2);--home-tab-active-bg: #1558b0;--header-control-bg: #ffffff;--header-control-border: #dadce0;--header-control-text: #1a130f;--tablature-bg: #ffffff;--tablature-text: #1a130f;--pattern-outline: #dadce0;--pattern-positive-bg: #e6f4ea;--pattern-negative-bg: #fce8e6;--pattern-stepper-bg: #ffffff;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #81c995;--pattern-stepper-negative-border: #f28b82;--pattern-remove-border: #fdd663;--pattern-remove-bg: #fef9e3;--pattern-remove-text: #4e3c13;--pattern-add-border: #34a853;--pattern-add-bg: #1e8e3e;--pattern-add-bg-hover: #197d35;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #fce8e6;--fret-bg: #e8dcc8;--fret-line: #3c4043;--fret-included: #111827;--fret-primary: #1a73e8;--fret-guide-included: black;--fret-root: #ea4335}:root[data-theme=grateful-dead-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #102143 0%, #0a1021 52%, #25160f 100%);--border: #4e628c;--code-bg: rgba(12, 17, 33, .92);--accent: #6ca7ff;--accent-bg: rgba(108, 167, 255, .15);--accent-border: rgba(108, 167, 255, .42);--social-bg: rgba(12, 17, 33, .8);--shadow: rgba(0, 0, 0, .5) 0 14px 28px -10px, rgba(0, 0, 0, .3) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #06080f;--color-silver: #7383a8;--home-tabs-bg: #2f6dda;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .11);--home-tab-active-bg: #f2b632;--header-control-bg: rgba(12, 17, 33, .88);--header-control-border: #4e628c;--header-control-text: #fff8f2;--tablature-bg: rgba(12, 17, 33, .92);--tablature-text: #fff8f2;--pattern-outline: #6b7ea8;--pattern-positive-bg: #1e4c2c;--pattern-negative-bg: #5a3321;--pattern-stepper-bg: #1b2440;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4daf63;--pattern-stepper-negative-border: #c9865a;--pattern-remove-border: #d2ab41;--pattern-remove-bg: #574519;--pattern-remove-text: #fff2bf;--pattern-add-border: #44b15f;--pattern-add-bg: #329e4e;--pattern-add-bg-hover: #248241;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5d341f;--fret-bg: #786242;--fret-line: #f2ebdd;--fret-included: #f8fafc;--fret-primary: #93c5fd;--fret-guide-included: black;--fret-root: #fbbf24}:root[data-theme=grateful-dead-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fefefe 0%, #dff1ff 35%, #fff3c9 100%);--border: #b8c8ea;--code-bg: rgba(255, 255, 255, .88);--accent: #1d5fd0;--accent-bg: rgba(29, 95, 208, .11);--accent-border: rgba(29, 95, 208, .35);--social-bg: rgba(255, 255, 255, .74);--shadow: rgba(31, 56, 133, .14) 0 12px 20px -8px, rgba(31, 56, 133, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #19142b;--color-silver: #ccd5e4;--home-tabs-bg: #1d5fd0;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #f2b632;--header-control-bg: rgba(255, 255, 255, .88);--header-control-border: #b8c8ea;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .9);--tablature-text: #1a130f;--pattern-outline: #97abce;--pattern-positive-bg: #e0f5de;--pattern-negative-bg: #ffe7d9;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #9fcea2;--pattern-stepper-negative-border: #e1b08d;--pattern-remove-border: #ebc45c;--pattern-remove-bg: #fff4c7;--pattern-remove-text: #4e3c13;--pattern-add-border: #48af63;--pattern-add-bg: #5acb73;--pattern-add-bg-hover: #44b45d;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffe7de;--fret-bg: #e6d7bc;--fret-line: #362b4d;--fret-included: #111827;--fret-primary: #1d4ed8;--fret-guide-included: black;--fret-root: #ca8a04}:root[data-theme=gretsch-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(243, 146, 44, .28) 44%, rgba(61, 185, 166, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #f3922c;--accent-bg: rgba(243, 146, 44, .18);--accent-border: rgba(243, 146, 44, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #f3922c;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #3db9a6;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #3db9a6;--pattern-add-bg: #f3922c;--pattern-add-bg-hover: rgba(243, 146, 44, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #f3922c;--fret-guide-included: black;--fret-root: #3db9a6}:root[data-theme=gretsch-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(210, 106, 10, .14) 44%, rgba(18, 127, 111, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d26a0a;--accent-bg: rgba(210, 106, 10, .12);--accent-border: rgba(210, 106, 10, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d26a0a;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #127f6f;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d26a0a;--pattern-add-bg: #127f6f;--pattern-add-bg-hover: rgba(18, 127, 111, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d26a0a;--fret-guide-included: black;--fret-root: #127f6f}:root[data-theme=griz-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #0c2530 0%, #101720 46%, #3a2615 100%);--border: #517381;--code-bg: rgba(16, 23, 32, .92);--accent: #2bd2e7;--accent-bg: rgba(43, 210, 231, .16);--accent-border: rgba(43, 210, 231, .4);--social-bg: rgba(16, 23, 32, .8);--shadow: rgba(0, 0, 0, .46) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #081015;--color-silver: #78909c;--home-tabs-bg: #00bcd4;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff9a4f;--header-control-bg: rgba(16, 23, 32, .88);--header-control-border: #517381;--header-control-text: #fff8f2;--tablature-bg: rgba(16, 23, 32, .92);--tablature-text: #fff8f2;--pattern-outline: #73919c;--pattern-positive-bg: #1e4f43;--pattern-negative-bg: #5b3825;--pattern-stepper-bg: #1b3139;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #35c0ab;--pattern-stepper-negative-border: #cc8b64;--pattern-remove-border: #dbb355;--pattern-remove-bg: #594718;--pattern-remove-text: #fff2bf;--pattern-add-border: #2cc7b8;--pattern-add-bg: #19b2a2;--pattern-add-bg-hover: #109587;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5b3825;--fret-bg: #796244;--fret-line: #eefbff;--fret-included: #f8fafc;--fret-primary: #67e8f9;--fret-guide-included: black;--fret-root: #fb923c}:root[data-theme=griz-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fbfcff 0%, #dff5ff 34%, #ffe5c7 100%);--border: #bfd2e0;--code-bg: rgba(255, 255, 255, .88);--accent: #00bcd4;--accent-bg: rgba(0, 188, 212, .12);--accent-border: rgba(0, 188, 212, .35);--social-bg: rgba(255, 255, 255, .76);--shadow: rgba(47, 117, 141, .15) 0 12px 20px -8px, rgba(47, 117, 141, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #1b2236;--color-silver: #d0d9e0;--home-tabs-bg: #00bcd4;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #ff8c42;--header-control-bg: rgba(255, 255, 255, .88);--header-control-border: #bfd2e0;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .9);--tablature-text: #1a130f;--pattern-outline: #9db3c6;--pattern-positive-bg: #e0fbf0;--pattern-negative-bg: #ffe8dc;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd7b6;--pattern-stepper-negative-border: #e5b08d;--pattern-remove-border: #f0c45a;--pattern-remove-bg: #fff2c8;--pattern-remove-text: #4e3c13;--pattern-add-border: #2ec4b6;--pattern-add-bg: #1fb8a8;--pattern-add-bg-hover: #14a08f;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffede5;--fret-bg: #eadbbe;--fret-line: #334159;--fret-included: #111827;--fret-primary: #06b6d4;--fret-guide-included: black;--fret-root: #f97316}:root[data-theme=hello-kitty-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #2D1B2E;--border: #6B3B62;--code-bg: #1F0F20;--accent: #FF69B4;--accent-bg: rgba(255, 105, 180, .15);--accent-border: rgba(255, 105, 180, .4);--social-bg: rgba(45, 27, 46, .8);--shadow: rgba(0, 0, 0, .5) 0 10px 15px -3px, rgba(0, 0, 0, .3) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #FFE0E8;--color-silver: #8B5A7F;--home-tabs-bg: #B8558C;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 105, 180, .2);--home-tab-active-bg: #D47CA8;--header-control-bg: #3D2542;--header-control-border: #6B3B62;--header-control-text: #fff8f2;--tablature-bg: #1F0F20;--tablature-text: #fff8f2;--pattern-outline: #7B5A7A;--pattern-positive-bg: #3A2142;--pattern-negative-bg: #5D2B3D;--pattern-stepper-bg: #3D2542;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #5D5A6B;--pattern-stepper-negative-border: #8B5A7F;--pattern-remove-border: #B8956A;--pattern-remove-bg: #4D3D25;--pattern-remove-text: #fff2bf;--pattern-add-border: #FF69B4;--pattern-add-bg: #D47CA8;--pattern-add-bg-hover: #C96599;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #6B3B62;--fret-bg: #5D3A5C;--fret-line: #F5C9DD;--fret-included: #f8fafc;--fret-primary: #9dd6ff;--fret-guide-included: black;--fret-root: #ff6b9a}:root[data-theme=hello-kitty-light]{--text: #2f241c;--text-h: #1a130f;--bg: #FFF5FA;--border: #FFD9E9;--code-bg: #FFF0F7;--accent: #FF69B4;--accent-bg: rgba(255, 105, 180, .08);--accent-border: rgba(255, 105, 180, .3);--social-bg: rgba(255, 240, 247, .9);--shadow: rgba(255, 105, 180, .08) 0 10px 15px -3px, rgba(255, 105, 180, .04) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #3D2838;--color-silver: #F5D4E6;--home-tabs-bg: #FFB3D9;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 105, 180, .12);--home-tab-active-bg: #FF85C0;--header-control-bg: #FFFFFF;--header-control-border: #FFD9E9;--header-control-text: #1a130f;--tablature-bg: #FFFFFF;--tablature-text: #1a130f;--pattern-outline: #E6A8D1;--pattern-positive-bg: #F0E6F5;--pattern-negative-bg: #FFE0E8;--pattern-stepper-bg: #FFFFFF;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #C9A8D1;--pattern-stepper-negative-border: #F5B8D4;--pattern-remove-border: #FFD9AD;--pattern-remove-bg: #FFF0DC;--pattern-remove-text: #4e3c13;--pattern-add-border: #FF69B4;--pattern-add-bg: #FF85C0;--pattern-add-bg-hover: #FF6FB3;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #FFE0E8;--fret-bg: #F5D4E6;--fret-line: #5C3D5E;--fret-included: #111827;--fret-primary: #c026d3;--fret-guide-included: black;--fret-root: #9f1239}:root[data-theme=hulu-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #0F0F0F;--border: #3A3A3A;--code-bg: #1A1A1A;--accent: #66BB6A;--accent-bg: rgba(102, 187, 106, .12);--accent-border: rgba(102, 187, 106, .4);--social-bg: rgba(20, 20, 20, .8);--shadow: rgba(0, 0, 0, .5) 0 10px 15px -3px, rgba(0, 0, 0, .3) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #000000;--color-silver: #7A7A7A;--home-tabs-bg: #66BB6A;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .12);--home-tab-active-bg: #43A047;--header-control-bg: #1A1A1A;--header-control-border: #4A4A4A;--header-control-text: #fff8f2;--tablature-bg: #1A1A1A;--tablature-text: #fff8f2;--pattern-outline: #4A4A4A;--pattern-positive-bg: #1B5E20;--pattern-negative-bg: #5E1B1B;--pattern-stepper-bg: #1A1A1A;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #2E7D32;--pattern-stepper-negative-border: #C62828;--pattern-remove-border: #F57F17;--pattern-remove-bg: #3E2723;--pattern-remove-text: #fff2bf;--pattern-add-border: #66BB6A;--pattern-add-bg: #43A047;--pattern-add-bg-hover: #388E3C;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5E1B1B;--fret-bg: #383838;--fret-line: #E0E0E0;--fret-included: #f8fafc;--fret-primary: #4ade80;--fret-guide-included: black;--fret-root: #fb7185}:root[data-theme=hulu-light]{--text: #2f241c;--text-h: #1a130f;--bg: #F9F9F9;--border: #E8E8E8;--code-bg: #F0F4F8;--accent: #66BB6A;--accent-bg: rgba(102, 187, 106, .1);--accent-border: rgba(102, 187, 106, .4);--social-bg: rgba(255, 255, 255, .9);--shadow: rgba(26, 26, 26, .08) 0 2px 6px 2px, rgba(26, 26, 26, .04) 0 1px 2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #1A1A1A;--color-silver: #C5C5C5;--home-tabs-bg: #66BB6A;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .15);--home-tab-active-bg: #43A047;--header-control-bg: #FFFFFF;--header-control-border: #E8E8E8;--header-control-text: #1a130f;--tablature-bg: #FFFFFF;--tablature-text: #1a130f;--pattern-outline: #D0D0D0;--pattern-positive-bg: #D4EDDA;--pattern-negative-bg: #F8D7DA;--pattern-stepper-bg: #FFFFFF;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #80D980;--pattern-stepper-negative-border: #E8A59C;--pattern-remove-border: #FFC66D;--pattern-remove-bg: #FFF4D9;--pattern-remove-text: #4e3c13;--pattern-add-border: #66BB6A;--pattern-add-bg: #81C784;--pattern-add-bg-hover: #66BB6A;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #F8D7DA;--fret-bg: #E0D5C6;--fret-line: #1A1A1A;--fret-included: #111827;--fret-primary: #16a34a;--fret-guide-included: black;--fret-root: #dc2626}:root[data-theme=ibanez-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(60, 75, 99, .28) 44%, rgba(255, 98, 98, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #3c4b63;--accent-bg: rgba(60, 75, 99, .18);--accent-border: rgba(60, 75, 99, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #3c4b63;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff6262;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ff6262;--pattern-add-bg: #3c4b63;--pattern-add-bg-hover: rgba(60, 75, 99, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #3c4b63;--fret-guide-included: black;--fret-root: #ff6262}:root[data-theme=ibanez-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(17, 24, 39, .14) 44%, rgba(215, 46, 46, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #111827;--accent-bg: rgba(17, 24, 39, .12);--accent-border: rgba(17, 24, 39, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #111827;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #d72e2e;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #111827;--pattern-add-bg: #d72e2e;--pattern-add-bg-hover: rgba(215, 46, 46, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #111827;--fret-guide-included: black;--fret-root: #d72e2e}:root[data-theme=indigo-dark]{--text: #e0e7ff;--text-h: #eef2ff;--bg: linear-gradient(180deg, #151631 0%, rgba(129, 140, 248, .26) 48%, rgba(99, 102, 241, .22) 100%);--border: rgba(129, 140, 248, .42);--code-bg: rgba(21, 22, 49, .92);--accent: #818cf8;--accent-bg: rgba(129, 140, 248, .18);--accent-border: rgba(129, 140, 248, .44);--social-bg: rgba(21, 22, 49, .82);--home-tabs-bg: #818cf8;--home-tab-text: #000000;--home-tab-active-bg: #6366f1;--header-control-bg: rgba(21, 22, 49, .88);--header-control-border: rgba(129, 140, 248, .42);--tablature-bg: rgba(21, 22, 49, .92);--tablature-text: #eef2ff;--pattern-positive-bg: rgba(129, 140, 248, .24);--pattern-negative-bg: rgba(99, 102, 241, .24);--pattern-add-bg: #818cf8;--pattern-remove-bg: rgba(99, 102, 241, .28);--fret-bg: rgba(99, 102, 241, .46);--fret-primary: #818cf8;--fret-root: #6366f1}:root[data-theme=indigo-light]{--text: #1c1c4f;--text-h: #111332;--bg: linear-gradient(180deg, #eef2ff 0%, rgba(67, 56, 202, .16) 48%, rgba(55, 48, 163, .12) 100%);--border: rgba(67, 56, 202, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #4338ca;--accent-bg: rgba(67, 56, 202, .12);--accent-border: rgba(67, 56, 202, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #4338ca;--home-tab-text: #ffffff;--home-tab-active-bg: #3730a3;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(67, 56, 202, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #111332;--pattern-positive-bg: rgba(67, 56, 202, .16);--pattern-negative-bg: rgba(55, 48, 163, .16);--pattern-add-bg: #4338ca;--pattern-remove-bg: rgba(55, 48, 163, .18);--fret-bg: rgba(55, 48, 163, .36);--fret-primary: #4338ca;--fret-root: #3730a3}:root[data-theme=jackson-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(213, 83, 88, .28) 44%, rgba(91, 141, 224, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #d55358;--accent-bg: rgba(213, 83, 88, .18);--accent-border: rgba(213, 83, 88, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #d55358;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #5b8de0;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #5b8de0;--pattern-add-bg: #d55358;--pattern-add-bg-hover: rgba(213, 83, 88, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #d55358;--fret-guide-included: black;--fret-root: #5b8de0}:root[data-theme=jackson-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(143, 31, 35, .14) 44%, rgba(31, 79, 163, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #8f1f23;--accent-bg: rgba(143, 31, 35, .12);--accent-border: rgba(143, 31, 35, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #8f1f23;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #1f4fa3;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #8f1f23;--pattern-add-bg: #1f4fa3;--pattern-add-bg-hover: rgba(31, 79, 163, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #8f1f23;--fret-guide-included: black;--fret-root: #1f4fa3}:root[data-theme=jazz-lounge-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(56, 189, 248, .28) 44%, rgba(202, 138, 4, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #38bdf8;--accent-bg: rgba(56, 189, 248, .18);--accent-border: rgba(56, 189, 248, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #38bdf8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ca8a04;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ca8a04;--pattern-add-bg: #38bdf8;--pattern-add-bg-hover: rgba(56, 189, 248, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6f573a;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #38bdf8;--fret-guide-included: black;--fret-root: #ca8a04}:root[data-theme=jazz-lounge-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(14, 165, 233, .14) 44%, rgba(161, 98, 7, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #0ea5e9;--accent-bg: rgba(14, 165, 233, .12);--accent-border: rgba(14, 165, 233, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #0ea5e9;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #a16207;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #0ea5e9;--pattern-add-bg: #a16207;--pattern-add-bg-hover: rgba(161, 98, 7, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d9c5a5;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #0ea5e9;--fret-guide-included: black;--fret-root: #a16207}:root[data-theme=jhs-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(129, 138, 153, .28) 44%, rgba(255, 120, 173, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #818a99;--accent-bg: rgba(129, 138, 153, .18);--accent-border: rgba(129, 138, 153, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #818a99;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff78ad;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ff78ad;--pattern-add-bg: #818a99;--pattern-add-bg-hover: rgba(129, 138, 153, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #818a99;--fret-guide-included: black;--fret-root: #ff78ad}:root[data-theme=jhs-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(17, 24, 39, .14) 44%, rgba(228, 79, 137, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #111827;--accent-bg: rgba(17, 24, 39, .12);--accent-border: rgba(17, 24, 39, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #111827;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #e44f89;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #111827;--pattern-add-bg: #e44f89;--pattern-add-bg-hover: rgba(228, 79, 137, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #111827;--fret-guide-included: black;--fret-root: #e44f89}:root[data-theme=keeley-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(92, 139, 219, .28) 44%, rgba(183, 193, 208, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #5c8bdb;--accent-bg: rgba(92, 139, 219, .18);--accent-border: rgba(92, 139, 219, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #5c8bdb;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #b7c1d0;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #b7c1d0;--pattern-add-bg: #5c8bdb;--pattern-add-bg-hover: rgba(92, 139, 219, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #5c8bdb;--fret-guide-included: black;--fret-root: #b7c1d0}:root[data-theme=keeley-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(30, 79, 163, .14) 44%, rgba(136, 146, 160, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1e4fa3;--accent-bg: rgba(30, 79, 163, .12);--accent-border: rgba(30, 79, 163, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1e4fa3;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #8892a0;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1e4fa3;--pattern-add-bg: #8892a0;--pattern-add-bg-hover: rgba(136, 146, 160, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1e4fa3;--fret-guide-included: black;--fret-root: #8892a0}:root[data-theme=korg-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(255, 92, 99, .28) 44%, rgba(156, 163, 175, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #ff5c63;--accent-bg: rgba(255, 92, 99, .18);--accent-border: rgba(255, 92, 99, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #ff5c63;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #9ca3af;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #9ca3af;--pattern-add-bg: #ff5c63;--pattern-add-bg-hover: rgba(255, 92, 99, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #ff5c63;--fret-guide-included: black;--fret-root: #9ca3af}:root[data-theme=korg-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(215, 38, 45, .14) 44%, rgba(31, 41, 55, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d7262d;--accent-bg: rgba(215, 38, 45, .12);--accent-border: rgba(215, 38, 45, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d7262d;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #1f2937;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d7262d;--pattern-add-bg: #1f2937;--pattern-add-bg-hover: rgba(31, 41, 55, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d7262d;--fret-guide-included: black;--fret-root: #1f2937}:root[data-theme=light]{--text: #2f241c;--text-h: #1a130f;--bg: #fdfefe;--border: #d8e3ee;--code-bg: #f2f8ff;--accent: #2a84c9;--accent-bg: rgba(42, 132, 201, .12);--accent-border: rgba(42, 132, 201, .45);--social-bg: rgba(242, 248, 255, .8);--shadow: rgba(30, 90, 140, .12) 0 10px 18px -3px, rgba(30, 90, 140, .06) 0 4px 8px -2px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #111827;--color-silver: #c7d3de;--home-tabs-bg: #7ec8f3;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(13, 42, 69, .12);--home-tab-active-bg: #57b9ed;--header-control-bg: #ffffff;--header-control-border: #b9cde0;--header-control-text: #1a130f;--tablature-bg: #ffffff;--tablature-text: #1a130f;--pattern-outline: #88a9bf;--pattern-positive-bg: #d9f6e5;--pattern-negative-bg: #ffe0e0;--pattern-stepper-bg: #ffffff;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #88cfaa;--pattern-stepper-negative-border: #e0a8a8;--pattern-remove-border: #e0d9a5;--pattern-remove-bg: #fff8c9;--pattern-remove-text: #4e3c13;--pattern-add-border: #2ea264;--pattern-add-bg: #3ccf7b;--pattern-add-bg-hover: #31b068;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecec;--fret-bg: #e1c699;--fret-line: #35424f;--fret-included: #111827;--fret-primary: #2563eb;--fret-guide-included: black;--fret-root: #dc2626}:root[data-theme=lo-fi-bedroom-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(167, 139, 250, .28) 44%, rgba(56, 189, 248, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #a78bfa;--accent-bg: rgba(167, 139, 250, .18);--accent-border: rgba(167, 139, 250, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #a78bfa;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #38bdf8;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #38bdf8;--pattern-add-bg: #a78bfa;--pattern-add-bg-hover: rgba(167, 139, 250, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6a5239;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #a78bfa;--fret-guide-included: black;--fret-root: #38bdf8}:root[data-theme=lo-fi-bedroom-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(139, 92, 246, .14) 44%, rgba(14, 165, 233, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #8b5cf6;--accent-bg: rgba(139, 92, 246, .12);--accent-border: rgba(139, 92, 246, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #8b5cf6;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #0ea5e9;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #8b5cf6;--pattern-add-bg: #0ea5e9;--pattern-add-bg-hover: rgba(14, 165, 233, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d6c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #8b5cf6;--fret-guide-included: black;--fret-root: #0ea5e9}:root[data-theme=lotus-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #102430 0%, #101723 52%, #1d2b17 100%);--border: #54707e;--code-bg: rgba(16, 23, 35, .92);--accent: #63c2e4;--accent-bg: rgba(99, 194, 228, .16);--accent-border: rgba(99, 194, 228, .4);--social-bg: rgba(16, 23, 35, .8);--shadow: rgba(0, 0, 0, .46) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #081015;--color-silver: #7c929d;--home-tabs-bg: #2e96bd;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #7bc96f;--header-control-bg: rgba(16, 23, 35, .88);--header-control-border: #54707e;--header-control-text: #fff8f2;--tablature-bg: rgba(16, 23, 35, .92);--tablature-text: #fff8f2;--pattern-outline: #728d99;--pattern-positive-bg: #27492a;--pattern-negative-bg: #5a3826;--pattern-stepper-bg: #1d2f38;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #81c772;--pattern-stepper-negative-border: #ca8b67;--pattern-remove-border: #d5b052;--pattern-remove-bg: #554518;--pattern-remove-text: #fff2bf;--pattern-add-border: #7bc96f;--pattern-add-bg: #62b456;--pattern-add-bg-hover: #4c9940;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5a3826;--fret-bg: #756244;--fret-line: #edf7fb;--fret-included: #f8fafc;--fret-primary: #67e8f9;--fret-guide-included: black;--fret-root: #86efac}:root[data-theme=lotus-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fefcff 0%, #e7f4ff 40%, #f4fce6 100%);--border: #c8d3df;--code-bg: rgba(255, 255, 255, .88);--accent: #44a3c7;--accent-bg: rgba(68, 163, 199, .11);--accent-border: rgba(68, 163, 199, .34);--social-bg: rgba(255, 255, 255, .74);--shadow: rgba(58, 107, 136, .14) 0 12px 20px -8px, rgba(58, 107, 136, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #1e2434;--color-silver: #d4dbe2;--home-tabs-bg: #44a3c7;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #7bc96f;--header-control-bg: rgba(255, 255, 255, .88);--header-control-border: #c8d3df;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .9);--tablature-text: #1a130f;--pattern-outline: #9fb0c0;--pattern-positive-bg: #e8f7df;--pattern-negative-bg: #ffe9e0;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #a8d59f;--pattern-stepper-negative-border: #e1b49e;--pattern-remove-border: #e6c96d;--pattern-remove-bg: #fcf4cb;--pattern-remove-text: #4e3c13;--pattern-add-border: #6abf8b;--pattern-add-bg: #7bc96f;--pattern-add-bg-hover: #65b557;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffece3;--fret-bg: #e6d9bd;--fret-line: #344055;--fret-included: #111827;--fret-primary: #0284c7;--fret-guide-included: black;--fret-root: #16a34a}:root[data-theme=macos-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #1D1D1F;--border: #3E3E42;--code-bg: #2A2A2E;--accent: #0A84FF;--accent-bg: rgba(10, 132, 255, .12);--accent-border: rgba(10, 132, 255, .4);--social-bg: rgba(28, 28, 30, .8);--shadow: rgba(0, 0, 0, .5) 0 10px 15px -3px, rgba(0, 0, 0, .3) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #000000;--color-silver: #795548;--home-tabs-bg: #0A84FF;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .12);--home-tab-active-bg: #0071E3;--header-control-bg: #2A2A2E;--header-control-border: #5E5E62;--header-control-text: #fff8f2;--tablature-bg: #2A2A2E;--tablature-text: #fff8f2;--pattern-outline: #5E5E62;--pattern-positive-bg: #1B3A3A;--pattern-negative-bg: #5E2B2B;--pattern-stepper-bg: #2A2A2E;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #34C7FF;--pattern-stepper-negative-border: #FF5252;--pattern-remove-border: #FFD54F;--pattern-remove-bg: #3E2723;--pattern-remove-text: #fff2bf;--pattern-add-border: #34C7FF;--pattern-add-bg: #00B4D8;--pattern-add-bg-hover: #0099BC;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5E2B2B;--fret-bg: #453830;--fret-line: #F5F5F7;--fret-included: #f8fafc;--fret-primary: #60a5fa;--fret-guide-included: black;--fret-root: #ff7a70}:root[data-theme=macos-light]{--text: #2f241c;--text-h: #1a130f;--bg: #F5F5F7;--border: #E5E5EA;--code-bg: #FFFFFF;--accent: #0071E3;--accent-bg: rgba(0, 113, 227, .08);--accent-border: rgba(0, 113, 227, .35);--social-bg: rgba(255, 255, 255, .95);--shadow: rgba(0, 0, 0, .07) 0 2px 6px 2px, rgba(0, 0, 0, .02) 0 1px 2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #1D1D1F;--color-silver: #A1A1A6;--home-tabs-bg: #0071E3;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .15);--home-tab-active-bg: #0056B3;--header-control-bg: #FFFFFF;--header-control-border: #E5E5EA;--header-control-text: #1a130f;--tablature-bg: #FFFFFF;--tablature-text: #1a130f;--pattern-outline: #D1D1D6;--pattern-positive-bg: #E8F3FF;--pattern-negative-bg: #FFE5E5;--pattern-stepper-bg: #FFFFFF;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #AED6FF;--pattern-stepper-negative-border: #E8A8A8;--pattern-remove-border: #FFD54F;--pattern-remove-bg: #FFFDE7;--pattern-remove-text: #4e3c13;--pattern-add-border: #34C7FF;--pattern-add-bg: #00B4D8;--pattern-add-bg-hover: #0099BC;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #FFE5E5;--fret-bg: #DDD7CD;--fret-line: #1D1D1F;--fret-included: #111827;--fret-primary: #0071e3;--fret-guide-included: black;--fret-root: #ff3b30}:root[data-theme=marshall-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(193, 166, 90, .28) 44%, rgba(228, 195, 116, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #c1a65a;--accent-bg: rgba(193, 166, 90, .18);--accent-border: rgba(193, 166, 90, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #c1a65a;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #e4c374;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #e4c374;--pattern-add-bg: #c1a65a;--pattern-add-bg-hover: rgba(193, 166, 90, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #c1a65a;--fret-guide-included: black;--fret-root: #e4c374}:root[data-theme=marshall-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(17, 17, 17, .14) 44%, rgba(195, 154, 56, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #111111;--accent-bg: rgba(17, 17, 17, .12);--accent-border: rgba(17, 17, 17, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #111111;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #c39a38;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #111111;--pattern-add-bg: #c39a38;--pattern-add-bg-hover: rgba(195, 154, 56, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #111111;--fret-guide-included: black;--fret-root: #c39a38}:root[data-theme=martin-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(95, 162, 115, .28) 44%, rgba(209, 167, 92, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #5fa273;--accent-bg: rgba(95, 162, 115, .18);--accent-border: rgba(95, 162, 115, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #5fa273;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #d1a75c;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #d1a75c;--pattern-add-bg: #5fa273;--pattern-add-bg-hover: rgba(95, 162, 115, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #5fa273;--fret-guide-included: black;--fret-root: #d1a75c}:root[data-theme=martin-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(47, 95, 61, .14) 44%, rgba(158, 125, 65, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #2f5f3d;--accent-bg: rgba(47, 95, 61, .12);--accent-border: rgba(47, 95, 61, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #2f5f3d;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #9e7d41;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #2f5f3d;--pattern-add-bg: #9e7d41;--pattern-add-bg-hover: rgba(158, 125, 65, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #2f5f3d;--fret-guide-included: black;--fret-root: #9e7d41}:root[data-theme=math-rock-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(45, 212, 191, .28) 44%, rgba(96, 165, 250, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #2dd4bf;--accent-bg: rgba(45, 212, 191, .18);--accent-border: rgba(45, 212, 191, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #2dd4bf;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #60a5fa;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #60a5fa;--pattern-add-bg: #2dd4bf;--pattern-add-bg-hover: rgba(45, 212, 191, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #645038;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #2dd4bf;--fret-guide-included: black;--fret-root: #60a5fa}:root[data-theme=math-rock-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(13, 148, 136, .14) 44%, rgba(37, 99, 235, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #0d9488;--accent-bg: rgba(13, 148, 136, .12);--accent-border: rgba(13, 148, 136, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #0d9488;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #2563eb;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #0d9488;--pattern-add-bg: #2563eb;--pattern-add-bg-hover: rgba(37, 99, 235, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d2bd9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #0d9488;--fret-guide-included: black;--fret-root: #2563eb}:root[data-theme=moog-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(95, 99, 104, .28) 44%, rgba(242, 143, 84, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #5f6368;--accent-bg: rgba(95, 99, 104, .18);--accent-border: rgba(95, 99, 104, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #5f6368;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f28f54;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f28f54;--pattern-add-bg: #5f6368;--pattern-add-bg-hover: rgba(95, 99, 104, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #5f6368;--fret-guide-included: black;--fret-root: #f28f54}:root[data-theme=moog-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(17, 17, 17, .14) 44%, rgba(204, 91, 30, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #111111;--accent-bg: rgba(17, 17, 17, .12);--accent-border: rgba(17, 17, 17, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #111111;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #cc5b1e;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #111111;--pattern-add-bg: #cc5b1e;--pattern-add-bg-hover: rgba(204, 91, 30, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #111111;--fret-guide-included: black;--fret-root: #cc5b1e}:root[data-theme=music-man-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(90, 149, 223, .28) 44%, rgba(248, 150, 75, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #5a95df;--accent-bg: rgba(90, 149, 223, .18);--accent-border: rgba(90, 149, 223, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #5a95df;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f8964b;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f8964b;--pattern-add-bg: #5a95df;--pattern-add-bg-hover: rgba(90, 149, 223, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #5a95df;--fret-guide-included: black;--fret-root: #f8964b}:root[data-theme=music-man-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(38, 99, 178, .14) 44%, rgba(221, 106, 31, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #2663b2;--accent-bg: rgba(38, 99, 178, .12);--accent-border: rgba(38, 99, 178, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #2663b2;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #dd6a1f;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #2663b2;--pattern-add-bg: #dd6a1f;--pattern-add-bg-hover: rgba(221, 106, 31, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #2663b2;--fret-guide-included: black;--fret-root: #dd6a1f}:root[data-theme=mxr-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(247, 215, 110, .28) 44%, rgba(199, 205, 214, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #f7d76e;--accent-bg: rgba(247, 215, 110, .18);--accent-border: rgba(247, 215, 110, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #f7d76e;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #c7cdd6;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #c7cdd6;--pattern-add-bg: #f7d76e;--pattern-add-bg-hover: rgba(247, 215, 110, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #f7d76e;--fret-guide-included: black;--fret-root: #c7cdd6}:root[data-theme=mxr-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(242, 194, 48, .14) 44%, rgba(17, 17, 17, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #f2c230;--accent-bg: rgba(242, 194, 48, .12);--accent-border: rgba(242, 194, 48, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #f2c230;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #111111;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #f2c230;--pattern-add-bg: #111111;--pattern-add-bg-hover: rgba(17, 17, 17, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #f2c230;--fret-guide-included: black;--fret-root: #111111}:root[data-theme=neo-soul-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(192, 132, 252, .28) 44%, rgba(45, 212, 191, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .18);--accent-border: rgba(192, 132, 252, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #c084fc;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #2dd4bf;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #2dd4bf;--pattern-add-bg: #c084fc;--pattern-add-bg-hover: rgba(192, 132, 252, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735b3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #c084fc;--fret-guide-included: black;--fret-root: #2dd4bf}:root[data-theme=neo-soul-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(168, 85, 247, .14) 44%, rgba(20, 184, 166, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #a855f7;--accent-bg: rgba(168, 85, 247, .12);--accent-border: rgba(168, 85, 247, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #a855f7;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #14b8a6;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #a855f7;--pattern-add-bg: #14b8a6;--pattern-add-bg-hover: rgba(20, 184, 166, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dbc6a7;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #a855f7;--fret-guide-included: black;--fret-root: #14b8a6}:root[data-theme=netflix-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #141414;--border: #3E3E3E;--code-bg: #221F1F;--accent: #E50914;--accent-bg: rgba(229, 9, 20, .15);--accent-border: rgba(229, 9, 20, .45);--social-bg: rgba(32, 32, 32, .8);--shadow: rgba(0, 0, 0, .6) 0 10px 15px -3px, rgba(0, 0, 0, .4) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #000000;--color-silver: #808080;--home-tabs-bg: #E50914;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .12);--home-tab-active-bg: #B81D13;--header-control-bg: #221F1F;--header-control-border: #5E5E5E;--header-control-text: #fff8f2;--tablature-bg: #221F1F;--tablature-text: #fff8f2;--pattern-outline: #4E4E4E;--pattern-positive-bg: #1B5E20;--pattern-negative-bg: #5E1B1B;--pattern-stepper-bg: #221F1F;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #2E7D32;--pattern-stepper-negative-border: #C62828;--pattern-remove-border: #F57F17;--pattern-remove-bg: #3E2723;--pattern-remove-text: #fff2bf;--pattern-add-border: #2E7D32;--pattern-add-bg: #43A047;--pattern-add-bg-hover: #388E3C;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5E1B1B;--fret-bg: #3D3A34;--fret-line: #CCCCCC;--fret-included: #f8fafc;--fret-primary: #60a5fa;--fret-guide-included: black;--fret-root: #ff4d5e}:root[data-theme=netflix-light]{--text: #2f241c;--text-h: #1a130f;--bg: #F8F8F8;--border: #E5E5E5;--code-bg: #FFFFFF;--accent: #E50914;--accent-bg: rgba(229, 9, 20, .08);--accent-border: rgba(229, 9, 20, .35);--social-bg: rgba(255, 255, 255, .95);--shadow: rgba(34, 31, 31, .1) 0 2px 6px 2px, rgba(34, 31, 31, .06) 0 1px 2px;--color-transparent: transparent;--color-white: #FFFFFF;--color-black: #221F1F;--color-silver: #B3B3B3;--home-tabs-bg: #E50914;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .15);--home-tab-active-bg: #B81D13;--header-control-bg: #FFFFFF;--header-control-border: #E5E5E5;--header-control-text: #1a130f;--tablature-bg: #FFFFFF;--tablature-text: #1a130f;--pattern-outline: #D3D3D3;--pattern-positive-bg: #E8F5E9;--pattern-negative-bg: #FFEBEE;--pattern-stepper-bg: #FFFFFF;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #81C784;--pattern-stepper-negative-border: #EF5350;--pattern-remove-border: #FFE082;--pattern-remove-bg: #FFFDE7;--pattern-remove-text: #4e3c13;--pattern-add-border: #4CAF50;--pattern-add-bg: #66BB6A;--pattern-add-bg-hover: #43A047;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #FFEBEE;--fret-bg: #D4CBBD;--fret-line: #221F1F;--fret-included: #111827;--fret-primary: #2563eb;--fret-guide-included: black;--fret-root: #e50914}:root[data-theme=nord-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(255, 95, 102, .28) 44%, rgba(199, 199, 199, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #ff5f66;--accent-bg: rgba(255, 95, 102, .18);--accent-border: rgba(255, 95, 102, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #ff5f66;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #c7c7c7;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #c7c7c7;--pattern-add-bg: #ff5f66;--pattern-add-bg-hover: rgba(255, 95, 102, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #ff5f66;--fret-guide-included: black;--fret-root: #c7c7c7}:root[data-theme=nord-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(215, 39, 46, .14) 44%, rgba(17, 17, 17, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d7272e;--accent-bg: rgba(215, 39, 46, .12);--accent-border: rgba(215, 39, 46, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d7272e;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #111111;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d7272e;--pattern-add-bg: #111111;--pattern-add-bg-hover: rgba(17, 17, 17, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d7272e;--fret-guide-included: black;--fret-root: #111111}:root[data-theme=novation-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(49, 195, 181, .28) 44%, rgba(156, 214, 69, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #31c3b5;--accent-bg: rgba(49, 195, 181, .18);--accent-border: rgba(49, 195, 181, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #31c3b5;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #9cd645;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #9cd645;--pattern-add-bg: #31c3b5;--pattern-add-bg-hover: rgba(49, 195, 181, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #31c3b5;--fret-guide-included: black;--fret-root: #9cd645}:root[data-theme=novation-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(15, 118, 110, .14) 44%, rgba(101, 163, 13, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #0f766e;--accent-bg: rgba(15, 118, 110, .12);--accent-border: rgba(15, 118, 110, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #0f766e;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #65a30d;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #0f766e;--pattern-add-bg: #65a30d;--pattern-add-bg-hover: rgba(101, 163, 13, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #0f766e;--fret-guide-included: black;--fret-root: #65a30d}:root[data-theme=orange-dark]{--text: #ffedd5;--text-h: #fff7ed;--bg: linear-gradient(180deg, #21150f 0%, rgba(251, 146, 60, .26) 48%, rgba(234, 88, 12, .22) 100%);--border: rgba(251, 146, 60, .42);--code-bg: rgba(33, 21, 15, .92);--accent: #fb923c;--accent-bg: rgba(251, 146, 60, .18);--accent-border: rgba(251, 146, 60, .44);--social-bg: rgba(33, 21, 15, .82);--home-tabs-bg: #fb923c;--home-tab-text: #000000;--home-tab-active-bg: #ea580c;--header-control-bg: rgba(33, 21, 15, .88);--header-control-border: rgba(251, 146, 60, .42);--tablature-bg: rgba(33, 21, 15, .92);--tablature-text: #fff7ed;--pattern-positive-bg: rgba(251, 146, 60, .24);--pattern-negative-bg: rgba(234, 88, 12, .24);--pattern-add-bg: #fb923c;--pattern-remove-bg: rgba(234, 88, 12, .28);--fret-bg: rgba(234, 88, 12, .46);--fret-primary: #fb923c;--fret-root: #ea580c}:root[data-theme=orange-light]{--text: #4a1f06;--text-h: #2b1204;--bg: linear-gradient(180deg, #fff7ed 0%, rgba(234, 88, 12, .16) 48%, rgba(194, 65, 12, .12) 100%);--border: rgba(234, 88, 12, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #ea580c;--accent-bg: rgba(234, 88, 12, .12);--accent-border: rgba(234, 88, 12, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #ea580c;--home-tab-text: #ffffff;--home-tab-active-bg: #c2410c;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(234, 88, 12, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #2b1204;--pattern-positive-bg: rgba(234, 88, 12, .16);--pattern-negative-bg: rgba(194, 65, 12, .16);--pattern-add-bg: #ea580c;--pattern-remove-bg: rgba(194, 65, 12, .18);--fret-bg: rgba(194, 65, 12, .36);--fret-primary: #ea580c;--fret-root: #c2410c}:root[data-theme=orange-amps-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(255, 148, 62, .28) 44%, rgba(165, 175, 189, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #ff943e;--accent-bg: rgba(255, 148, 62, .18);--accent-border: rgba(255, 148, 62, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #ff943e;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #a5afbd;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #a5afbd;--pattern-add-bg: #ff943e;--pattern-add-bg-hover: rgba(255, 148, 62, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #ff943e;--fret-guide-included: black;--fret-root: #a5afbd}:root[data-theme=orange-amps-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(240, 109, 15, .14) 44%, rgba(31, 41, 55, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #f06d0f;--accent-bg: rgba(240, 109, 15, .12);--accent-border: rgba(240, 109, 15, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #f06d0f;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #1f2937;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #f06d0f;--pattern-add-bg: #1f2937;--pattern-add-bg-hover: rgba(31, 41, 55, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #f06d0f;--fret-guide-included: black;--fret-root: #1f2937}:root[data-theme=peavey-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(239, 85, 97, .28) 44%, rgba(153, 165, 180, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #ef5561;--accent-bg: rgba(239, 85, 97, .18);--accent-border: rgba(239, 85, 97, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #ef5561;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #99a5b4;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #99a5b4;--pattern-add-bg: #ef5561;--pattern-add-bg-hover: rgba(239, 85, 97, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #ef5561;--fret-guide-included: black;--fret-root: #99a5b4}:root[data-theme=peavey-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(194, 36, 45, .14) 44%, rgba(31, 41, 55, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #c2242d;--accent-bg: rgba(194, 36, 45, .12);--accent-border: rgba(194, 36, 45, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #c2242d;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #1f2937;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #c2242d;--pattern-add-bg: #1f2937;--pattern-add-bg-hover: rgba(31, 41, 55, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #c2242d;--fret-guide-included: black;--fret-root: #1f2937}:root[data-theme=pedalboard-neon-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(52, 211, 153, .28) 44%, rgba(251, 113, 133, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #34d399;--accent-bg: rgba(52, 211, 153, .18);--accent-border: rgba(52, 211, 153, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #34d399;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #fb7185;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #fb7185;--pattern-add-bg: #34d399;--pattern-add-bg-hover: rgba(52, 211, 153, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #664f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #34d399;--fret-guide-included: black;--fret-root: #fb7185}:root[data-theme=pedalboard-neon-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(16, 185, 129, .14) 44%, rgba(225, 29, 72, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #10b981;--accent-bg: rgba(16, 185, 129, .12);--accent-border: rgba(16, 185, 129, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #10b981;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #e11d48;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #10b981;--pattern-add-bg: #e11d48;--pattern-add-bg-hover: rgba(225, 29, 72, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d5c0a2;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #10b981;--fret-guide-included: black;--fret-root: #e11d48}:root[data-theme=pink-dark]{--text: #fce7f3;--text-h: #fdf2f8;--bg: linear-gradient(180deg, #2b1220 0%, rgba(244, 114, 182, .26) 48%, rgba(236, 72, 153, .22) 100%);--border: rgba(244, 114, 182, .42);--code-bg: rgba(43, 18, 32, .92);--accent: #f472b6;--accent-bg: rgba(244, 114, 182, .18);--accent-border: rgba(244, 114, 182, .44);--social-bg: rgba(43, 18, 32, .82);--home-tabs-bg: #f472b6;--home-tab-text: #000000;--home-tab-active-bg: #ec4899;--header-control-bg: rgba(43, 18, 32, .88);--header-control-border: rgba(244, 114, 182, .42);--tablature-bg: rgba(43, 18, 32, .92);--tablature-text: #fdf2f8;--pattern-positive-bg: rgba(244, 114, 182, .24);--pattern-negative-bg: rgba(236, 72, 153, .24);--pattern-add-bg: #f472b6;--pattern-remove-bg: rgba(236, 72, 153, .28);--fret-bg: rgba(236, 72, 153, .46);--fret-primary: #f472b6;--fret-root: #ec4899}:root[data-theme=pink-light]{--text: #4b1730;--text-h: #2b0d1c;--bg: linear-gradient(180deg, #fdf2f8 0%, rgba(219, 39, 119, .16) 48%, rgba(190, 24, 93, .12) 100%);--border: rgba(219, 39, 119, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #db2777;--accent-bg: rgba(219, 39, 119, .12);--accent-border: rgba(219, 39, 119, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #db2777;--home-tab-text: #ffffff;--home-tab-active-bg: #be185d;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(219, 39, 119, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #2b0d1c;--pattern-positive-bg: rgba(219, 39, 119, .16);--pattern-negative-bg: rgba(190, 24, 93, .16);--pattern-add-bg: #db2777;--pattern-remove-bg: rgba(190, 24, 93, .18);--fret-bg: rgba(190, 24, 93, .36);--fret-primary: #db2777;--fret-root: #be185d}:root[data-theme=phish-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #331d2f 0%, #171322 48%, #0d2d29 100%);--border: #69556d;--code-bg: rgba(24, 19, 34, .92);--accent: #ff6aa8;--accent-bg: rgba(255, 106, 168, .16);--accent-border: rgba(255, 106, 168, .42);--social-bg: rgba(24, 19, 34, .8);--shadow: rgba(0, 0, 0, .46) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0b0910;--color-silver: #8f7b93;--home-tabs-bg: #d94f98;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #00c4a0;--header-control-bg: rgba(24, 19, 34, .88);--header-control-border: #69556d;--header-control-text: #fff8f2;--tablature-bg: rgba(24, 19, 34, .92);--tablature-text: #fff8f2;--pattern-outline: #8d7891;--pattern-positive-bg: #184a3e;--pattern-negative-bg: #632943;--pattern-stepper-bg: #2b2138;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4cccb1;--pattern-stepper-negative-border: #d481a6;--pattern-remove-border: #d9b456;--pattern-remove-bg: #564519;--pattern-remove-text: #fff2bf;--pattern-add-border: #00c4a0;--pattern-add-bg: #00b08f;--pattern-add-bg-hover: #009578;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5c2540;--fret-bg: #765f41;--fret-line: #f6eff7;--fret-included: #f8fafc;--fret-primary: #f472b6;--fret-guide-included: black;--fret-root: #2dd4bf}:root[data-theme=phish-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf7 0%, #ffe6f2 34%, #e6fff9 100%);--border: #dcc7df;--code-bg: rgba(255, 255, 255, .88);--accent: #e94a8b;--accent-bg: rgba(233, 74, 139, .11);--accent-border: rgba(233, 74, 139, .36);--social-bg: rgba(255, 255, 255, .75);--shadow: rgba(120, 55, 100, .15) 0 12px 20px -8px, rgba(120, 55, 100, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #241c35;--color-silver: #dbcfe0;--home-tabs-bg: #e94a8b;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #00b894;--header-control-bg: rgba(255, 255, 255, .88);--header-control-border: #dcc7df;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .9);--tablature-text: #1a130f;--pattern-outline: #b69ec0;--pattern-positive-bg: #e3fbf3;--pattern-negative-bg: #ffe3ec;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8bd7c2;--pattern-stepper-negative-border: #e5a2bf;--pattern-remove-border: #f0c66a;--pattern-remove-bg: #fff3cb;--pattern-remove-text: #4e3c13;--pattern-add-border: #22c3a6;--pattern-add-bg: #00b894;--pattern-add-bg-hover: #009f7f;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffe8ef;--fret-bg: #e8d7b8;--fret-line: #3b304f;--fret-included: #111827;--fret-primary: #db2777;--fret-guide-included: black;--fret-root: #0f766e}:root[data-theme=pigeons-playing-ping-pong-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #3a2207 0%, #23131e 42%, #10242c 100%);--border: #7d5f62;--code-bg: rgba(23, 17, 28, .92);--accent: #ffb13b;--accent-bg: rgba(255, 177, 59, .16);--accent-border: rgba(255, 177, 59, .4);--social-bg: rgba(23, 17, 28, .8);--shadow: rgba(0, 0, 0, .46) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0b0810;--color-silver: #977d84;--home-tabs-bg: #ff9f1c;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff66c4;--header-control-bg: rgba(23, 17, 28, .88);--header-control-border: #7d5f62;--header-control-text: #fff8f2;--tablature-bg: rgba(23, 17, 28, .92);--tablature-text: #fff8f2;--pattern-outline: #9b7b85;--pattern-positive-bg: #375118;--pattern-negative-bg: #64283f;--pattern-stepper-bg: #312132;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #9dd63c;--pattern-stepper-negative-border: #db7daa;--pattern-remove-border: #ddb658;--pattern-remove-bg: #5c4816;--pattern-remove-text: #fff2bf;--pattern-add-border: #a6dd39;--pattern-add-bg: #90c925;--pattern-add-bg-hover: #76aa18;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #60243e;--fret-bg: #785f3f;--fret-line: #fff6eb;--fret-included: #f8fafc;--fret-primary: #fdba74;--fret-guide-included: black;--fret-root: #a3e635}:root[data-theme=pigeons-playing-ping-pong-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffef8 0%, #ffe7b8 28%, #ffd8f0 62%, #e8fbff 100%);--border: #e2c3ce;--code-bg: rgba(255, 255, 255, .88);--accent: #ff9f1c;--accent-bg: rgba(255, 159, 28, .12);--accent-border: rgba(255, 159, 28, .36);--social-bg: rgba(255, 255, 255, .76);--shadow: rgba(160, 88, 70, .15) 0 12px 20px -8px, rgba(160, 88, 70, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #2a1d2b;--color-silver: #e0d1d7;--home-tabs-bg: #ff9f1c;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #ff4fb3;--header-control-bg: rgba(255, 255, 255, .88);--header-control-border: #e2c3ce;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .9);--tablature-text: #1a130f;--pattern-outline: #c7a4b3;--pattern-positive-bg: #eafcdf;--pattern-negative-bg: #ffe1ef;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #b7de8d;--pattern-stepper-negative-border: #f0a0ca;--pattern-remove-border: #f1c55e;--pattern-remove-bg: #fff2c6;--pattern-remove-text: #4e3c13;--pattern-add-border: #9cd83d;--pattern-add-bg: #b4e33a;--pattern-add-bg-hover: #9dca25;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffe6f2;--fret-bg: #ebdbbf;--fret-line: #433047;--fret-included: #111827;--fret-primary: #ea580c;--fret-guide-included: black;--fret-root: #84cc16}:root[data-theme=prog-rock-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(56, 189, 248, .28) 44%, rgba(167, 139, 250, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #38bdf8;--accent-bg: rgba(56, 189, 248, .18);--accent-border: rgba(56, 189, 248, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #38bdf8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #a78bfa;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #a78bfa;--pattern-add-bg: #38bdf8;--pattern-add-bg-hover: rgba(56, 189, 248, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6d553a;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #38bdf8;--fret-guide-included: black;--fret-root: #a78bfa}:root[data-theme=prog-rock-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(2, 132, 199, .14) 44%, rgba(124, 58, 237, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #0284c7;--accent-bg: rgba(2, 132, 199, .12);--accent-border: rgba(2, 132, 199, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #0284c7;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #7c3aed;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #0284c7;--pattern-add-bg: #7c3aed;--pattern-add-bg-hover: rgba(124, 58, 237, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d8c3a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #0284c7;--fret-guide-included: black;--fret-root: #7c3aed}:root[data-theme=prs-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(141, 88, 219, .28) 44%, rgba(227, 177, 79, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #8d58db;--accent-bg: rgba(141, 88, 219, .18);--accent-border: rgba(141, 88, 219, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #8d58db;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #e3b14f;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #e3b14f;--pattern-add-bg: #8d58db;--pattern-add-bg-hover: rgba(141, 88, 219, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #8d58db;--fret-guide-included: black;--fret-root: #e3b14f}:root[data-theme=prs-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(94, 44, 165, .14) 44%, rgba(199, 146, 46, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #5e2ca5;--accent-bg: rgba(94, 44, 165, .12);--accent-border: rgba(94, 44, 165, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #5e2ca5;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #c7922e;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #5e2ca5;--pattern-add-bg: #c7922e;--pattern-add-bg-hover: rgba(199, 146, 46, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #5e2ca5;--fret-guide-included: black;--fret-root: #c7922e}:root[data-theme=punk-garage-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(251, 113, 133, .28) 44%, rgba(56, 189, 248, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #fb7185;--accent-bg: rgba(251, 113, 133, .18);--accent-border: rgba(251, 113, 133, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #fb7185;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #38bdf8;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #38bdf8;--pattern-add-bg: #fb7185;--pattern-add-bg-hover: rgba(251, 113, 133, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4933;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #fb7185;--fret-guide-included: black;--fret-root: #38bdf8}:root[data-theme=punk-garage-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(225, 29, 72, .14) 44%, rgba(14, 165, 233, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #e11d48;--accent-bg: rgba(225, 29, 72, .12);--accent-border: rgba(225, 29, 72, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #e11d48;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #0ea5e9;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #e11d48;--pattern-add-bg: #0ea5e9;--pattern-add-bg-hover: rgba(14, 165, 233, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ceb89a;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #e11d48;--fret-guide-included: black;--fret-root: #0ea5e9}:root[data-theme=reggae-dub-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(34, 197, 94, .28) 44%, rgba(251, 191, 36, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #22c55e;--accent-bg: rgba(34, 197, 94, .18);--accent-border: rgba(34, 197, 94, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #22c55e;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #fbbf24;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #fbbf24;--pattern-add-bg: #22c55e;--pattern-add-bg-hover: rgba(34, 197, 94, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b563a;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #22c55e;--fret-guide-included: black;--fret-root: #fbbf24}:root[data-theme=reggae-dub-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(22, 163, 74, .14) 44%, rgba(245, 158, 11, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #16a34a;--accent-bg: rgba(22, 163, 74, .12);--accent-border: rgba(22, 163, 74, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #16a34a;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #f59e0b;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #16a34a;--pattern-add-bg: #f59e0b;--pattern-add-bg-hover: rgba(245, 158, 11, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dac6a7;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #16a34a;--fret-guide-included: black;--fret-root: #f59e0b}:root[data-theme=red-dark]{--text: #fee2e2;--text-h: #fff5f5;--bg: linear-gradient(180deg, #1f1111 0%, rgba(248, 113, 113, .26) 48%, rgba(220, 38, 38, .22) 100%);--border: rgba(248, 113, 113, .42);--code-bg: rgba(31, 17, 17, .92);--accent: #f87171;--accent-bg: rgba(248, 113, 113, .18);--accent-border: rgba(248, 113, 113, .44);--social-bg: rgba(31, 17, 17, .82);--home-tabs-bg: #f87171;--home-tab-text: #000000;--home-tab-active-bg: #dc2626;--header-control-bg: rgba(31, 17, 17, .88);--header-control-border: rgba(248, 113, 113, .42);--tablature-bg: rgba(31, 17, 17, .92);--tablature-text: #fff5f5;--pattern-positive-bg: rgba(248, 113, 113, .24);--pattern-negative-bg: rgba(220, 38, 38, .24);--pattern-add-bg: #f87171;--pattern-remove-bg: rgba(220, 38, 38, .28);--fret-bg: rgba(220, 38, 38, .46);--fret-primary: #f87171;--fret-root: #dc2626}:root[data-theme=red-light]{--text: #3f1212;--text-h: #210909;--bg: linear-gradient(180deg, #fff5f5 0%, rgba(220, 38, 38, .16) 48%, rgba(185, 28, 28, .12) 100%);--border: rgba(220, 38, 38, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #dc2626;--accent-bg: rgba(220, 38, 38, .12);--accent-border: rgba(220, 38, 38, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #dc2626;--home-tab-text: #ffffff;--home-tab-active-bg: #b91c1c;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(220, 38, 38, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #210909;--pattern-positive-bg: rgba(220, 38, 38, .16);--pattern-negative-bg: rgba(185, 28, 28, .16);--pattern-add-bg: #dc2626;--pattern-remove-bg: rgba(185, 28, 28, .18);--fret-bg: rgba(185, 28, 28, .36);--fret-primary: #dc2626;--fret-root: #b91c1c}:root[data-theme=rickenbacker-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(79, 163, 196, .28) 44%, rgba(214, 82, 87, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #4fa3c4;--accent-bg: rgba(79, 163, 196, .18);--accent-border: rgba(79, 163, 196, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #4fa3c4;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #d65257;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #d65257;--pattern-add-bg: #4fa3c4;--pattern-add-bg-hover: rgba(79, 163, 196, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #4fa3c4;--fret-guide-included: black;--fret-root: #d65257}:root[data-theme=rickenbacker-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(29, 111, 141, .14) 44%, rgba(161, 38, 44, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1d6f8d;--accent-bg: rgba(29, 111, 141, .12);--accent-border: rgba(29, 111, 141, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1d6f8d;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #a1262c;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1d6f8d;--pattern-add-bg: #a1262c;--pattern-add-bg-hover: rgba(161, 38, 44, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1d6f8d;--fret-guide-included: black;--fret-root: #a1262c}:root[data-theme=roland-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(255, 136, 95, .28) 44%, rgba(198, 198, 198, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #ff885f;--accent-bg: rgba(255, 136, 95, .18);--accent-border: rgba(255, 136, 95, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #ff885f;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #c6c6c6;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #c6c6c6;--pattern-add-bg: #ff885f;--pattern-add-bg-hover: rgba(255, 136, 95, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #ff885f;--fret-guide-included: black;--fret-root: #c6c6c6}:root[data-theme=roland-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(240, 90, 34, .14) 44%, rgba(28, 28, 28, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #f05a22;--accent-bg: rgba(240, 90, 34, .12);--accent-border: rgba(240, 90, 34, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #f05a22;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #1c1c1c;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #f05a22;--pattern-add-bg: #1c1c1c;--pattern-add-bg-hover: rgba(28, 28, 28, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #f05a22;--fret-guide-included: black;--fret-root: #1c1c1c}:root[data-theme=schecter-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(97, 107, 120, .28) 44%, rgba(241, 78, 90, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #616b78;--accent-bg: rgba(97, 107, 120, .18);--accent-border: rgba(97, 107, 120, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #616b78;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f14e5a;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f14e5a;--pattern-add-bg: #616b78;--pattern-add-bg-hover: rgba(97, 107, 120, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #616b78;--fret-guide-included: black;--fret-root: #f14e5a}:root[data-theme=schecter-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(27, 31, 38, .14) 44%, rgba(184, 32, 42, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1b1f26;--accent-bg: rgba(27, 31, 38, .12);--accent-border: rgba(27, 31, 38, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1b1f26;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #b8202a;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1b1f26;--pattern-add-bg: #b8202a;--pattern-add-bg-hover: rgba(184, 32, 42, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1b1f26;--fret-guide-included: black;--fret-root: #b8202a}:root[data-theme=sequential-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(75, 180, 240, .28) 44%, rgba(158, 121, 239, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #4bb4f0;--accent-bg: rgba(75, 180, 240, .18);--accent-border: rgba(75, 180, 240, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #4bb4f0;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #9e79ef;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #9e79ef;--pattern-add-bg: #4bb4f0;--pattern-add-bg-hover: rgba(75, 180, 240, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #4bb4f0;--fret-guide-included: black;--fret-root: #9e79ef}:root[data-theme=sequential-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(0, 119, 182, .14) 44%, rgba(109, 40, 217, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #0077b6;--accent-bg: rgba(0, 119, 182, .12);--accent-border: rgba(0, 119, 182, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #0077b6;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #6d28d9;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #0077b6;--pattern-add-bg: #6d28d9;--pattern-add-bg-hover: rgba(109, 40, 217, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #0077b6;--fret-guide-included: black;--fret-root: #6d28d9}:root[data-theme=shoegaze-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(129, 140, 248, .28) 44%, rgba(244, 114, 182, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #818cf8;--accent-bg: rgba(129, 140, 248, .18);--accent-border: rgba(129, 140, 248, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #818cf8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f472b6;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f472b6;--pattern-add-bg: #818cf8;--pattern-add-bg-hover: rgba(129, 140, 248, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #695239;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #818cf8;--fret-guide-included: black;--fret-root: #f472b6}:root[data-theme=shoegaze-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(99, 102, 241, .14) 44%, rgba(236, 72, 153, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #6366f1;--accent-bg: rgba(99, 102, 241, .12);--accent-border: rgba(99, 102, 241, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #6366f1;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #ec4899;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #6366f1;--pattern-add-bg: #ec4899;--pattern-add-bg-hover: rgba(236, 72, 153, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d5c0a2;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #6366f1;--fret-guide-included: black;--fret-root: #ec4899}:root[data-theme=spirals-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: radial-gradient(circle at center, #342357 0%, #161028 42%, #0e0b17 100%);--border: #5c4e80;--code-bg: rgba(20, 15, 32, .94);--accent: #9b6cff;--accent-bg: rgba(155, 108, 255, .16);--accent-border: rgba(155, 108, 255, .42);--social-bg: rgba(22, 16, 40, .78);--shadow: rgba(0, 0, 0, .5) 0 14px 26px -10px, rgba(0, 0, 0, .32) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #09070d;--color-silver: #8678ad;--home-tabs-bg: #6f52d9;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff9a62;--header-control-bg: rgba(22, 16, 40, .88);--header-control-border: #5c4e80;--header-control-text: #fff8f2;--tablature-bg: rgba(20, 15, 32, .94);--tablature-text: #fff8f2;--pattern-outline: #7f72a5;--pattern-positive-bg: #1d4d38;--pattern-negative-bg: #63283e;--pattern-stepper-bg: #261d3d;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #40b785;--pattern-stepper-negative-border: #d07f9e;--pattern-remove-border: #d9ba57;--pattern-remove-bg: #554515;--pattern-remove-text: #fff2bf;--pattern-add-border: #38d09a;--pattern-add-bg: #22be88;--pattern-add-bg-hover: #14a574;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5d2537;--fret-bg: #745b3d;--fret-line: #f1ebff;--fret-included: #f8fafc;--fret-primary: #c4b5fd;--fret-guide-included: black;--fret-root: #fb923c}:root[data-theme=spirals-light]{--text: #2f241c;--text-h: #1a130f;--bg: radial-gradient(circle at 20% 20%, #ffffff 0%, #f4e9ff 24%, #e4f6ff 54%, #fdf3d9 100%);--border: #cdbfe1;--code-bg: rgba(255, 255, 255, .85);--accent: #7c4dff;--accent-bg: rgba(124, 77, 255, .11);--accent-border: rgba(124, 77, 255, .34);--social-bg: rgba(255, 255, 255, .7);--shadow: rgba(86, 67, 125, .16) 0 12px 20px -8px, rgba(86, 67, 125, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #221b31;--color-silver: #d9d1e7;--home-tabs-bg: #7c4dff;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #ff8a3d;--header-control-bg: rgba(255, 255, 255, .85);--header-control-border: #cdbfe1;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .88);--tablature-text: #1a130f;--pattern-outline: #a391c3;--pattern-positive-bg: #e5f7e8;--pattern-negative-bg: #ffe4ea;--pattern-stepper-bg: rgba(255, 255, 255, .93);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #9bd3a5;--pattern-stepper-negative-border: #e6a2bc;--pattern-remove-border: #f1c86b;--pattern-remove-bg: #fff4cb;--pattern-remove-text: #4e3c13;--pattern-add-border: #5bcf99;--pattern-add-bg: #39c984;--pattern-add-bg-hover: #29b573;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffe7ef;--fret-bg: #ebdbbf;--fret-line: #3b314e;--fret-included: #111827;--fret-primary: #7c3aed;--fret-guide-included: black;--fret-root: #ea580c}:root[data-theme=strymon-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(95, 155, 224, .28) 44%, rgba(168, 176, 189, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #5f9be0;--accent-bg: rgba(95, 155, 224, .18);--accent-border: rgba(95, 155, 224, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #5f9be0;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #a8b0bd;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #a8b0bd;--pattern-add-bg: #5f9be0;--pattern-add-bg-hover: rgba(95, 155, 224, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #5f9be0;--fret-guide-included: black;--fret-root: #a8b0bd}:root[data-theme=strymon-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(47, 111, 182, .14) 44%, rgba(107, 114, 128, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #2f6fb6;--accent-bg: rgba(47, 111, 182, .12);--accent-border: rgba(47, 111, 182, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #2f6fb6;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #6b7280;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #2f6fb6;--pattern-add-bg: #6b7280;--pattern-add-bg-hover: rgba(107, 114, 128, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #2f6fb6;--fret-guide-included: black;--fret-root: #6b7280}:root[data-theme=suhr-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(42, 198, 187, .28) 44%, rgba(255, 161, 81, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #2ac6bb;--accent-bg: rgba(42, 198, 187, .18);--accent-border: rgba(42, 198, 187, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #2ac6bb;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ffa151;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ffa151;--pattern-add-bg: #2ac6bb;--pattern-add-bg-hover: rgba(42, 198, 187, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #6b5439;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #2ac6bb;--fret-guide-included: black;--fret-root: #ffa151}:root[data-theme=suhr-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(15, 118, 110, .14) 44%, rgba(249, 115, 22, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #0f766e;--accent-bg: rgba(15, 118, 110, .12);--accent-border: rgba(15, 118, 110, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #0f766e;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #f97316;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #0f766e;--pattern-add-bg: #f97316;--pattern-add-bg-hover: rgba(249, 115, 22, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d7c2a4;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #0f766e;--fret-guide-included: black;--fret-root: #f97316}:root[data-theme=surf-rock-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(34, 211, 238, .28) 44%, rgba(244, 114, 182, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #22d3ee;--accent-bg: rgba(34, 211, 238, .18);--accent-border: rgba(34, 211, 238, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #22d3ee;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #f472b6;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #f472b6;--pattern-add-bg: #22d3ee;--pattern-add-bg-hover: rgba(34, 211, 238, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #705c3d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #22d3ee;--fret-guide-included: black;--fret-root: #f472b6}:root[data-theme=surf-rock-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(6, 182, 212, .14) 44%, rgba(236, 72, 153, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #06b6d4;--accent-bg: rgba(6, 182, 212, .12);--accent-border: rgba(6, 182, 212, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #06b6d4;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #ec4899;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #06b6d4;--pattern-add-bg: #ec4899;--pattern-add-bg-hover: rgba(236, 72, 153, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d9c7a6;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #06b6d4;--fret-guide-included: black;--fret-root: #ec4899}:root[data-theme=taylor-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(89, 174, 190, .28) 44%, rgba(204, 156, 104, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #59aebe;--accent-bg: rgba(89, 174, 190, .18);--accent-border: rgba(89, 174, 190, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #59aebe;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #cc9c68;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #cc9c68;--pattern-add-bg: #59aebe;--pattern-add-bg-hover: rgba(89, 174, 190, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #59aebe;--fret-guide-included: black;--fret-root: #cc9c68}:root[data-theme=taylor-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(47, 126, 141, .14) 44%, rgba(159, 115, 70, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #2f7e8d;--accent-bg: rgba(47, 126, 141, .12);--accent-border: rgba(47, 126, 141, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #2f7e8d;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #9f7346;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #2f7e8d;--pattern-add-bg: #9f7346;--pattern-add-bg-hover: rgba(159, 115, 70, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #2f7e8d;--fret-guide-included: black;--fret-root: #9f7346}:root[data-theme=teal-dark]{--text: #ccfbf1;--text-h: #f0fdfa;--bg: linear-gradient(180deg, #0e1f1d 0%, rgba(45, 212, 191, .26) 48%, rgba(20, 184, 166, .22) 100%);--border: rgba(45, 212, 191, .42);--code-bg: rgba(14, 31, 29, .92);--accent: #2dd4bf;--accent-bg: rgba(45, 212, 191, .18);--accent-border: rgba(45, 212, 191, .44);--social-bg: rgba(14, 31, 29, .82);--home-tabs-bg: #2dd4bf;--home-tab-text: #000000;--home-tab-active-bg: #14b8a6;--header-control-bg: rgba(14, 31, 29, .88);--header-control-border: rgba(45, 212, 191, .42);--tablature-bg: rgba(14, 31, 29, .92);--tablature-text: #f0fdfa;--pattern-positive-bg: rgba(45, 212, 191, .24);--pattern-negative-bg: rgba(20, 184, 166, .24);--pattern-add-bg: #2dd4bf;--pattern-remove-bg: rgba(20, 184, 166, .28);--fret-bg: rgba(20, 184, 166, .46);--fret-primary: #2dd4bf;--fret-root: #14b8a6}:root[data-theme=teal-light]{--text: #103230;--text-h: #091f1d;--bg: linear-gradient(180deg, #f0fdfa 0%, rgba(15, 118, 110, .16) 48%, rgba(17, 94, 89, .12) 100%);--border: rgba(15, 118, 110, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #0f766e;--accent-bg: rgba(15, 118, 110, .12);--accent-border: rgba(15, 118, 110, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #0f766e;--home-tab-text: #ffffff;--home-tab-active-bg: #115e59;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(15, 118, 110, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #091f1d;--pattern-positive-bg: rgba(15, 118, 110, .16);--pattern-negative-bg: rgba(17, 94, 89, .16);--pattern-add-bg: #0f766e;--pattern-remove-bg: rgba(17, 94, 89, .18);--fret-bg: rgba(17, 94, 89, .36);--fret-primary: #0f766e;--fret-root: #115e59}:root[data-theme=teenage-engineering-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(209, 213, 219, .28) 44%, rgba(255, 190, 70, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #d1d5db;--accent-bg: rgba(209, 213, 219, .18);--accent-border: rgba(209, 213, 219, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #d1d5db;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ffbe46;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ffbe46;--pattern-add-bg: #d1d5db;--pattern-add-bg-hover: rgba(209, 213, 219, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #d1d5db;--fret-guide-included: black;--fret-root: #ffbe46}:root[data-theme=teenage-engineering-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(156, 163, 175, .14) 44%, rgba(245, 158, 11, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #9ca3af;--accent-bg: rgba(156, 163, 175, .12);--accent-border: rgba(156, 163, 175, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #9ca3af;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #f59e0b;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #9ca3af;--pattern-add-bg: #f59e0b;--pattern-add-bg-hover: rgba(245, 158, 11, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #9ca3af;--fret-guide-included: black;--fret-root: #f59e0b}:root[data-theme=thrash-metal-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(248, 113, 113, .28) 44%, rgba(203, 213, 225, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #f87171;--accent-bg: rgba(248, 113, 113, .18);--accent-border: rgba(248, 113, 113, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #f87171;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #cbd5e1;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #cbd5e1;--pattern-add-bg: #f87171;--pattern-add-bg-hover: rgba(248, 113, 113, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4b34;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #f87171;--fret-guide-included: black;--fret-root: #cbd5e1}:root[data-theme=thrash-metal-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(239, 68, 68, .14) 44%, rgba(148, 163, 184, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #ef4444;--accent-bg: rgba(239, 68, 68, .12);--accent-border: rgba(239, 68, 68, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #ef4444;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #94a3b8;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #ef4444;--pattern-add-bg: #94a3b8;--pattern-add-bg-hover: rgba(148, 163, 184, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cdb89a;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #ef4444;--fret-guide-included: black;--fret-root: #94a3b8}:root[data-theme=tie-dye-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: radial-gradient(circle at top left, #5b2f87 0%, #1d1231 34%, #0d2f4f 68%, #12351f 100%);--border: #6d5f95;--code-bg: rgba(20, 16, 33, .92);--accent: #ff66c4;--accent-bg: rgba(255, 102, 196, .16);--accent-border: rgba(255, 102, 196, .42);--social-bg: rgba(18, 15, 30, .72);--shadow: rgba(0, 0, 0, .45) 0 14px 28px -10px, rgba(0, 0, 0, .3) 0 8px 16px -8px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #09070d;--color-silver: #8f84b1;--home-tabs-bg: #6c5ce7;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .12);--home-tab-active-bg: #ff66c4;--header-control-bg: rgba(20, 16, 33, .88);--header-control-border: #6d5f95;--header-control-text: #fff8f2;--tablature-bg: rgba(20, 16, 33, .9);--tablature-text: #fff8f2;--pattern-outline: #8c7bae;--pattern-positive-bg: #174936;--pattern-negative-bg: #632241;--pattern-stepper-bg: #261f3d;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #32b38f;--pattern-stepper-negative-border: #cc6f9f;--pattern-remove-border: #d4b04c;--pattern-remove-bg: #544318;--pattern-remove-text: #fff2bf;--pattern-add-border: #12c7a8;--pattern-add-bg: #0eb793;--pattern-add-bg-hover: #0a9b7d;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5d2740;--fret-bg: #7c6244;--fret-line: #f2e9ff;--fret-included: #f8fafc;--fret-primary: #a78bfa;--fret-guide-included: black;--fret-root: #fb7185}:root[data-theme=tie-dye-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(135deg, #fff7c9 0%, #ffd8e8 28%, #d8f7ff 55%, #e6ffd2 100%);--border: #d7b6e7;--code-bg: rgba(255, 255, 255, .78);--accent: #ff4fb3;--accent-bg: rgba(255, 79, 179, .12);--accent-border: rgba(255, 79, 179, .35);--social-bg: rgba(255, 255, 255, .65);--shadow: rgba(114, 65, 140, .16) 0 12px 24px -8px, rgba(44, 27, 56, .08) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #24142e;--color-silver: #d8c5e0;--home-tabs-bg: #6c5ce7;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .18);--home-tab-active-bg: #ff4fb3;--header-control-bg: rgba(255, 255, 255, .82);--header-control-border: #d7b6e7;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .82);--tablature-text: #1a130f;--pattern-outline: #af8cc7;--pattern-positive-bg: #dcffe0;--pattern-negative-bg: #ffe1ef;--pattern-stepper-bg: rgba(255, 255, 255, .9);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #7fdba5;--pattern-stepper-negative-border: #f1a0c8;--pattern-remove-border: #f0cc72;--pattern-remove-bg: #fff2bf;--pattern-remove-text: #4e3c13;--pattern-add-border: #00c2a8;--pattern-add-bg: #19d3ae;--pattern-add-bg-hover: #00b398;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffd4e8;--fret-bg: #ecd8b7;--fret-line: #3e2a4a;--fret-included: #111827;--fret-primary: #6d28d9;--fret-guide-included: black;--fret-root: #e11d48}:root[data-theme=tweed-amp-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(202, 138, 4, .28) 44%, rgba(96, 165, 250, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #ca8a04;--accent-bg: rgba(202, 138, 4, .18);--accent-border: rgba(202, 138, 4, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #ca8a04;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #60a5fa;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #60a5fa;--pattern-add-bg: #ca8a04;--pattern-add-bg-hover: rgba(202, 138, 4, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #765d3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #ca8a04;--fret-guide-included: black;--fret-root: #60a5fa}:root[data-theme=tweed-amp-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(161, 98, 7, .14) 44%, rgba(59, 130, 246, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #a16207;--accent-bg: rgba(161, 98, 7, .12);--accent-border: rgba(161, 98, 7, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #a16207;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #3b82f6;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #a16207;--pattern-add-bg: #3b82f6;--pattern-add-bg-hover: rgba(59, 130, 246, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dfcbad;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #a16207;--fret-guide-included: black;--fret-root: #3b82f6}:root[data-theme=ultimate-guitar]{--text: #efe6dc;--text-h: #fff8f2;--bg: #111111;--border: #333333;--code-bg: #1e1e1e;--accent: #f57600;--accent-bg: rgba(245, 118, 0, .15);--accent-border: rgba(245, 118, 0, .5);--social-bg: rgba(36, 36, 36, .7);--shadow: rgba(0, 0, 0, .7) 0 10px 20px -3px, rgba(0, 0, 0, .5) 0 4px 8px -2px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #000000;--color-silver: #555555;--home-tabs-bg: #1e1e1e;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(245, 118, 0, .2);--home-tab-active-bg: #f57600;--header-control-bg: #1e1e1e;--header-control-border: #444444;--header-control-text: #fff8f2;--tablature-bg: #1a1a1a;--tablature-text: #fff8f2;--pattern-outline: #444444;--pattern-positive-bg: #1e3518;--pattern-negative-bg: #3d1a0d;--pattern-stepper-bg: #2a2a2a;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #3f6e2e;--pattern-stepper-negative-border: #7a3020;--pattern-remove-border: #7a6520;--pattern-remove-bg: #3e3310;--pattern-remove-text: #fff2bf;--pattern-add-border: #4a9a3a;--pattern-add-bg: #2a7a20;--pattern-add-bg-hover: #226218;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4a1a0a;--fret-bg: #3d2b1f;--fret-line: #cccccc;--fret-included: #f8fafc;--fret-primary: #f59e0b;--fret-guide-included: black;--fret-root: #ef4444}:root[data-theme=violet-dark]{--text: #f3e8ff;--text-h: #f5f3ff;--bg: linear-gradient(180deg, #1c1530 0%, rgba(192, 132, 252, .26) 48%, rgba(168, 85, 247, .22) 100%);--border: rgba(192, 132, 252, .42);--code-bg: rgba(28, 21, 48, .92);--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .18);--accent-border: rgba(192, 132, 252, .44);--social-bg: rgba(28, 21, 48, .82);--home-tabs-bg: #c084fc;--home-tab-text: #000000;--home-tab-active-bg: #a855f7;--header-control-bg: rgba(28, 21, 48, .88);--header-control-border: rgba(192, 132, 252, .42);--tablature-bg: rgba(28, 21, 48, .92);--tablature-text: #f5f3ff;--pattern-positive-bg: rgba(192, 132, 252, .24);--pattern-negative-bg: rgba(168, 85, 247, .24);--pattern-add-bg: #c084fc;--pattern-remove-bg: rgba(168, 85, 247, .28);--fret-bg: rgba(168, 85, 247, .46);--fret-primary: #c084fc;--fret-root: #a855f7}:root[data-theme=violet-light]{--text: #2b1850;--text-h: #1c0f34;--bg: linear-gradient(180deg, #f5f3ff 0%, rgba(124, 58, 237, .16) 48%, rgba(109, 40, 217, .12) 100%);--border: rgba(124, 58, 237, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #7c3aed;--accent-bg: rgba(124, 58, 237, .12);--accent-border: rgba(124, 58, 237, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #7c3aed;--home-tab-text: #ffffff;--home-tab-active-bg: #6d28d9;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(124, 58, 237, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1c0f34;--pattern-positive-bg: rgba(124, 58, 237, .16);--pattern-negative-bg: rgba(109, 40, 217, .16);--pattern-add-bg: #7c3aed;--pattern-remove-bg: rgba(109, 40, 217, .18);--fret-bg: rgba(109, 40, 217, .36);--fret-primary: #7c3aed;--fret-root: #6d28d9}:root[data-theme=vox-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(212, 173, 90, .28) 44%, rgba(153, 165, 180, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #d4ad5a;--accent-bg: rgba(212, 173, 90, .18);--accent-border: rgba(212, 173, 90, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #d4ad5a;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #99a5b4;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #99a5b4;--pattern-add-bg: #d4ad5a;--pattern-add-bg-hover: rgba(212, 173, 90, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #5f4a33;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #d4ad5a;--fret-guide-included: black;--fret-root: #99a5b4}:root[data-theme=vox-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(183, 139, 45, .14) 44%, rgba(31, 41, 55, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #b78b2d;--accent-bg: rgba(183, 139, 45, .12);--accent-border: rgba(183, 139, 45, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #b78b2d;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #1f2937;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #b78b2d;--pattern-add-bg: #1f2937;--pattern-add-bg-hover: rgba(31, 41, 55, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #cfba9b;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #b78b2d;--fret-guide-included: black;--fret-root: #1f2937}:root[data-theme=vscode-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: #1e1e1e;--border: #3c3c3c;--code-bg: #252526;--accent: #007acc;--accent-bg: rgba(0, 122, 204, .15);--accent-border: rgba(0, 122, 204, .5);--social-bg: rgba(37, 37, 38, .7);--shadow: rgba(0, 0, 0, .6) 0 8px 16px -3px, rgba(0, 0, 0, .4) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #d4d4d4;--color-black: #1e1e1e;--color-silver: #4d4d4d;--home-tabs-bg: #252526;--home-tab-text: #fffaf6;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #007acc;--header-control-bg: #2d2d2d;--header-control-border: #3c3c3c;--header-control-text: #fff8f2;--tablature-bg: #1e1e1e;--tablature-text: #fff8f2;--pattern-outline: #4d4d4d;--pattern-positive-bg: #1a3a1a;--pattern-negative-bg: #3a1a1a;--pattern-stepper-bg: #2d2d2d;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4a7a4a;--pattern-stepper-negative-border: #7a4a4a;--pattern-remove-border: #7a6a2a;--pattern-remove-bg: #4a4020;--pattern-remove-text: #fff2bf;--pattern-add-border: #4ec9b0;--pattern-add-bg: #2a8070;--pattern-add-bg-hover: #226860;--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #5a1a1a;--fret-bg: #4d3e2e;--fret-line: #9cdcfe;--fret-included: #f8fafc;--fret-primary: #569cd6;--fret-guide-included: black;--fret-root: #f78c6c}:root[data-theme=vscode-light]{--text: #2f241c;--text-h: #1a130f;--bg: #f3f3f3;--border: #e4e4e4;--code-bg: #ffffff;--accent: #0066b8;--accent-bg: rgba(0, 102, 184, .1);--accent-border: rgba(0, 102, 184, .4);--social-bg: rgba(243, 243, 243, .8);--shadow: rgba(0, 0, 0, .1) 0 2px 6px, rgba(0, 0, 0, .07) 0 1px 3px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #000000;--color-silver: #cccccc;--home-tabs-bg: #2c2c2c;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #007acc;--header-control-bg: #ffffff;--header-control-border: #cecece;--header-control-text: #1a130f;--tablature-bg: #ffffff;--tablature-text: #1a130f;--pattern-outline: #c8c8c8;--pattern-positive-bg: #dff0df;--pattern-negative-bg: #f0dfdf;--pattern-stepper-bg: #ffffff;--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #9bc79b;--pattern-stepper-negative-border: #c79b9b;--pattern-remove-border: #d4c470;--pattern-remove-bg: #f8f4cc;--pattern-remove-text: #4e3c13;--pattern-add-border: #267f99;--pattern-add-bg: #1e6e84;--pattern-add-bg-hover: #185c6e;--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffe8e8;--fret-bg: #d4b880;--fret-line: #2a2a2a;--fret-included: #111827;--fret-primary: #0066b8;--fret-guide-included: black;--fret-root: #a31515}:root[data-theme=walrus-audio-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(91, 143, 184, .28) 44%, rgba(111, 208, 242, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #5b8fb8;--accent-bg: rgba(91, 143, 184, .18);--accent-border: rgba(91, 143, 184, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #5b8fb8;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #6fd0f2;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #6fd0f2;--pattern-add-bg: #5b8fb8;--pattern-add-bg-hover: rgba(91, 143, 184, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #70593d;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #5b8fb8;--fret-guide-included: black;--fret-root: #6fd0f2}:root[data-theme=walrus-audio-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(31, 78, 115, .14) 44%, rgba(47, 167, 216, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #1f4e73;--accent-bg: rgba(31, 78, 115, .12);--accent-border: rgba(31, 78, 115, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #1f4e73;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #2fa7d8;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #1f4e73;--pattern-add-bg: #2fa7d8;--pattern-add-bg-hover: rgba(47, 167, 216, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #dcc8aa;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #1f4e73;--fret-guide-included: black;--fret-root: #2fa7d8}:root[data-theme=wampler-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(242, 164, 73, .28) 44%, rgba(137, 146, 160, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #f2a449;--accent-bg: rgba(242, 164, 73, .18);--accent-border: rgba(242, 164, 73, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #f2a449;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #8992a0;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #8992a0;--pattern-add-bg: #f2a449;--pattern-add-bg-hover: rgba(242, 164, 73, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #735c3f;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #f2a449;--fret-guide-included: black;--fret-root: #8992a0}:root[data-theme=wampler-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(217, 119, 6, .14) 44%, rgba(42, 47, 56, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #d97706;--accent-bg: rgba(217, 119, 6, .12);--accent-border: rgba(217, 119, 6, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #d97706;--home-tab-text: #1a130f;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #2a2f38;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #d97706;--pattern-add-bg: #2a2f38;--pattern-add-bg-hover: rgba(42, 47, 56, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #ddc8ab;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #d97706;--fret-guide-included: black;--fret-root: #2a2f38}:root[data-theme=yamaha-guitars-dark]{--text: #efe6dc;--text-h: #fff8f2;--bg: linear-gradient(180deg, #151211 0%, rgba(143, 124, 229, .28) 44%, rgba(255, 91, 112, .24) 100%);--border: #6d5a4b;--code-bg: rgba(20, 18, 16, .92);--accent: #8f7ce5;--accent-bg: rgba(143, 124, 229, .18);--accent-border: rgba(143, 124, 229, .44);--social-bg: rgba(22, 19, 17, .82);--shadow: rgba(0, 0, 0, .48) 0 14px 28px -10px, rgba(0, 0, 0, .28) 0 6px 12px -6px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #0c0a08;--color-silver: #8f7a68;--home-tabs-bg: #8f7ce5;--home-tab-text: #000000;--home-tab-hover-bg: rgba(255, 255, 255, .1);--home-tab-active-bg: #ff5b70;--header-control-bg: rgba(25, 21, 18, .88);--header-control-border: #6d5a4b;--header-control-text: #fff8f2;--tablature-bg: rgba(25, 21, 18, .92);--tablature-text: #fff8f2;--pattern-outline: #8f7a68;--pattern-positive-bg: #214436;--pattern-negative-bg: #5a2632;--pattern-stepper-bg: #2f2822;--pattern-stepper-text: #fff8f2;--pattern-stepper-positive-border: #4ec18b;--pattern-stepper-negative-border: #ce7a8d;--pattern-remove-border: #d3aa52;--pattern-remove-bg: #5a4820;--pattern-remove-text: #fff2bf;--pattern-add-border: #ff5b70;--pattern-add-bg: #8f7ce5;--pattern-add-bg-hover: rgba(143, 124, 229, .82);--pattern-reset-text: #efe6dc;--pattern-reset-hover-bg: #4f2730;--fret-bg: #654f36;--fret-line: #f7efe8;--fret-included: #f8fafc;--fret-primary: #8f7ce5;--fret-guide-included: black;--fret-root: #ff5b70}:root[data-theme=yamaha-guitars-light]{--text: #2f241c;--text-h: #1a130f;--bg: linear-gradient(180deg, #fffdf9 0%, rgba(81, 63, 167, .14) 44%, rgba(207, 35, 59, .12) 100%);--border: #d9c8b8;--code-bg: rgba(255, 255, 255, .9);--accent: #513fa7;--accent-bg: rgba(81, 63, 167, .12);--accent-border: rgba(81, 63, 167, .36);--social-bg: rgba(255, 255, 255, .78);--shadow: rgba(117, 82, 49, .15) 0 12px 20px -8px, rgba(117, 82, 49, .08) 0 4px 8px -4px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #21170f;--color-silver: #dccabc;--home-tabs-bg: #513fa7;--home-tab-text: #ffffff;--home-tab-hover-bg: rgba(255, 255, 255, .16);--home-tab-active-bg: #cf233b;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: #d9c8b8;--header-control-text: #1a130f;--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #1a130f;--pattern-outline: #bda995;--pattern-positive-bg: #e9f8ef;--pattern-negative-bg: #ffe6ea;--pattern-stepper-bg: rgba(255, 255, 255, .92);--pattern-stepper-text: #1a130f;--pattern-stepper-positive-border: #8fd9ac;--pattern-stepper-negative-border: #e7a3b0;--pattern-remove-border: #e0ba61;--pattern-remove-bg: #fff4cd;--pattern-remove-text: #4e3c13;--pattern-add-border: #513fa7;--pattern-add-bg: #cf233b;--pattern-add-bg-hover: rgba(207, 35, 59, .82);--pattern-reset-text: #2f241c;--pattern-reset-hover-bg: #ffecef;--fret-bg: #d3be9f;--fret-line: #3a2c21;--fret-included: #111827;--fret-primary: #513fa7;--fret-guide-included: black;--fret-root: #cf233b}:root[data-theme=yellow-dark]{--text: #fef9c3;--text-h: #fefce8;--bg: linear-gradient(180deg, #1f1a0f 0%, rgba(250, 204, 21, .26) 48%, rgba(202, 138, 4, .22) 100%);--border: rgba(250, 204, 21, .42);--code-bg: rgba(31, 26, 15, .92);--accent: #facc15;--accent-bg: rgba(250, 204, 21, .18);--accent-border: rgba(250, 204, 21, .44);--social-bg: rgba(31, 26, 15, .82);--home-tabs-bg: #facc15;--home-tab-text: #000000;--home-tab-active-bg: #ca8a04;--header-control-bg: rgba(31, 26, 15, .88);--header-control-border: rgba(250, 204, 21, .42);--tablature-bg: rgba(31, 26, 15, .92);--tablature-text: #fefce8;--pattern-positive-bg: rgba(250, 204, 21, .24);--pattern-negative-bg: rgba(202, 138, 4, .24);--pattern-add-bg: #facc15;--pattern-remove-bg: rgba(202, 138, 4, .28);--fret-bg: rgba(202, 138, 4, .46);--fret-primary: #facc15;--fret-root: #ca8a04}:root[data-theme=yellow-light]{--text: #3d2b08;--text-h: #251a04;--bg: linear-gradient(180deg, #fefce8 0%, rgba(202, 138, 4, .16) 48%, rgba(161, 98, 7, .12) 100%);--border: rgba(202, 138, 4, .34);--code-bg: rgba(255, 255, 255, .9);--accent: #ca8a04;--accent-bg: rgba(202, 138, 4, .12);--accent-border: rgba(202, 138, 4, .34);--social-bg: rgba(255, 255, 255, .78);--home-tabs-bg: #ca8a04;--home-tab-text: #ffffff;--home-tab-active-bg: #a16207;--header-control-bg: rgba(255, 255, 255, .9);--header-control-border: rgba(202, 138, 4, .34);--tablature-bg: rgba(255, 255, 255, .92);--tablature-text: #251a04;--pattern-positive-bg: rgba(202, 138, 4, .16);--pattern-negative-bg: rgba(161, 98, 7, .16);--pattern-add-bg: #ca8a04;--pattern-remove-bg: rgba(161, 98, 7, .18);--fret-bg: rgba(161, 98, 7, .36);--fret-primary: #ca8a04;--fret-root: #a16207}:root{--portrait: 0}@media(orientation:portrait){:root{--portrait: 1}}:root,:root[data-theme=default]{--ui-scale: 1;--chords-ui-scale: 1;--text: #6b6375;--text-h: #08060d;--bg: #ffffff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--color-transparent: transparent;--color-white: #ffffff;--color-black: #000000;--color-silver: silver;--home-tabs-bg: blueviolet;--home-tab-text: var(--color-white);--home-tab-hover-bg: rgba(255, 255, 255, .2);--home-tab-active-bg: tomato;--header-control-bg: var(--color-white);--header-control-border: var(--border);--header-control-text: var(--text-h);--tablature-bg: var(--color-white);--tablature-text: var(--color-black);--pattern-outline: #8fa8a4;--pattern-positive-bg: #cfeecd;--pattern-negative-bg: #f5cdcd;--pattern-stepper-bg: var(--color-white);--pattern-stepper-text: #222222;--pattern-stepper-positive-border: #9ec69b;--pattern-stepper-negative-border: #d6aaaa;--pattern-remove-border: #d8cf8b;--pattern-remove-bg: #f8efb9;--pattern-remove-text: #3f3a1a;--pattern-add-border: #1f8a3b;--pattern-add-bg: #2fbf55;--pattern-add-bg-hover: #28a94b;--pattern-reset-text: #333333;--pattern-reset-hover-bg: #ffe9e9;--fret-bg: tan;--fret-line: #222222;--fret-included: #111827;--fret-primary: #2563eb;--fret-guide-included: black;--fret-root: #dc2626}@media(prefers-color-scheme:dark){:root[data-theme=default]{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px;--home-tabs-bg: #7c48ba;--home-tab-active-bg: #d3553b;--header-control-bg: #2a2b33;--header-control-border: #4b4f5d;--header-control-text: #f3f4f6;--tablature-bg: #1f2028;--tablature-text: #f3f4f6;--pattern-outline: #809692;--pattern-positive-bg: #2f4632;--pattern-negative-bg: #4d3030;--pattern-stepper-bg: #2a2b33;--pattern-stepper-text: #f3f4f6;--pattern-stepper-positive-border: #4f7050;--pattern-stepper-negative-border: #7b5151;--pattern-remove-border: #7f7441;--pattern-remove-bg: #5d5635;--pattern-remove-text: #f2eac2;--pattern-add-border: #4e9b62;--pattern-add-bg: #2f8f49;--pattern-add-bg-hover: #276f3a;--pattern-reset-text: #f3f4f6;--pattern-reset-hover-bg: #6b3d3d;--fret-bg: #7f7053;--fret-line: #d9d9d9;--fret-included: #f8fafc;--fret-primary: #6ee7ff;--fret-guide-included: black;--fret-root: #ff5f7a}#social .button-icon{filter:invert(1) brightness(2)}}:root{--app-shell-overlay: none;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:calc(1.6vh * var(--ui-scale))}}html,body{height:100%}#root{width:90vw;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);height:100%;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;position:relative;background-color:var(--bg);background-image:var(--app-shell-overlay, none);background-repeat:no-repeat;background-size:cover}:root[data-full-screen=true] #root{width:100vw}body{margin:0;overflow:hidden}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:calc(5.6vh * var(--ui-scale));letter-spacing:-1.68px;margin:calc(2.963vh * var(--ui-scale)) 0}@media(max-width:1024px){h1{font-size:calc(3.6vh * var(--ui-scale));margin:calc(1.8519vh * var(--ui-scale)) 0}}h2{font-size:calc(2.4vh * var(--ui-scale));line-height:118%;letter-spacing:-.24px;margin:0 0 calc(.7407vh * var(--ui-scale))}@media(max-width:1024px){h2{font-size:calc(2vh * var(--ui-scale))}}p{margin:0}.home-page{position:relative;isolation:isolate;width:100%;height:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.home-page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--home-theme-pattern, none);background-size:var(--home-theme-pattern-size, auto);background-position:center;background-repeat:repeat;opacity:var(--home-theme-pattern-opacity, 0);mix-blend-mode:soft-light}.page-header{position:relative;z-index:30;display:flex;justify-content:center;align-items:flex-start;gap:.8333vw;padding:3.7037vh 2.0833vw}.page-header-main{text-align:center}.page-header-title{font-size:5.2vh;font-weight:700;color:var(--text);line-height:1.1;margin:0;position:relative;display:inline}.page-header-title.special{color:var(--accent);font-family:var(--heading);font-weight:900;letter-spacing:-.02em;margin-top:.7407vh;margin-right:.625vw;transform:translateY(-4px)}@media(max-width:1024px){.page-header-title.special{font-size:2.4vh;margin-top:.3704vh;transform:translateY(-2px)}}.tabs,.content{position:relative;z-index:1}.tabs{background-image:var(--home-tabs-pattern, none);background-size:var(--home-tabs-pattern-size, auto);background-position:center;box-shadow:inset 0 -1px #ffffff14}:root[data-theme=tie-dye-light]{--app-shell-overlay: radial-gradient(circle at 10% 10%, rgba(255, 79, 179, .12) 0, rgba(255, 79, 179, 0) 24%), radial-gradient(circle at 92% 12%, rgba(25, 211, 174, .1) 0, rgba(25, 211, 174, 0) 22%);--home-tabs-pattern: linear-gradient(120deg, rgba(255, 255, 255, .16) 0 18%, rgba(255, 255, 255, 0) 18% 36%), linear-gradient(300deg, rgba(255, 255, 255, .14) 0 12%, rgba(255, 255, 255, 0) 12% 28%);--home-tabs-pattern-size: 120px 120px, 150px 150px;--home-theme-pattern: radial-gradient(circle at 20% 20%, rgba(255, 79, 179, .34) 0, rgba(255, 79, 179, 0) 24%), radial-gradient(circle at 78% 18%, rgba(25, 211, 174, .26) 0, rgba(25, 211, 174, 0) 28%), radial-gradient(circle at 35% 78%, rgba(108, 92, 231, .24) 0, rgba(108, 92, 231, 0) 26%), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 0 18px, rgba(255, 255, 255, .14) 18px 22px);--home-theme-pattern-size: 100% 100%, 100% 100%, 100% 100%, 120px 120px;--home-theme-pattern-opacity: .75}:root[data-theme=tie-dye-dark]{--app-shell-overlay: radial-gradient(circle at 10% 10%, rgba(255, 102, 196, .12) 0, rgba(255, 102, 196, 0) 24%), radial-gradient(circle at 92% 12%, rgba(18, 199, 168, .1) 0, rgba(18, 199, 168, 0) 22%);--home-tabs-pattern: linear-gradient(120deg, rgba(255, 255, 255, .08) 0 18%, rgba(255, 255, 255, 0) 18% 36%), linear-gradient(300deg, rgba(255, 255, 255, .07) 0 12%, rgba(255, 255, 255, 0) 12% 28%);--home-tabs-pattern-size: 120px 120px, 150px 150px;--home-theme-pattern: radial-gradient(circle at 18% 18%, rgba(255, 102, 196, .34) 0, rgba(255, 102, 196, 0) 24%), radial-gradient(circle at 82% 22%, rgba(18, 199, 168, .26) 0, rgba(18, 199, 168, 0) 28%), radial-gradient(circle at 48% 82%, rgba(112, 168, 255, .22) 0, rgba(112, 168, 255, 0) 26%), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 0 18px, rgba(255, 255, 255, .08) 18px 22px);--home-theme-pattern-size: 100% 100%, 100% 100%, 100% 100%, 120px 120px;--home-theme-pattern-opacity: .68}:root[data-theme=spirals-light]{--app-shell-overlay: radial-gradient(circle at 50% -10%, rgba(124, 77, 255, .12) 0, rgba(124, 77, 255, 0) 30%);--home-tabs-pattern: repeating-radial-gradient(circle at center, rgba(255, 255, 255, .16) 0 2px, rgba(255, 255, 255, 0) 2px 18px);--home-tabs-pattern-size: 180px 180px;--home-theme-pattern: radial-gradient(circle at center, rgba(124, 77, 255, .18) 0 14%, rgba(124, 77, 255, 0) 14% 100%), repeating-radial-gradient(circle at center, rgba(124, 77, 255, .14) 0 2px, rgba(255, 255, 255, 0) 2px 18px), radial-gradient(circle at 80% 70%, rgba(255, 138, 61, .24) 0, rgba(255, 138, 61, 0) 18%);--home-theme-pattern-size: 220px 220px, 220px 220px, 100% 100%;--home-theme-pattern-opacity: .7}:root[data-theme=spirals-dark]{--app-shell-overlay: radial-gradient(circle at 50% -10%, rgba(155, 108, 255, .1) 0, rgba(155, 108, 255, 0) 30%);--home-tabs-pattern: repeating-radial-gradient(circle at center, rgba(255, 255, 255, .08) 0 2px, rgba(255, 255, 255, 0) 2px 18px);--home-tabs-pattern-size: 180px 180px;--home-theme-pattern: radial-gradient(circle at center, rgba(155, 108, 255, .18) 0 14%, rgba(155, 108, 255, 0) 14% 100%), repeating-radial-gradient(circle at center, rgba(155, 108, 255, .16) 0 2px, rgba(255, 255, 255, 0) 2px 18px), radial-gradient(circle at 78% 72%, rgba(255, 154, 98, .22) 0, rgba(255, 154, 98, 0) 18%);--home-theme-pattern-size: 220px 220px, 220px 220px, 100% 100%;--home-theme-pattern-opacity: .62}:root[data-theme=grateful-dead-light]{--app-shell-overlay: radial-gradient(circle at 100% 0, rgba(29, 95, 208, .1) 0, rgba(29, 95, 208, 0) 26%);--home-tabs-pattern: repeating-linear-gradient(90deg, rgba(255, 255, 255, .14) 0 12px, rgba(255, 255, 255, 0) 12px 24px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: repeating-linear-gradient(90deg, rgba(29, 95, 208, .08) 0 14px, rgba(242, 182, 50, .08) 14px 28px), radial-gradient(circle at 80% 20%, rgba(242, 182, 50, .24) 0, rgba(242, 182, 50, 0) 18%);--home-theme-pattern-size: 120px 120px, 100% 100%;--home-theme-pattern-opacity: .55}:root[data-theme=grateful-dead-dark]{--app-shell-overlay: radial-gradient(circle at 100% 0, rgba(108, 167, 255, .08) 0, rgba(108, 167, 255, 0) 26%);--home-tabs-pattern: repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0 12px, rgba(255, 255, 255, 0) 12px 24px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: repeating-linear-gradient(90deg, rgba(108, 167, 255, .08) 0 14px, rgba(242, 182, 50, .08) 14px 28px), radial-gradient(circle at 78% 18%, rgba(242, 182, 50, .2) 0, rgba(242, 182, 50, 0) 18%);--home-theme-pattern-size: 120px 120px, 100% 100%;--home-theme-pattern-opacity: .48}:root[data-theme=billy-strings-light]{--app-shell-overlay: radial-gradient(circle at 0 0, rgba(98, 140, 46, .1) 0, rgba(98, 140, 46, 0) 24%);--home-tabs-pattern: repeating-linear-gradient(135deg, rgba(255, 255, 255, .14) 0 10px, rgba(255, 255, 255, 0) 10px 20px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: repeating-linear-gradient(120deg, rgba(98, 140, 46, .12) 0 12px, rgba(176, 125, 50, .08) 12px 24px), radial-gradient(circle at 18% 22%, rgba(122, 185, 70, .22) 0, rgba(122, 185, 70, 0) 18%);--home-theme-pattern-size: 120px 120px, 100% 100%;--home-theme-pattern-opacity: .52}:root[data-theme=billy-strings-dark]{--app-shell-overlay: radial-gradient(circle at 0 0, rgba(149, 200, 91, .08) 0, rgba(149, 200, 91, 0) 24%);--home-tabs-pattern: repeating-linear-gradient(135deg, rgba(255, 255, 255, .08) 0 10px, rgba(255, 255, 255, 0) 10px 20px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: repeating-linear-gradient(120deg, rgba(149, 200, 91, .1) 0 12px, rgba(192, 144, 66, .08) 12px 24px), radial-gradient(circle at 18% 22%, rgba(149, 200, 91, .18) 0, rgba(149, 200, 91, 0) 18%);--home-theme-pattern-size: 120px 120px, 100% 100%;--home-theme-pattern-opacity: .44}:root[data-theme=phish-light]{--app-shell-overlay: radial-gradient(circle at 100% 0, rgba(233, 74, 139, .1) 0, rgba(233, 74, 139, 0) 24%);--home-tabs-pattern: linear-gradient(45deg, rgba(255, 255, 255, .16) 25%, rgba(255, 255, 255, 0) 25%), linear-gradient(-45deg, rgba(255, 255, 255, .12) 25%, rgba(255, 255, 255, 0) 25%);--home-tabs-pattern-size: 34px 34px, 34px 34px;--home-theme-pattern: linear-gradient(45deg, rgba(233, 74, 139, .08) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 184, 148, .08) 25%, transparent 25%), radial-gradient(circle at 78% 24%, rgba(233, 74, 139, .2) 0, rgba(233, 74, 139, 0) 18%);--home-theme-pattern-size: 36px 36px, 36px 36px, 100% 100%;--home-theme-pattern-opacity: .58}:root[data-theme=phish-dark]{--app-shell-overlay: radial-gradient(circle at 100% 0, rgba(255, 106, 168, .08) 0, rgba(255, 106, 168, 0) 24%);--home-tabs-pattern: linear-gradient(45deg, rgba(255, 255, 255, .08) 25%, rgba(255, 255, 255, 0) 25%), linear-gradient(-45deg, rgba(255, 255, 255, .06) 25%, rgba(255, 255, 255, 0) 25%);--home-tabs-pattern-size: 34px 34px, 34px 34px;--home-theme-pattern: linear-gradient(45deg, rgba(255, 106, 168, .08) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 196, 160, .08) 25%, transparent 25%), radial-gradient(circle at 78% 24%, rgba(255, 106, 168, .18) 0, rgba(255, 106, 168, 0) 18%);--home-theme-pattern-size: 36px 36px, 36px 36px, 100% 100%;--home-theme-pattern-opacity: .48}:root[data-theme=lotus-light]{--app-shell-overlay: radial-gradient(circle at 50% 0, rgba(68, 163, 199, .08) 0, rgba(68, 163, 199, 0) 28%);--home-tabs-pattern: repeating-linear-gradient(0deg, rgba(255, 255, 255, .14) 0 16px, rgba(255, 255, 255, 0) 16px 20px);--home-tabs-pattern-size: 140px 140px;--home-theme-pattern: radial-gradient(circle at 20% 24%, rgba(68, 163, 199, .18) 0 8px, rgba(68, 163, 199, 0) 9px), radial-gradient(circle at 56% 56%, rgba(123, 201, 111, .14) 0 9px, rgba(123, 201, 111, 0) 10px), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 0 18px, rgba(255, 255, 255, .14) 18px 20px);--home-theme-pattern-size: 160px 160px, 160px 160px, 140px 140px;--home-theme-pattern-opacity: .58}:root[data-theme=lotus-dark]{--app-shell-overlay: radial-gradient(circle at 50% 0, rgba(99, 194, 228, .08) 0, rgba(99, 194, 228, 0) 28%);--home-tabs-pattern: repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 16px, rgba(255, 255, 255, 0) 16px 20px);--home-tabs-pattern-size: 140px 140px;--home-theme-pattern: radial-gradient(circle at 20% 24%, rgba(99, 194, 228, .16) 0 8px, rgba(99, 194, 228, 0) 9px), radial-gradient(circle at 56% 56%, rgba(123, 201, 111, .14) 0 9px, rgba(123, 201, 111, 0) 10px), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 0 18px, rgba(255, 255, 255, .08) 18px 20px);--home-theme-pattern-size: 160px 160px, 160px 160px, 140px 140px;--home-theme-pattern-opacity: .48}:root[data-theme=pigeons-playing-ping-pong-light]{--app-shell-overlay: radial-gradient(circle at 100% 0, rgba(255, 159, 28, .1) 0, rgba(255, 159, 28, 0) 26%);--home-tabs-pattern: repeating-linear-gradient(135deg, rgba(255, 255, 255, .16) 0 10px, rgba(255, 255, 255, 0) 10px 20px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: radial-gradient(circle at 18% 18%, rgba(255, 159, 28, .2) 0 10px, rgba(255, 159, 28, 0) 11px), radial-gradient(circle at 68% 62%, rgba(180, 227, 58, .18) 0 10px, rgba(180, 227, 58, 0) 11px), repeating-linear-gradient(135deg, rgba(255, 79, 179, .08) 0 10px, rgba(255, 255, 255, 0) 10px 20px);--home-theme-pattern-size: 150px 150px, 150px 150px, 120px 120px;--home-theme-pattern-opacity: .6}:root[data-theme=pigeons-playing-ping-pong-dark]{--app-shell-overlay: radial-gradient(circle at 100% 0, rgba(255, 177, 59, .08) 0, rgba(255, 177, 59, 0) 26%);--home-tabs-pattern: repeating-linear-gradient(135deg, rgba(255, 255, 255, .08) 0 10px, rgba(255, 255, 255, 0) 10px 20px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: radial-gradient(circle at 18% 18%, rgba(255, 177, 59, .18) 0 10px, rgba(255, 177, 59, 0) 11px), radial-gradient(circle at 68% 62%, rgba(166, 221, 57, .16) 0 10px, rgba(166, 221, 57, 0) 11px), repeating-linear-gradient(135deg, rgba(255, 102, 196, .08) 0 10px, rgba(255, 255, 255, 0) 10px 20px);--home-theme-pattern-size: 150px 150px, 150px 150px, 120px 120px;--home-theme-pattern-opacity: .5}:root[data-theme=griz-light]{--app-shell-overlay: radial-gradient(circle at 0 0, rgba(0, 188, 212, .1) 0, rgba(0, 188, 212, 0) 24%);--home-tabs-pattern: repeating-linear-gradient(60deg, rgba(255, 255, 255, .16) 0 12px, rgba(255, 255, 255, 0) 12px 24px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: repeating-linear-gradient(60deg, rgba(0, 188, 212, .08) 0 12px, rgba(255, 140, 66, .08) 12px 24px), radial-gradient(circle at 80% 20%, rgba(0, 188, 212, .18) 0, rgba(0, 188, 212, 0) 18%);--home-theme-pattern-size: 120px 120px, 100% 100%;--home-theme-pattern-opacity: .56}:root[data-theme=griz-dark]{--app-shell-overlay: radial-gradient(circle at 0 0, rgba(43, 210, 231, .08) 0, rgba(43, 210, 231, 0) 24%);--home-tabs-pattern: repeating-linear-gradient(60deg, rgba(255, 255, 255, .08) 0 12px, rgba(255, 255, 255, 0) 12px 24px);--home-tabs-pattern-size: 120px 120px;--home-theme-pattern: repeating-linear-gradient(60deg, rgba(43, 210, 231, .08) 0 12px, rgba(255, 154, 79, .08) 12px 24px), radial-gradient(circle at 80% 20%, rgba(43, 210, 231, .18) 0, rgba(43, 210, 231, 0) 18%);--home-theme-pattern-size: 120px 120px, 100% 100%;--home-theme-pattern-opacity: .48}@media(max-width:720px){.page-header{flex-direction:column;align-items:stretch}}.tabs{background-color:var(--home-tabs-bg);height:4.6296vh;min-height:4.6296vh;max-height:4.6296vh;flex:0 0 50px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .4167vw 0 0}.tabs.full-screen{height:2.3148vh;min-height:2.3148vh;max-height:2.3148vh;flex-basis:25px}.tabs.full-screen .tab-button{font-size:.8vh;padding:0 .5208vw}.tabs-list{display:flex;flex:1 1 auto;justify-content:center;align-items:stretch;height:100%}.tab-button{background-color:var(--color-transparent);border:none;color:var(--home-tab-text);font-size:1.6vh;padding:0 1.0417vw;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer}.tab-button:hover{background-color:var(--home-tab-hover-bg)}.tab-button.active{background-color:var(--home-tab-active-bg)}.tab-button.disabled{background-color:var(--home-tab-disabled-bg);cursor:not-allowed}.tabs-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.2083vw;margin-left:auto;min-height:100%;padding:.2778vh 0}.settings-button{width:2.1875vw;min-width:2.1875vw;height:100%;border:none;border-radius:8px;background-color:var(--home-tab-hover-bg);color:var(--home-tab-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease,transform .12s ease}.settings-button:hover{background-color:var(--home-tab-active-bg);transform:translateY(-1px)}.install-button,.install-help-button{height:100%;padding:0 .625vw;border:1px solid var(--accent);border-radius:8px;background-color:transparent;color:var(--accent);font-size:1.2vh;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,color .12s ease}.install-button:hover,.install-help-button:hover{background-color:var(--accent);color:var(--bg)}.install-status-chip{height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 .5208vw;border-radius:999px;font-size:1.05vh;font-weight:700;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.install-status-chip.ready{color:#0f3d2a;background-color:#8cf0c2;border-color:#65c99f}.install-status-chip.unavailable{color:#5a3b00;background-color:#ffd98a;border-color:#f0b84e}.ios-install-hint,.android-install-hint{display:flex;align-items:center;justify-content:space-between;gap:.4167vw;padding:.7407vh .8333vw;background-color:var(--home-tab-hover-bg);border-bottom:1px solid rgba(255,255,255,.08);font-size:1.2vh;color:var(--text);z-index:2;position:relative}.android-install-hint-title{line-height:1.3}.ios-install-hint-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-muted, var(--text));cursor:pointer;font-size:1.4vh;padding:.1852vh .2083vw;opacity:.6}.ios-install-hint-dismiss:hover{opacity:1}.tabs.full-screen .tabs-actions{padding:.2778vh 0}.tabs.full-screen .settings-button{width:1.4583vw;min-width:1.4583vw;border-radius:6px}.tabs.full-screen .install-button,.tabs.full-screen .install-help-button{font-size:1vh;padding:0 .4167vw;border-radius:6px}.tabs.full-screen .install-status-chip{font-size:.9vh;padding:0 .3646vw}.settings-sidebar-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:2.2222vh 1.25vw}@keyframes sidebar-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sidebar-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes sidebar-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sidebar-backdrop-fade-out{0%{opacity:1}to{opacity:0}}.settings-sidebar-backdrop{position:absolute;inset:0;background:#000000bf;animation:sidebar-backdrop-fade-in .26s ease both}.settings-sidebar{position:relative;z-index:1;width:31.25vw;max-width:600px;max-height:81vh;height:auto;overflow-y:auto;overflow-x:hidden;background:transparent;border-radius:20px;animation:sidebar-slide-down .26s cubic-bezier(.2,.7,.2,1) both}.auth-prompt-shell{position:relative;z-index:1;width:31.25vw;max-width:600px;animation:sidebar-slide-down .26s cubic-bezier(.2,.7,.2,1) both}.settings-sidebar-overlay.is-closing .settings-sidebar-backdrop{animation:sidebar-backdrop-fade-out .26s ease both}.settings-sidebar-overlay.is-closing .settings-sidebar{animation:sidebar-slide-up .26s cubic-bezier(.4,0,.6,1) both}.settings-sidebar-close{width:1.875vw;height:3.3333vh;border:none;border-radius:8px;background-color:transparent;cursor:pointer;position:absolute;right:1vw;top:1vh}.sticky-scales{position:sticky;top:0;z-index:20;background:var(--bg)}.scroll-content-row{display:flex;flex-direction:row;flex:1 1 auto;min-height:0;width:100%}.content,.scroll-content{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.content.selected-chords-container,.scroll-content.selected-chords-container{width:calc(16vw * (1 + var(--portrait)))}.auth-login-alert{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.625vw;margin:.9259vh .8333vw 0;padding:.7407vh .625vw;border:1px solid var(--pattern-negative-text);border-radius:10px;background:var(--pattern-negative-bg);color:var(--pattern-negative-text)}.auth-login-alert-message{font-size:1.3vh;font-weight:600}.auth-login-alert-button{border:1px solid var(--header-control-border);border-radius:8px;background:var(--header-control-bg);color:var(--header-control-text);padding:.5556vh .5208vw;font-size:1.2vh;font-weight:700;cursor:pointer}.auth-login-alert-button:hover,.auth-login-alert-button:focus-visible{border-color:var(--accent);outline:none}:root[data-theme$=-dark] .auth-login-alert-button{background:#121826f2;color:var(--text-h);border-color:#94a3b873}:root[data-theme$=-dark] .auth-login-alert-button:hover,:root[data-theme$=-dark] .auth-login-alert-button:focus-visible{background:#1a2234fa;border-color:var(--accent)}.chords-page{display:flex;flex-direction:column;min-height:100%;overflow-x:scroll}.selected-chords-page{padding-left:calc(.7vw * var(--chords-ui-scale));padding-right:calc(3.5vw * var(--chords-ui-scale));border-right:1px solid var(--color-silver);overflow-x:hidden}.chords-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:calc(1.0417vw * var(--ui-scale))}.chords-spinner{width:calc(2.6042vw * var(--ui-scale));height:calc(4.6296vh * var(--ui-scale));border:calc(4px * var(--ui-scale)) solid var(--header-control-border);border-top-color:var(--accent);border-radius:50%;animation:chords-spin .8s linear infinite}@keyframes chords-spin{to{transform:rotate(360deg)}}.chords-spinner-container p{font-size:calc(1.6vh * var(--ui-scale));color:var(--text);margin:0}.chords-list{display:grid;padding:calc(.7778vh * var(--chords-ui-scale)) calc(.4375vw * var(--chords-ui-scale))}.chords-list.vertical{display:flex;justify-content:space-evenly}.chords-list.vertical.selected-chords-list{flex-direction:column;width:min-content}.chord-item{display:flex;align-items:stretch;gap:calc(.5104vw * var(--chords-ui-scale));min-height:calc(7vh * var(--chords-ui-scale));min-width:0;overflow:hidden;--chord-degree-color: var(--accent);--chord-name-color: var(--text-h);--chord-notes-color: var(--text);--chord-divider-color: color-mix(in oklab, var(--header-control-border) 76%, transparent);border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:12px;box-shadow:var(--shadow);padding:calc(.7778vh * var(--chords-ui-scale)) calc(.4375vw * var(--chords-ui-scale))}.chord-degree{display:flex;align-items:center;justify-content:center;min-width:calc(2.1146vw * var(--chords-ui-scale));padding-right:.625vw;border-right:1px solid var(--chord-divider-color);font-size:calc(2.38vh * var(--chords-ui-scale));line-height:1;font-weight:800;color:var(--chord-degree-color)}.chord-scale-degree-small{font-size:calc(.98vh * var(--chords-ui-scale));font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--chord-degree-color);opacity:.85;align-self:center;position:absolute;top:calc(3.5vh * var(--chords-ui-scale))}.chord-name-section{display:flex;flex-direction:column;align-items:center;gap:calc(.7vw * var(--chords-ui-scale));position:relative;flex:0 0 calc(7.35vw * var(--chords-ui-scale));justify-content:center}.chord-name{display:flex;align-items:center;justify-content:center;width:100%;height:50%;font-size:calc(1.96vh * var(--chords-ui-scale));line-height:1.1;font-weight:700;color:var(--chord-name-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:calc(1.4vh * var(--chords-ui-scale))}.chord-controls-toggle{display:inline-flex;align-items:center;justify-content:center;height:calc(1.6852vh * var(--chords-ui-scale));width:calc(.9479vw * var(--chords-ui-scale));margin-left:calc(.7vw * var(--chords-ui-scale));border:1px solid var(--header-control-border);border-radius:999px;background:var(--header-control-bg);color:var(--header-control-text);cursor:pointer}.chord-controls-toggle-icon{width:calc(.5104vw * var(--chords-ui-scale));height:calc(.9074vh * var(--chords-ui-scale))}.chord-control-group{position:absolute;top:100%;left:50%;transform:translate(-50%) scale(1.5);transform-origin:top center;display:flex;flex-direction:column;gap:calc(.2188vw * var(--chords-ui-scale));width:max-content;max-width:calc(14vw * var(--chords-ui-scale));padding:calc(.5185vh * var(--chords-ui-scale)) calc(.2917vw * var(--chords-ui-scale));border:1px solid var(--header-control-border);border-radius:10px;background:var(--header-control-bg);box-shadow:var(--shadow);z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.chord-control-group.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.chord-controls{display:flex;flex-direction:column;gap:calc(.2917vw * var(--chords-ui-scale));flex:1 1 auto;justify-content:center}.chord-control-row{display:flex;flex-direction:row;gap:calc(.2917vw * var(--chords-ui-scale));justify-content:center;align-items:center}.chord-control-row.selected{background:color-mix(in oklab,var(--accent) 20%,transparent)}.chord-control-item{display:flex;flex-direction:column;gap:calc(.1458vw * var(--chords-ui-scale));align-items:center;width:100%}.chord-scale-tones-toggle{display:flex;flex-direction:row;align-items:center;gap:calc(.2188vw * var(--chords-ui-scale));cursor:pointer}.chord-scale-tones-toggle input[type=checkbox]{width:calc(1.0208vw * var(--chords-ui-scale));height:calc(1.0371vh * var(--chords-ui-scale));appearance:none;-webkit-appearance:none;border-radius:999px;border:1px solid var(--pattern-outline);background:var(--pattern-positive-bg);cursor:pointer;position:relative;transition:background .16s ease}.chord-scale-tones-toggle input[type=checkbox]:after{content:"";position:absolute;top:50%;left:.2vw;transform:translateY(-50%);width:calc(.3646vw * var(--chords-ui-scale));height:calc(.6481vh * var(--chords-ui-scale));border-radius:50%;background:var(--header-control-text);transition:left .16s ease}.chord-scale-tones-toggle input[type=checkbox]:checked{background:var(--accent)}.chord-scale-tones-toggle input[type=checkbox]:checked:after{left:calc(100% - .84vw * var(--chords-ui-scale))}.chord-scale-tones-label{font-size:calc(.77vh * var(--chords-ui-scale));font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--header-control-text)}.chord-create-exercise-button{font-size:calc(.77vh * var(--chords-ui-scale));font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--header-control-text);background:var(--pattern-positive-bg);border:1px solid var(--pattern-outline);border-radius:6px;padding:calc(.2593vh * var(--chords-ui-scale)) calc(.3646vw * var(--chords-ui-scale));cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:background .12s ease,opacity .12s ease,visibility 0s linear .12s;position:relative;top:calc(-2.1vh * var(--chords-ui-scale))}.chord-create-exercise-button:hover{background:var(--home-tab-active-bg)}.chord-item:has(.chord-shapes-scroll:hover) .chord-create-exercise-button,.chord-item-vertical:has(.chord-shapes-scroll:hover) .chord-create-exercise-button{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.chord-item-vertical.locked{width:min-content}.chord-circle-input .circle-input-label{font-size:calc(.77vh * var(--chords-ui-scale));font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--header-control-text)}.chord-circle-input .circle-input-row{gap:calc(.2188vw * var(--chords-ui-scale))}.chord-circle-input .circle-input-field{width:calc(1.1667vw * var(--chords-ui-scale));height:calc(2.0741vh * var(--chords-ui-scale));line-height:calc(2.0741vh * var(--chords-ui-scale));font-size:calc(.98vh * var(--chords-ui-scale));border:1px solid var(--pattern-outline);background:var(--pattern-positive-bg);color:var(--header-control-text)}.chord-circle-input .circle-input-stepper-buttons{opacity:1;visibility:visible;pointer-events:auto}.chord-circle-input .circle-input-stepper-button{width:calc(.5833vw * var(--chords-ui-scale));height:calc(1.0371vh * var(--chords-ui-scale));border:1px solid var(--pattern-outline);border-radius:50%;background:var(--pattern-positive-bg);color:var(--header-control-text);font-size:calc(.84vh * var(--chords-ui-scale));line-height:1}.chord-circle-input .circle-input-stepper-button.increment,.chord-circle-input .circle-input-stepper-button.decrement{background:var(--pattern-positive-bg);border-color:var(--pattern-outline)}.chord-circle-input .circle-input-stepper-button.decrement{background:var(--pattern-negative-bg);border-color:var(--pattern-stepper-negative-border)}.chord-notes{display:flex;flex-direction:column;justify-content:center;gap:calc(.1458vw * var(--chords-ui-scale));min-width:calc(2.0417vw * var(--chords-ui-scale));padding-right:.625vw;border-right:1px solid var(--chord-divider-color)}.chord-notes-horizontal{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(.1458vw * var(--chords-ui-scale));min-width:calc(2.0417vw * var(--chords-ui-scale));border-right:1px solid var(--chord-divider-color)}.chord-note{font-size:calc(1.12vh * var(--chords-ui-scale));line-height:1;font-weight:700;color:var(--chord-notes-color)}.chord-shapes-scroll{flex:1 1 auto;min-width:0;width:calc(9.8vw * var(--chords-ui-scale) * (1 + var(--portrait)));overflow-x:auto;overflow-y:hidden;border:1px solid var(--header-control-border);border-radius:8px;margin-top:calc(2.8vh * var(--chords-ui-scale));background:color-mix(in oklab,var(--bg) 90%,var(--header-control-bg))}.chord-shapes-track{min-height:calc(5.3148vh * var(--chords-ui-scale));min-width:100%;display:flex;justify-content:center}.chord-shapes-track.selected{background:color-mix(in oklab,var(--accent) 20%,transparent)}@media(max-width:900px){.chord-item{gap:calc(.3646vw * var(--chords-ui-scale));padding:calc(.6481vh * var(--chords-ui-scale)) calc(.3646vw * var(--chords-ui-scale))}.chord-degree{min-width:calc(1.6042vw * var(--chords-ui-scale));font-size:calc(1.68vh * var(--chords-ui-scale))}.chord-name{min-width:calc(4.375vw * var(--chords-ui-scale));font-size:calc(1.54vh * var(--chords-ui-scale))}}.chord-guitar-spinner-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(6.4815vh * var(--chords-ui-scale))}.chord-guitar-spinner-inline-container{display:flex;align-items:center;justify-content:center;width:100%;height:calc(5.3148vh * var(--chords-ui-scale))}.chord-guitar-spinner{width:calc(1.3125vw * var(--chords-ui-scale));height:calc(2.3333vh * var(--chords-ui-scale));border:calc(2.1px * var(--chords-ui-scale)) solid var(--header-control-border);border-top-color:var(--accent);border-radius:50%;animation:chord-guitar-spin .8s linear infinite}@keyframes chord-guitar-spin{to{transform:rotate(360deg)}}.selected-chords-title{width:100%;font-size:calc(1.68vh * var(--chords-ui-scale))}.tablature-wrapper{display:grid;align-items:flex-start;justify-content:center;width:100%;padding:calc(1.8519vh * var(--ui-scale)) calc(1.0417vw * var(--ui-scale));background-color:var(--tablature-bg)}.tablature-wrapper.chord-tablature{justify-content:unset;background-color:unset}.tablature{display:flex;flex-wrap:wrap;justify-content:left}.tab-title,h2{font-family:monospace;color:var(--tablature-text)}.tab-section{display:block;font-family:monospace;justify-content:start;color:var(--tablature-text);margin-bottom:calc(1.8519vh * var(--ui-scale))}.tab-line{white-space:nowrap;font-size:calc(2vh * var(--ui-scale));height:calc(1.8519vh * var(--ui-scale))}.circle-input-control{display:inline-flex;flex-direction:column;align-items:center;gap:calc(.3125vw * var(--ui-scale));position:relative}.circle-input-label{font-size:calc(1.1vh * var(--ui-scale));font-weight:700;letter-spacing:.06em;color:var(--accent);line-height:1;text-transform:uppercase}.circle-input-row{display:flex;align-items:center;justify-content:center;gap:calc(.3125vw * var(--ui-scale))}.circle-input-field{width:calc(2.1875vw * var(--ui-scale));height:calc(3.8889vh * var(--ui-scale));padding:0;border-radius:50%;border:1px solid var(--pattern-outline);background:var(--pattern-positive-bg);color:var(--header-control-text);text-align:center;font-size:calc(1.4vh * var(--ui-scale));font-weight:700;line-height:calc(3.8889vh * var(--ui-scale))}.circle-input-field:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.circle-input-field[readonly]{pointer-events:none;-webkit-user-select:none;user-select:none}.circle-input-stepper-buttons{display:flex;flex-direction:column;gap:calc(.1042vw * var(--ui-scale));opacity:1;pointer-events:auto}.circle-input-stepper-button{width:calc(.7813vw * var(--ui-scale));height:calc(1.3889vh * var(--ui-scale));border:1px solid var(--pattern-outline);border-radius:50%;background:var(--pattern-stepper-bg);color:var(--pattern-stepper-text);font-size:calc(1vh * var(--ui-scale));line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.circle-input-stepper-button.increment{background:var(--pattern-positive-bg);border-color:var(--pattern-stepper-positive-border)}.circle-input-stepper-button.decrement{background:var(--pattern-negative-bg);border-color:var(--pattern-stepper-negative-border)}.circle-input-remove-button{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:calc(.8854vw * var(--ui-scale));height:calc(1.5741vh * var(--ui-scale));border:1px solid var(--pattern-remove-border);border-radius:50%;background:var(--pattern-remove-bg);color:var(--pattern-remove-text);font-size:calc(1vh * var(--ui-scale));line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease}.circle-input-control:hover .circle-input-remove-button{opacity:1;pointer-events:auto}.circle-input-toggle{border:0;background:transparent;padding:0;cursor:pointer}.circle-input-toggle-circle{display:inline-block;width:calc(3.8889vh * var(--ui-scale));height:calc(3.8889vh * var(--ui-scale));border-radius:50%;border:1px solid var(--pattern-outline);background:var(--pattern-negative-bg);color:var(--header-control-text);font-size:calc(1.4vh * var(--ui-scale));font-weight:700;line-height:calc(3.8889vh * var(--ui-scale));text-align:center;-webkit-user-select:none;user-select:none}.circle-input-toggle.active .circle-input-toggle-circle{background:var(--pattern-positive-bg)}.guitar-wrapper{padding:calc(.2778vh * var(--ui-scale)) calc(.1563vw * var(--ui-scale));position:relative;display:flex;flex-direction:column;justify-content:center}.guitar-wrapper.chord{width:calc(10vw * var(--ui-scale))}.guitar{display:block;border-left:5px solid var(--color-silver)}.guitar.guide{border-left:5px solid var(--color-transparent)}.guitar-chord-display{display:flex;flex-direction:row;justify-content:center}.guitar-slice-label{position:absolute;bottom:.2vh;font-size:calc(1.2vh * var(--ui-scale));line-height:1;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:calc(.1852vh * var(--ui-scale)) calc(.3125vw * var(--ui-scale))}.guitar-slice-label-start{left:2vw}.guitar-slice-label-end{right:2vw}.fret-slice-marker{position:absolute;top:calc(2vh * var(--ui-scale));left:calc(.5vw * var(--ui-scale));font-size:calc(1.2vh * var(--ui-scale))}.guitar-string{display:flex}.guitar-string-chord-display{display:block;width:calc(1.4vw * var(--chords-ui-scale) * (1 + var(--portrait)))}.guitar-string-chord-display.last-string{width:0;border:0;margin:0;padding:0}.guitar-fret{--fret-dot-size: calc(1.5vh * var(--ui-scale));width:calc(2vw * var(--ui-scale));height:calc(2vh * var(--ui-scale));background-color:var(--color-transparent);background-image:url(/textures/fretboard-maple.jpg);background-size:300px auto;background-repeat:repeat;background-blend-mode:multiply;border-left:2px solid var(--color-silver);border-right:2px solid var(--color-silver);position:relative;display:flex;align-items:center;justify-content:center}.guitar-fret.guide{background-color:var(--color-transparent);background-image:none;border-left:2px solid var(--color-transparent);border-right:2px solid var(--color-transparent);border-top:0;border-bottom:0;margin-top:.463vh}.guitar-fret.guide:after{border-top:0}.guitar-fret.open{width:0;border:none;padding:0}.guitar-fret:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);border-top:2px solid var(--fret-line);z-index:2}.guitar-fret.included:before{content:"";position:absolute;width:var(--fret-dot-size);height:var(--fret-dot-size);border-radius:50%;background-color:color-mix(in oklab,var(--fret-included) 72%,black);box-shadow:0 0 0 1px color-mix(in oklab,var(--fret-line) 60%,black);z-index:3}.guitar-fret.primary:before{content:"";position:absolute;width:var(--fret-dot-size);height:var(--fret-dot-size);border-radius:50%;background-color:color-mix(in oklab,var(--fret-primary) 68%,black);box-shadow:0 0 0 1px color-mix(in oklab,var(--fret-line) 60%,black);z-index:3}.guitar-fret.guide.included:before{content:"";position:absolute;top:calc(-1.25vh * var(--guide-string-count, 6) * var(--ui-scale));width:calc(var(--fret-dot-size) + .2813vw * var(--ui-scale));height:calc(var(--fret-dot-size) + .5vh * var(--ui-scale));border-radius:50%;background-color:var(--fret-guide-included);opacity:.5;z-index:1}.guitar-fret.root:before{content:"";position:absolute;width:var(--fret-dot-size);height:var(--fret-dot-size);border-radius:50%;background-color:color-mix(in oklab,var(--fret-root) 68%,black);box-shadow:0 0 0 1px color-mix(in oklab,var(--fret-line) 60%,black);z-index:3}.chord-display-fret{--chord-dot-size: calc(1.4vh * var(--chords-ui-scale));--chord-dot-top: calc(-2.1vh * var(--chords-ui-scale));--chord-dot-left: calc(-.525vw * var(--chords-ui-scale) * (1 + var(--portrait)));width:calc(1.4vw * var(--chords-ui-scale) * (1 + var(--portrait)));height:calc(2.1vh * var(--chords-ui-scale));background-color:var(--color-transparent);background-image:url(/textures/fretboard-maple.jpg);background-size:300px auto;background-repeat:repeat;background-blend-mode:multiply;position:relative;display:flex;align-items:center;justify-content:center;border-top:2px solid var(--fret-line);border-bottom:2px solid var(--fret-line);border-left:2px solid var(--fret-line);border-right:2px solid var(--fret-line);margin:0}.chord-display-fret.open{border-top:5px solid var(--fret-line);margin-top:1.8519vh}.chord-display-fret.included:before{content:"";position:absolute;width:var(--chord-dot-size);height:var(--chord-dot-size);top:var(--chord-dot-top);left:var(--chord-dot-left);border-radius:50%;background-color:color-mix(in oklab,var(--fret-included) 72%,black);box-shadow:0 0 0 1px color-mix(in oklab,var(--fret-line) 60%,black);z-index:1}.chord-display-fret.primary:before{content:var(--fret-label, "");position:absolute;width:var(--chord-dot-size);height:var(--chord-dot-size);top:var(--chord-dot-top);left:var(--chord-dot-left);border-radius:50%;background-color:color-mix(in oklab,var(--fret-primary) 68%,black);box-shadow:0 0 0 1px color-mix(in oklab,var(--fret-line) 60%,black);z-index:1}.chord-display-fret.root:before{content:var(--fret-label, "1");position:absolute;width:var(--chord-dot-size);height:var(--chord-dot-size);top:var(--chord-dot-top);left:var(--chord-dot-left);border-radius:50%;background-color:color-mix(in oklab,var(--fret-root) 68%,black);box-shadow:0 0 0 1px color-mix(in oklab,var(--fret-line) 60%,black);z-index:1}.chord-display-fret.highest-string{border-left:2px transparent solid;border-right:2px transparent solid;width:0}.chord-display-fret.guide{border-left:2px solid var(--fret-line);border-right:2px solid var(--fret-line);z-index:0}.chord-display-fret.guide.included:before{content:var(--fret-label, "");position:absolute;width:calc(2 * var(--chord-dot-size));height:calc(2 * var(--chord-dot-size));top:calc(-2.8vh * var(--chords-ui-scale));left:calc(-.7vw * var(--guide-string-count, 6) * var(--chords-ui-scale));border-radius:50%;opacity:.25;z-index:0;background-color:var(--fret-guide-included)}#depth-control-id{position:absolute;right:calc(-7vw * var(--ui-scale));top:-.15vh}.scale-depth-circle-input .circle-input-field{width:calc(2.1875vw * var(--ui-scale));height:calc(3.8889vh * var(--ui-scale));font-size:calc(1.4vh * var(--ui-scale));line-height:calc(3.8889vh * var(--ui-scale))}.scale-depth-circle-input .circle-input-stepper-button{width:calc(.7813vw * var(--ui-scale));height:calc(1.3889vh * var(--ui-scale))}.scale-shift-circle-input .circle-input-field{width:var(--control-height);height:var(--control-height);font-size:calc(.8vh * var(--ui-scale));line-height:var(--control-height)}.scale-shift-circle-input .circle-input-stepper-button{width:calc(.7813vw * var(--ui-scale));height:calc(1.3889vh * var(--ui-scale))}.scales-page{--control-height: calc(3.5185vh * var(--ui-scale));padding:calc(.9259vh * var(--ui-scale)) calc(.5208vw * var(--ui-scale))}.scales-page.compact{position:relative;border-bottom:solid 2px var(--color-silver);min-height:calc(8vh * var(--ui-scale))}.compact-scales-toggle{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:50%;width:calc(1.4583vw * var(--ui-scale));height:calc(2.5926vh * var(--ui-scale));display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:var(--shadow);position:absolute;top:calc(3vh * var(--ui-scale));left:calc(1vw * var(--ui-scale));z-index:2}.compact-scales-summary{display:flex;flex-direction:column;color:var(--header-control-text);padding:calc(.7407vh * var(--ui-scale)) calc(.625vw * var(--ui-scale))}.compact-scales-content{overflow:hidden;transition:max-height .28s ease,opacity .22s ease,transform .28s ease}.compact-scales-summary-container{overflow:hidden;transition:opacity .28s ease;position:absolute;top:calc(3vh * var(--ui-scale));width:100%}.compact-scales-content{max-height:0;opacity:0;transform:translateY(calc(-6px * var(--ui-scale)));pointer-events:none}.compact-scales-content.is-open{max-height:calc(92.5926vh * var(--ui-scale));opacity:1;transform:translateY(0);pointer-events:auto}.compact-scales-summary-container{max-height:calc(20.3704vh * var(--ui-scale));opacity:1;transform:translateY(0)}.compact-scales-summary-container.is-hidden{max-height:0;opacity:0;pointer-events:none}.compact-scales-summary-row{font-size:calc(1.8vh * var(--ui-scale));line-height:2}.compact-scales-summary-hint{margin-top:calc(.1852vh * var(--ui-scale));font-size:calc(1vh * var(--ui-scale));font-weight:700;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.form-row-group{display:inline-block;align-items:flex-start}.form-row-group .form-row{justify-content:space-between}.form-row{display:flex;align-items:flex-start;justify-content:center}.form-row.vertical-portrait{flex-direction:row;align-items:center}@media(orientation:portrait){.form-row.vertical-portrait{flex-direction:column}}.select-container{display:grid;padding:calc(.9259vh * var(--ui-scale)) calc(.5208vw * var(--ui-scale))}.select-container label{justify-content:flex-start;padding-bottom:calc(.463vh * var(--ui-scale))}.select-container select,.select-container input[type=number]{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:8px;padding:calc(.7407vh * var(--ui-scale)) calc(.625vw * var(--ui-scale));font-size:calc(1.4vh * var(--ui-scale));min-height:var(--control-height);height:var(--control-height);box-sizing:border-box;box-shadow:var(--shadow);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.select-container select:focus-visible,.select-container input[type=number]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg),var(--shadow)}.select-container select{cursor:pointer;padding:calc(.7407vh * var(--ui-scale)) calc(.625vw * var(--ui-scale))}.scale-clear-chord-exercise-button{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:8px;padding:calc(.7407vh * var(--ui-scale)) calc(.625vw * var(--ui-scale));font-size:calc(1.4vh * var(--ui-scale));min-height:var(--control-height);height:var(--control-height);box-sizing:border-box;box-shadow:var(--shadow);outline:none;transition:border-color .18s ease,box-shadow .18s ease;cursor:pointer;font-weight:600}.scale-clear-chord-exercise-button:hover,.scale-clear-chord-exercise-button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg),var(--shadow)}.parameter-tooltip{position:relative}.parameter-tooltip-bubble{position:absolute;left:50%;top:calc(100% + .8vh);bottom:auto;transform:translate(-50%) translateY(-4px);max-width:240px;width:max-content;padding:calc(.5556vh * var(--ui-scale)) calc(.4167vw * var(--ui-scale));border-radius:6px;background:var(--text-h);color:var(--bg);font-size:calc(1.2vh * var(--ui-scale));line-height:1.3;text-align:center;opacity:0;visibility:hidden;pointer-events:none;z-index:20;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.parameter-tooltip:hover .parameter-tooltip-bubble,.parameter-tooltip:focus-within .parameter-tooltip-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition-delay:1s,1s,1s}:root[data-show-tooltips=false] .parameter-tooltip-bubble{display:none!important}.number-input{width:calc(4.4271vw * var(--ui-scale))}.toggle-control-container{align-content:center}.parameter-mode-toggle{display:inline-flex;align-items:center;gap:calc(.4167vw * var(--ui-scale));justify-content:space-between;min-height:var(--control-height);height:var(--control-height);width:calc(9.8958vw * var(--ui-scale));cursor:pointer;border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:8px;padding:calc(.5556vh * var(--ui-scale)) calc(.5208vw * var(--ui-scale));box-sizing:border-box;box-shadow:var(--shadow)}.parameter-mode-toggle span{font-size:calc(1.2vh * var(--ui-scale));font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.parameter-mode-toggle span.active{opacity:1;color:var(--text-h)}.parameter-mode-toggle input[type=checkbox]{appearance:none;margin:0;cursor:pointer;width:calc(2.1875vw * var(--ui-scale));height:calc(2.2222vh * var(--ui-scale));border-radius:999px;background:var(--border);position:relative;transition:background .2s ease}.parameter-mode-toggle input[type=checkbox]:before{content:"";position:absolute;top:calc(.3vh * var(--ui-scale));left:calc(.3vw * var(--ui-scale));width:calc(.9375vw * var(--ui-scale));height:calc(1.6667vh * var(--ui-scale));border-radius:50%;background:var(--color-white);transition:transform .2s ease}.parameter-mode-toggle input[type=checkbox]:checked{background:var(--accent)}.parameter-mode-toggle input[type=checkbox]:checked:before{transform:translate(calc(18px * var(--ui-scale)))}@media(orientation:portrait){.parameter-mode-toggle{width:unset}}.toggle-option{display:inline-block;flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-state-text{display:inline-block;min-width:calc(5vw * var(--ui-scale));text-align:center;white-space:nowrap}.scale-note-display{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(.4167vw * var(--ui-scale));min-height:var(--control-height)}.scale-note-item{display:inline-flex;flex-direction:column;align-items:center;gap:calc(.2083vw * var(--ui-scale))}.scale-note-degree{font-size:calc(1.1vh * var(--ui-scale));font-weight:700;letter-spacing:.06em;color:var(--accent);line-height:1}.scale-note-empty{font-size:calc(1.4vh * var(--ui-scale));color:var(--text);opacity:.8}.scales-spinner-container{display:flex;align-items:center;justify-content:center;width:100%;height:calc(19vh * var(--ui-scale))}.scales-spinner{width:calc(2.6042vw * var(--ui-scale));height:calc(4.6296vh * var(--ui-scale));border:calc(4px * var(--ui-scale)) solid var(--header-control-border);border-top-color:var(--accent);border-radius:50%;animation:scales-spin .8s linear infinite}@keyframes scales-spin{to{transform:rotate(360deg)}}.save-scale-preset-button{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:8px;padding:calc(.7407vh * var(--ui-scale)) calc(.625vw * var(--ui-scale));cursor:pointer;font-size:inherit;transition:background-color .2s ease,border-color .2s ease;min-width:21vw}.save-scale-preset-button:hover{opacity:.85}.save-scale-preset-button:active{opacity:.7}.form-row-centered{display:flex;justify-content:center}.form-row-centered .select-container{min-width:21vw}.form-row-centered select{width:100%}.form-row-centered.no-save-min-width .select-container{min-width:unset}.preset-wrapper{padding:1vh 1.25vw}.preset-wrapper.no-padding{padding:0}.exercises-page{position:relative;display:flex;flex-direction:column;min-height:100%}.select-container.preset-modified select{border-color:var(--pattern-negative-bg)}.bottom-sticky{position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--header-control-border);margin-bottom:0;display:flex;flex-direction:column}.bottom-sticky:not(.collapsed){flex-direction:row;align-items:stretch}.bottom-sticky:not(.collapsed) .bottom-sticky-toggle{flex-direction:column;width:auto;padding:calc(.9259vh * var(--ui-scale)) calc(.5208vw * var(--ui-scale));border-right:1px solid var(--header-control-border);justify-content:center;align-self:stretch}.bottom-sticky:not(.collapsed) .bottom-sticky-label{display:none}.bottom-sticky:not(.collapsed) .bottom-sticky-content{flex:1;min-width:0}.bottom-sticky-toggle{display:flex;align-items:center;gap:calc(.4167vw * var(--ui-scale));width:100%;padding:calc(.9259vh * var(--ui-scale)) calc(.8333vw * var(--ui-scale));background:none;border:none;cursor:pointer;color:var(--header-control-text);font-size:calc(1.4vh * var(--ui-scale));text-align:left}.bottom-sticky-toggle.preset-modified .bottom-sticky-label{color:var(--pattern-negative-text, var(--accent))}.bottom-sticky-label{flex:1;font-weight:500}.bottom-sticky-chevron{font-size:calc(1.2vh * var(--ui-scale));opacity:.7}.bottom-sticky-content{padding:calc(.9259vh * var(--ui-scale)) 0 0}.bottom-sticky.collapsed .bottom-sticky-content{display:none}.pattern-builder{width:100%}.exercise-builder-controls{display:flex;gap:calc(1.5625vw * var(--ui-scale));margin-left:auto;justify-content:center;align-items:center;align-self:center}.exercise-builder-buttons{display:flex;flex-direction:column;gap:calc(.4167vw * var(--ui-scale));padding-right:calc(1.0417vw * var(--ui-scale))}.pattern-creator{display:flex;flex-wrap:wrap;gap:calc(.5208vw * var(--ui-scale));padding:calc(1.8519vh * var(--ui-scale)) calc(1.0417vw * var(--ui-scale));align-items:center;justify-content:center}.pattern-builder-flex{display:flex;gap:calc(2.0833vw * var(--ui-scale))}.exercise-builder{display:flex;padding:calc(1.8519vh * var(--ui-scale)) calc(1.0417vw * var(--ui-scale));padding-right:0;gap:calc(1.0417vw * var(--ui-scale));justify-content:center}.pattern-step{padding:calc(.9259vh * var(--ui-scale)) calc(.5208vw * var(--ui-scale));position:relative;display:inline-flex;align-items:center;gap:calc(.3125vw * var(--ui-scale));cursor:grab;-webkit-user-select:none;user-select:none}.pattern-step:hover .circle-input-stepper-buttons{opacity:1;pointer-events:auto}.pattern-step:active{cursor:grabbing}.pattern-step.dragging{opacity:.6}.pattern-step.drag-over{outline:2px dashed var(--pattern-outline);outline-offset:2px}.exercise-step-input .circle-input-stepper-buttons{opacity:0;pointer-events:none;transition:opacity .15s ease}.exercise-step-input .circle-input-field{width:calc(3.375vw * var(--ui-scale));height:calc(6vh * var(--ui-scale));font-size:calc(2.2vh * var(--ui-scale));line-height:calc(6vh * var(--ui-scale))}.exercise-step-input.positive .circle-input-field{background:var(--pattern-positive-bg)}.exercise-step-input.negative .circle-input-field{background:var(--pattern-negative-bg)}.add-step-row{display:flex;flex-direction:column;gap:calc(.4167vw * var(--ui-scale));margin-left:auto;justify-content:flex-start;align-items:center;align-self:flex-start;width:10%;padding-top:2.7778vh}.add-step-button{width:calc(3.375vw * var(--ui-scale));height:calc(6vh * var(--ui-scale));border:2px solid var(--pattern-add-border);border-radius:50%;background:var(--pattern-add-bg);color:var(--color-white);font-size:calc(2.4vh * var(--ui-scale));font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.add-step-button:hover{background:var(--pattern-add-bg-hover)}.reset-step-button{height:calc(2.5926vh * var(--ui-scale));padding:0 calc(.5208vw * var(--ui-scale));border:1px solid var(--pattern-negative-bg);border-radius:14px;background:var(--pattern-negative-bg);color:var(--pattern-reset-text);font-size:calc(1.2vh * var(--ui-scale));cursor:pointer;text-transform:lowercase}.reset-step-button:hover{background:var(--pattern-reset-hover-bg)}.exercise-chord-display{position:relative}.exercise-chord-display .exercise-chord-close{position:absolute;top:1vh;right:-1vw;z-index:1;width:calc(1.4583vw * var(--ui-scale));height:calc(2.5926vh * var(--ui-scale));border-radius:50%;border:1px solid var(--header-control-border);background:var(--pattern-negative-bg);color:var(--color-white);font-size:1.4vh;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.exercise-chord-display .exercise-chord-close.primary-chord-close{top:-1vh}.exercise-chord-display:hover .exercise-chord-close{opacity:1;visibility:visible}.exercise-chord-display .exercise-chord-close:hover{background:var(--pattern-reset-hover-bg)}.exercises-spinner-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(27.7778vh * var(--ui-scale))}.exercises-spinner{width:calc(2.6042vw * var(--ui-scale));height:calc(4.6296vh * var(--ui-scale));border:calc(4px * var(--ui-scale)) solid var(--header-control-border);border-top-color:var(--accent);border-radius:50%;animation:exercises-spin .8s linear infinite}@keyframes exercises-spin{to{transform:rotate(360deg)}}.google-auth-card{display:flex;flex-direction:column;gap:.7407vh;margin-top:1.4815vh;padding-top:1.1111vh;border-top:1px solid var(--border)}.google-auth-header-row h3{margin:0;font-size:1.5vh;color:var(--text-h)}.google-auth-helper-text,.google-auth-status{margin:0;font-size:1.2vh;color:var(--text)}.google-auth-status.error{color:var(--pattern-negative-text)}.google-auth-login-row{min-height:4.4444vh;display:flex;align-items:center}.google-auth-user-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.625vw;border:1px solid var(--header-control-border);border-radius:12px;background:var(--header-control-bg);padding:.7407vh .625vw}.google-auth-avatar{width:1.4583vw;min-width:32px;height:2.5926vh;min-height:32px;border-radius:999px;object-fit:cover;border:1px solid var(--border)}.google-auth-user-content{min-width:0}.google-auth-user-name,.google-auth-user-email{margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-auth-user-name{font-size:1.3vh;color:var(--text-h);font-weight:700}.google-auth-user-email{font-size:1.1vh;color:var(--text)}.google-auth-signout{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:8px;padding:.5556vh .5208vw;font-size:1.1vh;font-weight:600;cursor:pointer}.google-auth-signout:hover,.google-auth-signout:focus-visible{border-color:var(--accent);outline:none}.user-data-page{padding:1.4815vh .8333vw}.user-data-card{max-width:720px;margin:0 auto;border:1px solid var(--header-control-border);border-radius:12px;background:var(--header-control-bg);color:var(--header-control-text);box-shadow:var(--shadow);padding:1.4815vh .8333vw}.user-data-card h2{margin:0 0 .7407vh}.user-data-card p{margin:0 0 1.4815vh;color:var(--text)}.user-data-row{display:grid;gap:.3125vw;margin-bottom:1.1111vh}.user-data-row label{font-size:1.3vh;font-weight:600}.user-data-row select{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:8px;padding:.7407vh .5208vw;min-height:3.5185vh;font-size:1.4vh;box-shadow:var(--shadow)}.user-data-theme-control{display:flex;flex-direction:column;align-items:stretch;gap:.5208vw;position:relative;margin-top:1.8519vh}.user-data-theme-control label{color:var(--text);font-size:1.4vh}.user-data-theme-controls-header{display:flex;align-items:center;justify-content:space-between;gap:.625vw}.user-data-theme-mode-toggle{display:inline-flex;align-items:center;gap:.5208vw;padding:.3704vh .3125vw;border-radius:999px;background:var(--header-control-bg);border:1px solid var(--header-control-border);box-shadow:var(--shadow)}.user-data-theme-mode-toggle span{font-size:1.2vh;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.user-data-theme-mode-toggle span.active{opacity:1;color:var(--text-h)}.user-data-theme-mode-toggle input{appearance:none;width:2.1875vw;height:2.2222vh;border-radius:999px;background:var(--border);position:relative;cursor:pointer;transition:background .2s ease}.user-data-theme-mode-toggle input:before{content:"";position:absolute;top:.3vh;left:.3vw;width:.9375vw;height:1.6667vh;border-radius:50%;background:var(--color-white);transition:transform .2s ease}.user-data-theme-mode-toggle input:checked{background:var(--accent)}.user-data-theme-mode-toggle input:checked:before{transform:translate(18px)}.user-data-theme-picker{position:relative;width:100%;z-index:10}.user-data-theme-select{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:var(--header-control-text);border-radius:8px;padding:.7407vh .625vw;min-height:3.5185vh;font-size:1.4vh;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.625vw;box-shadow:var(--shadow);cursor:pointer}.user-data-theme-select.open{border-color:var(--accent)}.user-data-theme-select-text{font-weight:600;text-align:left}.user-data-theme-select-caret{font-size:1.2vh;opacity:.75}.user-data-theme-menu{position:absolute;top:5vh;right:0;width:21.875vw;max-height:38.8889vh;overflow-y:auto;isolation:isolate;border:1px solid var(--header-control-border);border-radius:16px;padding:1.1111vh .625vw;background:#1b1e26;box-shadow:var(--shadow);z-index:20}.user-data-theme-menu-basic{width:15.625vw;max-height:27.7778vh;border:1px solid color-mix(in srgb,var(--border) 72%,var(--text-h) 28%);background:#1b1e26;padding:.7407vh .5208vw}.user-data-theme-menu-basic .user-data-theme-search-row{background:#1b1e26;margin-bottom:.7407vh}.user-data-theme-search-row{position:sticky;top:0;z-index:1;background:#1b1e26;padding:.1852vh 0 .9259vh;margin-bottom:1.1111vh}.user-data-theme-search-input{width:100%;box-sizing:border-box;border:1px solid var(--header-control-border);background:var(--color-black);color:var(--text-h);border-radius:10px;padding:.9259vh .625vw;font:inherit}.user-data-theme-search-input::placeholder{color:var(--text);opacity:.8}.user-data-theme-search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-data-theme-empty-state{text-align:left;color:var(--text);padding:.5556vh .1042vw .1852vh;font-size:1.4vh}.user-data-theme-group+.user-data-theme-group{margin-top:1.2963vh;padding-top:1.2963vh;border-top:1px solid var(--border)}.user-data-theme-group-label{font-size:1.2vh;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:.7407vh;text-align:left}.user-data-theme-group-toggle{width:100%;border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0;margin-bottom:.7407vh}.user-data-theme-group-caret{font-size:1.2vh;color:var(--text);opacity:.8;transition:transform .2s ease}.user-data-theme-group-caret.open{transform:rotate(180deg)}.user-data-theme-group-options{display:grid;gap:.4167vw}.user-data-theme-group-options.collapsed{display:none}.user-data-theme-option{width:100%;border:1px solid var(--border);background:#1f222c;color:var(--text-h);border-radius:12px;padding:.9259vh .625vw;display:flex;align-items:center;justify-content:space-between;gap:.625vw;cursor:pointer}.user-data-theme-option:hover,.user-data-theme-option:focus-visible{border-color:var(--accent);outline:none}.user-data-theme-option.active{border-color:var(--accent);background:#273449}:root[data-theme$=-light] .user-data-theme-menu,:root[data-theme=light] .user-data-theme-menu{background:#f5f7fb}:root[data-theme$=-light] .user-data-theme-menu-basic,:root[data-theme=light] .user-data-theme-menu-basic{background:#f5f7fb}:root[data-theme$=-light] .user-data-theme-search-row,:root[data-theme=light] .user-data-theme-search-row{background:#f5f7fb}:root[data-theme$=-light] .user-data-theme-option,:root[data-theme=light] .user-data-theme-option{background:#fff}:root[data-theme$=-light] .user-data-theme-option.active,:root[data-theme=light] .user-data-theme-option.active{background:#e7eefc}.user-data-theme-option-name{text-align:left}.user-data-theme-swatch-row{display:inline-flex;align-items:center;gap:.3125vw;flex-shrink:0}.user-data-theme-swatch{width:.7292vw;height:1.2963vh;border-radius:999px;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px #00000014}.user-data-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.9259vh 0;border-bottom:1px solid var(--border)}.user-data-toggle-label{font-size:1.4vh;font-weight:600;color:var(--text-h)}.user-data-slider-row{display:flex;align-items:center;justify-content:space-between;padding:.9259vh 0;border-bottom:1px solid var(--border)}.user-data-slider-control{display:flex;align-items:center;gap:.5208vw}.user-data-slider-control input[type=range]{width:8.3333vw;accent-color:var(--accent);cursor:pointer}.user-data-slider-value{font-size:1.3vh;font-weight:700;min-width:2.0833vw;text-align:right;color:var(--text-h)}.user-data-actions-row{margin-top:1.4815vh;display:flex;flex-wrap:wrap;gap:.5208vw;justify-content:center}.user-data-clear-button{border:1px solid var(--header-control-border);background:var(--pattern-negative-bg);color:var(--header-control-text);border-radius:8px;padding:.7407vh .625vw;font-size:1.3vh;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}.user-data-clear-button:hover,.user-data-clear-button:focus-visible{border-color:var(--accent);outline:none}.user-data-clear-button-secondary{background:var(--header-control-bg)}.user-data-card .google-auth-login-row{justify-content:center}.auth-prompt-card{position:relative;width:31.25vw;max-width:600px;border:1px solid var(--header-control-border);border-radius:16px;background:var(--header-control-bg);color:var(--header-control-text);box-shadow:var(--shadow);padding:2.2222vh 1.25vw;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9259vh}.auth-prompt-header{display:flex;align-items:center;justify-content:center;gap:.625vw;width:100%;position:relative}.auth-prompt-header h2{margin:0}.auth-prompt-close{border:1px solid var(--header-control-border);border-radius:8px;background:var(--header-control-bg);color:var(--header-control-text);width:1.4583vw;min-width:30px;height:2.5926vh;min-height:30px;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%)}.auth-prompt-close:hover,.auth-prompt-close:focus-visible{border-color:var(--accent);outline:none}.auth-prompt-message{margin:0;font-size:1.3vh;color:var(--text-h)}.auth-prompt-card .google-auth-card{width:100%;align-items:center;text-align:center}.auth-prompt-card .google-auth-header-row,.auth-prompt-card .google-auth-login-row{justify-content:center}.auth-prompt-card .google-auth-helper-text,.auth-prompt-card .google-auth-status{text-align:center}