@layer ui-vendor, app-base, layout, ui, app-components, app-utilities;@layer ui-vendor{.g-root{background:var(--g-color-base-background);color:var(--g-color-text-primary);--g-font-family-sans:"Inter","Helvetica Neue","Helvetica","Arial",sans-serif;--g-font-family-monospace:"Menlo","Monaco","Consolas","Liberation Mono","Ubuntu Mono","DejaVu Sans Mono","Courier New","Courier",monospace;--g-text-body-font-family:var(--g-font-family-sans);--g-text-caption-font-family:var(--g-font-family-sans);--g-text-header-font-family:var(--g-font-family-sans);--g-text-subheader-font-family:var(--g-font-family-sans);--g-text-display-font-family:var(--g-font-family-sans);--g-text-code-font-family:var(--g-font-family-monospace);--g-text-body-font-weight:400;--g-text-caption-font-weight:400;--g-text-header-font-weight:600;--g-text-subheader-font-weight:600;--g-text-display-font-weight:600;--g-text-code-font-weight:400;--g-text-accent-font-weight:600;--g-text-body-1-font-size:13px;--g-text-body-1-line-height:18px;--g-text-body-2-font-size:15px;--g-text-body-2-line-height:20px;--g-text-body-3-font-size:17px;--g-text-body-3-line-height:24px;--g-text-body-short-font-size:13px;--g-text-body-short-line-height:16px;--g-text-caption-1-font-size:9px;--g-text-caption-1-line-height:12px;--g-text-caption-2-font-size:11px;--g-text-caption-2-line-height:16px;--g-text-header-1-font-size:20px;--g-text-header-1-line-height:24px;--g-text-header-2-font-size:24px;--g-text-header-2-line-height:28px;--g-text-subheader-1-font-size:13px;--g-text-subheader-1-line-height:18px;--g-text-subheader-2-font-size:15px;--g-text-subheader-2-line-height:20px;--g-text-subheader-3-font-size:17px;--g-text-subheader-3-line-height:24px;--g-text-display-1-font-size:28px;--g-text-display-1-line-height:36px;--g-text-display-2-font-size:32px;--g-text-display-2-line-height:40px;--g-text-display-3-font-size:40px;--g-text-display-3-line-height:48px;--g-text-display-4-font-size:48px;--g-text-display-4-line-height:52px;--g-text-code-1-font-size:12px;--g-text-code-1-line-height:18px;--g-text-code-2-font-size:14px;--g-text-code-2-line-height:20px;--g-text-code-3-font-size:16px;--g-text-code-3-line-height:24px;--g-text-code-inline-1-font-size:12px;--g-text-code-inline-1-line-height:14px;--g-text-code-inline-2-font-size:14px;--g-text-code-inline-2-line-height:16px;--g-text-code-inline-3-font-size:16px;--g-text-code-inline-3-line-height:20px;--g-text-body-1-font:var(--g-text-body-font-weight) var(--g-text-body-1-font-size) /var(--g-text-body-1-line-height) var(--g-text-body-font-family);--g-text-body-2-font:var(--g-text-body-font-weight) var(--g-text-body-2-font-size) /var(--g-text-body-2-line-height) var(--g-text-body-font-family);--g-text-body-3-font:var(--g-text-body-font-weight) var(--g-text-body-3-font-size) /var(--g-text-body-3-line-height) var(--g-text-body-font-family);--g-text-body-short-font:var(--g-text-body-font-weight) var(--g-text-body-short-font-size) /var(--g-text-body-short-line-height) var(--g-text-body-font-family);--g-text-caption-1-font:var(--g-text-caption-font-weight) var(--g-text-caption-1-font-size) /var(--g-text-caption-1-line-height) var(--g-text-caption-font-family);--g-text-caption-2-font:var(--g-text-caption-font-weight) var(--g-text-caption-2-font-size) /var(--g-text-caption-2-line-height) var(--g-text-caption-font-family);--g-text-header-1-font:var(--g-text-header-font-weight) var(--g-text-header-1-font-size) /var(--g-text-header-1-line-height) var(--g-text-header-font-family);--g-text-header-2-font:var(--g-text-header-font-weight) var(--g-text-header-2-font-size) /var(--g-text-header-2-line-height) var(--g-text-header-font-family);--g-text-subheader-1-font:var(--g-text-subheader-font-weight) var(--g-text-subheader-1-font-size) /var(--g-text-subheader-1-line-height) var(--g-text-subheader-font-family);--g-text-subheader-2-font:var(--g-text-subheader-font-weight) var(--g-text-subheader-2-font-size) /var(--g-text-subheader-2-line-height) var(--g-text-subheader-font-family);--g-text-subheader-3-font:var(--g-text-subheader-font-weight) var(--g-text-subheader-3-font-size) /var(--g-text-subheader-3-line-height) var(--g-text-subheader-font-family);--g-text-display-1-font:var(--g-text-display-font-weight) var(--g-text-display-1-font-size) /var(--g-text-display-1-line-height) var(--g-text-display-font-family);--g-text-display-2-font:var(--g-text-display-font-weight) var(--g-text-display-2-font-size) /var(--g-text-display-2-line-height) var(--g-text-display-font-family);--g-text-display-3-font:var(--g-text-display-font-weight) var(--g-text-display-3-font-size) /var(--g-text-display-3-line-height) var(--g-text-display-font-family);--g-text-display-4-font:var(--g-text-display-font-weight) var(--g-text-display-4-font-size) /var(--g-text-display-4-line-height) var(--g-text-display-font-family);--g-text-code-1-font:var(--g-text-code-font-weight) var(--g-text-code-1-font-size) /var(--g-text-code-1-line-height) var(--g-text-code-font-family);--g-text-code-2-font:var(--g-text-code-font-weight) var(--g-text-code-2-font-size) /var(--g-text-code-2-line-height) var(--g-text-code-font-family);--g-text-code-3-font:var(--g-text-code-font-weight) var(--g-text-code-3-font-size) /var(--g-text-code-3-line-height) var(--g-text-code-font-family);--g-text-code-inline-1-font:var(--g-text-code-inline-font-weight) var(--g-text-code-inline-1-font-size) /var(--g-text-code-inline-1-line-height) var(--g-text-code-inline-font-family);--g-text-code-inline-2-font:var(--g-text-code-inline-font-weight) var(--g-text-code-inline-2-font-size) /var(--g-text-code-inline-2-line-height) var(--g-text-code-inline-font-family);--g-text-code-inline-3-font:var(--g-text-code-inline-font-weight) var(--g-text-code-inline-3-font-size) /var(--g-text-code-inline-3-line-height) var(--g-text-code-inline-font-family);font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);--g-spacing-base:4px;--g-spacing-0:calc(var(--g-spacing-base) * 0);--g-spacing-half:calc(var(--g-spacing-base) * 0.5);--g-spacing-1:var(--g-spacing-base);--g-spacing-2:calc(var(--g-spacing-base) * 2);--g-spacing-3:calc(var(--g-spacing-base) * 3);--g-spacing-4:calc(var(--g-spacing-base) * 4);--g-spacing-5:calc(var(--g-spacing-base) * 5);--g-spacing-6:calc(var(--g-spacing-base) * 6);--g-spacing-7:calc(var(--g-spacing-base) * 7);--g-spacing-8:calc(var(--g-spacing-base) * 8);--g-spacing-9:calc(var(--g-spacing-base) * 9);--g-spacing-10:calc(var(--g-spacing-base) * 10);--g-scrollbar-width:12px;--g-border-radius-xs:3px;--g-border-radius-s:5px;--g-border-radius-m:6px;--g-border-radius-l:8px;--g-border-radius-xl:10px;--g-focus-border-radius:2px}.g-root[dir=ltr],body.g-root{--g-flow-direction:1;--g-flow-is-ltr:1;--g-flow-is-rtl:0}.g-root[dir=rtl]{--g-flow-direction:-1;--g-flow-is-ltr:0;--g-flow-is-rtl:1}.g-root_theme_light{--g-color-private-white-50:rgba(255,255,255,0.05);--g-color-private-white-70:rgba(255,255,255,0.07);--g-color-private-white-100:rgba(255,255,255,0.1);--g-color-private-white-150:rgba(255,255,255,0.15);--g-color-private-white-200:rgba(255,255,255,0.2);--g-color-private-white-250:rgba(255,255,255,0.25);--g-color-private-white-300:rgba(255,255,255,0.3);--g-color-private-white-350:rgba(255,255,255,0.35);--g-color-private-white-400:rgba(255,255,255,0.4);--g-color-private-white-450:rgba(255,255,255,0.45);--g-color-private-white-500:rgba(255,255,255,0.5);--g-color-private-white-550:rgba(255,255,255,0.55);--g-color-private-white-600:rgba(255,255,255,0.6);--g-color-private-white-650:rgba(255,255,255,0.65);--g-color-private-white-700:rgba(255,255,255,0.7);--g-color-private-white-750:rgba(255,255,255,0.75);--g-color-private-white-800:rgba(255,255,255,0.8);--g-color-private-white-850:rgba(255,255,255,0.85);--g-color-private-white-900:rgba(255,255,255,0.9);--g-color-private-white-950:rgba(255,255,255,0.95);--g-color-private-white-1000-solid:rgb(255,255,255);--g-color-private-black-50:rgba(0,0,0,0.05);--g-color-private-black-70:rgba(0,0,0,0.07);--g-color-private-black-100:rgba(0,0,0,0.1);--g-color-private-black-150:rgba(0,0,0,0.15);--g-color-private-black-200:rgba(0,0,0,0.2);--g-color-private-black-250:rgba(0,0,0,0.25);--g-color-private-black-300:rgba(0,0,0,0.3);--g-color-private-black-350:rgba(0,0,0,0.35);--g-color-private-black-400:rgba(0,0,0,0.4);--g-color-private-black-450:rgba(0,0,0,0.45);--g-color-private-black-500:rgba(0,0,0,0.5);--g-color-private-black-550:rgba(0,0,0,0.55);--g-color-private-black-600:rgba(0,0,0,0.6);--g-color-private-black-650:rgba(0,0,0,0.65);--g-color-private-black-700:rgba(0,0,0,0.7);--g-color-private-black-750:rgba(0,0,0,0.75);--g-color-private-black-800:rgba(0,0,0,0.8);--g-color-private-black-850:rgba(0,0,0,0.85);--g-color-private-black-900:rgba(0,0,0,0.9);--g-color-private-black-950:rgba(0,0,0,0.95);--g-color-private-black-20-solid:rgb(250,250,250);--g-color-private-black-50-solid:rgb(242,242,242);--g-color-private-black-100-solid:rgb(229,229,229);--g-color-private-black-150-solid:rgb(217,217,217);--g-color-private-black-200-solid:rgb(204,204,204);--g-color-private-black-250-solid:rgb(191,191,191);--g-color-private-black-300-solid:rgb(179,179,179);--g-color-private-black-350-solid:rgb(166,166,166);--g-color-private-black-400-solid:rgb(153,153,153);--g-color-private-black-450-solid:rgb(140,140,140);--g-color-private-black-500-solid:rgb(128,128,128);--g-color-private-black-550-solid:rgb(115,115,115);--g-color-private-black-600-solid:rgb(102,102,102);--g-color-private-black-650-solid:rgb(89,89,89);--g-color-private-black-700-solid:rgb(76,76,76);--g-color-private-black-750-solid:rgb(64,64,64);--g-color-private-black-800-solid:rgb(51,51,51);--g-color-private-black-850-solid:rgb(38,38,38);--g-color-private-black-900-solid:rgb(26,26,26);--g-color-private-black-950-solid:rgb(13,13,13);--g-color-private-black-1000-solid:rgb(0,0,0);--g-color-private-blue-50:rgba(54,151,241,0.1);--g-color-private-blue-100:rgba(54,151,241,0.15);--g-color-private-blue-150:rgba(54,151,241,0.2);--g-color-private-blue-200:rgba(54,151,241,0.3);--g-color-private-blue-250:rgba(54,151,241,0.4);--g-color-private-blue-300:rgba(54,151,241,0.5);--g-color-private-blue-350:rgba(54,151,241,0.6);--g-color-private-blue-400:rgba(54,151,241,0.7);--g-color-private-blue-450:rgba(54,151,241,0.8);--g-color-private-blue-500:rgba(54,151,241,0.9);--g-color-private-blue-50-solid:rgb(235,245,254);--g-color-private-blue-100-solid:rgb(225,239,253);--g-color-private-blue-150-solid:rgb(215,234,252);--g-color-private-blue-200-solid:rgb(195,224,251);--g-color-private-blue-250-solid:rgb(175,213,249);--g-color-private-blue-300-solid:rgb(155,203,248);--g-color-private-blue-350-solid:rgb(134,193,247);--g-color-private-blue-400-solid:rgb(114,182,245);--g-color-private-blue-450-solid:rgb(94,172,244);--g-color-private-blue-500-solid:rgb(74,161,242);--g-color-private-blue-550-solid:rgb(54,151,241);--g-color-private-blue-600-solid:rgb(52,139,220);--g-color-private-blue-650-solid:rgb(50,127,200);--g-color-private-blue-700-solid:rgb(48,114,179);--g-color-private-blue-750-solid:rgb(46,102,158);--g-color-private-blue-800-solid:rgb(44,90,138);--g-color-private-blue-850-solid:rgb(42,78,117);--g-color-private-blue-900-solid:rgb(40,66,96);--g-color-private-blue-950-solid:rgb(38,53,75);--g-color-private-blue-1000-solid:rgb(37,47,65);--g-color-private-green-50:rgba(50,186,118,0.1);--g-color-private-green-100:rgba(50,186,118,0.15);--g-color-private-green-150:rgba(50,186,118,0.2);--g-color-private-green-200:rgba(50,186,118,0.3);--g-color-private-green-250:rgba(50,186,118,0.4);--g-color-private-green-300:rgba(50,186,118,0.5);--g-color-private-green-350:rgba(50,186,118,0.6);--g-color-private-green-400:rgba(50,186,118,0.7);--g-color-private-green-450:rgba(50,186,118,0.8);--g-color-private-green-500:rgba(50,186,118,0.9);--g-color-private-green-50-solid:rgb(235,248,241);--g-color-private-green-100-solid:rgb(224,245,234);--g-color-private-green-150-solid:rgb(214,241,228);--g-color-private-green-200-solid:rgb(194,234,214);--g-color-private-green-250-solid:rgb(173,227,200);--g-color-private-green-300-solid:rgb(153,221,187);--g-color-private-green-350-solid:rgb(132,214,173);--g-color-private-green-400-solid:rgb(112,207,159);--g-color-private-green-450-solid:rgb(91,200,145);--g-color-private-green-500-solid:rgb(71,193,132);--g-color-private-green-550-solid:rgb(50,186,118);--g-color-private-green-600-solid:rgb(48,170,110);--g-color-private-green-650-solid:rgb(47,155,101);--g-color-private-green-700-solid:rgb(45,139,93);--g-color-private-green-750-solid:rgb(44,123,84);--g-color-private-green-800-solid:rgb(42,108,76);--g-color-private-green-850-solid:rgb(40,92,68);--g-color-private-green-900-solid:rgb(39,76,59);--g-color-private-green-950-solid:rgb(37,60,51);--g-color-private-green-1000-solid:rgb(36,53,47);--g-color-private-yellow-50:rgba(255,190,92,0.1);--g-color-private-yellow-100:rgba(255,190,92,0.15);--g-color-private-yellow-150:rgba(255,190,92,0.2);--g-color-private-yellow-200:rgba(255,190,92,0.3);--g-color-private-yellow-250:rgba(255,190,92,0.4);--g-color-private-yellow-300:rgba(255,190,92,0.5);--g-color-private-yellow-350:rgba(255,190,92,0.6);--g-color-private-yellow-400:rgba(255,190,92,0.7);--g-color-private-yellow-450:rgba(255,190,92,0.8);--g-color-private-yellow-500:rgba(255,190,92,0.9);--g-color-private-yellow-50-solid:rgb(255,249,239);--g-color-private-yellow-100-solid:rgb(255,245,231);--g-color-private-yellow-150-solid:rgb(255,242,222);--g-color-private-yellow-200-solid:rgb(255,236,206);--g-color-private-yellow-250-solid:rgb(255,229,190);--g-color-private-yellow-300-solid:rgb(255,223,174);--g-color-private-yellow-350-solid:rgb(255,216,157);--g-color-private-yellow-400-solid:rgb(255,210,141);--g-color-private-yellow-450-solid:rgb(255,203,125);--g-color-private-yellow-500-solid:rgb(255,197,108);--g-color-private-yellow-550-solid:rgb(255,190,92);--g-color-private-yellow-600-solid:rgb(233,174,86);--g-color-private-yellow-650-solid:rgb(211,158,80);--g-color-private-yellow-700-solid:rgb(189,142,75);--g-color-private-yellow-750-solid:rgb(167,126,69);--g-color-private-yellow-800-solid:rgb(145,110,63);--g-color-private-yellow-850-solid:rgb(122,93,57);--g-color-private-yellow-900-solid:rgb(100,77,51);--g-color-private-yellow-950-solid:rgb(78,61,46);--g-color-private-yellow-1000-solid:rgb(67,53,43);--g-color-private-orange-50:rgba(255,119,0,0.1);--g-color-private-orange-100:rgba(255,119,0,0.15);--g-color-private-orange-150:rgba(255,119,0,0.2);--g-color-private-orange-200:rgba(255,119,0,0.3);--g-color-private-orange-250:rgba(255,119,0,0.4);--g-color-private-orange-300:rgba(255,119,0,0.5);--g-color-private-orange-350:rgba(255,119,0,0.6);--g-color-private-orange-400:rgba(255,119,0,0.7);--g-color-private-orange-450:rgba(255,119,0,0.8);--g-color-private-orange-500:rgba(255,119,0,0.9);--g-color-private-orange-50-solid:rgb(255,241,230);--g-color-private-orange-100-solid:rgb(255,235,217);--g-color-private-orange-150-solid:rgb(255,228,204);--g-color-private-orange-200-solid:rgb(255,214,179);--g-color-private-orange-250-solid:rgb(255,201,153);--g-color-private-orange-300-solid:rgb(255,187,128);--g-color-private-orange-350-solid:rgb(255,173,102);--g-color-private-orange-400-solid:rgb(255,160,77);--g-color-private-orange-450-solid:rgb(255,146,51);--g-color-private-orange-500-solid:rgb(255,133,25);--g-color-private-orange-550-solid:rgb(255,119,0);--g-color-private-orange-600-solid:rgb(233,110,3);--g-color-private-orange-650-solid:rgb(211,101,7);--g-color-private-orange-700-solid:rgb(189,92,10);--g-color-private-orange-750-solid:rgb(167,83,14);--g-color-private-orange-800-solid:rgb(145,74,17);--g-color-private-orange-850-solid:rgb(122,65,20);--g-color-private-orange-900-solid:rgb(100,56,24);--g-color-private-orange-950-solid:rgb(78,47,27);--g-color-private-orange-1000-solid:rgb(67,43,29);--g-color-private-red-50:rgba(255,0,61,0.1);--g-color-private-red-100:rgba(255,0,61,0.15);--g-color-private-red-150:rgba(255,0,61,0.2);--g-color-private-red-200:rgba(255,0,61,0.3);--g-color-private-red-250:rgba(255,0,61,0.4);--g-color-private-red-300:rgba(255,0,61,0.5);--g-color-private-red-350:rgba(255,0,61,0.6);--g-color-private-red-400:rgba(255,0,61,0.7);--g-color-private-red-450:rgba(255,0,61,0.8);--g-color-private-red-500:rgba(255,0,61,0.9);--g-color-private-red-50-solid:rgb(255,230,236);--g-color-private-red-100-solid:rgb(255,217,226);--g-color-private-red-150-solid:rgb(255,204,216);--g-color-private-red-200-solid:rgb(255,179,197);--g-color-private-red-250-solid:rgb(255,153,177);--g-color-private-red-300-solid:rgb(255,128,158);--g-color-private-red-350-solid:rgb(255,102,139);--g-color-private-red-400-solid:rgb(255,77,119);--g-color-private-red-450-solid:rgb(255,51,100);--g-color-private-red-500-solid:rgb(255,25,80);--g-color-private-red-550-solid:rgb(255,0,61);--g-color-private-red-600-solid:rgb(233,3,58);--g-color-private-red-650-solid:rgb(211,6,56);--g-color-private-red-700-solid:rgb(189,9,53);--g-color-private-red-750-solid:rgb(167,12,50);--g-color-private-red-800-solid:rgb(145,15,48);--g-color-private-red-850-solid:rgb(122,17,45);--g-color-private-red-900-solid:rgb(100,20,42);--g-color-private-red-950-solid:rgb(78,23,39);--g-color-private-red-1000-solid:rgb(67,25,38);--g-color-private-purple-50:rgba(143,82,204,0.1);--g-color-private-purple-100:rgba(143,82,204,0.15);--g-color-private-purple-150:rgba(143,82,204,0.2);--g-color-private-purple-200:rgba(143,82,204,0.3);--g-color-private-purple-250:rgba(143,82,204,0.4);--g-color-private-purple-300:rgba(143,82,204,0.5);--g-color-private-purple-350:rgba(143,82,204,0.6);--g-color-private-purple-400:rgba(143,82,204,0.7);--g-color-private-purple-450:rgba(143,82,204,0.8);--g-color-private-purple-500:rgba(143,82,204,0.9);--g-color-private-purple-50-solid:rgb(244,238,250);--g-color-private-purple-100-solid:rgb(238,229,247);--g-color-private-purple-150-solid:rgb(233,220,245);--g-color-private-purple-200-solid:rgb(221,203,240);--g-color-private-purple-250-solid:rgb(210,186,235);--g-color-private-purple-300-solid:rgb(199,169,230);--g-color-private-purple-350-solid:rgb(188,151,224);--g-color-private-purple-400-solid:rgb(177,134,219);--g-color-private-purple-450-solid:rgb(165,117,214);--g-color-private-purple-500-solid:rgb(154,99,209);--g-color-private-purple-550-solid:rgb(143,82,204);--g-color-private-purple-600-solid:rgb(132,77,187);--g-color-private-purple-650-solid:rgb(121,71,170);--g-color-private-purple-700-solid:rgb(110,66,153);--g-color-private-purple-750-solid:rgb(99,61,136);--g-color-private-purple-800-solid:rgb(89,56,119);--g-color-private-purple-850-solid:rgb(78,50,102);--g-color-private-purple-900-solid:rgb(67,45,85);--g-color-private-purple-950-solid:rgb(56,40,68);--g-color-private-purple-1000-solid:rgb(50,37,60);--g-color-private-cool-grey-50:rgba(107,132,153,0.1);--g-color-private-cool-grey-100:rgba(107,132,153,0.15);--g-color-private-cool-grey-150:rgba(107,132,153,0.2);--g-color-private-cool-grey-200:rgba(107,132,153,0.3);--g-color-private-cool-grey-250:rgba(107,132,153,0.4);--g-color-private-cool-grey-300:rgba(107,132,153,0.5);--g-color-private-cool-grey-350:rgba(107,132,153,0.6);--g-color-private-cool-grey-400:rgba(107,132,153,0.7);--g-color-private-cool-grey-450:rgba(107,132,153,0.8);--g-color-private-cool-grey-500:rgba(107,132,153,0.9);--g-color-private-cool-grey-50-solid:rgb(240,243,245);--g-color-private-cool-grey-100-solid:rgb(233,237,240);--g-color-private-cool-grey-150-solid:rgb(225,230,235);--g-color-private-cool-grey-200-solid:rgb(211,218,224);--g-color-private-cool-grey-250-solid:rgb(196,206,214);--g-color-private-cool-grey-300-solid:rgb(181,194,204);--g-color-private-cool-grey-350-solid:rgb(166,181,194);--g-color-private-cool-grey-400-solid:rgb(151,169,184);--g-color-private-cool-grey-450-solid:rgb(137,157,173);--g-color-private-cool-grey-500-solid:rgb(122,144,163);--g-color-private-cool-grey-550-solid:rgb(107,132,153);--g-color-private-cool-grey-600-solid:rgb(100,122,141);--g-color-private-cool-grey-650-solid:rgb(92,111,129);--g-color-private-cool-grey-700-solid:rgb(85,101,117);--g-color-private-cool-grey-750-solid:rgb(78,91,105);--g-color-private-cool-grey-800-solid:rgb(71,81,94);--g-color-private-cool-grey-850-solid:rgb(63,70,82);--g-color-private-cool-grey-900-solid:rgb(56,60,70);--g-color-private-cool-grey-950-solid:rgb(49,50,58);--g-color-private-cool-grey-1000-solid:rgb(45,44,52);--g-color-text-primary:var(--g-color-text-dark-primary);--g-color-text-complementary:var(--g-color-text-dark-complementary);--g-color-text-secondary:var(--g-color-text-dark-secondary);--g-color-text-hint:var(--g-color-text-dark-hint);--g-color-text-info:var(--g-color-private-blue-600-solid);--g-color-text-positive:var(--g-color-private-green-600-solid);--g-color-text-warning:var(--g-color-private-yellow-700-solid);--g-color-text-danger:var(--g-color-private-red-600-solid);--g-color-text-utility:var(--g-color-private-purple-600-solid);--g-color-text-misc:var(--g-color-private-cool-grey-600-solid);--g-color-text-info-heavy:var(--g-color-private-blue-700-solid);--g-color-text-positive-heavy:var(--g-color-private-green-700-solid);--g-color-text-warning-heavy:var(--g-color-private-orange-700-solid);--g-color-text-danger-heavy:var(--g-color-private-red-700-solid);--g-color-text-utility-heavy:var(--g-color-private-purple-700-solid);--g-color-text-misc-heavy:var(--g-color-private-cool-grey-700-solid);--g-color-text-brand:var(--g-color-private-yellow-700-solid);--g-color-text-brand-heavy:var(--g-color-private-orange-700-solid);--g-color-text-brand-contrast:var(--g-color-text-dark-primary);--g-color-text-link:var(--g-color-private-yellow-650-solid);--g-color-text-link-hover:var(--g-color-private-orange-650-solid);--g-color-text-link-visited:var(--g-color-private-purple-550-solid);--g-color-text-link-visited-hover:var(--g-color-private-purple-800-solid);--g-color-text-dark-primary:var(--g-color-private-black-850);--g-color-text-dark-complementary:var(--g-color-private-black-700);--g-color-text-dark-secondary:var(--g-color-private-black-500);--g-color-text-dark-hint:var(--g-color-private-black-300);--g-color-text-light-primary:var(--g-color-private-white-1000-solid);--g-color-text-light-complementary:var(--g-color-private-white-850);--g-color-text-light-secondary:var(--g-color-private-white-700);--g-color-text-light-hint:var(--g-color-private-white-500);--g-color-text-inverted-primary:var(--g-color-text-light-primary);--g-color-text-inverted-complementary:var(--g-color-text-light-complementary);--g-color-text-inverted-secondary:var(--g-color-text-light-secondary);--g-color-text-inverted-hint:var(--g-color-text-light-hint);--g-color-base-background:var(--g-color-private-white-1000-solid);--g-color-base-generic:var(--g-color-private-black-50);--g-color-base-generic-hover:var(--g-color-private-black-150);--g-color-base-generic-medium:var(--g-color-private-black-150);--g-color-base-generic-medium-hover:var(--g-color-private-black-250);--g-color-base-generic-accent:var(--g-color-private-black-150);--g-color-base-generic-accent-disabled:var(--g-color-private-black-70);--g-color-base-generic-ultralight:var(--g-color-private-black-20-solid);--g-color-base-simple-hover:var(--g-color-private-black-50);--g-color-base-simple-hover-solid:var(--g-color-private-black-50-solid);--g-color-base-brand:var(--g-color-private-yellow-550-solid);--g-color-base-brand-hover:var(--g-color-private-yellow-600-solid);--g-color-base-selection:var(--g-color-private-yellow-200);--g-color-base-selection-hover:var(--g-color-private-yellow-300);--g-color-base-info-light:var(--g-color-private-blue-100);--g-color-base-info-light-hover:var(--g-color-private-blue-200);--g-color-base-info-medium:var(--g-color-private-blue-200);--g-color-base-info-medium-hover:var(--g-color-private-blue-300);--g-color-base-info-heavy:var(--g-color-private-blue-600-solid);--g-color-base-info-heavy-hover:var(--g-color-private-blue-700-solid);--g-color-base-positive-light:var(--g-color-private-green-100);--g-color-base-positive-light-hover:var(--g-color-private-green-200);--g-color-base-positive-medium:var(--g-color-private-green-200);--g-color-base-positive-medium-hover:var(--g-color-private-green-300);--g-color-base-positive-heavy:var(--g-color-private-green-600-solid);--g-color-base-positive-heavy-hover:var(--g-color-private-green-700-solid);--g-color-base-warning-light:var(--g-color-private-yellow-200);--g-color-base-warning-light-hover:var(--g-color-private-yellow-300);--g-color-base-warning-medium:var(--g-color-private-yellow-400);--g-color-base-warning-medium-hover:var(--g-color-private-yellow-500);--g-color-base-warning-heavy:var(--g-color-private-yellow-550-solid);--g-color-base-warning-heavy-hover:var(--g-color-private-yellow-650-solid);--g-color-base-danger-light:var(--g-color-private-red-100);--g-color-base-danger-light-hover:var(--g-color-private-red-200);--g-color-base-danger-medium:var(--g-color-private-red-200);--g-color-base-danger-medium-hover:var(--g-color-private-red-300);--g-color-base-danger-heavy:var(--g-color-private-red-600-solid);--g-color-base-danger-heavy-hover:var(--g-color-private-red-700-solid);--g-color-base-utility-light:var(--g-color-private-purple-100);--g-color-base-utility-light-hover:var(--g-color-private-purple-200);--g-color-base-utility-medium:var(--g-color-private-purple-200);--g-color-base-utility-medium-hover:var(--g-color-private-purple-300);--g-color-base-utility-heavy:var(--g-color-private-purple-600-solid);--g-color-base-utility-heavy-hover:var(--g-color-private-purple-700-solid);--g-color-base-neutral-light:var(--g-color-private-black-50);--g-color-base-neutral-light-hover:var(--g-color-private-black-100);--g-color-base-neutral-medium:var(--g-color-private-black-200);--g-color-base-neutral-medium-hover:var(--g-color-private-black-250);--g-color-base-neutral-heavy:var(--g-color-private-black-450);--g-color-base-neutral-heavy-hover:var(--g-color-private-black-550);--g-color-base-misc-light:var(--g-color-private-cool-grey-100);--g-color-base-misc-light-hover:var(--g-color-private-cool-grey-200);--g-color-base-misc-medium:var(--g-color-private-cool-grey-200);--g-color-base-misc-medium-hover:var(--g-color-private-cool-grey-300);--g-color-base-misc-heavy:var(--g-color-private-cool-grey-600-solid);--g-color-base-misc-heavy-hover:var(--g-color-private-cool-grey-700-solid);--g-color-base-light:var(--g-color-private-white-1000-solid);--g-color-base-light-hover:var(--g-color-private-white-850);--g-color-base-light-simple-hover:var(--g-color-private-white-150);--g-color-base-light-disabled:var(--g-color-private-white-150);--g-color-base-light-accent-disabled:var(--g-color-private-white-300);--g-color-base-float:var(--g-color-private-white-1000-solid);--g-color-base-float-hover:var(--g-color-private-black-50-solid);--g-color-base-float-medium:var(--g-color-private-black-550-solid);--g-color-base-float-heavy:var(--g-color-private-black-700-solid);--g-color-base-float-accent:var(--g-color-private-white-1000-solid);--g-color-base-float-accent-hover:var(--g-color-private-white-850);--g-color-base-float-announcement:var(--g-color-private-cool-grey-50-solid);--g-color-base-modal:var(--g-color-base-background);--g-color-line-generic:var(--g-color-private-black-100);--g-color-line-generic-hover:var(--g-color-private-black-150);--g-color-line-generic-active:var(--g-color-private-black-300);--g-color-line-generic-accent:var(--g-color-private-black-150);--g-color-line-generic-accent-hover:var(--g-color-private-black-300);--g-color-line-generic-solid:var(--g-color-private-black-100-solid);--g-color-line-brand:var(--g-color-private-yellow-600-solid);--g-color-line-focus:var(--g-color-private-cool-grey-450);--g-color-line-light:var(--g-color-private-white-500);--g-color-line-info:var(--g-color-private-blue-450);--g-color-line-positive:var(--g-color-private-green-450);--g-color-line-warning:var(--g-color-private-yellow-600-solid);--g-color-line-danger:var(--g-color-private-red-450);--g-color-line-utility:var(--g-color-private-purple-450);--g-color-line-misc:var(--g-color-private-cool-grey-450);--g-color-sfx-veil:var(--g-color-private-black-250);--g-color-sfx-shadow:var(--g-color-private-black-150);--g-color-sfx-shadow-heavy:var(--g-color-private-black-500);--g-color-sfx-shadow-light:var(--g-color-private-black-50);--g-color-sfx-fade:var(--g-color-private-white-300);--g-color-scroll-track:var(--g-color-base-background);--g-color-scroll-handle:var(--g-color-private-black-100);--g-color-scroll-handle-hover:var(--g-color-private-black-150);--g-color-scroll-corner:var(--g-color-private-black-100);--g-color-infographics-axis:var(--g-color-private-black-150-solid);--g-color-infographics-tooltip-bg:var(--g-color-private-white-950)}.g-root_theme_dark{--g-color-private-white-50:rgba(255,255,255,0.05);--g-color-private-white-70:rgba(255,255,255,0.07);--g-color-private-white-100:rgba(255,255,255,0.1);--g-color-private-white-150:rgba(255,255,255,0.15);--g-color-private-white-200:rgba(255,255,255,0.2);--g-color-private-white-250:rgba(255,255,255,0.25);--g-color-private-white-300:rgba(255,255,255,0.3);--g-color-private-white-350:rgba(255,255,255,0.35);--g-color-private-white-400:rgba(255,255,255,0.4);--g-color-private-white-450:rgba(255,255,255,0.45);--g-color-private-white-500:rgba(255,255,255,0.5);--g-color-private-white-550:rgba(255,255,255,0.55);--g-color-private-white-600:rgba(255,255,255,0.6);--g-color-private-white-650:rgba(255,255,255,0.65);--g-color-private-white-700:rgba(255,255,255,0.7);--g-color-private-white-750:rgba(255,255,255,0.75);--g-color-private-white-800:rgba(255,255,255,0.8);--g-color-private-white-850:rgba(255,255,255,0.85);--g-color-private-white-900:rgba(255,255,255,0.9);--g-color-private-white-950:rgba(255,255,255,0.95);--g-color-private-white-20-solid:rgb(38,34,38);--g-color-private-white-50-solid:rgb(45,40,45);--g-color-private-white-70-solid:rgb(49,45,49);--g-color-private-white-100-solid:rgb(56,52,56);--g-color-private-white-150-solid:rgb(67,63,67);--g-color-private-white-200-solid:rgb(78,74,78);--g-color-private-white-250-solid:rgb(89,85,89);--g-color-private-white-300-solid:rgb(100,97,100);--g-color-private-white-350-solid:rgb(111,108,111);--g-color-private-white-400-solid:rgb(122,119,122);--g-color-private-white-450-solid:rgb(133,131,133);--g-color-private-white-500-solid:rgb(144,142,144);--g-color-private-white-550-solid:rgb(156,153,156);--g-color-private-white-600-solid:rgb(167,165,167);--g-color-private-white-650-solid:rgb(178,176,178);--g-color-private-white-700-solid:rgb(189,187,189);--g-color-private-white-750-solid:rgb(200,198,200);--g-color-private-white-800-solid:rgb(211,210,211);--g-color-private-white-850-solid:rgb(222,221,222);--g-color-private-white-900-solid:rgb(233,232,233);--g-color-private-white-950-solid:rgb(244,244,244);--g-color-private-white-1000-solid:rgb(255,255,255);--g-color-private-white-opaque-150:rgba(76,75,81,0.95);--g-color-private-black-20:rgba(0,0,0,0.02);--g-color-private-black-50:rgba(0,0,0,0.05);--g-color-private-black-100:rgba(0,0,0,0.1);--g-color-private-black-150:rgba(0,0,0,0.15);--g-color-private-black-200:rgba(0,0,0,0.2);--g-color-private-black-250:rgba(0,0,0,0.25);--g-color-private-black-300:rgba(0,0,0,0.3);--g-color-private-black-350:rgba(0,0,0,0.35);--g-color-private-black-400:rgba(0,0,0,0.4);--g-color-private-black-450:rgba(0,0,0,0.45);--g-color-private-black-500:rgba(0,0,0,0.5);--g-color-private-black-550:rgba(0,0,0,0.55);--g-color-private-black-600:rgba(0,0,0,0.6);--g-color-private-black-650:rgba(0,0,0,0.65);--g-color-private-black-700:rgba(0,0,0,0.7);--g-color-private-black-750:rgba(0,0,0,0.75);--g-color-private-black-800:rgba(0,0,0,0.8);--g-color-private-black-850:rgba(0,0,0,0.85);--g-color-private-black-900:rgba(0,0,0,0.9);--g-color-private-black-950:rgba(0,0,0,0.95);--g-color-private-black-1000-solid:rgb(0,0,0);--g-color-private-blue-50:rgba(54,151,241,0.1);--g-color-private-blue-100:rgba(54,151,241,0.15);--g-color-private-blue-150:rgba(54,151,241,0.2);--g-color-private-blue-200:rgba(54,151,241,0.3);--g-color-private-blue-250:rgba(54,151,241,0.4);--g-color-private-blue-300:rgba(54,151,241,0.5);--g-color-private-blue-350:rgba(54,151,241,0.6);--g-color-private-blue-400:rgba(54,151,241,0.7);--g-color-private-blue-450:rgba(54,151,241,0.8);--g-color-private-blue-500:rgba(54,151,241,0.9);--g-color-private-blue-50-solid:rgb(36,41,55);--g-color-private-blue-100-solid:rgb(37,47,65);--g-color-private-blue-150-solid:rgb(38,53,75);--g-color-private-blue-200-solid:rgb(40,66,96);--g-color-private-blue-250-solid:rgb(42,78,117);--g-color-private-blue-300-solid:rgb(44,90,138);--g-color-private-blue-350-solid:rgb(46,102,158);--g-color-private-blue-400-solid:rgb(48,114,179);--g-color-private-blue-450-solid:rgb(50,127,200);--g-color-private-blue-500-solid:rgb(52,139,220);--g-color-private-blue-550-solid:rgb(54,151,241);--g-color-private-blue-600-solid:rgb(74,161,242);--g-color-private-blue-650-solid:rgb(94,172,244);--g-color-private-blue-700-solid:rgb(114,182,245);--g-color-private-blue-750-solid:rgb(134,193,247);--g-color-private-blue-800-solid:rgb(155,203,248);--g-color-private-blue-850-solid:rgb(175,213,249);--g-color-private-blue-900-solid:rgb(195,224,251);--g-color-private-blue-950-solid:rgb(215,234,252);--g-color-private-blue-1000-solid:rgb(225,239,253);--g-color-private-green-50:rgba(77,176,155,0.1);--g-color-private-green-100:rgba(77,176,155,0.15);--g-color-private-green-150:rgba(77,176,155,0.2);--g-color-private-green-200:rgba(77,176,155,0.3);--g-color-private-green-250:rgba(77,176,155,0.4);--g-color-private-green-300:rgba(77,176,155,0.5);--g-color-private-green-350:rgba(77,176,155,0.6);--g-color-private-green-400:rgba(77,176,155,0.7);--g-color-private-green-450:rgba(77,176,155,0.8);--g-color-private-green-500:rgba(77,176,155,0.9);--g-color-private-green-50-solid:rgb(38,44,46);--g-color-private-green-100-solid:rgb(40,51,52);--g-color-private-green-150-solid:rgb(43,58,58);--g-color-private-green-200-solid:rgb(47,73,70);--g-color-private-green-250-solid:rgb(51,88,82);--g-color-private-green-300-solid:rgb(56,103,95);--g-color-private-green-350-solid:rgb(60,117,107);--g-color-private-green-400-solid:rgb(64,132,119);--g-color-private-green-450-solid:rgb(68,147,131);--g-color-private-green-500-solid:rgb(73,161,143);--g-color-private-green-550-solid:rgb(77,176,155);--g-color-private-green-600-solid:rgb(95,184,165);--g-color-private-green-650-solid:rgb(113,192,175);--g-color-private-green-700-solid:rgb(130,200,185);--g-color-private-green-750-solid:rgb(148,208,195);--g-color-private-green-800-solid:rgb(166,216,205);--g-color-private-green-850-solid:rgb(184,223,215);--g-color-private-green-900-solid:rgb(202,231,225);--g-color-private-green-950-solid:rgb(219,239,235);--g-color-private-green-1000-solid:rgb(228,243,240);--g-color-private-yellow-50:rgba(255,190,92,0.1);--g-color-private-yellow-100:rgba(255,190,92,0.15);--g-color-private-yellow-150:rgba(255,190,92,0.2);--g-color-private-yellow-200:rgba(255,190,92,0.3);--g-color-private-yellow-250:rgba(255,190,92,0.4);--g-color-private-yellow-300:rgba(255,190,92,0.5);--g-color-private-yellow-350:rgba(255,190,92,0.6);--g-color-private-yellow-400:rgba(255,190,92,0.7);--g-color-private-yellow-450:rgba(255,190,92,0.8);--g-color-private-yellow-500:rgba(255,190,92,0.9);--g-color-private-yellow-50-solid:rgb(56,45,40);--g-color-private-yellow-100-solid:rgb(67,53,43);--g-color-private-yellow-150-solid:rgb(78,61,46);--g-color-private-yellow-200-solid:rgb(100,77,51);--g-color-private-yellow-250-solid:rgb(122,93,57);--g-color-private-yellow-300-solid:rgb(145,110,63);--g-color-private-yellow-350-solid:rgb(167,126,69);--g-color-private-yellow-400-solid:rgb(189,142,75);--g-color-private-yellow-450-solid:rgb(211,158,80);--g-color-private-yellow-500-solid:rgb(233,174,86);--g-color-private-yellow-550-solid:rgb(255,190,92);--g-color-private-yellow-600-solid:rgb(255,197,108);--g-color-private-yellow-650-solid:rgb(255,203,125);--g-color-private-yellow-700-solid:rgb(255,210,141);--g-color-private-yellow-750-solid:rgb(255,216,157);--g-color-private-yellow-800-solid:rgb(255,223,174);--g-color-private-yellow-850-solid:rgb(255,229,190);--g-color-private-yellow-900-solid:rgb(255,236,206);--g-color-private-yellow-950-solid:rgb(255,242,222);--g-color-private-yellow-1000-solid:rgb(255,245,231);--g-color-private-orange-50:rgba(200,99,12,0.1);--g-color-private-orange-100:rgba(200,99,12,0.15);--g-color-private-orange-150:rgba(200,99,12,0.2);--g-color-private-orange-200:rgba(200,99,12,0.3);--g-color-private-orange-250:rgba(200,99,12,0.4);--g-color-private-orange-300:rgba(200,99,12,0.5);--g-color-private-orange-350:rgba(200,99,12,0.6);--g-color-private-orange-400:rgba(200,99,12,0.7);--g-color-private-orange-450:rgba(200,99,12,0.8);--g-color-private-orange-500:rgba(200,99,12,0.9);--g-color-private-orange-50-solid:rgb(51,36,32);--g-color-private-orange-100-solid:rgb(59,40,31);--g-color-private-orange-150-solid:rgb(67,43,30);--g-color-private-orange-200-solid:rgb(84,50,27);--g-color-private-orange-250-solid:rgb(100,57,25);--g-color-private-orange-300-solid:rgb(117,64,23);--g-color-private-orange-350-solid:rgb(134,71,21);--g-color-private-orange-400-solid:rgb(150,78,19);--g-color-private-orange-450-solid:rgb(167,85,16);--g-color-private-orange-500-solid:rgb(183,92,14);--g-color-private-orange-550-solid:rgb(200,99,12);--g-color-private-orange-600-solid:rgb(206,115,36);--g-color-private-orange-650-solid:rgb(211,130,61);--g-color-private-orange-700-solid:rgb(217,146,85);--g-color-private-orange-750-solid:rgb(222,161,109);--g-color-private-orange-800-solid:rgb(228,177,134);--g-color-private-orange-850-solid:rgb(233,193,158);--g-color-private-orange-900-solid:rgb(239,208,182);--g-color-private-orange-950-solid:rgb(244,224,206);--g-color-private-orange-1000-solid:rgb(247,232,219);--g-color-private-red-50:rgba(229,50,93,0.1);--g-color-private-red-100:rgba(229,50,93,0.15);--g-color-private-red-150:rgba(229,50,93,0.2);--g-color-private-red-200:rgba(229,50,93,0.3);--g-color-private-red-250:rgba(229,50,93,0.4);--g-color-private-red-300:rgba(229,50,93,0.5);--g-color-private-red-350:rgba(229,50,93,0.6);--g-color-private-red-400:rgba(229,50,93,0.7);--g-color-private-red-450:rgba(229,50,93,0.8);--g-color-private-red-500:rgba(229,50,93,0.9);--g-color-private-red-50-solid:rgb(54,31,40);--g-color-private-red-100-solid:rgb(63,32,43);--g-color-private-red-150-solid:rgb(73,33,46);--g-color-private-red-200-solid:rgb(93,35,52);--g-color-private-red-250-solid:rgb(112,37,58);--g-color-private-red-300-solid:rgb(132,40,64);--g-color-private-red-350-solid:rgb(151,42,69);--g-color-private-red-400-solid:rgb(171,44,75);--g-color-private-red-450-solid:rgb(190,46,81);--g-color-private-red-500-solid:rgb(210,48,87);--g-color-private-red-550-solid:rgb(229,50,93);--g-color-private-red-600-solid:rgb(232,71,109);--g-color-private-red-650-solid:rgb(234,91,125);--g-color-private-red-700-solid:rgb(237,112,142);--g-color-private-red-750-solid:rgb(239,132,158);--g-color-private-red-800-solid:rgb(242,153,174);--g-color-private-red-850-solid:rgb(245,173,190);--g-color-private-red-900-solid:rgb(247,194,206);--g-color-private-red-950-solid:rgb(250,214,223);--g-color-private-red-1000-solid:rgb(251,224,231);--g-color-private-purple-50:rgba(143,82,204,0.1);--g-color-private-purple-100:rgba(143,82,204,0.15);--g-color-private-purple-150:rgba(143,82,204,0.2);--g-color-private-purple-200:rgba(143,82,204,0.3);--g-color-private-purple-250:rgba(143,82,204,0.4);--g-color-private-purple-300:rgba(143,82,204,0.5);--g-color-private-purple-350:rgba(143,82,204,0.6);--g-color-private-purple-400:rgba(143,82,204,0.7);--g-color-private-purple-450:rgba(143,82,204,0.8);--g-color-private-purple-500:rgba(143,82,204,0.9);--g-color-private-purple-50-solid:rgb(45,34,51);--g-color-private-purple-100-solid:rgb(50,37,60);--g-color-private-purple-150-solid:rgb(56,40,68);--g-color-private-purple-200-solid:rgb(67,45,85);--g-color-private-purple-250-solid:rgb(78,50,102);--g-color-private-purple-300-solid:rgb(89,56,119);--g-color-private-purple-350-solid:rgb(99,61,136);--g-color-private-purple-400-solid:rgb(110,66,153);--g-color-private-purple-450-solid:rgb(121,71,170);--g-color-private-purple-500-solid:rgb(132,77,187);--g-color-private-purple-550-solid:rgb(143,82,204);--g-color-private-purple-600-solid:rgb(154,99,209);--g-color-private-purple-650-solid:rgb(165,117,214);--g-color-private-purple-700-solid:rgb(177,134,219);--g-color-private-purple-750-solid:rgb(188,151,224);--g-color-private-purple-800-solid:rgb(199,169,230);--g-color-private-purple-850-solid:rgb(210,186,235);--g-color-private-purple-900-solid:rgb(221,203,240);--g-color-private-purple-950-solid:rgb(233,220,245);--g-color-private-purple-1000-solid:rgb(238,229,247);--g-color-private-cool-grey-50:rgba(96,128,156,0.1);--g-color-private-cool-grey-100:rgba(96,128,156,0.15);--g-color-private-cool-grey-150:rgba(96,128,156,0.2);--g-color-private-cool-grey-200:rgba(96,128,156,0.3);--g-color-private-cool-grey-250:rgba(96,128,156,0.4);--g-color-private-cool-grey-300:rgba(96,128,156,0.5);--g-color-private-cool-grey-350:rgba(96,128,156,0.6);--g-color-private-cool-grey-400:rgba(96,128,156,0.7);--g-color-private-cool-grey-450:rgba(96,128,156,0.8);--g-color-private-cool-grey-500:rgba(96,128,156,0.9);--g-color-private-cool-grey-50-solid:rgb(40,39,46);--g-color-private-cool-grey-100-solid:rgb(43,44,52);--g-color-private-cool-grey-150-solid:rgb(46,49,58);--g-color-private-cool-grey-200-solid:rgb(53,59,71);--g-color-private-cool-grey-250-solid:rgb(59,69,83);--g-color-private-cool-grey-300-solid:rgb(65,79,95);--g-color-private-cool-grey-350-solid:rgb(71,88,107);--g-color-private-cool-grey-400-solid:rgb(77,98,119);--g-color-private-cool-grey-450-solid:rgb(84,108,132);--g-color-private-cool-grey-500-solid:rgb(90,118,144);--g-color-private-cool-grey-550-solid:rgb(96,128,156);--g-color-private-cool-grey-600-solid:rgb(112,141,166);--g-color-private-cool-grey-650-solid:rgb(128,153,176);--g-color-private-cool-grey-700-solid:rgb(144,166,186);--g-color-private-cool-grey-750-solid:rgb(160,179,196);--g-color-private-cool-grey-800-solid:rgb(176,192,206);--g-color-private-cool-grey-850-solid:rgb(191,204,215);--g-color-private-cool-grey-900-solid:rgb(207,217,225);--g-color-private-cool-grey-950-solid:rgb(223,230,235);--g-color-private-cool-grey-1000-solid:rgb(231,236,240);--g-color-text-primary:var(--g-color-text-light-primary);--g-color-text-complementary:var(--g-color-text-light-complementary);--g-color-text-secondary:var(--g-color-text-light-secondary);--g-color-text-hint:var(--g-color-text-light-hint);--g-color-text-info:var(--g-color-private-blue-550-solid);--g-color-text-positive:var(--g-color-private-green-550-solid);--g-color-text-warning:var(--g-color-private-yellow-550-solid);--g-color-text-danger:var(--g-color-private-red-550-solid);--g-color-text-utility:var(--g-color-private-purple-600-solid);--g-color-text-misc:var(--g-color-private-cool-grey-600-solid);--g-color-text-info-heavy:var(--g-color-private-blue-600-solid);--g-color-text-positive-heavy:var(--g-color-private-green-600-solid);--g-color-text-warning-heavy:var(--g-color-private-yellow-600-solid);--g-color-text-danger-heavy:var(--g-color-private-red-600-solid);--g-color-text-utility-heavy:var(--g-color-private-purple-650-solid);--g-color-text-misc-heavy:var(--g-color-private-cool-grey-650-solid);--g-color-text-brand:var(--g-color-private-yellow-600-solid);--g-color-text-brand-heavy:var(--g-color-private-yellow-700-solid);--g-color-text-brand-contrast:var(--g-color-text-dark-primary);--g-color-text-link:var(--g-color-private-yellow-550-solid);--g-color-text-link-hover:var(--g-color-private-orange-550-solid);--g-color-text-link-visited:var(--g-color-private-purple-600-solid);--g-color-text-link-visited-hover:var(--g-color-private-purple-750-solid);--g-color-text-dark-primary:var(--g-color-private-black-900);--g-color-text-dark-complementary:var(--g-color-private-black-700);--g-color-text-dark-secondary:var(--g-color-private-black-500);--g-color-text-dark-hint:var(--g-color-private-black-300);--g-color-text-light-primary:var(--g-color-private-white-850);--g-color-text-light-complementary:var(--g-color-private-white-700);--g-color-text-light-secondary:var(--g-color-private-white-500);--g-color-text-light-hint:var(--g-color-private-white-300);--g-color-text-inverted-primary:var(--g-color-text-dark-primary);--g-color-text-inverted-complementary:var(--g-color-text-dark-complementary);--g-color-text-inverted-secondary:var(--g-color-text-dark-secondary);--g-color-text-inverted-hint:var(--g-color-text-dark-hint);--g-color-base-background:rgb(34,29,34);--g-color-base-generic:var(--g-color-private-white-100);--g-color-base-generic-hover:var(--g-color-private-white-150);--g-color-base-generic-medium:var(--g-color-private-white-250);--g-color-base-generic-medium-hover:var(--g-color-private-white-300);--g-color-base-generic-accent:var(--g-color-private-white-150);--g-color-base-generic-accent-disabled:var(--g-color-private-white-70);--g-color-base-generic-ultralight:var(--g-color-private-white-20-solid);--g-color-base-simple-hover:var(--g-color-private-white-100);--g-color-base-simple-hover-solid:var(--g-color-private-white-100-solid);--g-color-base-brand:var(--g-color-private-yellow-550-solid);--g-color-base-brand-hover:var(--g-color-private-yellow-650-solid);--g-color-base-selection:var(--g-color-private-yellow-150);--g-color-base-selection-hover:var(--g-color-private-yellow-200);--g-color-base-info-light:var(--g-color-private-blue-150);--g-color-base-info-light-hover:var(--g-color-private-blue-200);--g-color-base-info-medium:var(--g-color-private-blue-300);--g-color-base-info-medium-hover:var(--g-color-private-blue-400);--g-color-base-info-heavy:var(--g-color-private-blue-600-solid);--g-color-base-info-heavy-hover:var(--g-color-private-blue-700-solid);--g-color-base-positive-light:var(--g-color-private-green-150);--g-color-base-positive-light-hover:var(--g-color-private-green-200);--g-color-base-positive-medium:var(--g-color-private-green-300);--g-color-base-positive-medium-hover:var(--g-color-private-green-400);--g-color-base-positive-heavy:var(--g-color-private-green-600-solid);--g-color-base-positive-heavy-hover:var(--g-color-private-green-700-solid);--g-color-base-warning-light:var(--g-color-private-yellow-150);--g-color-base-warning-light-hover:var(--g-color-private-yellow-200);--g-color-base-warning-medium:var(--g-color-private-yellow-300);--g-color-base-warning-medium-hover:var(--g-color-private-yellow-400);--g-color-base-warning-heavy:var(--g-color-private-yellow-600-solid);--g-color-base-warning-heavy-hover:var(--g-color-private-yellow-700-solid);--g-color-base-danger-light:var(--g-color-private-red-150);--g-color-base-danger-light-hover:var(--g-color-private-red-200);--g-color-base-danger-medium:var(--g-color-private-red-300);--g-color-base-danger-medium-hover:var(--g-color-private-red-400);--g-color-base-danger-heavy:var(--g-color-private-red-600-solid);--g-color-base-danger-heavy-hover:var(--g-color-private-red-700-solid);--g-color-base-utility-light:var(--g-color-private-purple-150);--g-color-base-utility-light-hover:var(--g-color-private-purple-250);--g-color-base-utility-medium:var(--g-color-private-purple-300);--g-color-base-utility-medium-hover:var(--g-color-private-purple-400);--g-color-base-utility-heavy:var(--g-color-private-purple-600-solid);--g-color-base-utility-heavy-hover:var(--g-color-private-purple-700-solid);--g-color-base-neutral-light:var(--g-color-private-white-100);--g-color-base-neutral-light-hover:var(--g-color-private-white-150);--g-color-base-neutral-medium:var(--g-color-private-white-250);--g-color-base-neutral-medium-hover:var(--g-color-private-white-350);--g-color-base-neutral-heavy:var(--g-color-private-white-550);--g-color-base-neutral-heavy-hover:var(--g-color-private-white-650);--g-color-base-misc-light:var(--g-color-private-cool-grey-150);--g-color-base-misc-light-hover:var(--g-color-private-cool-grey-200);--g-color-base-misc-medium:var(--g-color-private-cool-grey-300);--g-color-base-misc-medium-hover:var(--g-color-private-cool-grey-400);--g-color-base-misc-heavy:var(--g-color-private-cool-grey-600-solid);--g-color-base-misc-heavy-hover:var(--g-color-private-cool-grey-700-solid);--g-color-base-light:var(--g-color-private-white-850);--g-color-base-light-hover:var(--g-color-private-white-700);--g-color-base-light-simple-hover:var(--g-color-private-white-150);--g-color-base-light-disabled:var(--g-color-private-white-150);--g-color-base-light-accent-disabled:var(--g-color-private-white-300);--g-color-base-float:var(--g-color-private-white-100-solid);--g-color-base-float-hover:var(--g-color-private-white-150-solid);--g-color-base-float-medium:var(--g-color-private-white-150-solid);--g-color-base-float-heavy:var(--g-color-private-white-250-solid);--g-color-base-float-accent:var(--g-color-private-white-150-solid);--g-color-base-float-accent-hover:var(--g-color-private-white-200-solid);--g-color-base-float-announcement:var(--g-color-private-white-150-solid);--g-color-base-modal:var(--g-color-base-background);--g-color-line-generic:var(--g-color-private-white-150);--g-color-line-generic-hover:var(--g-color-private-white-250);--g-color-line-generic-active:var(--g-color-private-white-300);--g-color-line-generic-accent:var(--g-color-private-white-150);--g-color-line-generic-accent-hover:var(--g-color-private-white-300);--g-color-line-generic-solid:var(--g-color-private-white-150-solid);--g-color-line-brand:var(--g-color-private-yellow-600-solid);--g-color-line-focus:var(--g-color-private-cool-grey-450);--g-color-line-light:var(--g-color-private-white-500);--g-color-line-info:var(--g-color-private-blue-450);--g-color-line-positive:var(--g-color-private-green-450);--g-color-line-warning:var(--g-color-private-yellow-450);--g-color-line-danger:var(--g-color-private-red-450);--g-color-line-utility:var(--g-color-private-purple-450);--g-color-line-misc:var(--g-color-private-cool-grey-450);--g-color-sfx-veil:var(--g-color-private-black-600);--g-color-sfx-shadow:var(--g-color-private-black-200);--g-color-sfx-shadow-heavy:var(--g-color-private-black-500);--g-color-sfx-shadow-light:var(--g-color-private-black-200);--g-color-sfx-fade:var(--g-color-private-white-250);--g-color-scroll-track:var(--g-color-base-background);--g-color-scroll-handle:var(--g-color-private-white-150);--g-color-scroll-handle-hover:var(--g-color-private-white-250);--g-color-scroll-corner:var(--g-color-private-white-150);--g-color-infographics-axis:var(--g-color-private-white-150-solid);--g-color-infographics-tooltip-bg:var(--g-color-private-white-opaque-150)}.g-root_theme_light-hc{--g-color-private-white-50:rgba(255,255,255,0.05);--g-color-private-white-70:rgba(255,255,255,0.07);--g-color-private-white-100:rgba(255,255,255,0.1);--g-color-private-white-150:rgba(255,255,255,0.15);--g-color-private-white-200:rgba(255,255,255,0.2);--g-color-private-white-250:rgba(255,255,255,0.25);--g-color-private-white-300:rgba(255,255,255,0.3);--g-color-private-white-350:rgba(255,255,255,0.35);--g-color-private-white-400:rgba(255,255,255,0.4);--g-color-private-white-450:rgba(255,255,255,0.45);--g-color-private-white-500:rgba(255,255,255,0.5);--g-color-private-white-550:rgba(255,255,255,0.55);--g-color-private-white-600:rgba(255,255,255,0.6);--g-color-private-white-650:rgba(255,255,255,0.65);--g-color-private-white-700:rgba(255,255,255,0.7);--g-color-private-white-750:rgba(255,255,255,0.75);--g-color-private-white-800:rgba(255,255,255,0.8);--g-color-private-white-850:rgba(255,255,255,0.85);--g-color-private-white-900:rgba(255,255,255,0.9);--g-color-private-white-950:rgba(255,255,255,0.95);--g-color-private-white-1000-solid:rgb(255,255,255);--g-color-private-black-50:rgba(0,0,0,0.05);--g-color-private-black-100:rgba(0,0,0,0.1);--g-color-private-black-150:rgba(0,0,0,0.15);--g-color-private-black-200:rgba(0,0,0,0.2);--g-color-private-black-250:rgba(0,0,0,0.25);--g-color-private-black-300:rgba(0,0,0,0.3);--g-color-private-black-350:rgba(0,0,0,0.35);--g-color-private-black-400:rgba(0,0,0,0.4);--g-color-private-black-450:rgba(0,0,0,0.45);--g-color-private-black-500:rgba(0,0,0,0.5);--g-color-private-black-550:rgba(0,0,0,0.55);--g-color-private-black-600:rgba(0,0,0,0.6);--g-color-private-black-650:rgba(0,0,0,0.65);--g-color-private-black-700:rgba(0,0,0,0.7);--g-color-private-black-750:rgba(0,0,0,0.75);--g-color-private-black-800:rgba(0,0,0,0.8);--g-color-private-black-850:rgba(0,0,0,0.85);--g-color-private-black-900:rgba(0,0,0,0.9);--g-color-private-black-950:rgba(0,0,0,0.95);--g-color-private-black-50-solid:rgb(242,242,242);--g-color-private-black-100-solid:rgb(229,229,229);--g-color-private-black-150-solid:rgb(217,217,217);--g-color-private-black-200-solid:rgb(204,204,204);--g-color-private-black-250-solid:rgb(191,191,191);--g-color-private-black-300-solid:rgb(179,179,179);--g-color-private-black-350-solid:rgb(166,166,166);--g-color-private-black-400-solid:rgb(153,153,153);--g-color-private-black-450-solid:rgb(140,140,140);--g-color-private-black-500-solid:rgb(128,128,128);--g-color-private-black-550-solid:rgb(115,115,115);--g-color-private-black-600-solid:rgb(102,102,102);--g-color-private-black-650-solid:rgb(89,89,89);--g-color-private-black-700-solid:rgb(76,76,76);--g-color-private-black-750-solid:rgb(64,64,64);--g-color-private-black-800-solid:rgb(51,51,51);--g-color-private-black-850-solid:rgb(38,38,38);--g-color-private-black-900-solid:rgb(26,26,26);--g-color-private-black-950-solid:rgb(13,13,13);--g-color-private-black-1000-solid:rgb(0,0,0);--g-color-private-blue-50:rgba(54,151,241,0.1);--g-color-private-blue-100:rgba(54,151,241,0.15);--g-color-private-blue-150:rgba(54,151,241,0.2);--g-color-private-blue-200:rgba(54,151,241,0.3);--g-color-private-blue-250:rgba(54,151,241,0.4);--g-color-private-blue-300:rgba(54,151,241,0.5);--g-color-private-blue-350:rgba(54,151,241,0.6);--g-color-private-blue-400:rgba(54,151,241,0.7);--g-color-private-blue-450:rgba(54,151,241,0.8);--g-color-private-blue-500:rgba(54,151,241,0.9);--g-color-private-blue-50-solid:rgb(235,245,254);--g-color-private-blue-100-solid:rgb(225,239,253);--g-color-private-blue-150-solid:rgb(215,234,252);--g-color-private-blue-200-solid:rgb(195,224,251);--g-color-private-blue-250-solid:rgb(175,213,249);--g-color-private-blue-300-solid:rgb(155,203,248);--g-color-private-blue-350-solid:rgb(134,193,247);--g-color-private-blue-400-solid:rgb(114,182,245);--g-color-private-blue-450-solid:rgb(94,172,244);--g-color-private-blue-500-solid:rgb(74,161,242);--g-color-private-blue-550-solid:rgb(54,151,241);--g-color-private-blue-600-solid:rgb(50,138,219);--g-color-private-blue-650-solid:rgb(47,124,196);--g-color-private-blue-700-solid:rgb(43,111,174);--g-color-private-blue-750-solid:rgb(40,97,152);--g-color-private-blue-800-solid:rgb(36,84,130);--g-color-private-blue-850-solid:rgb(32,71,107);--g-color-private-blue-900-solid:rgb(29,57,85);--g-color-private-blue-950-solid:rgb(25,44,63);--g-color-private-blue-1000-solid:rgb(23,37,51);--g-color-private-green-50:rgba(50,186,118,0.1);--g-color-private-green-100:rgba(50,186,118,0.15);--g-color-private-green-150:rgba(50,186,118,0.2);--g-color-private-green-200:rgba(50,186,118,0.3);--g-color-private-green-250:rgba(50,186,118,0.4);--g-color-private-green-300:rgba(50,186,118,0.5);--g-color-private-green-350:rgba(50,186,118,0.6);--g-color-private-green-400:rgba(50,186,118,0.7);--g-color-private-green-450:rgba(50,186,118,0.8);--g-color-private-green-500:rgba(50,186,118,0.9);--g-color-private-green-50-solid:rgb(235,248,241);--g-color-private-green-100-solid:rgb(224,245,234);--g-color-private-green-150-solid:rgb(214,241,228);--g-color-private-green-200-solid:rgb(194,234,214);--g-color-private-green-250-solid:rgb(173,227,200);--g-color-private-green-300-solid:rgb(153,221,187);--g-color-private-green-350-solid:rgb(132,214,173);--g-color-private-green-400-solid:rgb(112,207,159);--g-color-private-green-450-solid:rgb(91,200,145);--g-color-private-green-500-solid:rgb(71,193,132);--g-color-private-green-550-solid:rgb(50,186,118);--g-color-private-green-600-solid:rgb(47,169,108);--g-color-private-green-650-solid:rgb(44,152,98);--g-color-private-green-700-solid:rgb(40,135,88);--g-color-private-green-750-solid:rgb(37,118,78);--g-color-private-green-800-solid:rgb(34,102,68);--g-color-private-green-850-solid:rgb(31,85,58);--g-color-private-green-900-solid:rgb(28,68,48);--g-color-private-green-950-solid:rgb(24,51,38);--g-color-private-green-1000-solid:rgb(23,42,33);--g-color-private-yellow-50:rgba(255,190,92,0.1);--g-color-private-yellow-100:rgba(255,190,92,0.15);--g-color-private-yellow-150:rgba(255,190,92,0.2);--g-color-private-yellow-200:rgba(255,190,92,0.3);--g-color-private-yellow-250:rgba(255,190,92,0.4);--g-color-private-yellow-300:rgba(255,190,92,0.5);--g-color-private-yellow-350:rgba(255,190,92,0.6);--g-color-private-yellow-400:rgba(255,190,92,0.7);--g-color-private-yellow-450:rgba(255,190,92,0.8);--g-color-private-yellow-500:rgba(255,190,92,0.9);--g-color-private-yellow-50-solid:rgb(255,249,239);--g-color-private-yellow-100-solid:rgb(255,245,231);--g-color-private-yellow-150-solid:rgb(255,242,222);--g-color-private-yellow-200-solid:rgb(255,236,206);--g-color-private-yellow-250-solid:rgb(255,229,190);--g-color-private-yellow-300-solid:rgb(255,223,174);--g-color-private-yellow-350-solid:rgb(255,216,157);--g-color-private-yellow-400-solid:rgb(255,210,141);--g-color-private-yellow-450-solid:rgb(255,203,125);--g-color-private-yellow-500-solid:rgb(255,197,108);--g-color-private-yellow-550-solid:rgb(255,190,92);--g-color-private-yellow-600-solid:rgb(231,173,85);--g-color-private-yellow-650-solid:rgb(208,155,77);--g-color-private-yellow-700-solid:rgb(184,138,70);--g-color-private-yellow-750-solid:rgb(160,121,62);--g-color-private-yellow-800-solid:rgb(137,104,55);--g-color-private-yellow-850-solid:rgb(113,86,48);--g-color-private-yellow-900-solid:rgb(89,69,40);--g-color-private-yellow-950-solid:rgb(65,52,33);--g-color-private-yellow-1000-solid:rgb(54,43,29);--g-color-private-orange-50:rgba(255,119,0,0.1);--g-color-private-orange-100:rgba(255,119,0,0.15);--g-color-private-orange-150:rgba(255,119,0,0.2);--g-color-private-orange-200:rgba(255,119,0,0.3);--g-color-private-orange-250:rgba(255,119,0,0.4);--g-color-private-orange-300:rgba(255,119,0,0.5);--g-color-private-orange-350:rgba(255,119,0,0.6);--g-color-private-orange-400:rgba(255,119,0,0.7);--g-color-private-orange-450:rgba(255,119,0,0.8);--g-color-private-orange-500:rgba(255,119,0,0.9);--g-color-private-orange-50-solid:rgb(255,241,230);--g-color-private-orange-100-solid:rgb(255,235,217);--g-color-private-orange-150-solid:rgb(255,228,204);--g-color-private-orange-200-solid:rgb(255,214,179);--g-color-private-orange-250-solid:rgb(255,201,153);--g-color-private-orange-300-solid:rgb(255,187,128);--g-color-private-orange-350-solid:rgb(255,173,102);--g-color-private-orange-400-solid:rgb(255,160,77);--g-color-private-orange-450-solid:rgb(255,146,51);--g-color-private-orange-500-solid:rgb(255,133,25);--g-color-private-orange-550-solid:rgb(255,119,0);--g-color-private-orange-600-solid:rgb(231,109,2);--g-color-private-orange-650-solid:rgb(208,99,4);--g-color-private-orange-700-solid:rgb(184,88,5);--g-color-private-orange-750-solid:rgb(160,78,7);--g-color-private-orange-800-solid:rgb(137,68,9);--g-color-private-orange-850-solid:rgb(113,58,11);--g-color-private-orange-900-solid:rgb(89,48,13);--g-color-private-orange-950-solid:rgb(65,37,14);--g-color-private-orange-1000-solid:rgb(54,32,15);--g-color-private-red-50:rgba(255,0,61,0.1);--g-color-private-red-100:rgba(255,0,61,0.15);--g-color-private-red-150:rgba(255,0,61,0.2);--g-color-private-red-200:rgba(255,0,61,0.3);--g-color-private-red-250:rgba(255,0,61,0.4);--g-color-private-red-300:rgba(255,0,61,0.5);--g-color-private-red-350:rgba(255,0,61,0.6);--g-color-private-red-400:rgba(255,0,61,0.7);--g-color-private-red-450:rgba(255,0,61,0.8);--g-color-private-red-500:rgba(255,0,61,0.9);--g-color-private-red-50-solid:rgb(255,230,236);--g-color-private-red-100-solid:rgb(255,217,226);--g-color-private-red-150-solid:rgb(255,204,216);--g-color-private-red-200-solid:rgb(255,179,197);--g-color-private-red-250-solid:rgb(255,153,177);--g-color-private-red-300-solid:rgb(255,128,158);--g-color-private-red-350-solid:rgb(255,102,139);--g-color-private-red-400-solid:rgb(255,77,119);--g-color-private-red-450-solid:rgb(255,51,100);--g-color-private-red-500-solid:rgb(255,25,80);--g-color-private-red-550-solid:rgb(255,0,61);--g-color-private-red-600-solid:rgb(231,2,57);--g-color-private-red-650-solid:rgb(208,3,52);--g-color-private-red-700-solid:rgb(184,5,48);--g-color-private-red-750-solid:rgb(160,7,44);--g-color-private-red-800-solid:rgb(137,9,40);--g-color-private-red-850-solid:rgb(113,10,35);--g-color-private-red-900-solid:rgb(89,12,31);--g-color-private-red-950-solid:rgb(65,14,27);--g-color-private-red-1000-solid:rgb(54,14,24);--g-color-private-purple-50:rgba(143,82,204,0.1);--g-color-private-purple-100:rgba(143,82,204,0.15);--g-color-private-purple-150:rgba(143,82,204,0.2);--g-color-private-purple-200:rgba(143,82,204,0.3);--g-color-private-purple-250:rgba(143,82,204,0.4);--g-color-private-purple-300:rgba(143,82,204,0.5);--g-color-private-purple-350:rgba(143,82,204,0.6);--g-color-private-purple-400:rgba(143,82,204,0.7);--g-color-private-purple-450:rgba(143,82,204,0.8);--g-color-private-purple-500:rgba(143,82,204,0.9);--g-color-private-purple-50-solid:rgb(244,238,250);--g-color-private-purple-100-solid:rgb(238,229,247);--g-color-private-purple-150-solid:rgb(233,220,245);--g-color-private-purple-200-solid:rgb(221,203,240);--g-color-private-purple-250-solid:rgb(210,186,235);--g-color-private-purple-300-solid:rgb(199,169,230);--g-color-private-purple-350-solid:rgb(188,151,224);--g-color-private-purple-400-solid:rgb(177,134,219);--g-color-private-purple-450-solid:rgb(165,117,214);--g-color-private-purple-500-solid:rgb(154,99,209);--g-color-private-purple-550-solid:rgb(143,82,204);--g-color-private-purple-600-solid:rgb(131,76,185);--g-color-private-purple-650-solid:rgb(118,69,167);--g-color-private-purple-700-solid:rgb(106,63,148);--g-color-private-purple-750-solid:rgb(93,56,130);--g-color-private-purple-800-solid:rgb(81,50,111);--g-color-private-purple-850-solid:rgb(68,43,92);--g-color-private-purple-900-solid:rgb(56,37,74);--g-color-private-purple-950-solid:rgb(43,30,55);--g-color-private-purple-1000-solid:rgb(37,27,46);--g-color-private-cool-grey-50:rgba(107,132,153,0.1);--g-color-private-cool-grey-100:rgba(107,132,153,0.15);--g-color-private-cool-grey-150:rgba(107,132,153,0.2);--g-color-private-cool-grey-200:rgba(107,132,153,0.3);--g-color-private-cool-grey-250:rgba(107,132,153,0.4);--g-color-private-cool-grey-300:rgba(107,132,153,0.5);--g-color-private-cool-grey-350:rgba(107,132,153,0.6);--g-color-private-cool-grey-400:rgba(107,132,153,0.7);--g-color-private-cool-grey-450:rgba(107,132,153,0.8);--g-color-private-cool-grey-500:rgba(107,132,153,0.9);--g-color-private-cool-grey-50-solid:rgb(240,243,245);--g-color-private-cool-grey-100-solid:rgb(233,237,240);--g-color-private-cool-grey-150-solid:rgb(225,230,235);--g-color-private-cool-grey-200-solid:rgb(211,218,224);--g-color-private-cool-grey-250-solid:rgb(196,206,214);--g-color-private-cool-grey-300-solid:rgb(181,194,204);--g-color-private-cool-grey-350-solid:rgb(166,181,194);--g-color-private-cool-grey-400-solid:rgb(151,169,184);--g-color-private-cool-grey-450-solid:rgb(137,157,173);--g-color-private-cool-grey-500-solid:rgb(122,144,163);--g-color-private-cool-grey-550-solid:rgb(107,132,153);--g-color-private-cool-grey-600-solid:rgb(98,121,140);--g-color-private-cool-grey-650-solid:rgb(89,109,126);--g-color-private-cool-grey-700-solid:rgb(80,98,113);--g-color-private-cool-grey-750-solid:rgb(71,86,99);--g-color-private-cool-grey-800-solid:rgb(63,75,86);--g-color-private-cool-grey-850-solid:rgb(54,63,72);--g-color-private-cool-grey-900-solid:rgb(45,52,59);--g-color-private-cool-grey-950-solid:rgb(36,40,45);--g-color-private-cool-grey-1000-solid:rgb(31,34,38);--g-color-text-primary:var(--g-color-text-dark-primary);--g-color-text-complementary:var(--g-color-text-dark-complementary);--g-color-text-secondary:var(--g-color-text-dark-secondary);--g-color-text-hint:var(--g-color-text-dark-hint);--g-color-text-info:var(--g-color-private-blue-650-solid);--g-color-text-positive:var(--g-color-private-green-650-solid);--g-color-text-warning:var(--g-color-private-yellow-700-solid);--g-color-text-danger:var(--g-color-private-red-650-solid);--g-color-text-utility:var(--g-color-private-purple-650-solid);--g-color-text-misc:var(--g-color-private-cool-grey-650-solid);--g-color-text-info-heavy:var(--g-color-private-blue-900-solid);--g-color-text-positive-heavy:var(--g-color-private-green-900-solid);--g-color-text-warning-heavy:var(--g-color-private-orange-900-solid);--g-color-text-danger-heavy:var(--g-color-private-red-900-solid);--g-color-text-utility-heavy:var(--g-color-private-purple-900-solid);--g-color-text-misc-heavy:var(--g-color-private-cool-grey-900-solid);--g-color-text-brand:var(--g-color-private-yellow-700-solid);--g-color-text-brand-heavy:var(--g-color-private-orange-900-solid);--g-color-text-brand-contrast:var(--g-color-text-dark-primary);--g-color-text-link:var(--g-color-private-yellow-700-solid);--g-color-text-link-hover:var(--g-color-private-orange-700-solid);--g-color-text-link-visited:var(--g-color-private-purple-600-solid);--g-color-text-link-visited-hover:var(--g-color-private-purple-850-solid);--g-color-text-dark-primary:var(--g-color-private-black-1000-solid);--g-color-text-dark-complementary:var(--g-color-private-black-850);--g-color-text-dark-secondary:var(--g-color-private-black-700);--g-color-text-dark-hint:var(--g-color-private-black-500);--g-color-text-light-primary:var(--g-color-private-white-1000-solid);--g-color-text-light-complementary:var(--g-color-private-white-850);--g-color-text-light-secondary:var(--g-color-private-white-700);--g-color-text-light-hint:var(--g-color-private-white-500);--g-color-text-inverted-primary:var(--g-color-text-light-primary);--g-color-text-inverted-complementary:var(--g-color-text-light-complementary);--g-color-text-inverted-secondary:var(--g-color-text-light-secondary);--g-color-text-inverted-hint:var(--g-color-text-light-hint);--g-color-base-background:var(--g-color-private-white-1000-solid);--g-color-base-generic:var(--g-color-private-black-150);--g-color-base-generic-hover:var(--g-color-private-black-300);--g-color-base-generic-medium:var(--g-color-private-black-250);--g-color-base-generic-medium-hover:var(--g-color-private-black-350);--g-color-base-generic-accent:var(--g-color-private-black-250);--g-color-base-generic-accent-disabled:var(--g-color-private-black-150);--g-color-base-generic-ultralight:var(--g-color-private-black-50-solid);--g-color-base-simple-hover:var(--g-color-private-black-150);--g-color-base-simple-hover-solid:var(--g-color-private-black-150-solid);--g-color-base-brand:var(--g-color-private-yellow-550-solid);--g-color-base-brand-hover:var(--g-color-private-yellow-650-solid);--g-color-base-selection:var(--g-color-private-yellow-300);--g-color-base-selection-hover:var(--g-color-private-yellow-400);--g-color-base-info-light:var(--g-color-private-blue-250);--g-color-base-info-light-hover:var(--g-color-private-blue-350);--g-color-base-info-medium:var(--g-color-private-blue-400);--g-color-base-info-medium-hover:var(--g-color-private-blue-500);--g-color-base-info-heavy:var(--g-color-private-blue-700-solid);--g-color-base-info-heavy-hover:var(--g-color-private-blue-850-solid);--g-color-base-positive-light:var(--g-color-private-green-250);--g-color-base-positive-light-hover:var(--g-color-private-green-350);--g-color-base-positive-medium:var(--g-color-private-green-400);--g-color-base-positive-medium-hover:var(--g-color-private-green-500);--g-color-base-positive-heavy:var(--g-color-private-green-700-solid);--g-color-base-positive-heavy-hover:var(--g-color-private-green-800-solid);--g-color-base-warning-light:var(--g-color-private-yellow-300);--g-color-base-warning-light-hover:var(--g-color-private-yellow-400);--g-color-base-warning-medium:var(--g-color-private-yellow-400);--g-color-base-warning-medium-hover:var(--g-color-private-yellow-550-solid);--g-color-base-warning-heavy:var(--g-color-private-yellow-600-solid);--g-color-base-warning-heavy-hover:var(--g-color-private-yellow-700-solid);--g-color-base-danger-light:var(--g-color-private-red-250);--g-color-base-danger-light-hover:var(--g-color-private-red-350);--g-color-base-danger-medium:var(--g-color-private-red-400);--g-color-base-danger-medium-hover:var(--g-color-private-red-500);--g-color-base-danger-heavy:var(--g-color-private-red-700-solid);--g-color-base-danger-heavy-hover:var(--g-color-private-red-800-solid);--g-color-base-utility-light:var(--g-color-private-purple-250);--g-color-base-utility-light-hover:var(--g-color-private-purple-350);--g-color-base-utility-medium:var(--g-color-private-purple-400);--g-color-base-utility-medium-hover:var(--g-color-private-purple-500);--g-color-base-utility-heavy:var(--g-color-private-purple-700-solid);--g-color-base-utility-heavy-hover:var(--g-color-private-purple-800-solid);--g-color-base-neutral-light:var(--g-color-private-black-150);--g-color-base-neutral-light-hover:var(--g-color-private-black-250);--g-color-base-neutral-medium:var(--g-color-private-black-300);--g-color-base-neutral-medium-hover:var(--g-color-private-black-400);--g-color-base-neutral-heavy:var(--g-color-private-black-550);--g-color-base-neutral-heavy-hover:var(--g-color-private-black-650);--g-color-base-misc-light:var(--g-color-private-cool-grey-250);--g-color-base-misc-light-hover:var(--g-color-private-cool-grey-350);--g-color-base-misc-medium:var(--g-color-private-cool-grey-400);--g-color-base-misc-medium-hover:var(--g-color-private-cool-grey-500);--g-color-base-misc-heavy:var(--g-color-private-cool-grey-700-solid);--g-color-base-misc-heavy-hover:var(--g-color-private-cool-grey-800-solid);--g-color-base-light:var(--g-color-private-white-1000-solid);--g-color-base-light-hover:var(--g-color-private-white-850);--g-color-base-light-simple-hover:var(--g-color-private-white-300);--g-color-base-light-disabled:var(--g-color-private-white-150);--g-color-base-light-accent-disabled:var(--g-color-private-white-300);--g-color-base-float:var(--g-color-private-white-1000-solid);--g-color-base-float-hover:var(--g-color-private-black-150-solid);--g-color-base-float-medium:var(--g-color-private-black-550-solid);--g-color-base-float-heavy:var(--g-color-private-black-700-solid);--g-color-base-float-accent:var(--g-color-private-white-1000-solid);--g-color-base-float-accent-hover:var(--g-color-private-white-850);--g-color-base-float-announcement:var(--g-color-private-cool-grey-150-solid);--g-color-base-modal:var(--g-color-base-background);--g-color-line-generic:var(--g-color-private-black-200);--g-color-line-generic-hover:var(--g-color-private-black-400);--g-color-line-generic-active:var(--g-color-private-black-700);--g-color-line-generic-accent:var(--g-color-private-black-300);--g-color-line-generic-accent-hover:var(--g-color-private-black-700);--g-color-line-generic-solid:var(--g-color-private-black-200-solid);--g-color-line-brand:var(--g-color-private-yellow-600-solid);--g-color-line-focus:var(--g-color-private-cool-grey-450);--g-color-line-light:var(--g-color-private-white-500);--g-color-line-info:var(--g-color-private-blue-450);--g-color-line-positive:var(--g-color-private-green-450);--g-color-line-warning:var(--g-color-private-yellow-600-solid);--g-color-line-danger:var(--g-color-private-red-450);--g-color-line-utility:var(--g-color-private-purple-450);--g-color-line-misc:var(--g-color-private-cool-grey-450);--g-color-sfx-veil:var(--g-color-private-black-450);--g-color-sfx-shadow:var(--g-color-private-black-300);--g-color-sfx-shadow-heavy:var(--g-color-private-black-600);--g-color-sfx-shadow-light:var(--g-color-private-black-100);--g-color-sfx-fade:var(--g-color-private-white-300);--g-color-scroll-track:var(--g-color-base-background);--g-color-scroll-handle:var(--g-color-private-black-100);--g-color-scroll-handle-hover:var(--g-color-private-black-150);--g-color-scroll-corner:var(--g-color-private-black-100);--g-color-infographics-axis:var(--g-color-private-black-150-solid);--g-color-infographics-tooltip-bg:var(--g-color-private-white-950)}.g-root_theme_dark-hc{--g-color-private-white-50:rgba(255,255,255,0.05);--g-color-private-white-70:rgba(255,255,255,0.07);--g-color-private-white-100:rgba(255,255,255,0.1);--g-color-private-white-150:rgba(255,255,255,0.15);--g-color-private-white-200:rgba(255,255,255,0.2);--g-color-private-white-250:rgba(255,255,255,0.25);--g-color-private-white-300:rgba(255,255,255,0.3);--g-color-private-white-350:rgba(255,255,255,0.35);--g-color-private-white-400:rgba(255,255,255,0.4);--g-color-private-white-450:rgba(255,255,255,0.45);--g-color-private-white-500:rgba(255,255,255,0.5);--g-color-private-white-550:rgba(255,255,255,0.55);--g-color-private-white-600:rgba(255,255,255,0.6);--g-color-private-white-650:rgba(255,255,255,0.65);--g-color-private-white-700:rgba(255,255,255,0.7);--g-color-private-white-750:rgba(255,255,255,0.75);--g-color-private-white-800:rgba(255,255,255,0.8);--g-color-private-white-850:rgba(255,255,255,0.85);--g-color-private-white-900:rgba(255,255,255,0.9);--g-color-private-white-950:rgba(255,255,255,0.95);--g-color-private-white-50-solid:rgb(30,29,30);--g-color-private-white-70-solid:rgb(35,34,35);--g-color-private-white-100-solid:rgb(42,41,42);--g-color-private-white-150-solid:rgb(54,53,54);--g-color-private-white-200-solid:rgb(65,65,65);--g-color-private-white-250-solid:rgb(77,77,77);--g-color-private-white-300-solid:rgb(89,88,89);--g-color-private-white-350-solid:rgb(101,100,101);--g-color-private-white-400-solid:rgb(113,112,113);--g-color-private-white-450-solid:rgb(125,124,125);--g-color-private-white-500-solid:rgb(136,136,136);--g-color-private-white-550-solid:rgb(148,148,148);--g-color-private-white-600-solid:rgb(160,160,160);--g-color-private-white-650-solid:rgb(172,172,172);--g-color-private-white-700-solid:rgb(184,184,184);--g-color-private-white-750-solid:rgb(196,195,196);--g-color-private-white-800-solid:rgb(208,207,208);--g-color-private-white-850-solid:rgb(208,207,208);--g-color-private-white-900-solid:rgb(231,231,231);--g-color-private-white-950-solid:rgb(243,243,243);--g-color-private-white-1000-solid:rgb(255,255,255);--g-color-private-white-opaque-150:rgba(56,57,60,0.97);--g-color-private-black-20:rgba(0,0,0,0.02);--g-color-private-black-50:rgba(0,0,0,0.05);--g-color-private-black-100:rgba(0,0,0,0.1);--g-color-private-black-150:rgba(0,0,0,0.15);--g-color-private-black-200:rgba(0,0,0,0.2);--g-color-private-black-250:rgba(0,0,0,0.25);--g-color-private-black-300:rgba(0,0,0,0.3);--g-color-private-black-350:rgba(0,0,0,0.35);--g-color-private-black-400:rgba(0,0,0,0.4);--g-color-private-black-450:rgba(0,0,0,0.45);--g-color-private-black-500:rgba(0,0,0,0.5);--g-color-private-black-550:rgba(0,0,0,0.55);--g-color-private-black-600:rgba(0,0,0,0.6);--g-color-private-black-650:rgba(0,0,0,0.65);--g-color-private-black-700:rgba(0,0,0,0.7);--g-color-private-black-750:rgba(0,0,0,0.75);--g-color-private-black-800:rgba(0,0,0,0.8);--g-color-private-black-850:rgba(0,0,0,0.85);--g-color-private-black-900:rgba(0,0,0,0.9);--g-color-private-black-950:rgba(0,0,0,0.95);--g-color-private-black-1000-solid:rgb(0,0,0);--g-color-private-blue-50:rgba(54,151,241,0.1);--g-color-private-blue-100:rgba(54,151,241,0.15);--g-color-private-blue-150:rgba(54,151,241,0.2);--g-color-private-blue-200:rgba(54,151,241,0.3);--g-color-private-blue-250:rgba(54,151,241,0.4);--g-color-private-blue-300:rgba(54,151,241,0.5);--g-color-private-blue-350:rgba(54,151,241,0.6);--g-color-private-blue-400:rgba(54,151,241,0.7);--g-color-private-blue-450:rgba(54,151,241,0.8);--g-color-private-blue-500:rgba(54,151,241,0.9);--g-color-private-blue-50-solid:rgb(22,30,40);--g-color-private-blue-100-solid:rgb(23,37,51);--g-color-private-blue-150-solid:rgb(25,44,63);--g-color-private-blue-200-solid:rgb(29,57,85);--g-color-private-blue-250-solid:rgb(32,71,107);--g-color-private-blue-300-solid:rgb(36,84,130);--g-color-private-blue-350-solid:rgb(40,97,152);--g-color-private-blue-400-solid:rgb(43,111,174);--g-color-private-blue-450-solid:rgb(47,124,196);--g-color-private-blue-500-solid:rgb(50,138,219);--g-color-private-blue-550-solid:rgb(54,151,241);--g-color-private-blue-600-solid:rgb(74,161,242);--g-color-private-blue-650-solid:rgb(94,172,244);--g-color-private-blue-700-solid:rgb(114,182,245);--g-color-private-blue-750-solid:rgb(134,193,247);--g-color-private-blue-800-solid:rgb(155,203,248);--g-color-private-blue-850-solid:rgb(175,213,249);--g-color-private-blue-900-solid:rgb(195,224,251);--g-color-private-blue-950-solid:rgb(215,234,252);--g-color-private-blue-1000-solid:rgb(225,239,253);--g-color-private-green-50:rgba(77,176,155,0.1);--g-color-private-green-100:rgba(77,176,155,0.15);--g-color-private-green-150:rgba(77,176,155,0.2);--g-color-private-green-200:rgba(77,176,155,0.3);--g-color-private-green-250:rgba(77,176,155,0.4);--g-color-private-green-300:rgba(77,176,155,0.5);--g-color-private-green-350:rgba(77,176,155,0.6);--g-color-private-green-400:rgba(77,176,155,0.7);--g-color-private-green-450:rgba(77,176,155,0.8);--g-color-private-green-500:rgba(77,176,155,0.9);--g-color-private-green-50-solid:rgb(24,33,32);--g-color-private-green-100-solid:rgb(27,41,39);--g-color-private-green-150-solid:rgb(30,49,45);--g-color-private-green-200-solid:rgb(36,65,59);--g-color-private-green-250-solid:rgb(42,81,73);--g-color-private-green-300-solid:rgb(48,97,87);--g-color-private-green-350-solid:rgb(53,112,100);--g-color-private-green-400-solid:rgb(59,128,114);--g-color-private-green-450-solid:rgb(65,144,128);--g-color-private-green-500-solid:rgb(71,160,141);--g-color-private-green-550-solid:rgb(77,176,155);--g-color-private-green-600-solid:rgb(95,184,165);--g-color-private-green-650-solid:rgb(113,192,175);--g-color-private-green-700-solid:rgb(130,200,185);--g-color-private-green-750-solid:rgb(148,208,195);--g-color-private-green-800-solid:rgb(166,216,205);--g-color-private-green-850-solid:rgb(184,223,215);--g-color-private-green-900-solid:rgb(202,231,225);--g-color-private-green-950-solid:rgb(219,239,235);--g-color-private-green-1000-solid:rgb(228,243,240);--g-color-private-yellow-50:rgba(255,190,92,0.1);--g-color-private-yellow-100:rgba(255,190,92,0.15);--g-color-private-yellow-150:rgba(255,190,92,0.2);--g-color-private-yellow-200:rgba(255,190,92,0.3);--g-color-private-yellow-250:rgba(255,190,92,0.4);--g-color-private-yellow-300:rgba(255,190,92,0.5);--g-color-private-yellow-350:rgba(255,190,92,0.6);--g-color-private-yellow-400:rgba(255,190,92,0.7);--g-color-private-yellow-450:rgba(255,190,92,0.8);--g-color-private-yellow-500:rgba(255,190,92,0.9);--g-color-private-yellow-50-solid:rgb(42,34,25);--g-color-private-yellow-100-solid:rgb(54,43,29);--g-color-private-yellow-150-solid:rgb(65,52,33);--g-color-private-yellow-200-solid:rgb(89,69,40);--g-color-private-yellow-250-solid:rgb(113,86,48);--g-color-private-yellow-300-solid:rgb(137,104,55);--g-color-private-yellow-350-solid:rgb(160,121,62);--g-color-private-yellow-400-solid:rgb(184,138,70);--g-color-private-yellow-450-solid:rgb(208,155,77);--g-color-private-yellow-500-solid:rgb(231,173,85);--g-color-private-yellow-550-solid:rgb(255,190,92);--g-color-private-yellow-600-solid:rgb(255,197,108);--g-color-private-yellow-650-solid:rgb(255,203,125);--g-color-private-yellow-700-solid:rgb(255,210,141);--g-color-private-yellow-750-solid:rgb(255,216,157);--g-color-private-yellow-800-solid:rgb(255,223,174);--g-color-private-yellow-850-solid:rgb(255,229,190);--g-color-private-yellow-900-solid:rgb(255,236,206);--g-color-private-yellow-950-solid:rgb(255,242,222);--g-color-private-yellow-1000-solid:rgb(255,245,231);--g-color-private-orange-50:rgba(200,99,12,0.1);--g-color-private-orange-100:rgba(200,99,12,0.15);--g-color-private-orange-150:rgba(200,99,12,0.2);--g-color-private-orange-200:rgba(200,99,12,0.3);--g-color-private-orange-250:rgba(200,99,12,0.4);--g-color-private-orange-300:rgba(200,99,12,0.5);--g-color-private-orange-350:rgba(200,99,12,0.6);--g-color-private-orange-400:rgba(200,99,12,0.7);--g-color-private-orange-450:rgba(200,99,12,0.8);--g-color-private-orange-500:rgba(200,99,12,0.9);--g-color-private-orange-50-solid:rgb(36,25,17);--g-color-private-orange-100-solid:rgb(45,29,17);--g-color-private-orange-150-solid:rgb(54,33,17);--g-color-private-orange-200-solid:rgb(73,42,16);--g-color-private-orange-250-solid:rgb(91,50,16);--g-color-private-orange-300-solid:rgb(109,58,15);--g-color-private-orange-350-solid:rgb(127,66,14);--g-color-private-orange-400-solid:rgb(145,74,14);--g-color-private-orange-450-solid:rgb(164,83,13);--g-color-private-orange-500-solid:rgb(182,91,13);--g-color-private-orange-550-solid:rgb(200,99,12);--g-color-private-orange-600-solid:rgb(206,115,36);--g-color-private-orange-650-solid:rgb(211,130,61);--g-color-private-orange-700-solid:rgb(217,146,85);--g-color-private-orange-750-solid:rgb(222,161,109);--g-color-private-orange-800-solid:rgb(228,177,134);--g-color-private-orange-850-solid:rgb(233,193,158);--g-color-private-orange-900-solid:rgb(239,208,182);--g-color-private-orange-950-solid:rgb(244,224,206);--g-color-private-orange-1000-solid:rgb(247,232,219);--g-color-private-red-50:rgba(229,50,93,0.1);--g-color-private-red-100:rgba(229,50,93,0.15);--g-color-private-red-150:rgba(229,50,93,0.2);--g-color-private-red-200:rgba(229,50,93,0.3);--g-color-private-red-250:rgba(229,50,93,0.4);--g-color-private-red-300:rgba(229,50,93,0.5);--g-color-private-red-350:rgba(229,50,93,0.6);--g-color-private-red-400:rgba(229,50,93,0.7);--g-color-private-red-450:rgba(229,50,93,0.8);--g-color-private-red-500:rgba(229,50,93,0.9);--g-color-private-red-50-solid:rgb(39,20,26);--g-color-private-red-100-solid:rgb(50,22,29);--g-color-private-red-150-solid:rgb(60,24,33);--g-color-private-red-200-solid:rgb(81,27,41);--g-color-private-red-250-solid:rgb(102,30,48);--g-color-private-red-300-solid:rgb(124,34,56);--g-color-private-red-350-solid:rgb(145,37,63);--g-color-private-red-400-solid:rgb(166,40,71);--g-color-private-red-450-solid:rgb(187,43,78);--g-color-private-red-500-solid:rgb(208,47,86);--g-color-private-red-550-solid:rgb(229,50,93);--g-color-private-red-600-solid:rgb(232,71,109);--g-color-private-red-650-solid:rgb(234,91,125);--g-color-private-red-700-solid:rgb(237,112,142);--g-color-private-red-750-solid:rgb(239,132,158);--g-color-private-red-800-solid:rgb(242,153,174);--g-color-private-red-850-solid:rgb(245,173,190);--g-color-private-red-900-solid:rgb(247,194,206);--g-color-private-red-950-solid:rgb(250,214,223);--g-color-private-red-1000-solid:rgb(251,224,231);--g-color-private-purple-50:rgba(143,82,204,0.1);--g-color-private-purple-100:rgba(143,82,204,0.15);--g-color-private-purple-150:rgba(143,82,204,0.2);--g-color-private-purple-200:rgba(143,82,204,0.3);--g-color-private-purple-250:rgba(143,82,204,0.4);--g-color-private-purple-300:rgba(143,82,204,0.5);--g-color-private-purple-350:rgba(143,82,204,0.6);--g-color-private-purple-400:rgba(143,82,204,0.7);--g-color-private-purple-450:rgba(143,82,204,0.8);--g-color-private-purple-500:rgba(143,82,204,0.9);--g-color-private-purple-50-solid:rgb(31,24,37);--g-color-private-purple-100-solid:rgb(37,27,46);--g-color-private-purple-150-solid:rgb(43,30,55);--g-color-private-purple-200-solid:rgb(56,37,74);--g-color-private-purple-250-solid:rgb(68,43,92);--g-color-private-purple-300-solid:rgb(81,50,111);--g-color-private-purple-350-solid:rgb(93,56,130);--g-color-private-purple-400-solid:rgb(106,63,148);--g-color-private-purple-450-solid:rgb(118,69,167);--g-color-private-purple-500-solid:rgb(131,76,185);--g-color-private-purple-550-solid:rgb(143,82,204);--g-color-private-purple-600-solid:rgb(154,99,209);--g-color-private-purple-650-solid:rgb(165,117,214);--g-color-private-purple-700-solid:rgb(177,134,219);--g-color-private-purple-750-solid:rgb(188,151,224);--g-color-private-purple-800-solid:rgb(199,169,230);--g-color-private-purple-850-solid:rgb(210,186,235);--g-color-private-purple-900-solid:rgb(221,203,240);--g-color-private-purple-950-solid:rgb(233,220,245);--g-color-private-purple-1000-solid:rgb(238,229,247);--g-color-private-cool-grey-50:rgba(96,128,156,0.1);--g-color-private-cool-grey-100:rgba(96,128,156,0.15);--g-color-private-cool-grey-150:rgba(96,128,156,0.2);--g-color-private-cool-grey-200:rgba(96,128,156,0.3);--g-color-private-cool-grey-250:rgba(96,128,156,0.4);--g-color-private-cool-grey-300:rgba(96,128,156,0.5);--g-color-private-cool-grey-350:rgba(96,128,156,0.6);--g-color-private-cool-grey-400:rgba(96,128,156,0.7);--g-color-private-cool-grey-450:rgba(96,128,156,0.8);--g-color-private-cool-grey-500:rgba(96,128,156,0.9);--g-color-private-cool-grey-50-solid:rgb(26,28,32);--g-color-private-cool-grey-100-solid:rgb(30,34,39);--g-color-private-cool-grey-150-solid:rgb(34,39,46);--g-color-private-cool-grey-200-solid:rgb(41,50,59);--g-color-private-cool-grey-250-solid:rgb(49,61,73);--g-color-private-cool-grey-300-solid:rgb(57,73,87);--g-color-private-cool-grey-350-solid:rgb(65,84,101);--g-color-private-cool-grey-400-solid:rgb(73,95,115);--g-color-private-cool-grey-450-solid:rgb(80,106,128);--g-color-private-cool-grey-500-solid:rgb(88,117,142);--g-color-private-cool-grey-550-solid:rgb(96,128,156);--g-color-private-cool-grey-600-solid:rgb(112,141,166);--g-color-private-cool-grey-650-solid:rgb(128,153,176);--g-color-private-cool-grey-700-solid:rgb(144,166,186);--g-color-private-cool-grey-750-solid:rgb(160,179,196);--g-color-private-cool-grey-800-solid:rgb(176,192,206);--g-color-private-cool-grey-850-solid:rgb(191,204,215);--g-color-private-cool-grey-900-solid:rgb(207,217,225);--g-color-private-cool-grey-950-solid:rgb(223,230,235);--g-color-private-cool-grey-1000-solid:rgb(231,236,240);--g-color-text-primary:var(--g-color-text-light-primary);--g-color-text-complementary:var(--g-color-text-light-complementary);--g-color-text-secondary:var(--g-color-text-light-secondary);--g-color-text-hint:var(--g-color-text-light-hint);--g-color-text-info:var(--g-color-private-blue-650-solid);--g-color-text-positive:var(--g-color-private-green-650-solid);--g-color-text-warning:var(--g-color-private-yellow-650-solid);--g-color-text-danger:var(--g-color-private-red-650-solid);--g-color-text-utility:var(--g-color-private-purple-650-solid);--g-color-text-misc:var(--g-color-private-cool-grey-650-solid);--g-color-text-info-heavy:var(--g-color-private-blue-850-solid);--g-color-text-positive-heavy:var(--g-color-private-green-850-solid);--g-color-text-warning-heavy:var(--g-color-private-yellow-850-solid);--g-color-text-danger-heavy:var(--g-color-private-red-850-solid);--g-color-text-utility-heavy:var(--g-color-private-purple-850-solid);--g-color-text-misc-heavy:var(--g-color-private-cool-grey-850-solid);--g-color-text-brand:var(--g-color-private-yellow-600-solid);--g-color-text-brand-heavy:var(--g-color-private-yellow-700-solid);--g-color-text-brand-contrast:var(--g-color-text-dark-primary);--g-color-text-link:var(--g-color-private-yellow-550-solid);--g-color-text-link-hover:var(--g-color-private-orange-550-solid);--g-color-text-link-visited:var(--g-color-private-purple-650-solid);--g-color-text-link-visited-hover:var(--g-color-private-purple-800-solid);--g-color-text-dark-primary:var(--g-color-private-black-1000-solid);--g-color-text-dark-complementary:var(--g-color-private-black-800);--g-color-text-dark-secondary:var(--g-color-private-black-600);--g-color-text-dark-hint:var(--g-color-private-black-400);--g-color-text-light-primary:var(--g-color-private-white-1000-solid);--g-color-text-light-complementary:var(--g-color-private-white-800);--g-color-text-light-secondary:var(--g-color-private-white-600);--g-color-text-light-hint:var(--g-color-private-white-400);--g-color-text-inverted-primary:var(--g-color-text-dark-primary);--g-color-text-inverted-complementary:var(--g-color-text-dark-complementary);--g-color-text-inverted-secondary:var(--g-color-text-dark-secondary);--g-color-text-inverted-hint:var(--g-color-text-dark-hint);--g-color-base-background:rgb(18,17,18);--g-color-base-generic:var(--g-color-private-white-100);--g-color-base-generic-hover:var(--g-color-private-white-250);--g-color-base-generic-medium:var(--g-color-private-white-250);--g-color-base-generic-medium-hover:var(--g-color-private-white-400);--g-color-base-generic-accent:var(--g-color-private-white-200);--g-color-base-generic-accent-disabled:var(--g-color-private-white-150);--g-color-base-generic-ultralight:var(--g-color-private-white-50);--g-color-base-simple-hover:var(--g-color-private-white-250);--g-color-base-simple-hover-solid:var(--g-color-private-white-250-solid);--g-color-base-brand:var(--g-color-private-yellow-550-solid);--g-color-base-brand-hover:var(--g-color-private-yellow-700-solid);--g-color-base-selection:var(--g-color-private-yellow-250);--g-color-base-selection-hover:var(--g-color-private-yellow-400);--g-color-base-info-light:var(--g-color-private-blue-250);--g-color-base-info-light-hover:var(--g-color-private-blue-400);--g-color-base-info-medium:var(--g-color-private-blue-450);--g-color-base-info-medium-hover:var(--g-color-private-blue-600-solid);--g-color-base-info-heavy:var(--g-color-private-blue-700-solid);--g-color-base-info-heavy-hover:var(--g-color-private-blue-850-solid);--g-color-base-positive-light:var(--g-color-private-green-250);--g-color-base-positive-light-hover:var(--g-color-private-green-400);--g-color-base-positive-medium:var(--g-color-private-green-450);--g-color-base-positive-medium-hover:var(--g-color-private-green-600-solid);--g-color-base-positive-heavy:var(--g-color-private-green-700-solid);--g-color-base-positive-heavy-hover:var(--g-color-private-green-850-solid);--g-color-base-warning-light:var(--g-color-private-yellow-250);--g-color-base-warning-light-hover:var(--g-color-private-yellow-400);--g-color-base-warning-medium:var(--g-color-private-yellow-450);--g-color-base-warning-medium-hover:var(--g-color-private-yellow-600-solid);--g-color-base-warning-heavy:var(--g-color-private-yellow-700-solid);--g-color-base-warning-heavy-hover:var(--g-color-private-yellow-850-solid);--g-color-base-danger-light:var(--g-color-private-red-250);--g-color-base-danger-light-hover:var(--g-color-private-red-400);--g-color-base-danger-medium:var(--g-color-private-red-450);--g-color-base-danger-medium-hover:var(--g-color-private-red-600-solid);--g-color-base-danger-heavy:var(--g-color-private-red-700-solid);--g-color-base-danger-heavy-hover:var(--g-color-private-red-850-solid);--g-color-base-utility-light:var(--g-color-private-purple-250);--g-color-base-utility-light-hover:var(--g-color-private-purple-400);--g-color-base-utility-medium:var(--g-color-private-purple-450);--g-color-base-utility-medium-hover:var(--g-color-private-purple-600-solid);--g-color-base-utility-heavy:var(--g-color-private-purple-700-solid);--g-color-base-utility-heavy-hover:var(--g-color-private-purple-850-solid);--g-color-base-neutral-light:var(--g-color-private-white-200);--g-color-base-neutral-light-hover:var(--g-color-private-white-350);--g-color-base-neutral-medium:var(--g-color-private-white-400);--g-color-base-neutral-medium-hover:var(--g-color-private-white-550);--g-color-base-neutral-heavy:var(--g-color-private-white-650);--g-color-base-neutral-heavy-hover:var(--g-color-private-white-750);--g-color-base-misc-light:var(--g-color-private-cool-grey-250);--g-color-base-misc-light-hover:var(--g-color-private-cool-grey-400);--g-color-base-misc-medium:var(--g-color-private-cool-grey-450);--g-color-base-misc-medium-hover:var(--g-color-private-cool-grey-600-solid);--g-color-base-misc-heavy:var(--g-color-private-cool-grey-700-solid);--g-color-base-misc-heavy-hover:var(--g-color-private-cool-grey-850-solid);--g-color-base-light:var(--g-color-private-white-850);--g-color-base-light-hover:var(--g-color-private-white-700);--g-color-base-light-simple-hover:var(--g-color-private-white-150);--g-color-base-light-disabled:var(--g-color-private-white-150);--g-color-base-light-accent-disabled:var(--g-color-private-white-300);--g-color-base-float:var(--g-color-private-white-100-solid);--g-color-base-float-hover:var(--g-color-private-white-200-solid);--g-color-base-float-medium:var(--g-color-private-white-200-solid);--g-color-base-float-heavy:var(--g-color-private-white-300-solid);--g-color-base-float-accent:var(--g-color-private-white-300-solid);--g-color-base-float-accent-hover:var(--g-color-private-white-400-solid);--g-color-base-float-announcement:var(--g-color-private-white-200-solid);--g-color-base-modal:var(--g-color-base-background);--g-color-line-generic:var(--g-color-private-white-150);--g-color-line-generic-hover:var(--g-color-private-white-250);--g-color-line-generic-active:var(--g-color-private-white-600);--g-color-line-generic-accent:var(--g-color-private-white-350);--g-color-line-generic-accent-hover:var(--g-color-private-white-800);--g-color-line-generic-solid:var(--g-color-private-white-150-solid);--g-color-line-brand:var(--g-color-private-yellow-600-solid);--g-color-line-focus:var(--g-color-private-cool-grey-550-solid);--g-color-line-light:var(--g-color-private-white-500);--g-color-line-info:var(--g-color-private-blue-550-solid);--g-color-line-positive:var(--g-color-private-green-550-solid);--g-color-line-warning:var(--g-color-private-yellow-550-solid);--g-color-line-danger:var(--g-color-private-red-550-solid);--g-color-line-utility:var(--g-color-private-purple-550-solid);--g-color-line-misc:var(--g-color-private-cool-grey-550-solid);--g-color-sfx-veil:var(--g-color-private-black-700);--g-color-sfx-shadow:var(--g-color-private-black-200);--g-color-sfx-shadow-heavy:var(--g-color-private-black-400);--g-color-sfx-shadow-light:var(--g-color-private-black-200);--g-color-sfx-fade:var(--g-color-private-white-250);--g-color-scroll-track:var(--g-color-base-background);--g-color-scroll-handle:var(--g-color-private-white-150);--g-color-scroll-handle-hover:var(--g-color-private-white-250);--g-color-scroll-corner:var(--g-color-private-white-150);--g-color-infographics-axis:var(--g-color-private-white-150-solid);--g-color-infographics-tooltip-bg:var(--g-color-private-white-opaque-150)}@keyframes g-loading-animation{0%{background-position:-12px 0}to{background-position:0 0}}:root:has(body.g-root_theme_light),:root:has(body.g-root_theme_light-hc){color-scheme:light}:root:has(body.g-root_theme_dark),:root:has(body.g-root_theme_dark-hc){color-scheme:dark}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat}.fi:before{content:"\00a0"}.fis{width:1em}.fi-ru{background-image:url(/flags/ru.svg)}.fi-gb{background-image:url(/flags/gb.svg)}}@layer app-base{:root{--gb-bg:#f5f5f5;--gb-surface:#ffffff;--gb-surface-2:#ffffff;--gb-surface-muted:#fafafa;--gb-text:#000000;--gb-text-secondary:#282828;--gb-text-tertiary:#7a7f87;--gb-border:#e3e5e8;--gb-border-strong:#d4d7dc;--gb-divider:#eceef1;--gb-accent:#FFBE5C;--gb-accent-hover:#E6AB53;--gb-accent-soft:rgb(255 190 92/0.15);--gb-accent-contrast:#111111;--gb-link-hover:#0070f0;--sa-link-underline:rgb(0 112 240/0.4);--gb-cool-neutral:#9aa0a8;--gb-success:#1f8f4e;--gb-warning:#b26a00;--gb-danger:#c62828;--gb-diagram-line:#000000;--gb-diagram-text:#000000;--gb-diagram-surface:#ffffff;--gb-diagram-muted:#d9dde3;--gb-shadow-1:0 1px 2px rgba(0,0,0,0.02),0 8px 24px rgba(0,0,0,0.04);--gb-shadow-2:0 2px 8px rgba(0,0,0,0.04),0 16px 32px rgba(0,0,0,0.06);--gb-radius-xs:8px;--gb-radius-sm:10px;--gb-radius-md:12px;--gb-radius-lg:18px;--gb-radius-xl:24px;--gb-radius-pill:999px;--gb-space-1:4px;--gb-space-2:8px;--gb-space-3:12px;--gb-space-4:16px;--gb-space-5:20px;--gb-space-6:24px;--gb-space-7:32px;--gb-space-8:40px;--gb-space-9:48px;--gb-space-10:56px;--gb-space-11:64px;--gb-hover-bg:rgba(0,0,0,0.05);--gb-container-max:1360px;--gb-header-height:72px;--gb-page-top-gap:30px;--gb-page-padding-desktop:32px;--gb-page-padding-tablet:24px;--gb-page-padding-mobile:16px;--gb-control-radius:12px;--gb-control-padding-x-sm:12px;--gb-control-padding-x-md:16px;--gb-control-padding-x-lg:18px;--gb-control-font-size:13px;--gb-control-line-height:20px;--gb-control-font-weight:500;--gb-control-gap:8px;--gb-fs-display:40px;--gb-fs-h1:32px;--gb-fs-h2:22px;--gb-fs-h3:20px;--gb-fs-h4:17px;--gb-fs-body-xl:19px;--gb-fs-body-l:17px;--gb-fs-body:16px;--gb-fs-secondary:16px;--gb-fs-caption:12px;--gb-fs-label:14px;--gb-fs-micro:12px;--gb-fs-button:14px;--gb-lh-h1:40px;--gb-lh-h2:28px;--gb-lh-h3:24px;--gb-lh-h4:20px;--gb-lh-display:48px;--gb-lh-micro:16px;--gb-lh-body:1.65;--gb-lh-secondary:1.7;--gb-lh-caption:1.4;--gb-fw-display:700;--gb-fw-h1:600;--gb-fw-h2:600;--gb-fw-h3:500;--gb-fw-h4:500;--gb-fw-body:400;--gb-fw-label:500;--gb-fs-display-tablet:34px;--gb-lh-display-tablet:42px;--gb-fs-h1-tablet:28px;--gb-lh-h1-tablet:36px;--gb-fs-h2-tablet:20px;--gb-lh-h2-tablet:26px;--gb-fs-display-mobile:30px;--gb-lh-display-mobile:38px;--gb-fs-h1-mobile:24px;--gb-lh-h1-mobile:32px;--gb-content-h1-mb:16px;--gb-content-h2-mt:32px;--gb-content-h2-mb:12px;--gb-content-h3-mt:20px;--gb-content-h3-mb:8px;--gb-content-h4-mb:12px;--gb-content-section-gap:32px;--gb-diagram-line-width:1px;--gb-diagram-nut-width:4px;--gb-interval-1:#e74c3c;--gb-interval-b2:#c0392b;--gb-interval-2:#1abc9c;--gb-interval-b3:#e67e22;--gb-interval-3:#f39c12;--gb-interval-4:#27ae60;--gb-interval-tritone:#8e44ad;--gb-interval-5:#2980b9;--gb-interval-b6:#a84300;--gb-interval-6:#d35400;--gb-interval-b7:#7f8c8d;--gb-interval-7:#2ecc71;--hub-chords:#3b82f6;--hub-scales:#22c55e;--hub-modes:#8b5cf6;--hub-arpeggios:#06b6d4;--hub-progressions:#f59e0b;--hub-intervals:#ef4444;--hub-keys:#ec4899;--hub-tunings:#14b8a6;--hub-cadences:#a855f7;--hub-picking:#f97316;--hub-frequencies:#6366f1;--hub-tools:#0ea5e9;--hub-practice:#10b981;--hub-tabs:#64748b;--gb-radius:var(--gb-radius-md);--gb-radius-m:var(--gb-radius-md);--gb-radius-s:var(--gb-radius-sm);--gb-surface-primary:var(--gb-surface);--gb-surface-secondary:var(--gb-surface-muted);--gb-surface-card:var(--gb-surface);--gb-card-bg:var(--gb-surface);--gb-card-border:var(--gb-border);--gb-page-bg:var(--gb-bg);--gb-bg-hover:var(--gb-hover-bg);--gb-bg-elevated:var(--gb-surface-2);--gb-text-primary:var(--gb-text);--gb-text-on-accent:var(--gb-accent-contrast);--gb-border-light:var(--gb-divider);--gb-border-accent:var(--gb-accent);--gb-accent-light:var(--gb-accent-soft);--gb-accent-subtle:var(--gb-accent-soft);--gb-font-size-base:var(--gb-fs-body);--gb-font-size-sm:var(--gb-fs-secondary);--gb-font-size-lg:var(--gb-fs-body-l);--gb-font-size-2xl:var(--gb-fs-h2);--gb-warning-text:var(--gb-warning);--gb-warning-bg:color-mix(in srgb,var(--gb-warning) 14%,var(--gb-surface));--gb-warning-border:color-mix(in srgb,var(--gb-warning) 40%,transparent);--bg:var(--gb-bg);--fg:var(--gb-text);--surface:var(--gb-surface)}.dark{--gb-bg:#111315;--gb-surface:#1a1d21;--gb-surface-2:#20242a;--gb-surface-muted:#171a1e;--gb-text:#ffffff;--gb-text-secondary:#c7ccd4;--gb-text-tertiary:#99a1ab;--gb-border:#2c3138;--gb-border-strong:#3a4048;--gb-divider:#2a2f35;--gb-accent:#FFBE5C;--gb-accent-hover:#FFCE85;--gb-accent-soft:rgb(255 190 92/0.2);--gb-accent-contrast:#111111;--gb-link-hover:#4d94ff;--sa-link-underline:rgb(77 148 255/0.45);--gb-cool-neutral:#6f7680;--gb-success:#4bc27a;--gb-warning:#e0a54b;--gb-danger:#ff7b7b;--gb-diagram-line:#ffffff;--gb-diagram-text:#ffffff;--gb-diagram-surface:#1a1d21;--gb-diagram-muted:#6f7680;--gb-hover-bg:rgba(255,255,255,0.07);--gb-shadow-1:0 1px 2px rgba(0,0,0,0.22),0 10px 28px rgba(0,0,0,0.28);--gb-shadow-2:0 4px 14px rgba(0,0,0,0.28),0 20px 36px rgba(0,0,0,0.32)}.g-root{--g-font-family-sans:var(--font-ibm-plex-sans,"IBM Plex Sans"),"Helvetica Neue","Helvetica","Arial",sans-serif;--g-font-family-monospace:var(--font-ibm-plex-mono,"IBM Plex Mono"),"Monaco","Consolas","Liberation Mono","Ubuntu Mono","DejaVu Sans Mono","Courier New","Courier",monospace;font-family:var(--g-font-family-sans)}.g-root_theme_light{--g-color-private-brand-50:rgb(255 190 92/0.1);--g-color-private-brand-100:rgb(255 190 92/0.15);--g-color-private-brand-150:rgb(255 190 92/0.2);--g-color-private-brand-200:rgb(255 190 92/0.3);--g-color-private-brand-250:rgb(255 190 92/0.4);--g-color-private-brand-300:rgb(255 190 92/0.5);--g-color-private-brand-350:rgb(255 190 92/0.6);--g-color-private-brand-400:rgb(255 190 92/0.7);--g-color-private-brand-450:rgb(255 190 92/0.8);--g-color-private-brand-500:rgb(255 190 92/0.9);--g-color-private-brand-550:rgb(255 190 92);--g-color-private-brand-550-solid:rgb(255 190 92);--g-color-private-brand-1000-solid:rgb(80 57 23);--g-color-private-brand-950-solid:rgb(94 67 25);--g-color-private-brand-900-solid:rgb(118 85 33);--g-color-private-brand-850-solid:rgb(144 103 41);--g-color-private-brand-800-solid:rgb(169 121 48);--g-color-private-brand-750-solid:rgb(195 138 55);--g-color-private-brand-700-solid:rgb(208 154 74);--g-color-private-brand-650-solid:rgb(232 172 83);--g-color-private-brand-600-solid:rgb(232 173 82);--g-color-private-brand-500-solid:rgb(255 198 108);--g-color-private-brand-450-solid:rgb(255 207 124);--g-color-private-brand-400-solid:rgb(255 215 140);--g-color-private-brand-350-solid:rgb(255 223 156);--g-color-private-brand-300-solid:rgb(255 231 172);--g-color-private-brand-250-solid:rgb(255 239 188);--g-color-private-brand-200-solid:rgb(255 243 204);--g-color-private-brand-150-solid:rgb(255 247 220);--g-color-private-brand-100-solid:rgb(255 251 236);--g-color-private-brand-50-solid:rgb(255 255 255);--g-color-text-brand:var(--g-color-private-brand-700-solid);--g-color-text-brand-heavy:var(--g-color-private-brand-700-solid);--g-color-text-link:var(--g-color-private-brand-600-solid);--g-color-text-link-hover:var(--g-color-private-brand-800-solid);--g-color-text-link-visited:var(--g-color-private-purple-550-solid);--g-color-text-link-visited-hover:var(--g-color-private-purple-800-solid);--g-color-base-background:#f5f5f5;--g-color-base-brand:var(--g-color-private-brand-550-solid);--g-color-base-brand-hover:var(--g-color-private-brand-600-solid);--g-color-base-selection:var(--g-color-private-brand-200);--g-color-base-selection-hover:var(--g-color-private-brand-300);--g-color-line-brand:var(--g-color-private-brand-600-solid)}.g-root_theme_dark{--g-color-private-brand-50:rgb(255 190 92/0.1);--g-color-private-brand-100:rgb(255 190 92/0.15);--g-color-private-brand-150:rgb(255 190 92/0.2);--g-color-private-brand-200:rgb(255 190 92/0.3);--g-color-private-brand-250:rgb(255 190 92/0.4);--g-color-private-brand-300:rgb(255 190 92/0.5);--g-color-private-brand-350:rgb(255 190 92/0.6);--g-color-private-brand-400:rgb(255 190 92/0.7);--g-color-private-brand-450:rgb(255 190 92/0.8);--g-color-private-brand-500:rgb(255 190 92/0.9);--g-color-private-brand-550:rgb(255 190 92);--g-color-private-brand-550-solid:rgb(255 190 92);--g-color-private-brand-1000-solid:rgb(255 254 252);--g-color-private-brand-950-solid:rgb(255 249 236);--g-color-private-brand-900-solid:rgb(255 244 220);--g-color-private-brand-850-solid:rgb(255 240 204);--g-color-private-brand-800-solid:rgb(255 232 188);--g-color-private-brand-750-solid:rgb(255 224 172);--g-color-private-brand-700-solid:rgb(255 216 156);--g-color-private-brand-650-solid:rgb(255 208 140);--g-color-private-brand-600-solid:rgb(255 199 124);--g-color-private-brand-500-solid:rgb(232 173 82);--g-color-private-brand-450-solid:rgb(208 154 74);--g-color-private-brand-400-solid:rgb(195 138 55);--g-color-private-brand-350-solid:rgb(169 121 48);--g-color-private-brand-300-solid:rgb(144 103 41);--g-color-private-brand-250-solid:rgb(118 85 33);--g-color-private-brand-200-solid:rgb(94 67 25);--g-color-private-brand-150-solid:rgb(80 57 23);--g-color-private-brand-100-solid:rgb(67 48 19);--g-color-private-brand-50-solid:rgb(61 43 17);--g-color-text-brand:var(--g-color-private-brand-600-solid);--g-color-text-brand-heavy:var(--g-color-private-brand-700-solid);--g-color-text-brand-contrast:var(--g-color-text-dark-primary);--g-color-text-link:var(--g-color-private-brand-550-solid);--g-color-text-link-hover:var(--g-color-private-brand-700-solid);--g-color-text-link-visited:var(--g-color-private-purple-700-solid);--g-color-text-link-visited-hover:var(--g-color-private-purple-850-solid);--g-color-base-background:rgb(34 29 34);--g-color-base-brand:var(--g-color-private-brand-550-solid);--g-color-base-brand-hover:var(--g-color-private-brand-650-solid);--g-color-base-selection:var(--g-color-private-brand-150);--g-color-base-selection-hover:var(--g-color-private-brand-200);--g-color-line-brand:var(--g-color-private-brand-600-solid)}.g-root_theme_light .g-card:not(.g-card_view_filled){--g-card-background-color:#fff}.g-button_size_l.g-button,.g-button_size_m.g-button,.g-select-control_size_l,.g-select-control_size_m,.g-text-input_size_l .g-text-input__content,.g-text-input_size_m .g-text-input__content{border-radius:var(--gb-radius-md)}.g-button__text{display:inline-flex!important;align-items:center}.g-button__text,.g-select-control__option-text,.g-text-input__control{line-height:var(--gb-control-line-height);font-size:var(--gb-control-font-size)}.g-button__icon{display:inline-flex;align-items:center}.g-button:focus-visible,.g-checkbox__control:focus-visible,.g-select-control:focus-visible,.g-switch__control:focus-visible,.g-text-input__control:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.g-button:focus-visible{box-shadow:0 0 0 3px var(--gb-accent-soft)}.g-disclosure__trigger:hover{font-weight:600}.g-button.g-button_view_outlined,.g-button[class*=g-button_view_outlined-]{font-weight:400}.g-button.g-button_view_outlined:not(.gb-piano-cta):not(.gb-favorite-btn):hover:not(:disabled):before,.g-button[class*=g-button_view_outlined-]:not(.g-button_view_outlined-danger):not(.gb-piano-cta):not(.gb-favorite-btn):hover:not(:disabled):before{border-color:var(--gb-accent)!important;background-color:color-mix(in srgb,var(--gb-accent) 8%,transparent)!important}.g-button.g-button_view_outlined-danger:not(:disabled):focus-visible:before,.g-button.g-button_view_outlined-danger:not(:disabled):hover:before{border-color:var(--g-color-base-danger-heavy,#c62828)!important;background-color:var(--g-color-base-danger-heavy,#c62828)!important}.g-button.g-button_view_outlined-danger:not(:disabled):focus-visible,.g-button.g-button_view_outlined-danger:not(:disabled):focus-visible .g-button__text,.g-button.g-button_view_outlined-danger:not(:disabled):focus-visible .g-icon,.g-button.g-button_view_outlined-danger:not(:disabled):hover,.g-button.g-button_view_outlined-danger:not(:disabled):hover .g-button__text,.g-button.g-button_view_outlined-danger:not(:disabled):hover .g-icon{color:var(--g-color-text-light-primary,#fff)!important}.g-button_selected{--_--background-color-hover:var(--_--background-color)!important;--_--text-color:var(--g-color-text-primary)!important;cursor:default}.g-segmented-radio-group{border-radius:var(--gb-radius-md)!important}.gb-display,.gb-h1,.gb-h2,.gb-h3,.gb-h4{text-wrap:balance;hanging-punctuation:first last}.gb-display{font-size:var(--gb-fs-display);line-height:var(--gb-lh-display);font-weight:var(--gb-fw-display)}.gb-display,.gb-h1{letter-spacing:-.02em}.gb-h1{font-size:var(--gb-fs-h1);line-height:var(--gb-lh-h1);font-weight:var(--gb-fw-h1)}.gb-h2{font-size:var(--gb-fs-h2);line-height:var(--gb-lh-h2);font-weight:var(--gb-fw-h2)}.gb-h3{font-size:var(--gb-fs-h3);line-height:var(--gb-lh-h3);font-weight:var(--gb-fw-h3)}.gb-h4{font-size:var(--gb-fs-h4);line-height:var(--gb-lh-h4);font-weight:var(--gb-fw-h4)}.gb-body-xl{font-size:var(--gb-fs-body-xl)}.gb-body-l,.gb-body-xl{line-height:var(--gb-lh-body);font-weight:var(--gb-fw-body)}.gb-body-l{font-size:var(--gb-fs-body-l)}.gb-body-m{font-size:var(--gb-fs-body);line-height:var(--gb-lh-body)}.gb-body-m,.gb-body-s{font-weight:var(--gb-fw-body)}.gb-body-s{font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary)}.gb-caption{font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption)}.gb-caption,.gb-micro{font-weight:var(--gb-fw-body)}.gb-micro{font-size:var(--gb-fs-micro);line-height:var(--gb-lh-micro)}.gb-label{font-size:var(--gb-fs-label);font-weight:var(--gb-fw-label)}.gb-button-text,.gb-label{line-height:var(--gb-lh-h4)}.gb-button-text{font-size:var(--gb-fs-button);font-weight:var(--gb-fw-h2)}.gb-numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.gb-mono{font-family:var(--g-font-family-monospace,ui-monospace,"SF Mono",Menlo,Consolas,monospace)}.gb-text-underline{text-decoration:underline}.gb-prose-narrow{max-width:720px}.gb-helper{font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary);color:var(--gb-text-secondary)}.gb-helper,.gb-meta{font-weight:var(--gb-fw-body)}.gb-meta{font-size:var(--gb-fs-micro);line-height:var(--gb-lh-micro)}.gb-group-label,.gb-meta{color:var(--gb-text-tertiary)}.gb-group-label{font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption);letter-spacing:.05em;font-weight:var(--gb-fw-h2);text-transform:uppercase}.gb-cta-title{font-size:var(--gb-fs-h4);font-weight:var(--gb-fw-display);line-height:var(--gb-lh-h4)}.gb-text-primary{color:var(--gb-text)}.gb-text-secondary{color:#282828}.dark .gb-text-secondary{color:var(--gb-text-secondary)}.gb-text-tertiary{color:var(--gb-text-tertiary)}.gb-text-danger{color:var(--gb-danger)}.gb-text-accent{color:var(--gb-accent)}.gb-fw-normal{font-weight:400}.gb-fw-medium{font-weight:500}.gb-fw-bold,.gb-fw-semibold{font-weight:600}.gb-italic{font-style:italic}.gb-fs-13{font-size:13px}.gb-fs-14{font-size:14px}.gb-fs-15{font-size:15px}.gb-text-center{text-align:center}.gb-text-inherit{color:inherit}.gb-page-subtitle{max-width:72ch;margin-bottom:var(--gb-space-4);color:#212121;font-size:var(--gb-fs-body-l);line-height:var(--gb-lh-body);font-weight:var(--gb-fw-body)}.dark .gb-page-subtitle{color:var(--gb-text-secondary)}.gb-page-subtitle--xl{font-size:var(--gb-fs-body-xl)}.gb-page-subtitle--m{font-size:var(--gb-fs-body)}@media (max-width:640px){.gb-page-subtitle{margin-bottom:0}}.gb-section__subtitle{margin-top:var(--gb-space-1);font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary);color:var(--gb-text-secondary)}.hub-header__subtitle{margin-top:var(--gb-space-2);max-width:72ch;color:#212121;font-size:var(--gb-fs-body-l);line-height:var(--gb-lh-body)}.dark .hub-header__subtitle{color:var(--gb-text-secondary)}.hub-section__desc{color:#212121;max-width:100%;font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary);margin-bottom:8px}.dark .hub-section__desc{color:var(--gb-text-secondary)}.hub-hero__subtitle{color:var(--gb-text);max-width:none;font-size:var(--gb-fs-body-l);line-height:var(--gb-lh-body)}.hub-theory-links__subtitle{color:var(--gb-text-secondary);max-width:64ch;font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary)}.hub-seo-text{padding-top:var(--gb-space-6);border-top:1px solid var(--gb-divider);color:var(--gb-text-secondary);font-size:var(--gb-fs-body);line-height:var(--gb-lh-body);width:100%}.hub-seo-text p+p{margin-top:var(--gb-space-3)}@media (max-width:900px){.gb-display{font-size:var(--gb-fs-display-tablet);line-height:var(--gb-lh-display-tablet)}.gb-h1{font-size:var(--gb-fs-h1-tablet);line-height:var(--gb-lh-h1-tablet)}.gb-h2{font-size:var(--gb-fs-h2-tablet);line-height:var(--gb-lh-h2-tablet)}}@media (max-width:640px){.gb-display{font-size:var(--gb-fs-display-mobile);line-height:var(--gb-lh-display-mobile)}.gb-h1{font-size:var(--gb-fs-h1-mobile);line-height:var(--gb-lh-h1-mobile)}.gb-h2{font-size:var(--gb-fs-h3);line-height:var(--gb-lh-h3)}.gb-h3{font-size:var(--gb-fs-h4);line-height:var(--gb-lh-h4)}.hub-header__subtitle,.hub-hero__subtitle{font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary)}}.gb-h1{margin:0 0 4px}.gb-h2{margin:var(--gb-content-h2-mt) 0 var(--gb-content-h1-mb) 0}.gb-h3{margin:var(--gb-content-h3-mt) 0 var(--gb-content-h3-mb) 0}.gb-h4{margin:0 0 var(--gb-content-h4-mb) 0}.gb-h1+.gb-body-l,.gb-h1+.gb-body-xl,.gb-h1+.gb-page-subtitle,.gb-h2+.gb-theory-grid,.gb-h2:first-child,.gb-h3+.gb-theory-grid,.gb-h3:first-child,.gb-h4+.gb-theory-grid{margin-top:0}.gb-theory-grid+.gb-theory-grid{margin-top:var(--gb-space-4)}.gb-page-section{padding-block:var(--gb-space-6)}.gb-section{display:flex;flex-direction:column}.gb-section__head{margin-bottom:var(--gb-space-5)}.gb-section__body{display:flex;flex-direction:column}.gb-section--tight .gb-section__head{margin-bottom:var(--gb-space-2)}.gb-section--theory .gb-section__head{margin-bottom:var(--gb-space-5)}.gb-section--spacious .gb-section__head{margin-bottom:var(--gb-space-7)}.gb-stack{display:flex;flex-direction:column}.gb-stack--xs{gap:var(--gb-space-1)}.gb-stack--sm{gap:var(--gb-space-2)}.gb-stack--base{gap:var(--gb-content-section-gap)}.gb-stack--md{gap:24px}.gb-stack--lg{gap:var(--gb-space-6)}.gb-stack--xl{gap:var(--gb-space-7)}.gb-stack--2xl{gap:var(--gb-space-8)}.gb-mb-0{margin-bottom:0}.gb-mb-1{margin-bottom:var(--gb-space-1)}.gb-mb-2{margin-bottom:var(--gb-space-2)}.gb-mb-3{margin-bottom:var(--gb-space-3)}.gb-mb-6{margin-bottom:var(--gb-space-6)}.gb-mb-7{margin-bottom:var(--gb-space-7)}.gb-mb-8{margin-bottom:var(--gb-space-8)}.gb-mb-4{margin-bottom:var(--gb-space-4)}.gb-mb-5{margin-bottom:var(--gb-space-5)}.gb-mb-0_5{margin-bottom:2px}.gb-mt-1{margin-top:var(--gb-space-1)}.gb-mt-2{margin-top:var(--gb-space-2)}.gb-mt-3{margin-top:var(--gb-space-3)}.gb-mt-4{margin-top:var(--gb-space-4)}.gb-mt-5{margin-top:var(--gb-space-5)}.gb-mt-6{margin-top:var(--gb-space-6)}.gb-mt-7{margin-top:var(--gb-space-7)}.gb-mt-8{margin-top:var(--gb-space-8)}.gb-mt-0{margin-top:0}.gb-m-0{margin:0}.gb-flex-end{display:flex;justify-content:flex-end}.gb-align-self-end{align-self:flex-end}.gb-flex{display:flex}.gb-flex-center{display:flex}.gb-flex-center,.gb-items-center{align-items:center}.gb-flex-wrap{flex-wrap:wrap}.gb-pin-row{display:flex}.gb-pin-row--wrap{display:flex;flex-wrap:wrap}.gb-ml-auto{margin-left:auto}.gb-w-full{width:100%}.gb-flex-shrink-0{flex-shrink:0}.gb-pt-2{padding-top:var(--gb-space-2)}.gb-pt-3{padding-top:var(--gb-space-3)}.gb-pt-4{padding-top:var(--gb-space-4)}.gb-pt-6{padding-top:var(--gb-space-6)}.gb-pb-2{padding-bottom:var(--gb-space-2)}.gb-pb-4{padding-bottom:var(--gb-space-4)}.gb-mt-1_5{margin-top:6px}.gb-mb-1_5{margin-bottom:6px}.gb-mb-2_5{margin-bottom:10px}.gb-mb-5_5{margin-bottom:22px}.gb-ml-1{margin-left:var(--gb-space-1)}.gb-ml-2_5{margin-left:10px}.gb-ml-2{margin-left:var(--gb-space-2)}.gb-ml-3px{margin-left:3px}.gb-pre-line{white-space:pre-line}.gb-pre-wrap{white-space:pre-wrap}.gb-nowrap{white-space:nowrap}.gb-no-underline{text-decoration:none}.gb-pos-relative{position:relative}.gb-opacity-40{opacity:.4}.gb-opacity-50{opacity:.5}.gb-opacity-70{opacity:.7}.gb-hidden{display:none}.gb-row-wrap{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-row-wrap-tight{display:flex;flex-wrap:wrap;gap:6px}.gb-vis-hidden{visibility:hidden}.gb-no-pointer{pointer-events:none}.gb-no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}.gb-cursor-pointer{cursor:pointer}.gb-opacity-60{opacity:.6}.gb-display-block{display:block}.hub-page{display:flex;flex-direction:column;gap:42px}@media (min-width:769px){.hub-page--home{gap:var(--gb-space-9)}}.hub-section{gap:8px}.hub-section,.hub-section__header{display:flex;flex-direction:column}.hub-section__header{gap:0}.hub-section__header .gb-h2{margin-bottom:8px}.hub-section__header--with-action{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--gb-space-4)}.hub-section__header--with-action .hub-section__header-main{display:flex;flex-direction:column;min-width:0}.hub-section__header-action{flex-shrink:0}@media (max-width:640px){.hub-section__header--with-action{flex-direction:column}.hub-section__header-action{display:none}}.hub-header,.hub-subsection{display:flex;flex-direction:column;gap:var(--gb-space-3)}.hub-header{margin-bottom:var(--gb-content-section-gap)}.hub-page>.hub-header{margin-bottom:0}[class*=space-y-]>.hub-header,[class*=space-y-]>.hub-header+*{margin-top:0}@media (max-width:640px){.hub-header{margin-bottom:var(--gb-space-6)}.hub-page>.hub-header{margin-bottom:0}}.hub-hero{display:flex;flex-direction:column;gap:var(--gb-space-4);padding:0 0 var(--gb-space-2)}.hub-page>.gb-breadcrumbs+.hub-hero{margin-top:calc(18px - var(--gb-content-section-gap))!important}.hub-page>.hub-header+.hub-quick-access{margin-top:calc(var(--gb-space-5) - var(--gb-content-section-gap))}.gb-page-header{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gb-space-3)}.gb-section-header__content{flex:1;min-width:0}.gb-section-header__actions{flex-shrink:0}.gb-section-divider{padding-top:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-meta-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2);align-items:center}.gb-ad-slot{margin:var(--gb-space-6) 0;width:100%;overflow:hidden}@media (max-width:768px){.gb-ad-slot{margin:var(--gb-space-5) 0}}@media (max-width:640px){.hub-page{gap:32px}.hub-hero{padding-top:0}}@media (max-width:480px){.hub-page{gap:var(--gb-space-5)}.hub-section{gap:8px}}*,:after,:before{box-sizing:border-box}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}blockquote,dd,dl,dt,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}menu,ol,ul{list-style:none}fieldset,menu,ol,ul{margin:0;padding:0}legend{padding:0}button,input,label,select,textarea{font:inherit;color:inherit;box-sizing:border-box;letter-spacing:inherit}button{font-weight:var(--gb-control-font-weight);cursor:pointer;background:transparent;border:none;padding:0}button,input,select,textarea{font-size:var(--gb-control-font-size);line-height:var(--gb-control-line-height)}::-moz-placeholder{opacity:.5}::placeholder{opacity:.5}html{font-optical-sizing:auto}body{margin:0;background:var(--gb-bg);color:var(--gb-text);font-family:var(--font-ibm-plex-sans,"IBM Plex Sans"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--gb-fs-body);line-height:var(--gb-lh-body);font-weight:var(--gb-fw-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:var(--gb-accent-soft);color:var(--gb-text)}::selection{background:var(--gb-accent-soft);color:var(--gb-text)}a{text-decoration:none}a,a:hover{color:inherit}}@layer layout{.gb-app-shell{min-height:100dvh;background:var(--gb-bg);color:var(--gb-text);display:flex;flex-direction:column;overflow-x:clip}.gb-container{width:100%;max-width:var(--gb-container-max);margin-inline:auto;padding-inline:24px}@media (max-width:768px){.gb-container{padding-inline:16px}}.container{max-width:var(--gb-container-max);margin-inline:auto;padding-inline:24px}@media (max-width:768px){.container{padding-inline:16px}}.gb-main{padding-top:20px;padding-bottom:10px;flex:1}@media (max-width:640px){.gb-app-shell{background:var(--gb-surface)}.gb-container{padding-inline:0}.gb-main{padding-top:0}}.gb-ad-strip{width:100%}.gb-ad-strip-inner{max-width:var(--gb-container-max);margin-inline:auto;padding-inline:24px;padding-top:30px;padding-bottom:10px}@media (max-width:768px){.gb-ad-strip-inner{padding-inline:16px}}@media (max-width:640px){.gb-ad-strip-inner{padding-inline:var(--gb-page-padding-mobile)}}.gb-ad-strip--bottom .gb-ad-strip-inner{padding-bottom:30px}.gb-ad-placeholder{min-height:90px;background:var(--gb-surface-muted);border:1px dashed var(--gb-border);border-radius:var(--gb-radius-sm);font-size:12px;color:var(--gb-text-tertiary)}.gb-ad-placeholder,.gb-ad-slot,.gb-adfox-container{display:flex;align-items:center;justify-content:center}.gb-adfox-container{width:100%;height:100%}.gb-ad-inline{margin-block:0;display:flex;justify-content:center}.gb-ad-inline__box{width:100%}@media (max-width:640px){.gb-ad-inline--bottom .gb-ad-inline__box{width:320px;max-width:100%;min-height:300px}}.gb-ad-300x600{width:300px;max-width:100%;height:600px;margin-inline:auto}@media (max-width:640px){.gb-ad-300x600.gb-ad--mobile-square{height:300px}}.gb-content-with-ads{flex:1;display:grid;grid-template-columns:minmax(0,1fr);width:100%}.gb-ad-rail{display:none}@media (min-width:1720px){.gb-content-with-ads{grid-template-columns:300px minmax(0,1fr) 300px;gap:var(--gb-space-6);max-width:2008px;margin-inline:auto;align-items:start;padding-inline:10px}.gb-ad-rail{display:block;position:sticky;top:var(--gb-space-6);width:300px}}.gb-row{display:flex;align-items:center}.gb-row--wrap{flex-wrap:wrap}.gb-row--between{justify-content:space-between}.gb-row--center{justify-content:center}.gb-row--start{justify-content:flex-start}.gb-row--end{justify-content:flex-end}@media (max-width:640px){.gb-row--mobile-stack{flex-direction:column;align-items:stretch}}.gb-row--gap-sm{gap:var(--gb-space-2)}.gb-row--gap-md{gap:var(--gb-space-4)}.gb-row--gap-lg{gap:var(--gb-space-6)}.gb-grid{display:grid;gap:var(--gb-space-4)}.gb-grid--2{grid-template-columns:repeat(2,1fr)}.gb-grid--3{grid-template-columns:repeat(3,1fr)}.gb-grid--4{grid-template-columns:repeat(4,1fr)}.gb-grid--theory{grid-template-columns:1fr 1fr;gap:0 var(--gb-space-7);align-items:start}.gb-grid--tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.gb-grid--tiles-sm{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media (max-width:768px){.gb-grid--2,.gb-grid--3,.gb-grid--theory{grid-template-columns:1fr}}@media (max-width:640px){.gb-grid--4{grid-template-columns:repeat(2,1fr)}.gb-grid--tiles-sm{grid-template-columns:1fr}}@media (max-width:480px){.gb-grid--4{grid-template-columns:1fr}}.gb-settings-grid{display:grid;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr))}.gb-col-12{grid-column:span 12}.gb-col-8{grid-column:span 8}.gb-col-6{grid-column:span 6}.gb-col-4{grid-column:span 4}.gb-col-3{grid-column:span 3}@media (max-width:900px){.gb-col-3,.gb-col-4,.gb-col-6,.gb-col-8{grid-column:span 12}}.gb-control-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.gb-control-selects{display:none}@media (max-width:768px){.gb-control-row--responsive{display:none}.gb-control-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-2)}.gb-control-selects>:only-child{grid-column:1/-1}}.gb-switch-row{display:flex;align-items:center;gap:12px;min-height:44px}.gb-switch-row--split{justify-content:space-between}.gb-page-theory-cols{display:grid;gap:0 32px;align-items:start;grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.gb-page-theory-cols--cadence,.gb-page-theory-cols--chord,.gb-page-theory-cols--key,.gb-page-theory-cols--scale{grid-template-columns:1fr 1fr}}@media (max-width:767px){.gb-interval-settings-grid{grid-template-columns:1fr!important}}.cof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;width:100%}@media (max-width:768px){.cof-grid{grid-template-columns:1fr}}.gb-connections-cols{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media (min-width:768px){.gb-connections-cols{grid-template-columns:1fr 1fr;gap:32px}}.gb-usage-practice-cols{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.gb-usage-practice-cols{grid-template-columns:1fr 1fr;gap:32px;align-items:start}}.gb-tuning-two-col{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media (min-width:768px){.gb-tuning-two-col{grid-template-columns:1fr 1fr}}.finder-layout{display:flex;flex-direction:column;gap:24px}.finder-layout__form,.finder-layout__results{width:100%}.finder-layout__form{display:flex;flex-direction:column;gap:12px}.finder-layout__results{display:flex;flex-direction:column;gap:var(--gb-content-section-gap)}@media (max-width:640px){.finder-layout__results{gap:var(--gb-space-6)}}.finder-layout__results .finder-layout__results{gap:var(--gb-space-4)}.gb-metronome-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}@media (max-width:900px){.gb-metronome-layout{grid-template-columns:1fr}}html[data-hide-ads="1"] .gb-ad-inline,html[data-hide-ads="1"] .gb-ad-rail,html[data-hide-ads="1"] .gb-ad-slot,html[data-hide-ads="1"] .gb-ad-strip{display:none!important}html[data-hide-ads="1"] .gb-content-with-ads{grid-template-columns:minmax(0,1fr)}.gb-metronome-layout--exercises{grid-template-columns:1fr 1fr}@media (max-width:900px){.gb-metronome-layout--exercises{grid-template-columns:1fr}}.gb-metronome-layout--rhythm{grid-template-columns:1fr;grid-template-rows:auto auto;align-items:stretch}.gb-metronome-layout--rhythm>.gb-metronome-stack,.gb-metronome-layout--rhythm>.gb-rvp-panel{min-height:0;overflow:visible}.gb-nav-surface{background:var(--gb-surface);border-bottom:1px solid var(--gb-divider)}.gb-nav-surface.is-open{box-shadow:0 6px 16px rgba(0,0,0,.12)}.gb-nav-dropdown{background:var(--gb-surface);border:1px solid var(--gb-border);box-shadow:var(--gb-shadow-2);border-radius:6px;min-width:180px}.gb-nav-desktop{display:none;grid-template-columns:auto 1fr auto;align-items:center;padding-inline:24px;height:var(--gb-header-height);gap:24px}@media (min-width:768px){.gb-nav-desktop{display:grid}}.gb-nav-center{align-self:stretch;justify-content:center;gap:0}.gb-nav-center,.gb-nav-center>*{display:flex;align-items:stretch}.gb-nav-center>*{text-decoration:none;position:relative}.gb-nav-center>.gb-nav-item{align-items:center}.gb-nav-actions{gap:4px}.gb-nav-actions,.gb-nav-item{display:flex;align-items:center}.gb-nav-item{height:100%;padding-inline:14px;font-size:14px;font-weight:500;color:var(--gb-text);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s,color .15s}.gb-nav-item:hover{background:var(--gb-surface-muted)}.gb-nav-item.is-active{background:var(--gb-accent);color:#fff;font-weight:600}.dark .gb-nav-item:hover{background:rgba(255,255,255,.07)}.dark .gb-nav-item.is-active{background:var(--gb-accent);color:#fff;font-weight:600}.gb-mobile-section-header--active{color:#000;font-weight:600}.dark .gb-mobile-section-header--active{color:var(--gb-accent)}.gb-drop-link{display:block;padding:8px 16px;font-size:14px;line-height:1.5;font-weight:400;color:var(--gb-text);text-decoration:none;transition:background .15s,color .15s}.gb-drop-link:hover{background:var(--gb-surface-muted);color:#000}.gb-drop-link.is-active{background:var(--gb-accent-soft);color:#000;font-weight:400}.dark .gb-drop-link:hover{color:var(--gb-accent)}.dark .gb-drop-link.is-active{background:var(--gb-accent-soft);color:var(--gb-accent)}.gb-drop-link--flame{display:grid;grid-template-columns:20% 1fr;align-items:start}.gb-drop-flame{color:#ff0000;justify-self:start;margin-top:3px}.gb-nav-mobile-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:var(--gb-page-padding-mobile);max-width:var(--gb-container-max);margin-inline:auto;height:56px}.gb-nav-mobile-bar>:first-child{justify-self:start}.gb-nav-mobile-bar>.gb-nav-mobile-actions{justify-self:end}@media (min-width:768px){.gb-nav-mobile-bar{display:none}}.gb-nav-drawer{display:flex;flex-direction:column;padding-bottom:16px;padding-inline:12px;max-width:var(--gb-container-max);margin-inline:auto;border-top:1px solid var(--gb-divider)}@media (min-width:768px){.gb-nav-drawer{display:none}}.gb-nav-drawer-list{display:flex;flex-direction:column;padding-bottom:4px}.gb-nav-sub-row{display:flex;align-items:stretch}.gb-nav-sub-link{flex:1;min-width:0}.gb-nav-sub-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;background:none;border:none;border-radius:6px;color:var(--gb-text-secondary);cursor:pointer}.gb-nav-sub-toggle:hover{background:var(--gb-surface-muted)}.gb-nav-drawer-sublist{display:flex;flex-direction:column}.gb-nav-sub-instrument{padding-left:32px;color:var(--gb-text-secondary)}.gb-nav-drawer-bottom{display:flex;align-items:center;gap:8px;padding-top:12px;margin-top:8px;border-top:1px solid var(--gb-divider)}.gb-nav-accordion-btn{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:8px;border-radius:6px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--gb-text)}.gb-nav-accordion-btn:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-prefooter{width:100%;background:var(--gb-surface);border-top:1px solid var(--gb-divider);padding-block:var(--gb-space-9) var(--gb-space-8)}.gb-prefooter__inner{max-width:var(--gb-container-max);margin-inline:auto;padding-inline:24px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gb-space-8)}.gb-prefooter__heading{margin-bottom:var(--gb-space-4);color:var(--gb-text)}.gb-prefooter__group{margin-top:var(--gb-space-5)}.gb-prefooter__group:first-child{margin-top:0}.gb-prefooter__subheading{text-transform:uppercase;letter-spacing:.05em;color:var(--gb-text-secondary);margin-bottom:var(--gb-space-3)}.gb-prefooter__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-prefooter__link{color:var(--gb-text-secondary);text-decoration:none;font-size:14px;line-height:1.5;transition:color .15s}.gb-prefooter__link:hover{color:var(--gb-text)}.gb-prefooter__link:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px;border-radius:2px}.gb-prefooter__actions{display:flex;gap:var(--gb-space-3);margin-top:var(--gb-space-3);flex-wrap:wrap}.gb-prefooter__actions .g-button{gap:var(--gb-space-2)}@media (max-width:1023px){.gb-prefooter__inner{grid-template-columns:repeat(2,1fr);gap:var(--gb-space-7) var(--gb-space-6)}}@media (max-width:639px){.gb-prefooter{padding-block:var(--gb-space-7) var(--gb-space-6)}.gb-prefooter__inner{grid-template-columns:1fr;gap:var(--gb-space-7);padding-inline:var(--gb-page-padding-mobile)}}.gb-footer-surface{margin-top:24px;width:100%;background:var(--gb-surface);border-top:1px solid var(--gb-divider);overflow-x:clip}.gb-prefooter+.gb-footer-surface{margin-top:0}.gb-footer-surface footer{background:transparent!important;max-width:var(--gb-container-max);margin-inline:auto;box-sizing:border-box;padding-inline:24px;padding-block:24px}.gb-footer__row{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-4)}.gb-footer__copy{margin:0;color:var(--gb-text-tertiary);font-size:13px}.gb-footer__menu{display:flex;align-items:center;gap:var(--gb-space-5);flex-wrap:wrap}.gb-footer__link{color:var(--gb-text-secondary);font-size:14px;text-decoration:none}.gb-footer__link:hover{color:#038fd4}@media (max-width:640px){.gb-footer__row{flex-direction:column;align-items:stretch;gap:var(--gb-space-4)}.gb-footer__copy{width:100%;text-align:center}.gb-footer__menu{flex-direction:column;align-items:center;width:100%;gap:var(--gb-space-3)}.gb-footer__link{width:100%;text-align:center}}.gb-diagram-export-layout{display:flex;align-items:flex-start;gap:12px;width:100%}.gb-diagram-export-layout__diagram{flex:1 1 0;min-width:0}.gb-diagram-export-layout__sidebar{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding-top:2px;min-width:78px;max-width:140px}.gb-action-group-label{font-size:11px;line-height:1.3;letter-spacing:.07em;font-weight:500;text-transform:uppercase;color:var(--gb-text-secondary);margin:24px 0 2px;white-space:normal;word-break:break-word}.gb-action-group-label:first-child{margin-top:0}.gb-diagram-export-layout__sidebar .g-button{width:100%;justify-content:center;font-weight:400}.gb-diagram-export-note{font-size:10px;line-height:1.3;color:var(--gb-text-secondary);margin-top:4px}@media (max-width:767px){.gb-diagram-export-layout{flex-direction:column;gap:8px}.gb-diagram-export-layout__sidebar{width:100%;min-width:0;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth}.gb-diagram-export-layout__sidebar::-webkit-scrollbar{display:none}.gb-diagram-export-layout__sidebar .g-button{width:auto;flex-shrink:0;white-space:nowrap}.gb-diagram-export-note{flex-shrink:0;align-self:center}}.gb-chord-top{display:grid;grid-template-columns:8fr 2fr;gap:20px;align-items:start;width:100%}.gb-chord-top__main{gap:var(--gb-space-3)}.gb-chord-top__aside,.gb-chord-top__main{min-width:0;display:flex;flex-direction:column}.gb-chord-top__aside{gap:4px;padding-top:2px}.gb-chord-top__aside .g-button{width:100%;justify-content:center;font-weight:400}@media (max-width:900px){.gb-chord-top{grid-template-columns:1fr;gap:12px}}@media (max-width:768px){.diagram-editor-grid{grid-template-columns:1fr!important}}.gb-nav-accordion-arrow{flex-shrink:0;color:var(--gb-text-secondary);transition:transform .2s ease}.gb-nav-accordion-arrow.is-expanded{transform:rotate(180deg)}.gb-nav-locale-content,.gb-nav-locale-link{display:inline-flex;align-items:center}.gb-nav-locale-content{gap:6px}.gb-nav-locale-flag{border-radius:3px;flex-shrink:0;font-size:16px;line-height:1}.gb-nav-mobile-actions{display:flex;align-items:center;gap:4px}.gb-theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:0 6px}.gb-breadcrumbs{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:var(--gb-space-1);margin-bottom:24px;font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption);color:var(--gb-text-secondary)}.gb-breadcrumbs>span{display:inline-flex;align-items:baseline;min-width:0}.gb-breadcrumb-current,.gb-breadcrumb-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-breadcrumb-link{color:inherit;text-decoration:none;transition:color .15s}.gb-breadcrumb-link:hover{color:var(--gb-accent)}.gb-breadcrumb-current{color:var(--gb-text);font-weight:var(--gb-fw-label)}.gb-breadcrumb-sep{margin-inline:var(--gb-space-2);opacity:.5;vertical-align:baseline}.gb-breadcrumbs+*{margin-top:0!important}@media (max-width:640px){.gb-breadcrumbs+*{margin-top:4px!important}}.gb-list{margin:0;padding-left:var(--gb-space-5);line-height:var(--gb-lh-body)}.gb-list--disc{list-style:disc}.gb-list--decimal{list-style:decimal}.gb-list--none{list-style:none;padding-left:0}.gb-list--compact>li+li{margin-top:var(--gb-space-1)}.gb-list--spacious>li+li{margin-top:var(--gb-space-3)}.gb-list--gap-4>li+li{margin-top:var(--gb-space-1)}.gb-list--gap-8>li+li{margin-top:var(--gb-space-2)}.gb-list--gap-12>li+li{margin-top:var(--gb-space-3)}.gb-list--gap-6>li+li{margin-top:var(--gb-space-2)}.gb-list--gap-10>li+li{margin-top:var(--gb-space-3)}.gb-dl-grid{gap:var(--gb-space-3);margin:0}.gb-dl-grid,.gb-theory-item{display:flex;flex-direction:column}.gb-theory-item{gap:var(--gb-space-1)}.gb-theory-item:has(.gb-chord-card),.gb-theory-item:has(.gb-link-card),.gb-theory-item:has(.gb-note-list),.gb-theory-item:not(:has(.gb-theory-item__value)){gap:var(--gb-space-2)}.dt-label,.gb-theory-item__label{font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption);letter-spacing:.05em;font-weight:var(--gb-fw-h3);text-transform:uppercase;color:var(--gb-text-secondary)}.dt-term,.gb-dl-term__dt{font-weight:var(--gb-fw-h2)}.dt-term,.gb-dl-term__dt,.gb-theory-item__value{color:var(--gb-text)}.dt-term,.gb-dl-term__dd,.gb-dl-term__dt,.gb-theory-item__value{font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary)}.gb-dl-term__dd{margin:0}.gb-dl-term__dd,.gb-paren-secondary{color:var(--gb-text-secondary)}.gb-theory-grid{display:grid;gap:var(--gb-space-6) var(--gb-space-6);grid-template-columns:1fr;padding-block:var(--gb-space-3)}@media (max-width:640px){.gb-theory-grid{gap:24px var(--gb-space-8)}}.gb-dl-term{display:flex;flex-direction:column;gap:var(--gb-space-1)}}@layer ui{.gb-icon-btn .g-button__text{display:inline-flex;align-items:center;gap:var(--gb-space-2)}.gb-btn-cta .g-button__text{display:inline-flex;align-items:center;gap:var(--gb-space-1)}.gb-chord-neck-controls-inner .g-button__text,.gb-neckmap-pill,.gb-pin-row .g-button__text,.gb-variant-card__label{font-size:13px}.gb-btn{min-height:44px;border-radius:var(--gb-control-radius);font-size:var(--gb-control-font-size);line-height:var(--gb-control-line-height);font-weight:600;padding-inline:var(--gb-control-padding-x-md);padding-block:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--gb-control-gap);cursor:pointer;border:1px solid transparent;vertical-align:middle;white-space:nowrap;box-sizing:border-box;text-decoration:none;transition:background .15s,border-color .15s}.gb-btn--sm{min-height:36px;padding-inline:var(--gb-control-padding-x-sm);font-size:13px}.gb-btn--lg{min-height:48px;padding-inline:var(--gb-control-padding-x-lg)}.gb-btn--primary{background:var(--gb-accent);color:#fff;border-color:var(--gb-accent)}.gb-btn--primary:hover{background:var(--gb-accent-hover);border-color:var(--gb-accent-hover);color:#fff}.gb-btn--secondary{background:var(--gb-surface);border-color:var(--gb-border);color:var(--gb-text);font-weight:400}.gb-btn--secondary:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent);color:var(--gb-text)}.gb-btn--ghost{background:transparent;border-color:transparent}.gb-btn--ghost:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent);color:var(--gb-text)}.gb-btn--soft{background:var(--gb-accent-soft);color:#000;border-color:transparent}.dark .gb-btn--soft{color:var(--gb-accent)}.gb-btn--danger{background:var(--gb-danger);color:#fff;border-color:var(--gb-danger)}.gb-btn--icon{padding-inline:0;min-width:44px}.gb-btn--icon.gb-btn--sm{min-width:36px}.gb-btn--pill{border-radius:var(--gb-radius-pill)}.gb-btn--full{width:100%}.gb-btn__icon{flex-shrink:0}.gb-btn-ghost,.gb-btn__icon,.gb-btn__label{display:inline-flex;align-items:center}.gb-btn-ghost{justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);background:transparent;color:var(--gb-text);font-size:13px;font-weight:400;cursor:pointer;line-height:1;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.gb-btn-ghost:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent);color:var(--gb-text)}.gb-favorite-btn.g-button{height:32px!important;color:rgb(50,186,118)!important}.gb-favorite-btn.g-button:before{border-color:rgb(50,186,118)!important}.gb-favorite-btn.g-button:hover:not(:disabled){color:rgb(50,186,118)!important}.gb-favorite-btn.g-button:hover:not(:disabled):before{border-color:rgb(50,186,118)!important;background-color:color-mix(in srgb,rgb(50,186,118) 10%,transparent)!important}.gb-favorite-btn.is-fav.g-button{color:rgb(50,186,118)!important}.gb-favorite-btn.is-fav.g-button:before{border-color:rgb(50,186,118)!important;background-color:color-mix(in srgb,rgb(50,186,118) 10%,transparent)!important}.gb-favorite-btn.is-fav.g-button:hover:not(:disabled){color:#32ba76!important}.gb-favorite-btn.is-fav.g-button:hover:not(:disabled):before{border-color:#32ba76!important;background-color:color-mix(in srgb,#32ba76 8%,transparent)!important}.gb-share-btn{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;color:#fff;transition:filter .15s;flex-shrink:0}.gb-share-btn svg{width:14px;height:14px;display:block}.gb-share-btn:hover{filter:brightness(.88);color:#fff}.gb-share-btn--tg{background:#0088cc}.gb-share-btn--vk{background:#2787f5}.gb-share-btn--ok{background:#ff7700}.gb-share-btn--x{background:#000000}.gb-share-btn--fb{background:#1877f2}.gb-share-btn--rd{background:#ff4500}.gb-share-row{flex-direction:column}.gb-share-bar,.gb-share-row,.gb-share-row__buttons{display:flex;gap:8px}.gb-share-bar{flex-wrap:nowrap;align-items:center}.gb-share-native-content{display:inline-flex;align-items:center;gap:6px}.gb-share-native-content--nowrap{white-space:nowrap}.gb-share-btn--wide{width:100%;height:40px;gap:8px;font-size:13px;font-weight:400;border-radius:10px}.gb-action-btn{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 14px;box-sizing:border-box;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid var(--gb-border);background:var(--gb-surface);color:inherit;transition:background .15s,border-color .15s,color .15s}.gb-action-btn:hover:not(:disabled){background:color-mix(in srgb,var(--gb-accent) 8%,transparent);border-color:var(--gb-accent);color:var(--gb-text)}.gb-action-btn:disabled{opacity:.5;cursor:not-allowed}.gb-action-btn--accent{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:#000;font-weight:600}.dark .gb-action-btn--accent{color:var(--gb-accent)}.gb-action-btn--accent:hover:not(:disabled){background:var(--gb-accent-soft);border-color:var(--gb-accent)}.gb-show-more-btn{display:inline-block;margin-top:12px;padding:8px 0;background:none;border:none;color:var(--gb-accent);font-size:14px;font-weight:600;cursor:pointer}.gb-show-more-btn:hover{text-decoration:underline}.gb-play-btn{display:inline-flex;align-items:center;gap:5px;border-radius:6px;font-family:inherit;font-weight:400;transition:opacity .15s;white-space:nowrap;line-height:1;box-sizing:border-box}.gb-play-btn--outlined{border:1px solid var(--gb-divider);background:transparent;color:var(--gb-text-primary);transition:border-color .15s,background .15s}.gb-play-btn--outlined:hover:not(:disabled){border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-play-btn--normal{border:none;background:var(--gb-accent);color:var(--gb-text-primary);transition:background .15s}.gb-play-btn--normal:hover:not(:disabled){background:var(--gb-accent-hover)}.gb-play-btn__icon{display:inline-flex;align-items:center;justify-content:center;min-width:14px;line-height:1}.gb-play-btn--s{font-size:clamp(10px,1.2vw + 6px,12px);padding:clamp(3px,.5vw,4px) clamp(7px,1vw + 3px,10px)}.gb-play-btn--m{font-size:clamp(11px,1.3vw + 6px,13px);padding:clamp(4px,.6vw,6px) clamp(9px,1.2vw + 4px,14px)}.gb-play-btn--l{font-size:clamp(11px,1.4vw + 6px,14px);padding:clamp(5px,.7vw,7px) clamp(10px,1.3vw + 4px,15px);min-height:36px}.gb-play-btn--s .gb-play-btn__icon{font-size:clamp(11px,1.3vw + 6px,13px)}.gb-play-btn--m .gb-play-btn__icon{font-size:clamp(12px,1.4vw + 6px,14px)}.gb-play-btn--l .gb-play-btn__icon{font-size:clamp(12px,1.5vw + 6px,15px)}@media (max-width:640px){.gb-play-btn--l{font-size:15px;min-height:42px;padding:7px 16px}.gb-play-btn--l .gb-play-btn__icon{font-size:16px}}.gb-piano-cta.gb-piano-cta{width:100%;color:#fff;--g-button-text-color:#fff;--g-button-text-color-hover:#fff;--g-button-border-color:rgb(143,82,204);--g-button-border-color-hover:rgb(123,65,184);--g-button-background-color:rgb(143,82,204);--g-button-background-color-hover:rgb(123,65,184)}.gb-piano-cta.gb-piano-cta .g-button__text{display:inline-flex;align-items:center;gap:var(--gb-space-2)}.gb-piano-cta-banner{width:100%;padding:var(--gb-space-3);border:1px solid color-mix(in srgb,rgb(143,82,204) 55%,transparent);background:color-mix(in srgb,rgb(143,82,204) 10%,transparent);border-radius:var(--gb-radius-md);box-sizing:border-box}.gb-piano-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;opacity:.75}.gb-piano-link:hover{opacity:1}.gb-compare-btn{min-width:160px}.gb-compare-btn .g-button{height:32px!important}.gb-compare-btn__content{display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%}.gb-compare-btn__label{white-space:nowrap}.gb-action-btn:focus-visible,.gb-btn:focus-visible,.gb-control-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-chip-row{display:flex;flex-wrap:wrap}.gb-chip,.gb-chip-row{gap:8px;align-items:center}.gb-chip{display:inline-flex;justify-content:center;height:36px;padding-inline:var(--gb-control-padding-x-sm);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:transparent;color:var(--gb-text);font-size:13px;line-height:var(--gb-control-line-height);font-weight:400;cursor:pointer;vertical-align:middle;white-space:nowrap;box-sizing:border-box;transition:background .15s,border-color .15s,color .15s}.gb-chip.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:#000;font-weight:600}.dark .gb-chip.is-active{color:var(--gb-accent)}.gb-chip:hover:not(:disabled){border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent);color:var(--gb-text)}.gb-chip:active:not(:disabled){background:var(--gb-accent);border-color:var(--gb-accent);color:var(--gb-text)}.gb-chip:disabled{opacity:.5;cursor:default}.gb-chip.is-correct{background:#dcfce7;border-color:#22c55e;color:#166534;font-weight:600}.gb-chip.is-wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b;font-weight:600}.gb-chip--accent{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:var(--gb-text)}.gb-chip--muted{background:var(--gb-surface-muted);color:var(--gb-text-secondary);border-color:var(--gb-border)}.gb-chip--success{border-color:var(--gb-success);background:color-mix(in srgb,var(--gb-success) 12%,transparent);color:var(--gb-success)}.gb-chip--warning{border-color:var(--gb-warning);background:color-mix(in srgb,var(--gb-warning) 12%,transparent);color:var(--gb-warning)}.gb-chip--danger{border-color:var(--gb-danger);background:color-mix(in srgb,var(--gb-danger) 12%,transparent);color:var(--gb-danger)}.gb-chip--square{min-width:36px}.gb-hscroll-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (max-width:767px){.gb-hscroll-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth}.gb-hscroll-row::-webkit-scrollbar{display:none}.gb-hscroll-row>*{flex-shrink:0;scroll-snap-align:start}}.gb-tabs{display:flex;flex-wrap:wrap;gap:8px}.gb-tabs__item{display:inline-flex;align-items:center;justify-content:center;height:36px;padding-inline:14px;border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface);font-size:14px;font-weight:500;color:var(--gb-text);cursor:pointer;transition:border-color .15s,background .15s,color .15s;text-decoration:none;white-space:nowrap;box-sizing:border-box}.gb-tabs__item:hover:not(.is-active){border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent);color:var(--gb-text)}.gb-tabs__item.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft);font-weight:600;color:var(--gb-accent-contrast)}.dark .gb-tabs__item.is-active{color:var(--gb-accent)}.gb-tab-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--gb-border);background:transparent;color:var(--gb-text);font-size:14px;font-weight:400;cursor:pointer;transition:border-color .15s,background .15s}.gb-tab-btn--active{font-weight:600}.gb-tab-btn--active,.gb-tab-btn:hover:not(:disabled),a:hover .gb-tab-btn{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-root-tab,.gb-tab-btn:hover:not(:disabled),a:hover .gb-tab-btn{color:var(--gb-text)}.gb-root-tab{padding:4px 12px;border-radius:6px;border:1px solid var(--gb-border);background:transparent;font-size:14px;font-weight:400;cursor:pointer;min-width:36px;text-align:center;transition:border-color .15s,background .15s}.gb-root-tab--active{font-weight:600}.gb-root-tab--active,a:hover .gb-root-tab{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}a:hover .gb-root-tab{color:var(--gb-text)}.gb-mode-btn{padding:5px 14px;border-radius:6px;font-size:13px;font-weight:400;border:1px solid var(--gb-border);background:var(--gb-surface);color:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.gb-mode-btn--active,.gb-mode-btn.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:#000;font-weight:500}.dark .gb-mode-btn--active,.dark .gb-mode-btn.is-active{color:var(--gb-accent)}.gb-mode-btn:hover:not(.is-active):not(.gb-mode-btn--active):not(:disabled){background:color-mix(in srgb,var(--gb-accent) 8%,transparent);border-color:var(--gb-accent);color:var(--gb-text)}.gb-mode-btn:disabled{opacity:.35;cursor:default}.gb-mode-btn--sm{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:400;border:1px solid var(--gb-border);background:var(--gb-surface);color:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.gb-mode-btn--sm.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:#000;font-weight:500}.dark .gb-mode-btn--sm.is-active{color:var(--gb-accent)}.gb-mode-btn--sm:hover:not(.is-active){background:color-mix(in srgb,var(--gb-accent) 8%,transparent);border-color:var(--gb-accent);color:var(--gb-text)}.gb-mode-group{display:flex;gap:2px;background:var(--gb-surface-muted);border-radius:8px;padding:2px;border:1px solid var(--gb-border)}.gb-layer-btn{padding:5px 12px;border-radius:6px;font-size:13px;font-weight:400;border:1px solid var(--gb-border);background:var(--gb-surface);color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s,border-color .15s,color .15s}.gb-layer-btn.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:#000;font-weight:500}.dark .gb-layer-btn.is-active{color:var(--gb-accent)}.gb-layer-btn:hover:not(.is-active){background:color-mix(in srgb,var(--gb-accent) 8%,transparent);border-color:var(--gb-accent);color:var(--gb-text)}.gb-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;width:100%;padding:8px;background:var(--gb-surface-muted);border:1px solid var(--gb-border);border-radius:16px}.gb-segmented__item{min-height:44px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--gb-text);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding-inline:16px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.gb-segmented__item.is-active{background:var(--gb-surface);border-color:var(--gb-border);box-shadow:var(--gb-shadow-1)}.gb-input{display:block;width:100%;min-height:44px;padding-inline:var(--gb-control-padding-x-md);padding-block:0;border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);background:var(--gb-surface-muted);font-size:var(--gb-control-font-size);line-height:var(--gb-control-line-height);color:inherit;box-sizing:border-box;transition:border-color .15s}.gb-input:focus{outline:none;border-color:var(--gb-accent)}.gb-textarea{display:block;width:100%;padding:10px var(--gb-control-padding-x-md);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);background:var(--gb-surface-muted);font-size:var(--gb-control-font-size);line-height:1.6;color:inherit;resize:vertical;box-sizing:border-box;transition:border-color .15s}.gb-textarea:focus{outline:none;border-color:var(--gb-accent)}.gb-select{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--gb-control-padding-x-md);padding-block:0;border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);background:var(--gb-surface-muted);font-size:var(--gb-control-font-size);line-height:var(--gb-control-line-height);color:inherit;cursor:pointer;box-sizing:border-box;transition:border-color .15s}.gb-select:focus{outline:none;border-color:var(--gb-accent)}.gb-range{width:100%;cursor:pointer;accent-color:var(--gb-accent)}.gb-field{display:flex;flex-direction:column;gap:8px}.gb-field__label{font-size:14px;line-height:20px;font-weight:500;color:var(--gb-text)}.gb-field__hint{font-size:13px;line-height:20px;color:var(--gb-text-secondary)}.gb-field__value{font-size:14px;line-height:20px;font-weight:600;color:var(--gb-text);font-variant-numeric:tabular-nums}.gb-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;line-height:16px}.gb-badge--soft{background:var(--gb-accent-soft);color:#000}.dark .gb-badge--soft{color:var(--gb-accent)}.gb-chip:focus-visible,.gb-input:focus-visible,.gb-layer-btn:focus-visible,.gb-link:focus-visible,.gb-mode-btn--sm:focus-visible,.gb-mode-btn:focus-visible,.gb-pos-thumb:focus-visible,.gb-segmented__item:focus-visible,.gb-select:focus-visible,.gb-tab-card:focus-visible,.gb-tabs__item:focus-visible,.gb-textarea:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-card{background:var(--gb-surface);box-shadow:none}.gb-card,.gb-soft-block{border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-soft-block{background:var(--gb-surface-muted)}.gb-soft-block.hub-section{padding:var(--gb-space-4)}.gb-card--padded{padding:var(--gb-space-5);display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-card--interactive{transition:border-color .15s,background .15s,box-shadow .15s;cursor:pointer}.gb-card--interactive:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-card--compact{padding:var(--gb-space-3)}.gb-card--centered{text-align:center;align-items:center}.gb-card--theory{padding:var(--gb-space-4);gap:var(--gb-space-2)}.gb-card--chiplike{display:inline-flex;align-items:center;padding:var(--gb-space-1) var(--gb-space-3);border-radius:var(--gb-radius-xs);font-size:var(--gb-fs-caption);font-weight:var(--gb-fw-label)}.gb-control-card{background:var(--gb-surface);border:1px solid var(--gb-border);transition:background-color .15s,border-color .15s,color .15s}.gb-control-card:hover{background:color-mix(in srgb,var(--gb-accent) 8%,transparent);border-color:var(--gb-accent)}.gb-section--card{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);padding:var(--gb-space-5)}.gb-page-card{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-xl);box-shadow:var(--gb-shadow-1);padding:var(--gb-page-padding-desktop)}@media (max-width:1024px){.gb-page-card{padding:var(--gb-page-padding-tablet)}}@media (max-width:640px){.gb-page-card{padding:var(--gb-space-3) var(--gb-page-padding-mobile);border-radius:0;border:none;box-shadow:none}}.surface-card{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-xl);box-shadow:var(--gb-shadow-1);padding:var(--gb-page-padding-desktop)}@media (max-width:1024px){.surface-card{padding:var(--gb-page-padding-tablet)}}@media (max-width:640px){.surface-card{padding:var(--gb-space-3) 0;border-radius:0;border:none;box-shadow:none}}.gb-tiles{display:grid;gap:var(--gb-space-4)}.gb-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.gb-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.gb-tiles--3,.gb-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.gb-tiles--2,.gb-tiles--3,.gb-tiles--4{grid-template-columns:1fr}}@media (max-width:480px){.gb-card--padded,.gb-section--card{padding:var(--gb-space-3)}}.gb-tile{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);padding:var(--gb-space-5);min-height:132px;display:flex;flex-direction:column;gap:var(--gb-space-3);transition:border-color .2s ease,background .2s ease}.gb-tile:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-tile--static:hover{border-color:var(--gb-border);transform:none;cursor:default}.gb-tile--full-height{height:100%}.gb-tile--compact{padding:6px 12px;min-height:0}.gb-tile--row{flex-direction:row;align-items:center}.gb-tile--center{align-items:center;justify-content:center;text-align:center}.gb-tile--no-hover:hover{border-color:var(--gb-border);background:var(--gb-surface);cursor:default}.gb-tile--flat:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent);transform:none}@media (max-width:480px){.gb-tile{padding:var(--gb-space-4);min-height:100px}}.gb-chord-tile-link .gb-tile{gap:var(--gb-space-2)}.gb-chord-tile-link .gb-h4{margin-bottom:0}.gb-scale-dna-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gb-scale-dna-item{display:flex;flex-direction:column;align-items:center;gap:2px}.gb-scale-dna-note{font-size:10px;color:var(--gb-text-secondary);line-height:1}.gb-scale-card-title{margin-bottom:0}.gb-scale-card-summary{font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary);margin-top:0}.gb-scale-dna-row+.gb-stack--xs{gap:var(--gb-space-2);margin-top:12px}.gb-panel{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md)}.gb-panel--muted{background:var(--gb-surface-muted)}.gb-panel--interactive{transition:border-color .15s,background .15s,box-shadow .15s;cursor:pointer}.gb-panel--interactive:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-panel--accent{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-panel--warning{border-color:var(--gb-warning);background:color-mix(in srgb,var(--gb-warning) 8%,transparent)}.gb-panel--info{border-color:var(--g-color-line-info);background:var(--g-color-base-info-light)}.gb-panel--info .gb-callout__icon{color:var(--g-color-text-info)}.gb-panel--padded-sm{padding:var(--gb-space-3)}.gb-panel--padded-md{padding:var(--gb-space-4)}.gb-panel--padded-lg{padding:var(--gb-space-6)}.gb-callout{display:flex;align-items:flex-start;gap:var(--gb-space-3)}.gb-callout__icon{flex-shrink:0;margin-top:2px;color:var(--gb-accent)}.gb-callout__body{display:flex;flex-direction:column;gap:var(--gb-space-1);flex-grow:1;min-width:0}.gb-callout__title{font-weight:600;font-size:15px;line-height:1.35}.gb-link-card{display:flex;flex-direction:column;gap:var(--gb-space-1);padding:var(--gb-space-3);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.gb-link-card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-link-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-link-card__title{font-weight:600;font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-caption)}.gb-link-card__sub{font-size:var(--gb-fs-caption);color:var(--gb-text-secondary);line-height:var(--gb-lh-caption)}.gb-link-card--flush{padding:14px 16px;border-radius:var(--gb-radius-xs)}.gb-link-card--flush .gb-link-card__title{font-size:15px}.gb-link-card--inline{display:inline-flex}.gb-link-card-list{display:flex;flex-direction:column;gap:10px}.gb-faq-panel{border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);background:var(--gb-surface);padding:var(--gb-space-4) var(--gb-space-6)}.gb-faq-panel__header{margin-bottom:var(--gb-space-3)}.gb-faq-panel__title{margin:0;font-size:16px;font-weight:600;color:var(--gb-text)}.gb-faq-list{display:flex;flex-direction:column}.gb-faq-item{border-top:1px solid var(--gb-divider)}.gb-faq-item:last-child{border-bottom:1px solid var(--gb-divider)}.gb-faq-item__question{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-3);width:100%;padding:var(--gb-space-3) 0;cursor:pointer;color:var(--gb-text)}.gb-faq-item__q-text{font-weight:500;color:inherit}.gb-faq-item__question:hover{color:var(--gb-accent)}.gb-faq-item__icon{flex-shrink:0;color:var(--gb-text-tertiary);transition:transform .2s ease}.gb-faq-item__question[aria-expanded=true] .gb-faq-item__icon{transform:rotate(180deg)}.gb-faq-item__answer{padding:0 0 var(--gb-space-4);color:var(--gb-text-secondary);line-height:1.6}.gb-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:12px;background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gb-space-4)}.space-y-4>.grid-tiles{margin-top:var(--gb-space-4)!important}.gb-cta-btn{display:inline-flex;align-items:center;gap:var(--gb-space-2);padding:var(--gb-space-4) var(--gb-space-7);border-radius:var(--gb-radius-sm);font-weight:600;font-size:var(--gb-fs-secondary);white-space:nowrap;transition:background .15s,color .15s,filter .15s}.gb-cta-btn,.gb-cta-btn:hover{background:var(--gb-accent);color:var(--gb-accent-contrast);text-decoration:none}.gb-cta-btn:hover{filter:brightness(1.1)}.gb-trainer-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--gb-space-5)}@media (max-width:480px){.gb-trainer-cta{grid-template-columns:1fr}}.hub-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-4);flex-wrap:wrap;padding:var(--gb-space-6) var(--gb-space-6);border-radius:var(--gb-radius-lg);background:linear-gradient(135deg,var(--hub-accent-soft,var(--gb-accent-soft)) 0,var(--gb-surface-muted) 100%);border:1px solid var(--hub-accent-border,var(--gb-border))}.hub-cta__text{display:flex;flex-direction:column;gap:var(--gb-space-1)}.hub-cta__text .gb-h3{font-size:18px}.hub-hero__actions{flex-direction:column;margin-top:var(--gb-space-1)}.hub-hero__actions,.hub-hero__actions-row{display:flex;gap:var(--gb-space-3)}.hub-hero__actions-row>.gb-btn{flex:1 1 0;min-width:0;padding-inline:var(--gb-space-2)}.hub-hero__actions-all{width:100%}@media (max-width:640px){.hub-hero__actions-row{flex-direction:column}.hub-hero__actions-row>.gb-btn{width:100%}}.gb-detail-actions{display:flex;flex-direction:column;gap:var(--gb-space-2);align-items:flex-end;flex-shrink:0}.gb-detail-actions__row{display:flex;flex-wrap:nowrap;gap:var(--gb-space-2);align-items:center;height:28px}.gb-detail-actions .g-button_size_l,.gb-detail-actions .gb-compare-btn .g-button,.gb-detail-actions .gb-favorite-btn.g-button{height:28px!important}.gb-detail-actions .gb-share-btn{width:28px;height:28px}.gb-detail-actions .gb-compare-btn,.gb-detail-actions .gb-favorite-btn,.gb-detail-actions .gb-share-bar>.g-button{min-width:130px}.gb-chord-header-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--gb-space-3)}.gb-chord-header-row>div:first-child{min-width:0}@media (max-width:768px){.gb-chord-header-row{flex-direction:column}.gb-detail-actions{width:100%;align-items:stretch;margin-top:10px;margin-bottom:12px}.gb-detail-actions__row>.gb-compare-btn,.gb-detail-actions__row>.gb-favorite-btn{flex:1 1 0;min-width:0}.gb-detail-actions .gb-compare-btn .g-button{width:100%}.gb-detail-actions__row>div:not(.gb-compare-btn){flex:1 1 0;min-width:0}.gb-detail-actions .gb-share-bar{width:100%}.gb-detail-actions .gb-share-bar>.g-button{flex:1 1 0;min-width:0}.gb-detail-actions .g-button_size_l{height:28px!important}}}@layer app-components{.chord-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:640px){.chord-showcase-grid{grid-template-columns:repeat(2,1fr)}}.chord-showcase-bottom{display:flex;gap:12px;margin-top:12px;align-items:stretch;min-height:80px}.chord-showcase-ad{flex:1 1 0;min-height:80px;background:var(--gb-surface-muted);border:1px dashed var(--gb-border);border-radius:var(--gb-radius);display:flex;align-items:center;justify-content:center}.chord-showcase-all{flex:0 0 calc(25% - 9px);min-width:80px}@media (max-width:640px){.chord-showcase-all{flex:0 0 calc(50% - 6px)}}.gb-prog-card{padding:14px 12px;background:color-mix(in srgb,var(--gb-accent) 8%,transparent);border:2px solid var(--gb-accent);border-radius:var(--gb-radius-md);height:100%;text-align:center}.gb-prog-card__name,.gb-prog-card__roman{display:block;line-height:1}.gb-prog-card__roman{font-size:11px;color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace)}.gb-prog-controls-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-4);flex-wrap:wrap}.gb-prog-key-block{flex-shrink:0}.gb-prog-key-block,.gb-prog-player-block{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-prog-player-block{flex-wrap:wrap}.gb-prog-bpm-label{display:flex;align-items:center;gap:6px}.gb-prog-bpm-input{width:80px}.gb-prog-pattern-row{display:flex;flex-wrap:wrap;gap:4px}.gb-prog-play-btn{height:36px}.gb-prog-stop-btn{height:36px;border-color:var(--g-color-line-danger);color:var(--g-color-text-danger);background:var(--g-color-base-danger-light)}.gb-prog-grid>*{min-height:0}.gb-prog-card.is-active{box-shadow:0 0 0 2px var(--gb-accent);transform:scale(1.03);transition:box-shadow .15s,transform .15s}.gb-prog-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.gb-prog-grid{grid-template-columns:repeat(var(--prog-cols,4),1fr)}}.gb-chord-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);min-width:68px;cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none;color:inherit}.gb-chord-card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-chord-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-chord-card__short{font-size:var(--gb-fs-h4);font-weight:600;line-height:1.1}.gb-chord-card__label{font-size:var(--gb-fs-micro);color:var(--gb-text-secondary);line-height:1.3;text-align:center}.gb-progression-card{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.gb-progression-card:hover{border-color:var(--gb-accent)!important;background:color-mix(in srgb,var(--gb-accent) 8%,transparent)!important}.gb-progression-card--gap-lg{gap:var(--gb-space-5);flex-wrap:wrap}.gb-variant-card--text{border-radius:10px;padding:12px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;transition:border-color .15s,background .15s;border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-variant-card--text[data-selected]{border-color:var(--gb-accent);border-width:2px;background:var(--gb-accent-soft)}.gb-variant-card--text:not([data-selected]):hover{border-color:var(--gb-accent)!important;background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))!important}.gb-variant-card__label{font-size:14px;line-height:1.3;word-break:break-word;color:var(--gb-text)}.gb-variant-card__label[data-selected]{font-weight:500}@media (max-width:640px){.gb-variant-card__label{font-size:13px}}.gb-diatonic-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;flex:1 1 20%;min-width:110px;border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none;color:inherit}.gb-diatonic-card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-diatonic-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-related-chip{display:inline-block;padding:5px 12px;border-radius:6px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:var(--gb-text);font-weight:400;font-size:14px;transition:border-color .15s,color .15s,background .15s}.gb-related-chip:hover{border-color:var(--gb-accent);color:var(--gb-text);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-key-degree-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:var(--gb-radius-md);border:2px solid var(--_kdc,var(--gb-border));background:color-mix(in srgb,var(--_kdc,var(--gb-border)) 10%,var(--gb-surface));text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.gb-key-degree-card:hover{background:color-mix(in srgb,var(--_kdc,var(--gb-accent)) 18%,var(--gb-surface));transform:translateY(-1px)}.gb-key-degree-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-key-degree-card__degree{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gb-text-secondary);line-height:1}.gb-key-degree-card__symbol{font-size:22px;font-weight:600;line-height:1.1}.gb-key-degree-card__func{font-size:11px;font-weight:500;color:var(--_kdc,var(--gb-text-tertiary));line-height:1}@media (max-width:600px){.gb-key-degree-card{padding:12px 8px}.gb-key-degree-card__symbol{font-size:17px}}.gb-enharmonic-chain-list{display:flex;flex-direction:column;gap:8px}.gb-enharmonic-chain{gap:0;padding:12px 16px;background:var(--gb-surface-muted);transition:border-color .15s}.gb-enharmonic-chain,.gb-enharmonic-chain__card{display:flex;align-items:center;border-radius:8px;border:1px solid var(--gb-border)}.gb-enharmonic-chain__card{flex-direction:column;gap:2px;flex:1 1 0;min-width:0;text-decoration:none;color:inherit;padding:8px 14px;background:var(--gb-surface);cursor:pointer;transition:border-color .15s,background .15s}.gb-enharmonic-chain__card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-enharmonic-chain__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;color:var(--gb-text-secondary);opacity:.5}.gb-enharmonic-chain__note{font-size:16px;font-weight:600;line-height:1.2}.gb-enharmonic-chain__label{font-size:11px;color:var(--gb-text-secondary);line-height:1.3}@media (max-width:480px){.gb-enharmonic-chain{padding:8px 12px}.gb-enharmonic-chain__note{font-size:14px}}.gb-enharm-alert-msg{font-size:15px}.gb-enharm-alert-msg strong{font-weight:600}.gb-chord-card-name-sm{font-size:16px;font-weight:600;line-height:1.1}.gb-chord-card-meta-sm{font-size:11px;color:var(--gb-text-secondary);line-height:1;text-align:center}.gb-chord-card--inert{cursor:default}.gb-chord-card--inert:hover{border-color:var(--gb-border);background:var(--gb-surface)}.gb-chord-card--inert:focus-visible{outline:none}.gb-chord-card--accent-border{border-color:var(--gb-accent)}.gb-chord-card--runtime-border{border-color:var(--gb-card-border,var(--gb-border))}.gb-resolution-arrow-col{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.gb-resolution-kind-label{font-size:10px;font-weight:600;color:var(--gb-kind-color,var(--gb-text-secondary));line-height:1.2;text-align:center;white-space:pre-line}.gb-chord-header-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.gb-chord-actions-col{display:flex;flex-direction:column;gap:var(--gb-space-2);align-items:flex-end}.gb-chord-section-divider{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider);display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-chord-section-divider--gap-2{gap:var(--gb-space-2)}.gb-chord-cta-row{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider);display:flex;align-items:center;gap:var(--gb-space-3);flex-wrap:wrap}.gb-chord-cta-button,.gb-chord-cta-title{font-weight:600;font-size:14px}.gb-chord-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--gb-space-2) var(--gb-space-5);border-radius:8px;background:var(--gb-accent);color:#fff;text-decoration:none;flex-shrink:0}.gb-chord-control-row-spacer{height:28px}.gb-chord-position-row{display:flex;gap:6px;overflow-x:auto;padding-top:var(--gb-space-2);padding-bottom:2px}.gb-chord-pos-thumb{border:1px solid var(--gb-border);border-radius:8px;padding:var(--gb-space-2) 6px;background:var(--gb-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:80px}.gb-chord-pos-thumb--active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-chord-pos-thumb-label{font-size:10px;color:var(--gb-text-secondary);text-align:center;line-height:1.2}.gb-chord-pos-thumb-label--active{color:var(--gb-accent)}.gb-chord-badge-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.gb-chord-badge{padding:2px var(--gb-space-2);border-radius:4px;background:var(--gb-surface-muted);font-size:12px}.gb-chord-badge--medium{font-weight:500}.gb-chord-badge--accent{background:var(--gb-accent-soft);color:var(--gb-accent);font-weight:600;border:1px solid var(--gb-accent)}.gb-chord-subs-table{border-collapse:collapse;width:100%;font-size:1rem}.gb-chord-subs-thead-row{border-bottom:1px solid var(--gb-divider)}.gb-chord-subs-th{text-align:left;font-weight:600;opacity:.7}.gb-chord-subs-th--type{padding:6px 12px 6px 0;opacity:1;font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption);letter-spacing:.05em;font-weight:var(--gb-fw-h3);text-transform:uppercase;color:var(--gb-text-secondary)}.gb-chord-subs-th--chord{padding:6px 12px}.gb-chord-subs-th--spacer{padding:6px 0}.gb-chord-subs-th--diag{padding:6px 0 6px 8px}.gb-chord-subs-tr{border-bottom:1px solid var(--gb-border)}.gb-chord-subs-td-type{padding:8px 12px 8px 0;vertical-align:top}.gb-chord-subs-td-chord{padding:8px 12px;vertical-align:middle}.gb-chord-subs-td-status{padding:8px 0;vertical-align:middle;opacity:.5;font-size:.875rem}.gb-chord-subs-td-diag{padding:8px 0 8px 8px;vertical-align:middle}.gb-chord-subs-type-name{font-weight:600}.gb-chord-subs-type-desc{font-size:.875rem;opacity:.6}.gb-chord-subs-link{font-weight:600;font-size:1.125rem}.gb-chord-subs-img{-o-object-fit:contain;object-fit:contain;display:block}.gb-chord-style-tag{padding:2px var(--gb-space-2);border-radius:10px;font-size:11px;background:var(--gb-surface-muted);color:var(--gb-text-secondary);border:1px solid var(--gb-border)}.gb-chord-fams-jump-link{padding:var(--gb-space-1) var(--gb-space-3);border-radius:6px;border:1px solid var(--gb-border);font-size:13px;text-decoration:none;color:inherit}.gb-chord-fams-jump-link--accent{display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--gb-accent)}.gb-chord-fams-section{scroll-margin-top:80px}.gb-chord-fams-panel{padding:var(--gb-space-5);border-radius:var(--gb-radius-md);border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-chord-fams-title-row{display:flex;align-items:baseline;gap:var(--gb-space-3);flex-wrap:wrap;margin-bottom:var(--gb-space-2)}.gb-chord-fams-formula{font-size:13px;background:var(--gb-surface-muted);font-family:var(--g-font-family-monospace)}.gb-chord-fams-formula,.gb-chord-fams-int-pill{padding:2px var(--gb-space-2);border-radius:4px}.gb-chord-fams-int-pill{font-size:12px;background:var(--gb-accent-soft);color:var(--gb-accent)}.gb-chord-fams-related-block{margin-top:var(--gb-space-3);padding-top:var(--gb-space-3);border-top:1px solid var(--gb-divider)}.gb-chord-fams-related-link{font-size:13px;color:var(--gb-accent);text-decoration:underline}.gb-chord-pos-rail-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-chord-pos-rail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gb-chord-pos-nav-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--gb-space-2);margin-bottom:14px}.gb-pos-nav-btn{width:100%;height:auto;padding:0}.gb-pos-nav-meta-sm{font-size:11px;color:var(--gb-text-secondary)}.gb-pos-nav-meta-xs{font-size:10px;color:var(--gb-text-secondary)}.gb-pos-nav-meta-xs--active{color:var(--gb-accent)}.gb-chord-pos-current-card{border:2px solid var(--gb-accent);border-radius:var(--gb-radius-sm);padding:10px var(--gb-space-2);background:var(--gb-accent-soft);display:flex;flex-direction:column;align-items:center;gap:6px}.gb-chord-pos-badge{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--gb-surface-muted)}.gb-chord-pos-badge--filled{background:var(--gb-accent);color:#fff;font-weight:600}.gb-chord-pos-next-col{display:flex;justify-content:flex-end}.gb-chord-ctx-grid{padding-bottom:var(--gb-space-4)}.gb-chord-ctx-roman{font-size:13px;font-weight:600;color:var(--gb-accent);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.gb-chord-ctx-card-name{font-size:15px;font-weight:600;line-height:1.1}.gb-chord-ctx-prog-list{display:flex;flex-direction:column;gap:6px}.gb-chord-ctx-prog-name{font-weight:600;font-size:15px;line-height:1.1;font-family:var(--g-font-family-monospace,monospace)}.gb-chord-ctx-prog-chords-row{gap:0}.gb-chord-ctx-prog-chord-cell,.gb-chord-ctx-prog-chords-row{display:flex;align-items:center}.gb-chord-ctx-prog-sep{color:var(--gb-text-secondary);font-size:13px;padding:0 6px}.gb-chord-ctx-prog-chord{font-weight:600;font-size:15px;padding:2px 10px;border-radius:4px;background:var(--gb-surface-muted);white-space:nowrap}.gb-chord-ctx-prog-genre{font-size:11px;padding:1px var(--gb-space-2);border-radius:10px;background:var(--gb-surface-muted);color:var(--gb-text-secondary);margin-left:auto}.gb-chord-enh-alert{margin-bottom:12px}.gb-chord-enh-alert .g-alert__title{font-size:14px}.gb-chord-enh-alert-body{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;font-size:13px}.gb-chord-enh-alert-text{flex:1 1 auto;min-width:0}.gb-chord-enh-alert-btn{flex:0 0 auto;white-space:nowrap}.gb-chord-enharmonic-notice{padding:10px var(--gb-space-4);border-radius:var(--gb-radius-xs);background:var(--gb-surface-muted);border:1px solid var(--gb-border);display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap}.gb-chord-char-why-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider);margin-top:var(--gb-space-2)}.gb-chord-char-app-section{padding-bottom:var(--gb-space-4)}.gb-chord-char-label-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:var(--gb-space-3);flex-wrap:wrap}.gb-self-test-section{padding-bottom:var(--gb-space-4)}.gb-self-test-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-self-test-controls{display:flex;gap:6px;align-items:center}.gb-self-test-grid{display:grid;grid-template-columns:7fr 3fr;gap:var(--gb-space-4);align-items:start}.gb-self-test-shape-fade{pointer-events:none;opacity:var(--_st-op,0);transition:opacity .3s}.gb-self-test-imagine{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--gb-surface-muted);border-radius:8px;font-size:13px;color:var(--gb-text-secondary);border:2px dashed var(--gb-border)}.gb-self-test-question{margin-bottom:var(--gb-space-3);font-weight:600;font-size:15px}.gb-self-test-options{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--gb-space-3)}@media (max-width:640px){.gb-self-test-grid{grid-template-columns:1fr}.gb-self-test-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}}.gb-quiz-answer{padding:14px;border-radius:6px;font-size:15px;font-weight:600;border:1px solid var(--gb-border);background:var(--gb-surface);color:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .15s}.gb-quiz-answer[data-state=revealed]{cursor:default}.gb-quiz-answer[data-result=selected]{background:var(--gb-accent-soft);border-color:var(--gb-accent)}.gb-quiz-answer[data-result=correct]{background:color-mix(in srgb,var(--gb-interval-4) 15%,transparent);border-color:var(--gb-interval-4);color:var(--gb-interval-4)}.gb-quiz-answer[data-result=incorrect]{background:color-mix(in srgb,var(--gb-interval-1) 15%,transparent);border-color:var(--gb-interval-1);color:var(--gb-interval-1)}.gb-self-test-reveal-btn{padding:8px 16px;border-radius:6px;font-size:13px;border:1px solid var(--gb-accent);background:var(--gb-accent-soft);color:var(--gb-accent);cursor:pointer;font-weight:600;margin-bottom:var(--gb-space-3)}.gb-self-test-next-btn{padding:8px 18px;border-radius:6px;font-size:13px;border:1px solid var(--gb-border);background:var(--gb-surface);cursor:pointer;font-weight:600}.gb-neckmap-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-neckmap-legend{margin-bottom:10px}.gb-neckmap-legend,.gb-neckmap-legend--bot{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-neckmap-legend--bot{margin-top:var(--gb-space-2)}@media (max-width:768px){.gb-neckmap-legend--bot{margin-top:var(--gb-space-4)}}.gb-neckmap-pos-btn{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;border:1px solid var(--gb-border);background:var(--gb-surface);font-size:12px;font-weight:400;opacity:1;transition:opacity .15s;cursor:default}.gb-neckmap-pos-btn[data-clickable=true]{cursor:pointer}.gb-neckmap-pos-btn[data-selected=true]{border-color:var(--_pos-color);background:color-mix(in srgb,var(--_pos-color) 13%,transparent);font-weight:600}.gb-neckmap-pos-btn[data-dim=true]{opacity:.4}.gb-neckmap-pos-dot{width:10px;height:10px;border-radius:50%;background:var(--_pos-color);flex-shrink:0}.gb-neckmap-svg{display:block;min-width:var(--_min-w,auto)}.gb-neckmap-dot-group{cursor:default}.gb-neckmap-dot-group[data-clickable=true]{cursor:pointer}.gb-neckmap-root-r{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-neckmap-pill{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 6px;border-radius:20px;border:1.5px solid var(--_pill-color);background:color-mix(in srgb,var(--_pill-color) 9%,transparent);font-size:12px;color:var(--gb-text)}.gb-skeleton-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-skeleton-steps{display:flex;flex-wrap:wrap;margin-bottom:14px}.gb-skeleton-step-label{display:inline-flex;align-items:center;gap:6px}.gb-skeleton-step-num{width:18px;height:18px;border-radius:50%;background:var(--gb-surface-muted);color:inherit;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.gb-skeleton-step-num[data-active=true]{background:var(--gb-accent);color:#fff}.gb-skeleton-row{display:flex;gap:var(--gb-space-4);align-items:flex-start;flex-wrap:wrap}.gb-skeleton-diagram{flex-shrink:0;pointer-events:none}.gb-skeleton-info{flex:1;min-width:180px}.gb-skeleton-desc{margin-bottom:var(--gb-space-3)}.gb-skeleton-active-label{font-size:12px;margin-bottom:6px}.gb-skeleton-active-list{display:flex;flex-wrap:wrap;gap:4px}.gb-skeleton-note-chip{padding:2px 8px;border-radius:4px;font-size:13px;font-weight:600;background:var(--gb-surface-muted);color:inherit}.gb-skeleton-note-chip[data-root=true]{background:#fde8e8;color:var(--gb-interval-1)}.gb-skeleton-note-en{font-weight:400;font-size:11px;color:var(--gb-text-secondary);margin-left:3px}.gb-skeleton-nav{display:flex;gap:var(--gb-space-2);margin-top:14px}.gb-xray-section{padding-block:var(--gb-space-4)}.gb-xray-list{display:flex;flex-direction:column;gap:6px}.gb-xray-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;background:var(--gb-surface);border:1px solid var(--gb-border);opacity:1}.gb-xray-row[data-dim=true]{opacity:.4}.gb-xray-dot{width:24px;height:24px;border-radius:50%;background:var(--_xray-color,#999);flex-shrink:0}.gb-xray-dot[data-root=true]{border:2px solid #fff;outline:2px solid var(--_xray-color,#999)}.gb-xray-str{font-size:12px;color:var(--gb-text-secondary);width:40px;flex-shrink:0}.gb-xray-note{font-weight:600;font-size:14px;min-width:90px}.gb-xray-note-en{font-weight:400;margin-left:4px}.gb-xray-note-en,.gb-xray-role{font-size:12px;color:var(--gb-text-secondary)}.gb-xray-role{flex:1}.gb-xray-tags{display:flex;gap:4px}.gb-xray-tag-root{background:#fde8e8;color:var(--gb-interval-1);font-weight:600}.gb-xray-tag-dup,.gb-xray-tag-root{font-size:10px;padding:1px 5px;border-radius:4px}.gb-xray-tag-dup{background:var(--gb-surface-muted);color:var(--gb-text-secondary)}.gb-learn-chord-article{max-width:760px;padding-block:var(--gb-space-6)}.gb-learn-layout__main .gb-learn-chord-article{max-width:none;padding-block:0}.gb-learn-chord-section{margin-bottom:var(--gb-space-5);padding-left:var(--gb-space-4);border-left:3px solid var(--gb-border)}.gb-learn-chord-section .gb-h3{margin-bottom:var(--gb-space-2)}.gb-learn-chord-section-body{margin-bottom:0;line-height:1.7;color:var(--gb-text);max-width:70ch}.gb-learn-chord-section-body[data-has-links=true]{margin-bottom:var(--gb-space-3)}.gb-learn-chord-links{display:flex;gap:var(--gb-space-2);flex-wrap:wrap}.gb-learn-chord-link{display:inline-flex;align-items:center;font-size:13px;color:var(--gb-accent);text-decoration:none;padding:5px 12px;border:1px solid var(--gb-border);border-radius:999px;background:var(--gb-surface);transition:border-color .15s,background .15s}.gb-learn-chord-link:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-learn-chord-nav{padding-top:var(--gb-space-6);border-top:1px solid var(--gb-divider);margin-top:var(--gb-space-4)}.gb-learn-chord-nav-label{font-size:12px;margin-bottom:var(--gb-space-3)}.gb-learn-chord-nav-list{display:flex;flex-direction:column;gap:6px}.gb-learn-chord-nav-link{font-size:14px;color:var(--gb-accent);text-decoration:none;display:flex;align-items:center;gap:6px}.gb-learn-chord-nav-link__arrow{color:var(--gb-text-secondary)}.gb-learn-chord-back{margin-top:var(--gb-space-6)}.gb-song-ex-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-song-ex-card{cursor:default}.gb-song-ex-title{font-size:15px;font-weight:600;line-height:1.1}.gb-song-ex-artist{font-size:11px;color:var(--gb-text-secondary);line-height:1}.gb-song-ex-detail{font-size:11px;color:var(--gb-text-tertiary);line-height:1.2}.gb-why-chord-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-why-chord-intro{margin-bottom:10px}.gb-why-chord-list{display:flex;flex-direction:column;gap:4px}.gb-why-chord-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:7px var(--gb-space-3);border-radius:8px;background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-why-chord-row[data-root=true]{background:var(--gb-accent-soft);border-color:var(--gb-accent)}.gb-why-chord-note{font-size:17px;font-weight:600}.gb-why-chord-row[data-root=true] .gb-why-chord-note{color:var(--gb-accent)}.gb-why-chord-step{font-size:11px;font-family:var(--g-font-family-monospace);color:var(--gb-text-secondary);opacity:.55}.gb-chord-related-grid{padding-block:var(--gb-space-4)}.gb-chord-related-item--full{grid-column:1/-1}.gb-chord-related-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-chord-related-more{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:var(--gb-space-1)}.gb-chord-related-more-link{font-size:13px}.gb-chord-neck-section{padding-block:var(--gb-space-4)}.gb-chord-neck-section--prog{padding-block:var(--gb-space-4) 0}.gb-chord-neck-controls{flex-wrap:wrap;margin-bottom:22px}.gb-chord-neck-controls,.gb-chord-neck-controls-inner{display:flex;gap:var(--gb-space-2);align-items:center}.gb-prog-chord-cards{display:grid;grid-template-columns:repeat(var(--cvg-cols,4),minmax(0,1fr));gap:var(--gb-space-2);margin-top:var(--gb-space-3)}.gb-prog-chord-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;min-width:0;border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);cursor:pointer;transition:border-color .15s,background .15s}.gb-prog-chord-card:not([data-selected]):hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.gb-prog-chord-card[data-selected]{border-color:var(--gb-accent);border-width:2px;background:var(--gb-accent-soft)}.gb-prog-chord-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-prog-chord-card__diagram{display:block;width:100%;max-width:120px}.gb-prog-chord-card__diagram-empty{display:block;width:100%;min-height:64px;border-radius:6px;background:color-mix(in srgb,var(--gb-border) 40%,transparent)}.gb-prog-chord-card__label{display:inline-flex;align-items:baseline;gap:4px;font-size:14px;line-height:1.3;color:var(--gb-text)}.gb-prog-chord-card[data-selected] .gb-prog-chord-card__label{font-weight:500}@media (max-width:640px){.gb-prog-chord-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-prog-chord-card__label{font-size:13px}}.gb-chord-neck-board{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md,12px);padding:var(--gb-space-4)}.gb-ladder-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-ladder-list{display:flex;flex-direction:column;gap:10px}.gb-ladder-step{display:flex;gap:var(--gb-space-3);align-items:flex-start;padding:var(--gb-space-3);border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);cursor:default}.gb-ladder-step[data-clickable=true]{cursor:pointer}.gb-ladder-step[data-selected=true]{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-ladder-step-num{width:28px;height:28px;border-radius:50%;background:var(--gb-surface-muted);color:inherit;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.gb-ladder-step-num[data-active=true]{background:var(--gb-accent);color:#fff}.gb-ladder-thumb{flex-shrink:0;pointer-events:none}.gb-ladder-info{flex:1;min-width:0}.gb-ladder-tag-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.gb-ladder-role-tag{font-size:12px;font-weight:600;padding:2px var(--gb-space-2);border-radius:4px;background:var(--gb-surface-muted)}.gb-ladder-difficulty{font-size:11px;color:var(--gb-text-secondary)}.gb-ladder-why{margin-bottom:2px}.gb-ladder-expand-btn{margin-top:var(--gb-space-2);background:none;border:none;color:var(--gb-accent);font-size:13px;cursor:pointer;padding:0}.gb-bysit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gb-space-4)}.gb-bysit-card{padding:var(--gb-space-4);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);display:flex;flex-direction:column;gap:10px}.gb-bysit-title-row{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-bysit-icon{font-size:22px}.gb-bysit-chord-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.gb-bysit-chord-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:6px;border:1px solid var(--gb-border);font-size:13px;font-weight:500;text-decoration:none;color:var(--gb-accent)}.gb-bysit-cat-link{font-size:13px;color:var(--gb-accent);text-decoration:underline;margin-top:4px}.gb-bysit-cta{padding:var(--gb-space-5);border-radius:12px;background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-bysit-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:8px;background:var(--gb-accent);color:#fff;font-weight:600;font-size:14px;text-decoration:none}.gb-chord-slash-row{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap}.gb-chord-slash-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px var(--gb-space-2);border-radius:4px;background:var(--gb-accent-soft);color:var(--gb-accent)}.gb-chord-export-btn-content,.gb-export-btn-content{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.gb-chord-export-grid,.gb-chord-play-grid,.gb-scale-play-grid{display:flex;flex-direction:column;gap:4px}.gb-chord-play-grid .gb-play-btn,.gb-scale-play-grid .gb-play-btn{height:36px}@media (max-width:768px){.gb-chord-export-grid,.gb-chord-play-grid,.gb-scale-play-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.gb-chord-export-grid>:nth-child(-n+3),.gb-chord-play-grid>:nth-child(-n+3),.gb-scale-play-grid>:nth-child(-n+3){grid-column:span 2}.gb-chord-export-grid>:nth-child(n+4),.gb-chord-play-grid>:nth-child(n+4){grid-column:span 3}}.gb-export-grid-2col{display:flex;flex-direction:column;gap:4px}@media (max-width:768px){.gb-export-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gb-export-grid-2col>:last-child:nth-child(odd){grid-column:1/-1}}.gb-pab-song-card{cursor:default}.gb-pab-song-title{font-size:16px;font-weight:600;line-height:1.1}.gb-pab-song-artist{font-size:11px;color:var(--gb-text-secondary);line-height:1}.gb-cvg-section{padding-bottom:var(--gb-space-4)}.gb-cvg-nav{display:flex;align-items:stretch;width:-moz-fit-content;width:fit-content;margin-top:var(--gb-space-3);margin-left:auto}.gb-cvg-counter{display:flex;align-items:center;justify-content:center;min-width:44px;padding:0 var(--gb-space-2);font-size:13px;color:var(--gb-text-secondary);border:1px solid var(--gb-border);border-left:none;border-right:none;background:var(--gb-surface)}.gb-cvg-grid{display:grid;grid-template-columns:repeat(var(--cvg-cols,1),1fr);gap:var(--gb-space-2);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.gb-cvg-diff-badge{font-size:10px;padding:1px 5px;border-radius:4px;font-weight:400}.gb-cvg-diff-badge[data-level="1"]{background:color-mix(in srgb,#22c55e 15%,transparent);color:#16a34a}.gb-cvg-diff-badge[data-level="2"]{background:color-mix(in srgb,#f97316 15%,transparent);color:#ea580c}.gb-cvg-diff-badge[data-level="3"]{background:color-mix(in srgb,#ef4444 15%,transparent);color:#dc2626}.gb-clp-panel{background:var(--gb-surface,#fff);border:1px solid var(--gb-border,#e0e0e0);border-radius:var(--gb-radius-lg,12px);padding:var(--gb-space-4)}.gb-clp-toolbar{display:flex;margin-bottom:var(--gb-space-3);flex-wrap:wrap;align-items:center;gap:var(--gb-space-2)}.gb-toolbar-selects{display:none}@media (max-width:768px){.gb-chord-neck-controls,.gb-clp-toolbar{display:none}.gb-toolbar-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-2);margin-bottom:var(--gb-space-3)}}.gb-clp-svg-wrap{width:100%;pointer-events:none}.gb-cea-actions-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap;align-items:center}.gb-cea-listen-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.gb-chord-root-chip,.gb-root-chip{min-width:36px}@media (max-width:640px){.gb-chip-row .gb-chord-root-chip,.gb-chip-row .gb-root-chip{flex:1 1 auto}}.gb-enh-card-center{align-items:center;text-align:center}.gb-enh-row{display:flex;gap:var(--gb-space-2);align-items:center;justify-content:center}.gb-enh-note{font-weight:600;font-size:18px;color:var(--gb-text)}.gb-enh-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gb-space-3)}.gb-enh-grid>a{display:flex}.gb-enh-grid>a>*{flex:1}.gb-enh-grid .gb-enh-card-center{justify-content:center}@media (max-width:768px){.gb-enh-grid{grid-template-columns:repeat(2,1fr)}}.gb-learn-chords-container{max-width:760px;padding-block:var(--gb-space-6)}.gb-learn-layout__main .gb-learn-chords-container{max-width:none;padding-block:0}.gb-learn-article-list{display:flex;flex-direction:column;gap:10px}.gb-learn-article-card{display:block;padding:14px var(--gb-space-4);border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit}.gb-learn-article-title{font-weight:600;font-size:14px;margin-bottom:4px}.gb-learn-back-link{font-size:13px;color:var(--gb-accent);text-decoration:underline}.gb-cvtl-root{margin-top:var(--gb-space-3)}.gb-cvtl-caption{font-size:12px;margin-bottom:6px}.gb-cvtl-row{display:flex;flex-wrap:wrap;gap:4px}.gb-cvtl-col{display:flex;flex-direction:column;align-items:center;gap:2px}.gb-cvtl-string-label{font-size:10px;color:var(--gb-text-tertiary);text-align:center}.gb-cvtl-role-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.gb-scr-card-root{font-size:16px;font-weight:600;line-height:1.1}.gb-scr-card-name{font-size:11px;color:var(--gb-text-secondary);line-height:1.3;text-align:center}.gb-showcase-section{padding-bottom:4px}.gb-showcase-header{margin-bottom:var(--gb-space-4)}.gb-showcase-desc{margin-top:4px}.gb-showcase-all-arrow{font-size:18px;color:var(--gb-accent)}.gb-chord-enh-banner{padding:10px var(--gb-space-4);border-radius:8px;background:var(--gb-surface-muted);border:1px solid var(--gb-border);display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap}.gb-chord-enh-banner-link{font-size:13px;white-space:nowrap}.gb-chord-enh-h1-tag{font-weight:400;font-size:.6em;margin-left:var(--gb-space-2)}.gb-chord-start-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-chord-theory-h3{padding-top:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-chord-mini-card{gap:var(--gb-space-2)}.gb-chord-mini-spacer{height:80px}.gb-chord-mini-title{margin-bottom:0}.gb-chord-mini-name{line-height:1.3}@media (max-width:640px){.gb-chord-mini-name{font-size:15px}}.gb-chord-trainer-cta{padding:var(--gb-space-5) var(--gb-space-6);border-radius:14px;background:linear-gradient(135deg,var(--gb-accent-soft) 0,var(--gb-surface-muted) 100%);border:1px solid var(--gb-border);display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-4);flex-wrap:wrap}.gb-skel-chord-detail-h60{height:60px;border-radius:8px}.gb-skel-chord-detail-h120{height:120px;border-radius:8px}.gb-skel-chord-detail-h280{height:280px;border-radius:8px}.gb-chord-loading-stack{gap:var(--gb-space-3);display:flex;flex-direction:column}.gb-skel-title{height:36px;width:30%}.gb-skel-subtitle{height:18px;width:60%}.gb-skel-section-h{height:28px;width:80px}.gb-skel-tile{height:96px}.gb-skel-chips{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-skel-chip{height:36px;width:84px;border-radius:999px}.gb-tune-card{padding:12px 8px;border-radius:var(--gb-radius-md);border:2px solid var(--gb-border);background:var(--gb-surface);display:flex;flex-direction:column;align-items:center;gap:4px;min-height:56px;justify-content:center}.gb-tune-card__note{font-family:var(--g-font-family-monospace,monospace);font-weight:600;font-size:18px;color:var(--gb-text)}.gb-tune-card__string-num{font-size:11px;color:var(--gb-text-secondary)}.gb-tune-card--interactive{cursor:pointer;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.gb-tune-card--interactive:hover{border-color:var(--gb-accent)!important}.gb-tune-card--interactive:active{box-shadow:0 0 0 2px color-mix(in srgb,var(--gb-accent) 30%,transparent)}.gb-tuning-strings-list{display:flex;flex-direction:column;gap:8px}.gb-tuning-string-row{display:flex;align-items:center;gap:12px}.gb-tuning-string-circle{align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid;flex-shrink:0;background:transparent}.gb-tuning-string-circle,.gb-tuning-string-note{display:inline-flex;font-weight:600;font-size:14px}.gb-tuning-string-note{align-items:baseline;gap:4px;padding:5px 12px;border-radius:6px;background:var(--gb-surface);border:1px solid var(--gb-divider);line-height:1.4}.gb-tuning-string-note__en{font-size:11px;font-weight:400;color:var(--gb-text-secondary)}.gb-tuning-diff-list{display:flex;flex-direction:column;gap:4px}.gb-tuning-diff-item{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:6px;background:var(--gb-surface);border:1px solid var(--gb-divider);font-size:14px}.gb-tuning-diff-item__string{font-weight:600;min-width:28px}.gb-tuning-diff-item__arrow,.gb-tuning-diff-item__string{color:var(--gb-text-secondary)}.gb-tuning-diff-item__note{font-weight:600;flex:1}.gb-tuning-diff-item__diff{font-size:12px;font-family:var(--g-font-family-monospace,monospace);color:var(--gb-text-secondary);white-space:nowrap}.gb-tuning-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.gb-tuning-compare__col{display:flex;flex-direction:column;gap:0}.gb-tuning-compare__heading{font-size:11px;line-height:16px;letter-spacing:.06em;font-weight:600;text-transform:uppercase;color:var(--gb-text-secondary);margin:0 0 12px;padding:0}.gb-tuning-compare__list{display:flex;flex-direction:column;gap:8px}.gb-tuning-compare__row{display:flex;align-items:center;gap:12px;height:42px}.gb-tuning-compare__note-box{display:inline-flex;align-items:baseline;gap:4px;padding:5px 12px;border-radius:6px;background:var(--gb-surface);border:1px solid var(--gb-divider);font-weight:600;font-size:14px;line-height:1.4;min-width:170px;box-sizing:border-box}.gb-tuning-compare__note-box--std{background:var(--gb-surface-muted)}.gb-tuning-compare__note-en{font-size:11px;font-weight:400;color:var(--gb-text-secondary)}.gb-tuning-compare__delta{display:inline-flex;align-items:center;justify-content:flex-end;min-width:48px;font-size:13px;font-weight:600;font-family:var(--g-font-family-monospace,monospace);white-space:nowrap;flex-shrink:0}.gb-tuning-compare__delta[data-dir=down]{color:#4c9de0}.gb-tuning-compare__delta[data-dir=up]{color:#e05252}.gb-tuning-compare__delta[data-dir=same]{color:var(--gb-text-secondary)}@media (max-width:600px){.gb-tuning-compare{grid-template-columns:1fr;gap:20px}}.gb-tuning-formula-stepper{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 12px;background:var(--gb-surface-muted);border-radius:8px}.gb-tuning-formula-stepper__segment{display:flex;flex-direction:column;align-items:center;width:100%}.gb-tuning-formula-stepper__node{width:100%}.gb-tuning-formula-stepper__note{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 12px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:8px;white-space:nowrap;line-height:1.3}.gb-tuning-formula-stepper__interval{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font-size:11px;line-height:1.2;color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace,monospace)}.gb-tuning-formula-stepper__chevron{color:var(--gb-text-secondary);flex-shrink:0}@media (max-width:480px){.gb-tuning-formula-stepper{padding:10px 6px}.gb-tuning-formula-stepper__note{font-size:11px;padding:6px 8px}.gb-tuning-formula-stepper__interval{font-size:10px}}.gb-tuning-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gb-tuning-entity-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--gb-radius-md,8px);background:var(--gb-surface);border:1px solid var(--gb-border);transition:box-shadow .15s,border-color .15s;cursor:default}.gb-tuning-entity-card:hover{border-color:var(--gb-accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.gb-tuning-entity-card__name{font-weight:600;font-size:14px;line-height:1.3}.gb-tuning-entity-card__sub{font-size:11px;color:var(--gb-text-secondary);line-height:1.3}.tuner-string-btn:hover{filter:brightness(1.08);box-shadow:0 0 0 2px color-mix(in srgb,var(--gb-accent) 25%,transparent)}.gb-tuning-detail-table{width:100%;border-collapse:collapse;font-size:14px}.gb-tuning-detail-thead-row{border-bottom:1px solid var(--gb-border)}.gb-tuning-detail-th{text-align:left;padding:4px 8px;color:var(--gb-text-secondary);font-weight:600}.gb-tuning-detail-th--blank{padding:4px 8px}.gb-tuning-detail-tr{border-bottom:1px solid var(--gb-divider);transition:background .2s}.gb-tuning-detail-tr--playing{background:var(--gb-accent-soft)}.gb-tuning-detail-td{padding:5px 8px}.gb-tuning-detail-td--note,.gb-tuning-detail-td--num{padding:5px 8px;font-weight:600}.gb-tuning-detail-td--note{font-family:var(--g-font-family-monospace)}.gb-tuning-detail-td--midi{padding:5px 8px;color:var(--gb-text-secondary)}.gb-tuning-detail-td--btn{padding:5px 8px;width:1%}.gb-tdiff-list{display:flex;flex-direction:column;gap:6px}.gb-tdiff-row{display:grid;grid-template-columns:32px 40px 20px 40px 1fr;align-items:center;gap:var(--gb-space-2);padding:6px var(--gb-space-3);border-radius:8px;background:transparent;border:1px solid var(--gb-border)}.gb-tdiff-row[data-direction=down]{background:color-mix(in srgb,#4c9de0 13%,transparent);border-color:color-mix(in srgb,#4c9de0 27%,transparent)}.gb-tdiff-row[data-direction=up]{background:color-mix(in srgb,#e05252 13%,transparent);border-color:color-mix(in srgb,#e05252 27%,transparent)}.gb-tdiff-num{text-align:right}.gb-tdiff-from{font-family:var(--g-font-family-monospace,monospace);font-weight:600;font-size:15px;color:var(--gb-text-primary)}.gb-tdiff-from[data-changed=true]{color:var(--gb-text-secondary);text-decoration:line-through;opacity:.6}.gb-tdiff-arrow{text-align:center}.gb-tdiff-to{font-family:var(--g-font-family-monospace,monospace);font-weight:600;font-size:15px;color:var(--gb-text-secondary)}.gb-tdiff-to[data-direction=down]{color:#4c9de0}.gb-tdiff-to[data-direction=up]{color:#e05252}.gb-tdiff-delta{font-size:12px;color:var(--gb-text-secondary);font-weight:400}.gb-tdiff-delta[data-direction=down]{color:#4c9de0;font-weight:600}.gb-tdiff-delta[data-direction=up]{color:#e05252;font-weight:600}.gb-tdiff-legend{margin-top:10px;display:flex;gap:var(--gb-space-4);flex-wrap:wrap}.gb-tdiff-legend-item{font-size:12px}.gb-tdiff-legend-item--down{color:#4c9de0}.gb-tdiff-legend-item--up{color:#e05252}.gb-tdiff-legend-item--neutral{color:var(--gb-text-secondary)}.gb-tcard-link{text-decoration:none;display:block;height:100%}.gb-tcard{height:100%;display:flex;flex-direction:column;gap:0;cursor:pointer}.gb-tcard-title{line-height:1.3;margin-bottom:6px}.gb-tcard-notes{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--gb-space-2) var(--gb-space-2);margin-bottom:var(--gb-space-4);border-radius:var(--gb-radius-sm,8px);background:var(--gb-surface-muted);border:1px solid var(--gb-border);font-family:var(--g-font-family-monospace,monospace);font-size:15px;font-weight:600;letter-spacing:1px;white-space:nowrap;color:var(--gb-accent)}.gb-tcard-desc{margin:0 0 var(--gb-space-4)}.gb-tcard-tag{font-size:11px;padding:2px var(--gb-space-2);border-radius:12px;background:var(--gb-surface-muted);color:var(--gb-text-secondary);border:1px solid var(--gb-border)}.gb-tcard-tag--color{background:color-mix(in srgb,var(--_tag-color) 13%,transparent);color:var(--_tag-color);border-color:color-mix(in srgb,var(--_tag-color) 27%,transparent)}.gb-tfam-hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gb-space-4)}.gb-tfam-hero-main{flex:1}.gb-tfam-hero-share{flex-shrink:0}.gb-tfam-chip-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap}.gb-tfam-char-chip{padding:6px 14px;border-radius:20px;background:var(--gb-surface);border:1px solid var(--gb-border);font-size:14px}.gb-tfam-genre-chip{padding:4px var(--gb-space-3);border-radius:12px;background:var(--gb-surface-muted);border:1px solid var(--gb-border);font-size:13px;color:var(--gb-text-secondary)}.gb-tfam-related-link{text-decoration:none}.gb-tfam-related-desc{margin:0}.gb-tfam-related-cta{font-size:12px;color:var(--gb-accent);margin-top:4px}.gb-tfam-back-link{color:var(--gb-accent);text-decoration:none;font-size:14px}.gb-tcreate-card{padding:var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-tcreate-card--tight{padding:14px}.gb-tcreate-card-title{display:block}.gb-tcreate-row{display:flex;gap:var(--gb-space-4);align-items:center;flex-wrap:wrap}.gb-tcreate-field{display:flex;flex-direction:column;gap:4px}.gb-tcreate-string-list{display:flex;flex-direction:column;gap:10px}.gb-tcreate-string-row{display:flex;align-items:center;gap:10px;padding:var(--gb-space-2) var(--gb-space-3);border-radius:8px;background:var(--gb-surface-muted);transition:background .2s;flex-wrap:wrap}.gb-tcreate-string-row[data-playing=true]{background:var(--gb-accent-soft)}.gb-tcreate-string-num{width:24px;text-align:center;font-weight:600;color:var(--gb-text-secondary)}.gb-tcreate-note-cell{width:90px}.gb-tcreate-octave-cell{width:70px}.gb-tcreate-freq{color:var(--gb-text-secondary);font-size:12px;min-width:80px}.gb-tcreate-actions{display:flex;gap:10px;flex-wrap:wrap}.gb-tfilt-instr-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--gb-space-3)}.gb-tfilt-instr-btn{padding:7px var(--gb-space-4);border-radius:8px;border:1px solid var(--gb-border);background:transparent;color:var(--gb-text-secondary);font-size:14px;font-weight:400;cursor:pointer;transition:all .15s;white-space:nowrap}.gb-tfilt-instr-btn[data-active=true]{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:var(--gb-accent);font-weight:600}.gb-tfilt-search-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--gb-space-3)}.gb-tfilt-search-input{flex:1 1 200px;min-width:160px;padding:var(--gb-space-2) 14px;border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);color:var(--gb-text-primary);font-size:14px;outline:none}.gb-tfilt-chips-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap;margin-bottom:var(--gb-space-5)}.gb-tfilt-chip{padding:5px 14px;border-radius:20px;border:1px solid var(--gb-border);background:transparent;color:var(--gb-text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .15s;white-space:nowrap}.gb-tfilt-chip:hover:not(:disabled):not([data-active=true]){border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent);color:var(--gb-text)}.gb-tfilt-chip[data-active=true]{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:var(--gb-accent);font-weight:600}.gb-tfilt-reset-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--gb-border);background:transparent;color:var(--gb-text-secondary);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.gb-tfilt-reset-btn:focus-visible,.gb-tfilt-reset-btn:hover{border-color:var(--gb-danger,#ef4444);color:var(--gb-danger,#ef4444)}.gb-tfilt-count{margin-bottom:var(--gb-space-4)}.gb-tfilt-empty{padding:var(--gb-space-8) var(--gb-space-6);text-align:center;border:1px dashed var(--gb-border);border-radius:12px}.gb-tdet-chip-link{text-decoration:none}.gb-tdet-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gb-space-4)}.gb-tdet-meta-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap;margin-top:var(--gb-space-2)}.gb-tdet-meta-pill{padding:3px var(--gb-space-3);border-radius:20px;font-size:13px;background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-tdet-full-link-wrap{margin-top:var(--gb-space-4)}.gb-tdet-full-link{color:var(--gb-accent)}.gb-tfhero{padding:28px var(--gb-space-7);border-radius:var(--gb-radius-lg);background:var(--gb-surface);border:1px solid var(--gb-border)}.gb-tfhero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gb-space-4);flex-wrap:wrap}.gb-tfhero-main{min-width:0;flex:1}.gb-tfhero-count-card{flex-shrink:0;padding:var(--gb-space-4) var(--gb-space-6);border-radius:12px;background:var(--gb-surface-muted);text-align:center;min-width:120px}.gb-tfhero-count-num{font-size:32px;font-weight:800;color:var(--gb-accent);line-height:1}.gb-tfhero-count-label{margin-top:4px}.gb-tfhero-chars-row{margin-top:var(--gb-space-5);display:flex;gap:var(--gb-space-2);flex-wrap:wrap}.gb-tfhero-char-chip{font-size:12px;padding:4px var(--gb-space-3);border-radius:20px;background:var(--gb-accent-soft);color:var(--gb-accent);border:1px solid color-mix(in srgb,var(--gb-accent) 20%,transparent)}.gb-tos-row-compact{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gb-tos-chip-compact{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--_str-color) 13%,transparent);border:2px solid var(--_str-color);color:var(--_str-color);font-weight:600;font-size:13px;font-family:var(--g-font-family-monospace,monospace);flex-shrink:0}.gb-tos-label-row{display:flex;gap:var(--gb-space-2);margin-bottom:var(--gb-space-2);flex-wrap:wrap}.gb-tos-label-right{margin-left:auto}.gb-tos-grid{display:grid;grid-template-columns:repeat(var(--_tos-cols,6),1fr);gap:var(--gb-space-2)}.gb-tos-card{border-color:var(--_str-color,var(--gb-accent));background:color-mix(in srgb,var(--_str-color,var(--gb-accent)) 10%,transparent)}.gb-tos-summary-row{margin-top:var(--gb-space-3);display:flex;justify-content:center}.gb-tos-summary-text{font-family:var(--g-font-family-monospace,monospace);font-size:13px;letter-spacing:3px;color:var(--gb-accent);font-weight:600}.gb-tlegacy-title-row{display:flex;gap:var(--gb-space-2);align-items:baseline;flex-wrap:wrap}.gb-tlegacy-instr-tag{padding:2px 10px;background:var(--gb-accent-soft);color:var(--gb-accent);border-radius:20px;font-weight:600}.gb-tlegacy-cat-tag{padding:2px 10px;background:var(--gb-surface-muted);border-radius:20px}.gb-tlegacy-strings-card{padding:var(--gb-space-5);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-tlegacy-strings-title{display:block}.gb-tlegacy-cta{padding:var(--gb-space-5) var(--gb-space-6);border-radius:12px;background:var(--gb-surface-muted);border:1px solid var(--gb-border);display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-4);flex-wrap:wrap}.gb-tlegacy-cta-desc{margin:0}.gb-tinstr-subtitle{margin-top:6px}.gb-tinstr-empty{text-align:center;padding:48px}.gb-tcreate-page{max-width:640px}.gb-tcreate-title{margin-bottom:var(--gb-space-2)}.gb-tcreate-intro{margin-bottom:var(--gb-space-6)}.gb-voice-leading-compare{padding:16px;border-radius:10px;background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-voice-leading-compare__title{font-size:11px;line-height:16px;letter-spacing:.06em;font-weight:600;text-transform:uppercase;color:var(--gb-text-secondary);margin:0 0 12px}.gb-voice-leading-compare__grid{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:4px 12px;align-items:center}.gb-voice-leading-compare__head{font-size:11px;line-height:16px;letter-spacing:.06em;font-weight:600;text-transform:uppercase;color:var(--gb-text-secondary);padding-bottom:4px}.gb-voice-leading-compare__string{font-size:12px;color:var(--gb-text-secondary);white-space:nowrap}.gb-voice-leading-compare__note-box{display:inline-flex;align-items:baseline;gap:4px;padding:4px 12px;border-radius:6px;background:var(--gb-surface);border:1px solid var(--gb-divider);font-weight:600;font-size:13px;line-height:1.4;min-width:120px;box-sizing:border-box}.gb-voice-leading-compare__note-box--muted{background:transparent;border-color:var(--gb-divider);color:var(--gb-text-secondary);font-weight:400;min-width:120px;justify-content:center}.gb-voice-leading-compare__note-en{font-size:11px;font-weight:400;color:var(--gb-text-secondary)}.gb-voice-leading-compare__fret{font-size:10px;font-weight:400;opacity:.5}.gb-voice-leading-compare__delta{display:inline-flex;align-items:center;justify-content:center;min-width:60px;font-size:12px;font-weight:600;font-family:var(--g-font-family-monospace,monospace);white-space:nowrap;flex-shrink:0}.gb-voice-leading-compare__delta[data-state=empty]{color:var(--gb-text-secondary);font-weight:400}.gb-voice-leading-compare__delta[data-state=common]{color:var(--gb-accent)}.gb-voice-leading-compare__delta[data-state=same]{color:var(--gb-text-secondary);font-weight:400}.gb-voice-leading-compare__delta[data-state=down]{color:#2196F3}.gb-voice-leading-compare__delta[data-state=up]{color:var(--gb-interval-b3)}.gb-voice-leading-compare__legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gb-divider)}.gb-voice-leading-compare__legend-item{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--gb-text-secondary);line-height:1}.gb-voice-leading-compare__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gb-voice-leading-compare__legend-dot--down{background:#2196F3}.gb-voice-leading-compare__legend-dot--up{background:var(--gb-interval-b3)}.gb-voice-leading-compare__legend-dot--common{background:var(--gb-accent)}@media (max-width:600px){.gb-voice-leading-compare__grid{min-width:480px}.gb-voice-leading-compare{overflow-x:auto;-webkit-overflow-scrolling:touch}}.gb-vl-3col-grid{display:grid;grid-template-columns:1fr 88px 1fr;gap:var(--gb-space-4);align-items:end}.gb-vl-3col-grid--center,.gb-vl-symbol-col{align-items:center}.gb-vl-symbol-col{display:flex;flex-direction:column}.gb-vl-symbol{font-size:16px;font-weight:600}.gb-vl-symbol--accent{color:var(--gb-accent)}.gb-vl-symbol-label{font-size:11px;color:var(--gb-text-secondary)}.gb-vl-diagram-panel{padding:var(--gb-space-4);border-radius:var(--gb-radius-md);border:1px solid var(--gb-border);background:var(--gb-surface);width:100%}.gb-vl-diagram-panel--accent-border{border-color:var(--gb-accent)}.gb-vl-center-col{display:flex;flex-direction:column;align-items:center;gap:6px}.gb-vl-score-box{padding:var(--gb-space-2) 14px;border-radius:var(--gb-radius-xs);background:var(--gb-surface-muted);border:1px solid var(--gb-border);text-align:center}.gb-vl-score-distance{font-size:22px;font-weight:600}.gb-vl-score-caption{font-size:10px}.gb-vl-chevron,.gb-vl-score-caption{color:var(--gb-text-secondary)}.gb-interval-chain{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px;gap:12px 0;background:var(--gb-surface-muted);border-radius:8px}.gb-interval-chain__segment{display:flex;align-items:flex-start;flex:1 1 0;min-width:0}.gb-interval-chain__segment:last-child{flex:0 0 auto}.gb-interval-chain__note{font-size:14px;font-weight:600;padding:8px 14px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:8px;white-space:nowrap}.gb-interval-chain__arrow{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1 1 0;min-width:8px;padding:12px 2px 0;overflow:hidden}.gb-interval-chain__arrow svg{color:var(--gb-text-secondary)}.gb-int-map-controls-row{display:flex;align-items:flex-end;gap:var(--gb-space-4);flex-wrap:wrap}.gb-int-map-controls-row--gap-3,.gb-int-map-mode-row{gap:var(--gb-space-3)}.gb-int-map-mode-row{display:flex;align-items:center;flex-wrap:wrap}.gb-int-detail-h-grid{display:grid;grid-template-columns:auto 1fr auto;gap:var(--gb-space-6);align-items:end;padding:var(--gb-space-4) var(--gb-space-5);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-sm)}.gb-int-map-select-w{width:100px}.gb-int-map-play-content{display:inline-flex;align-items:center;gap:6px}.gb-int-map-info-cards{display:flex;gap:var(--gb-space-6);padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface-muted);border-radius:var(--gb-radius-xs);flex-wrap:wrap;font-size:14px}.gb-int-map-info-cards--end{align-self:flex-end}.gb-int-map-info-label{color:var(--gb-text-secondary);font-size:12px;margin-bottom:2px}.gb-int-map-info-value{font-weight:600;font-size:16px}.gb-int-map-info-aside{font-weight:400;color:var(--gb-text-secondary)}.gb-int-map-fretboard-wrapper{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);padding:var(--gb-space-4)}.gb-interval-chain__label{font-size:11px;color:var(--gb-text-secondary);text-align:center;line-height:1.3;width:100%;white-space:normal;overflow-wrap:break-word}.gb-interval-chain__line{font-size:14px;color:var(--gb-text-secondary);line-height:1}.gb-interval-chain__note-col{display:inline-flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.gb-interval-chain__note-col .gb-interval-chain__label{white-space:normal;overflow:visible;text-overflow:clip;max-width:88px}@media (max-width:480px){.gb-interval-chain__segment{flex:1 1 40%;min-width:40%}.gb-interval-chain__segment:last-child{flex:0 0 auto;min-width:0}}[data-interval="0"]{--_ic:var(--gb-interval-1)}[data-interval="1"]{--_ic:var(--gb-interval-b2)}[data-interval="2"]{--_ic:var(--gb-interval-2)}[data-interval="3"]{--_ic:var(--gb-interval-b3)}[data-interval="4"]{--_ic:var(--gb-interval-3)}[data-interval="5"]{--_ic:var(--gb-interval-4)}[data-interval="6"]{--_ic:var(--gb-interval-tritone)}[data-interval="7"]{--_ic:var(--gb-interval-5)}[data-interval="8"]{--_ic:var(--gb-interval-b6)}[data-interval="9"]{--_ic:var(--gb-interval-6)}[data-interval="10"]{--_ic:var(--gb-interval-b7)}[data-interval="11"]{--_ic:var(--gb-interval-7)}[data-interval=octave]{--_ic:var(--gb-interval-1)}.gb-iv{color:var(--_ic,inherit);transition:opacity .15s}a.gb-iv:hover,a>.gb-iv:hover{opacity:.8}.gb-interval-chain__segment[data-interval] .gb-interval-chain__note{border:2px solid var(--_ic,var(--gb-border));color:var(--_ic,var(--gb-text));background:color-mix(in srgb,var(--_ic,transparent) 9%,var(--gb-surface))}.gb-interval-chain__segment[data-interval] .gb-interval-chain__label{color:color-mix(in srgb,var(--_ic,var(--gb-text-secondary)) 65%,var(--gb-text-secondary))}.gb-interval-chain--dense .gb-interval-chain__note{font-size:14px;padding:5px 8px}.gb-interval-chain--dense .gb-interval-chain__arrow{padding-top:8px}.gb-interval-chain--dense .gb-interval-chain__label{font-size:11px}.gb-interval-chain--dense{padding:12px;gap:4px 0}.gb-interval-chain--wrap{flex-wrap:wrap;gap:12px 0}.gb-interval-chain--wrap .gb-interval-chain__segment{flex:1 1 0}.gb-interval-chain--wrap .gb-interval-chain__segment:last-child{flex:0 0 auto}@media (max-width:480px){.gb-interval-chain--wrap .gb-interval-chain__segment{flex:1 1 40%;min-width:40%}.gb-interval-chain--wrap .gb-interval-chain__segment:last-child{flex:0 0 auto;min-width:0}}.gb-interval-chain--scroll{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin;padding:14px;mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent)}.gb-interval-chain--scroll::-webkit-scrollbar{height:4px}.gb-interval-chain--scroll::-webkit-scrollbar-thumb{background:var(--gb-border-strong);border-radius:2px}.gb-interval-chain--scroll .gb-interval-chain__segment{flex:0 0 auto}.gb-interval-chain--strip{flex-wrap:nowrap;gap:0;padding:12px 16px;width:100%}.gb-interval-chain--strip .gb-interval-chain__note{font-size:14px;padding:6px 12px}.gb-interval-chain--strip .gb-interval-chain__label{font-size:11px}.gb-interval-chain--strip .gb-interval-chain__arrow{padding-top:9px}.gb-interval-chain--strip .gb-interval-chain__segment{flex:1 1 0;min-width:0}.gb-interval-chain--strip .gb-interval-chain__segment:last-child{flex:0 0 auto}@media (max-width:768px){.gb-interval-chain--strip{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;mask-image:linear-gradient(90deg,transparent 0,black 12px,black calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 12px,black calc(100% - 24px),transparent);padding-left:16px;padding-right:24px}.gb-interval-chain--strip .gb-interval-chain__segment{flex:0 0 auto}.gb-interval-chain--strip::-webkit-scrollbar{height:3px}.gb-interval-chain--strip::-webkit-scrollbar-thumb{background:var(--gb-border-strong);border-radius:2px}}.gb-formula-stepper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 0;padding:14px 12px;background:var(--gb-surface-muted);border-radius:8px}.gb-formula-stepper__segment{display:flex;align-items:flex-start;flex:1 1 0;min-width:0}.gb-formula-stepper__segment--last{flex:0 0 auto}.gb-formula-stepper__node{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0}.gb-formula-stepper__note{font-size:13px;font-weight:600;padding:6px 12px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:8px;white-space:nowrap;line-height:1.2}.gb-formula-stepper__step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1 1 0;min-width:8px;padding:6px 2px 0}.gb-formula-stepper__chevron{color:var(--gb-text-secondary);flex-shrink:0}.gb-formula-stepper__step-label{font-size:10px;line-height:1.2;color:var(--gb-text-secondary);white-space:nowrap;margin-top:4px;text-align:center;font-family:var(--g-font-family-monospace,monospace)}@media (max-width:480px){.gb-formula-stepper{padding:10px 6px}.gb-formula-stepper__note{font-size:11px;padding:4px 6px}.gb-formula-stepper__step-label{font-size:9px}}.gb-formula-step{display:inline-block;padding:4px 8px;border-radius:6px;border:1px solid var(--gb-border);font-size:13px;font-weight:600;color:var(--gb-text);background:var(--gb-surface-muted);transition:opacity .15s}.gb-formula-step[data-interval]{color:var(--_ic,var(--gb-text));border-color:color-mix(in srgb,var(--_ic,var(--gb-border)) 50%,var(--gb-border));background:color-mix(in srgb,var(--_ic,transparent) 12%,var(--gb-surface-muted))}.gb-formula-step--1{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.gb-formula-step--2{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.gb-formula-step--3{background:#fef3c7;border-color:#fcd34d;color:#92400e}.dark .gb-formula-step--1{background:#7f1d1d44;border-color:#ef444466;color:#fca5a5}.dark .gb-formula-step--2{background:#1e3a5f44;border-color:#3b82f666;color:#93c5fd}.dark .gb-formula-step--3{background:#78350f44;border-color:#f59e0b66;color:#fcd34d}a .gb-formula-step:hover,a:has(.gb-formula-step) .gb-formula-step:hover{opacity:.75}.gb-interval-note-list{display:flex;flex-direction:column;gap:12px}.gb-interval-note-step{display:flex;align-items:center;gap:8px}.gb-interval-note-step__pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:8px;font-weight:600;font-size:14px;border:1px solid var(--gb-border);min-width:44px}.gb-interval-note-step__pill--root{background:var(--gb-accent);color:#fff}.gb-interval-note-step__pill--target{background:color-mix(in srgb,var(--gb-accent) 15%,var(--gb-surface));color:var(--gb-text)}.gb-interval-note-step__chevron{color:var(--gb-text-secondary);flex-shrink:0}.gb-interval-card{transition:border-color .15s,background .15s;cursor:default}.gb-interval-card:hover{border-color:var(--gb-accent)!important;background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))!important}.gb-interval-card .gb-interval-name:hover,a.gb-interval-name,a.gb-interval-name:hover{color:var(--gb-text)}.gb-int-conn-sib-row{display:flex;flex-wrap:wrap;gap:10px}.gb-int-conn-sib-card{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:10px var(--gb-space-4);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;min-width:80px}.gb-int-conn-sib-short{font-weight:600;font-size:15px;font-family:var(--g-font-family-monospace)}.gb-int-conn-sib-label{font-size:12px;color:var(--gb-text-secondary);text-align:center;line-height:1.3}.gb-int-conn-hint{margin-bottom:var(--gb-space-2)}.gb-int-conn-chip-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-int-conn-chord-name{font-size:16px;font-weight:600;line-height:1.1}.gb-int-conn-chord-label{font-size:11px;color:var(--gb-text-secondary);line-height:1.3;text-align:center}.gb-int-conn-ear-link{display:inline-flex;align-items:center;gap:var(--gb-space-2);padding:var(--gb-space-3) var(--gb-space-5);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:var(--gb-accent);font-weight:600;font-size:15px}.gb-int-conn-ear-arrow{font-size:18px}.gb-int-detail-meta-row{display:flex;gap:var(--gb-space-2);align-items:center;flex-wrap:wrap;margin-top:var(--gb-space-3)}.gb-int-detail-divider-section{padding-top:var(--gb-space-4)}.gb-int-detail-adjacent-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-4)}.gb-int-detail-adj-card{display:flex;flex-direction:column;gap:6px;padding:var(--gb-space-4) var(--gb-space-5);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit}.gb-int-detail-adj-card--right{text-align:right}.gb-int-detail-adj-cap{font-size:12px;color:var(--gb-text-secondary)}.gb-int-detail-adj-title{font-weight:600;font-size:18px}.gb-int-detail-adj-meta{font-size:14px;color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace)}.gb-int-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gb-space-3)}@media (max-width:1024px){.gb-int-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.gb-int-list-grid{grid-template-columns:1fr}}.gb-int-stepper{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:var(--gb-radius-sm,8px);background:color-mix(in srgb,var(--_int-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--_int-color) 20%,transparent)}.gb-int-step-note{font-weight:600;font-size:18px;line-height:1;color:var(--gb-text)}.gb-int-step-note[data-target]{color:var(--_int-color)}.gb-int-step-arrow{color:var(--gb-text-tertiary)}.gb-int-list-card{border:1px solid var(--gb-border);border-radius:var(--gb-radius-md,12px);padding:14px;background:var(--gb-surface);display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-int-list-card[data-playing=true]{border-color:var(--_int-color);background:color-mix(in srgb,var(--_int-color) 7%,var(--gb-surface))}.gb-int-list-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.gb-int-list-short{font-family:var(--g-font-family-monospace);font-size:13px}.gb-int-list-semi,.gb-int-list-short{font-weight:600;padding:1px var(--gb-space-2);background:color-mix(in srgb,var(--_int-color) 13%,transparent);color:var(--_int-color);border-radius:20px;border:1px solid color-mix(in srgb,var(--_int-color) 27%,transparent)}.gb-int-list-semi{font-size:12px}.gb-int-list-name{font-weight:600;font-size:15px;text-decoration:none;line-height:1.2}.gb-int-list-desc{font-size:12px;color:var(--gb-text-secondary);line-height:1.4;flex:1}.gb-int-list-example{font-size:12px;color:var(--gb-text-tertiary);font-style:italic;font-family:var(--font-ibm-plex-sans,sans-serif)}.gb-int-list-play-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.gb-ipb-section{padding-top:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-ipb-cta-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-6);padding:var(--gb-space-6) 28px;border-radius:12px;border:1px solid var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.gb-ipb-cta-body{flex:1 1 300px;min-width:0}.gb-ipb-cta-arrow{font-size:18px}.gb-iub-song-card{padding:10px 14px;border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);display:flex;flex-direction:column;gap:2px;width:160px;min-width:0}.gb-iub-song-title{font-weight:600;font-size:14px;line-height:1.2}.gb-iub-song-artist{font-size:12px}.gb-iub-song-artist,.gb-iub-song-detail{color:var(--gb-text-secondary);line-height:1.3}.gb-iub-song-detail{font-size:11px}.gb-skel-int-title{height:36px;width:30%}.gb-skel-int-row{height:64px}.gb-int-fb-root{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-int-fb-controls{display:flex;align-items:flex-end;gap:var(--gb-space-3);flex-wrap:wrap}.gb-int-fb-field{display:flex;flex-direction:column;gap:4px}.gb-int-fb-field-label{font-weight:400}.gb-int-fb-select-w{width:100px}.gb-note-list{display:flex;flex-direction:column;gap:8px}.gb-note-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:8px}.gb-note-row--root{border-left:3px solid var(--gb-accent)}.gb-note-row--char{border-left:3px solid var(--gb-interval-b3)}.gb-note-row--resolve{display:grid;grid-template-columns:36px minmax(60px,auto) 16px 36px minmax(60px,auto);align-items:center;-moz-column-gap:8px;column-gap:8px;row-gap:4px}.gb-note-row--resolve>.gb-note-row__note{flex:none;white-space:nowrap}.gb-note-row--resolve>.gb-note-row__label{grid-column:1/-1;margin-left:42px;white-space:normal;height:auto;line-height:1.3}.gb-note-row__arrow{color:var(--gb-text-secondary);font-size:14px;flex-shrink:0;text-align:center}.gb-note-row[data-interval]{border-left:3px solid var(--_ic,var(--gb-border))}.gb-note-row__degree{font-family:var(--g-font-family-monospace);font-weight:600;font-size:13px;min-width:36px;flex-shrink:0}.gb-note-row[data-interval]>.gb-note-row__degree{color:var(--_ic,inherit)}.gb-note-row__note{flex:1;font-weight:600;font-size:14px}.gb-note-row__label{display:inline-flex;align-items:center;padding:2px 8px;height:22px;border-radius:4px;font-size:11px;line-height:1;white-space:nowrap;margin-left:auto;flex-shrink:0;background:var(--gb-surface-muted,#f0f0f0);color:var(--gb-text-secondary)}.gb-note-row[data-interval]>.gb-note-row__label{background:color-mix(in srgb,var(--_ic,var(--gb-surface-muted)) 12%,transparent);color:var(--_ic,var(--gb-text-secondary))}.gb-note-row__name{font-weight:600;font-size:14px;white-space:nowrap;min-width:32px;flex-shrink:0}.gb-note-row--root .gb-note-row__name{color:var(--gb-accent)}.gb-note-row--char .gb-note-row__name{color:var(--gb-interval-b3)}.gb-note-row__sub{font-size:11px;font-weight:400;color:var(--gb-text-secondary);margin-left:4px}.gb-note-row__desc{flex:1;font-size:13px;color:var(--gb-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis}.gb-note-row__tag{display:inline-flex;align-items:center;padding:0 8px;height:20px;border-radius:4px;font-size:11px;line-height:1;white-space:nowrap;background:var(--gb-surface-muted,#f0f0f0);color:var(--gb-text-secondary)}.gb-note-row__tag--info{background:color-mix(in srgb,var(--gb-accent) 12%,transparent);color:var(--gb-accent)}.gb-note-row__tag--warning{background:color-mix(in srgb,var(--gb-interval-b3) 12%,transparent);color:var(--gb-interval-b3)}.gb-note-row .g-label{margin-left:auto;flex-shrink:0}.gb-note-row--fn-tonic{--_ic:var(--gb-accent);border-left:3px solid var(--gb-accent)}.gb-note-row--fn-subdominant{--_ic:var(--gb-interval-b3);border-left:3px solid var(--gb-interval-b3)}.gb-note-row--fn-dominant{--_ic:var(--gb-interval-4);border-left:3px solid var(--gb-interval-4)}.gb-note-row--fn-dominant>.gb-note-row__label,.gb-note-row--fn-subdominant>.gb-note-row__label,.gb-note-row--fn-tonic>.gb-note-row__label{background:color-mix(in srgb,var(--_ic,var(--gb-surface-muted)) 12%,transparent);color:var(--_ic,var(--gb-text-secondary))}.gb-resolution-card{display:flex;flex-direction:column;gap:var(--gb-space-2);padding:var(--gb-space-4);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);background:var(--gb-surface);transition:border-color .15s}.gb-resolution-card__head{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-resolution-card__title{font-size:14px;font-weight:600;color:var(--gb-text)}.gb-resolution-card__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--gb-radius-xs);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.gb-resolution-card__body{font-size:14px;line-height:1.5;color:var(--gb-text-secondary)}.gb-resolution-card__target{display:flex;align-items:center;gap:var(--gb-space-2);font-size:14px;font-weight:500}.gb-resolution-card--deceptive{border-left:3px solid var(--gb-warning)}.gb-resolution-card--deceptive .gb-resolution-card__badge{background:color-mix(in srgb,var(--gb-warning) 15%,transparent);color:var(--gb-warning)}.gb-resolution-card--modal{border-left:3px solid var(--gb-interval-tritone)}.gb-resolution-card--modal .gb-resolution-card__badge{background:color-mix(in srgb,var(--gb-interval-tritone) 15%,transparent);color:var(--gb-interval-tritone)}.gb-resolution-card--functional{border-left:3px solid var(--gb-success)}.gb-resolution-card--functional .gb-resolution-card__badge{background:color-mix(in srgb,var(--gb-success) 15%,transparent);color:var(--gb-success)}.gb-resolution-card--jazz{border-left:3px solid var(--gb-interval-5)}.gb-resolution-card--jazz .gb-resolution-card__badge{background:color-mix(in srgb,var(--gb-interval-5) 15%,transparent);color:var(--gb-interval-5)}.gb-resolution-stepper{display:flex;flex-direction:column;gap:16px}.gb-resolution-stepper__item{display:flex;flex-direction:column;gap:0;background:var(--gb-surface-muted);border-radius:10px;padding:14px 16px}.gb-resolution-stepper__flow{display:flex;align-items:center;gap:12px}.gb-resolution-stepper__card,.gb-resolution-stepper__flow>.gb-chord-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);min-width:90px;flex:1 1 0}.gb-resolution-stepper__card[data-color=accent]{border-color:var(--gb-accent)}.gb-resolution-stepper__card[data-color=orange]{border-color:var(--gb-interval-b3)}.gb-resolution-stepper__card[data-color=green]{border-color:var(--gb-interval-4)}.gb-resolution-stepper__card[data-color=accent] .gb-resolution-stepper__degree{color:var(--gb-accent)}.gb-resolution-stepper__card[data-color=orange] .gb-resolution-stepper__degree{color:var(--gb-interval-b3)}.gb-resolution-stepper__card[data-color=green] .gb-resolution-stepper__degree{color:var(--gb-interval-4)}.gb-resolution-stepper__degree{font-size:12px;font-weight:600;font-family:var(--g-font-family-monospace,monospace);line-height:1.2}.gb-resolution-stepper__note{font-size:16px;font-weight:600;line-height:1.2}.gb-resolution-stepper__en{font-size:11px;color:var(--gb-text-secondary);line-height:1.2}.gb-resolution-stepper__card--link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.gb-resolution-stepper__card--link:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.gb-resolution-stepper__chevron{color:var(--gb-text-secondary);flex-shrink:0}.gb-resolution-stepper__comment{margin-top:12px;padding-top:12px;border-top:1px solid var(--gb-border);font-size:13px;color:var(--gb-text-secondary);line-height:1.6}.gb-chord-mode-step{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:opacity .15s}.gb-chord-mode-step:hover{opacity:.85}.gb-chord-mode-step__card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);min-width:56px;transition:border-color .15s,background .15s}.gb-chord-mode-step:hover .gb-chord-mode-step__card{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.gb-chord-mode-step__card--mode{border-color:color-mix(in srgb,var(--gb-accent) 40%,var(--gb-border));background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.gb-chord-mode-step__card-title{font-weight:600;font-size:14px;line-height:1.2}.gb-chord-mode-step__card-sub{font-size:11px;color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace,monospace)}.gb-chord-mode-step__chevron{color:var(--gb-text-tertiary);flex-shrink:0}.gb-fn-chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,auto));gap:8px;margin-top:8px}.gb-fn-chord-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:8px;border:1px solid var(--_fc,var(--gb-border));background:color-mix(in srgb,var(--_fc,var(--gb-border)) 6%,var(--gb-surface));text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;min-width:0}.gb-fn-chord-card:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--_fc,var(--gb-accent)) 25%,transparent)}.gb-fn-chord-card__symbol{font-weight:600;font-size:18px;line-height:1.2}.gb-fn-chord-card__degree{font-size:11px;font-weight:600;color:var(--_fc,var(--gb-text-tertiary));font-family:var(--g-font-family-monospace,monospace)}.gb-diagram-frame{background:var(--gb-diagram-surface);border:1px solid var(--gb-border);border-radius:16px;padding:16px}.gb-diagram-block{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);padding:var(--gb-space-4)}@media (max-width:640px){.gb-diagram-block{padding:var(--gb-space-3);border-radius:var(--gb-radius-sm)}}.gb-diagram-label{font-family:var(--font-roboto-flex,"Roboto Flex"),system-ui,sans-serif;font-size:13px;line-height:20px;font-weight:500;fill:var(--gb-diagram-text)}.gb-pos-thumb{flex-shrink:0;border:1px solid var(--gb-border);border-radius:6px;padding:8px 4px 4px;background:var(--gb-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;transition:background .15s,border-color .15s}.gb-pos-thumb.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-pos-thumb:hover:not(.is-active){background:var(--gb-surface-muted);border-color:var(--gb-border-strong)}.gb-pos-card-diagram{display:flex;justify-content:center;width:100%}.gb-pos-card-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.gb-pos-nav-card{border:1px solid var(--gb-border);border-radius:8px;padding:8px 6px;background:var(--gb-surface);display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;opacity:.7;transition:background .15s,border-color .15s,opacity .15s}button:hover>.gb-pos-nav-card{opacity:1;background:var(--gb-surface-muted);border-color:var(--gb-border-strong)}.gb-chord-thumb{transition:border-color .15s,background .15s}.gb-chord-thumb:not(.is-selected):hover{border-color:var(--gb-accent)!important;background:color-mix(in srgb,var(--gb-accent) 8%,transparent)!important}.gb-swipe-stage{position:relative;touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none}.gb-swipe-stage__content{transition:transform .2s ease,opacity .15s ease}.gb-swipe-stage__content.is-swiping-left{transform:translateX(-12px);opacity:.7}.gb-swipe-stage__content.is-swiping-right{transform:translateX(12px);opacity:.7}.gb-swipe-stage__hint{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:var(--gb-text-tertiary,#bbb);pointer-events:none;opacity:.5;transition:opacity .2s}.gb-swipe-stage__hint--left{left:4px}.gb-swipe-stage__hint--right{right:4px}.gb-position-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--gb-surface-muted,#f5f5f5);border:1px solid var(--gb-border,#e0e0e0);font-size:13px;color:var(--gb-text-secondary);line-height:1.3}.gb-position-badge__icon{font-size:14px;opacity:.6}.gb-rail{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;padding-inline:2px;padding-block:2px}.gb-rail::-webkit-scrollbar{display:none}.gb-rail>*{flex:0 0 auto}.gb-rail-wrapper{position:relative}.gb-rail-wrapper:after,.gb-rail-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.gb-rail-wrapper:before{left:0;background:linear-gradient(to right,var(--gb-page-bg,#fff),transparent)}.gb-rail-wrapper:after{right:0;background:linear-gradient(to left,var(--gb-page-bg,#fff),transparent)}.gb-rail-wrapper.gb-rail--fade-left:before,.gb-rail-wrapper.gb-rail--fade-right:after{opacity:1}.gb-card-rail{scroll-snap-type:x mandatory}.gb-card-rail>*{scroll-snap-align:center}.gb-overflow-row{scroll-snap-type:x proximity}.gb-overflow-row>*{scroll-snap-align:start}.gb-diag-edit-section{display:flex;flex-direction:column;gap:10px}.gb-diag-edit-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gb-text-secondary)}.gb-diag-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-6);align-items:stretch}.gb-diag-edit-touch-wrap{touch-action:none}.gb-diag-edit-canvas{padding:var(--gb-space-4);display:flex;flex-direction:column;align-items:center;min-height:300px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-diag-edit-canvas-inner{position:relative;display:inline-block;max-width:100%}.gb-diag-edit-alert-mt{margin-top:var(--gb-space-2)}.gb-diag-edit-settings-panel{padding:var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-diag-edit-settings-stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-diag-edit-divider{margin:0}.gb-diag-edit-divider,.gb-diag-edit-divider--mid{border:none;border-top:1px solid var(--gb-divider)}.gb-diag-edit-divider--mid{margin:10px 0}.gb-diag-edit-help{font-size:12px;color:var(--gb-text-secondary)}.gb-diag-edit-finger-input{position:absolute;left:var(--diag-finger-x,0);top:var(--diag-finger-y,0);width:var(--diag-finger-size,30px);height:var(--diag-finger-size,30px);text-align:center;font-size:13px;font-weight:600;border:2px solid white;border-radius:50%;background:rgb(0 0 0/.75);color:white;padding:0;z-index:10;cursor:text;outline:none}.gb-diag-edit-finger-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,5),1fr);gap:var(--gb-space-1)}.gb-diag-edit-finger-btn{width:100%;padding:var(--gb-space-2) 2px;font-size:14px}.gb-diag-edit-labels-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,5),minmax(0,1fr));gap:var(--gb-space-1)}.gb-diag-edit-label-col{display:flex;flex-direction:column;align-items:center;gap:2px}.gb-diag-edit-mini{font-size:10px;color:var(--gb-text-secondary)}.gb-diag-edit-label-mb-1{margin-bottom:var(--gb-space-1);display:block}.gb-diag-edit-finger-label-input{width:100%;min-width:0;text-align:center;border:1px solid var(--gb-border);border-radius:var(--gb-space-1);padding:var(--gb-space-1) 2px;font-size:13px;font-weight:600;background:var(--gb-surface);color:var(--gb-text);box-sizing:border-box}.gb-diag-edit-color-input{width:100%;height:32px;border:none;cursor:pointer}.gb-diag-edit-dot-size-row{margin-bottom:var(--gb-space-1)}.gb-diag-edit-dot-size-btn{flex:1}.gb-diag-edit-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gb-space-1)}.gb-diag-edit-shape-btn{width:100%}.gb-diag-edit-strings-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,6),minmax(0,1fr));gap:var(--gb-space-1);margin-top:var(--gb-space-1)}.gb-diag-edit-barres-row{display:flex;gap:var(--gb-space-1);align-items:center;flex-wrap:wrap;margin-top:var(--gb-space-1)}.gb-diag-edit-barre-list{margin-top:6px}.gb-diag-edit-barre-row{display:flex;align-items:center;gap:var(--gb-space-2);font-size:13px}.gb-diag-edit-advanced-wrap{margin-top:var(--gb-space-4)}.gb-diag-edit-advanced-stack{display:flex;flex-direction:column;gap:14px;margin-top:var(--gb-space-4)}.gb-diag-edit-fret-numbers-wrap{display:flex;flex-direction:column;gap:var(--gb-space-2);padding-left:0;margin-top:var(--gb-space-1);margin-bottom:var(--gb-space-2)}.gb-diag-edit-form-row,.gb-diag-edit-format-radio-stack{display:flex;flex-direction:column;gap:var(--gb-space-1)}.gb-diag-edit-slider-row{display:flex;flex-direction:column;gap:2px}.gb-diag-edit-slider-label-line{font-size:14px;display:flex;justify-content:space-between}.gb-diag-edit-slider-val{opacity:.6}.gb-diag-edit-clear-btn{--g-button-background-color-hover:var(--g-color-base-danger)}.gb-diag-edit-clear-btn:hover,.gb-diag-edit-clear-btn:hover .g-button__text{color:#fff}.gb-diag-edit-bottom-grid{padding-block:var(--gb-space-3);border-top:1px solid var(--gb-divider);display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-4);align-items:start}.gb-diag-edit-bottom-col{display:flex;flex-direction:column;gap:10px}.gb-diag-edit-bottom-col--gap-2{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-diag-edit-section-h4{font-size:var(--gb-fs-h4);font-weight:600;color:var(--gb-text);margin:0}.gb-diag-edit-share-row{display:flex;gap:var(--gb-space-2)}.gb-diag-edit-share-btn-flex1{flex:1}.gb-diag-edit-share-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap;font-size:15px}.gb-diag-edit-social-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gb-space-2)}.gb-diag-edit-social-icon{flex-shrink:0}.gb-scale-diagram-wrap{padding:12px}.gb-scale-diagram-wrap>svg{height:auto}.gb-diagram-svg-root{font-family:var(--g-font-family-sans,"IBM Plex Sans",sans-serif);touch-action:auto;max-width:100%;height:auto;pointer-events:all}.gb-diagram-svg-root[data-interactive=true]{touch-action:none;cursor:pointer}.gb-diagram-hit{cursor:pointer}.gb-diagram-ghost-dot{pointer-events:none}.gb-diag-export-stack{display:flex;flex-direction:column;gap:10px}.gb-diag-export-btn-content-sm{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.gb-diag-export-btn-content-md{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap;font-size:15px}.gb-diag-export-note{font-size:12px;color:var(--gb-text-secondary);margin:0}.gb-diag-export-error{font-size:12px;color:var(--g-color-text-danger);margin:0}.gb-skel-gen-stack{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-skel-gen-row{display:flex;gap:var(--gb-space-6);flex-wrap:wrap}.gb-skel-gen-side{flex:1;min-width:240px;display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-skel-gen-title{height:36px;width:30%}.gb-skel-gen-canvas{height:400px;width:320px}.gb-skel-gen-input{height:36px}.gb-search-modal{width:min(560px,90vw);padding:var(--gb-space-4)}.gb-search-modal-input{margin-bottom:var(--gb-space-3)}.gb-search-modal-results{max-height:380px;overflow-y:auto;border-top:1px solid var(--gb-border);padding-top:var(--gb-space-2)}.gb-search-result-item{display:flex;align-items:center;gap:var(--gb-space-3);padding:var(--gb-space-2) var(--gb-space-3);border-radius:var(--gb-radius-xs);text-decoration:none;color:var(--gb-text);transition:background .1s}.gb-search-result-item--active,.gb-search-result-item:hover{background:var(--gb-accent-soft)}.gb-search-result-icon{flex-shrink:0;width:24px;text-align:center;font-size:16px}.gb-search-result-text{display:flex;flex-direction:column;min-width:0}.gb-search-result-title{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-search-result-cat{font-size:13px;color:var(--gb-text-secondary)}.gb-search-show-all{display:block;width:100%;padding:var(--gb-space-3);margin-top:var(--gb-space-2);border:none;background:none;color:var(--gb-accent);font-weight:500;font-size:14px;cursor:pointer;text-align:center;border-top:1px solid var(--gb-border)}.gb-search-show-all:hover{text-decoration:underline}.gb-search-modal-empty{padding:var(--gb-space-5) var(--gb-space-3);text-align:center;color:var(--gb-text-secondary);font-size:14px}.gb-search-modal-hint{display:flex;align-items:center;justify-content:center;padding-top:var(--gb-space-3);border-top:1px solid var(--gb-border);margin-top:var(--gb-space-2);font-size:12px;color:var(--gb-text-secondary)}.gb-search-modal-hint kbd{display:inline-block;padding:2px 6px;border:1px solid var(--gb-border);border-radius:4px;font-family:inherit;font-size:11px;background:var(--gb-bg);margin:0 2px}.gb-search-modal-hint-sep{margin:0 var(--gb-space-2)}.gb-search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gb-space-3)}.gb-search-result-card{display:flex;flex-direction:column;gap:var(--gb-space-1);padding:var(--gb-space-4);border:1px solid var(--gb-border);border-radius:var(--gb-radius-sm);background:var(--gb-surface);text-decoration:none;color:var(--gb-text);transition:border-color .15s,box-shadow .15s}.gb-search-result-card:hover{border-color:var(--gb-accent);box-shadow:var(--gb-shadow-1)}.gb-search-result-card-title{font-weight:500;font-size:14px}.gb-search-result-card-desc{font-size:13px;color:var(--gb-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-selector-grid{display:flex;flex-wrap:wrap;gap:8px}.note-selector-grid .g-button:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.note-selector-info{display:flex;gap:8px;align-items:center;margin-top:12px}.gb-srch-input-wrap{max-width:600px;margin-bottom:var(--gb-space-7)}.gb-srch-empty{padding:var(--gb-space-6);text-align:center}.gb-srch-count-badge{margin-left:var(--gb-space-2);vertical-align:middle;display:inline-block}.hub-theme--chords{--hub-accent:var(--hub-chords);--hub-accent-soft:color-mix(in srgb,var(--hub-chords) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-chords) 30%,var(--gb-border))}.hub-theme--scales{--hub-accent:var(--hub-scales);--hub-accent-soft:color-mix(in srgb,var(--hub-scales) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-scales) 30%,var(--gb-border))}.hub-theme--modes{--hub-accent:var(--hub-modes);--hub-accent-soft:color-mix(in srgb,var(--hub-modes) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-modes) 30%,var(--gb-border))}.hub-theme--arpeggios{--hub-accent:var(--hub-arpeggios);--hub-accent-soft:color-mix(in srgb,var(--hub-arpeggios) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-arpeggios) 30%,var(--gb-border))}.hub-theme--progressions{--hub-accent:var(--hub-progressions);--hub-accent-soft:color-mix(in srgb,var(--hub-progressions) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-progressions) 30%,var(--gb-border))}.hub-theme--intervals{--hub-accent:var(--hub-intervals);--hub-accent-soft:color-mix(in srgb,var(--hub-intervals) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-intervals) 30%,var(--gb-border))}.hub-theme--keys{--hub-accent:var(--hub-keys);--hub-accent-soft:color-mix(in srgb,var(--hub-keys) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-keys) 30%,var(--gb-border))}.hub-theme--tunings{--hub-accent:var(--hub-tunings);--hub-accent-soft:color-mix(in srgb,var(--hub-tunings) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-tunings) 30%,var(--gb-border))}.hub-theme--cadences{--hub-accent:var(--hub-cadences);--hub-accent-soft:color-mix(in srgb,var(--hub-cadences) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-cadences) 30%,var(--gb-border))}.hub-theme--picking{--hub-accent:var(--hub-picking);--hub-accent-soft:color-mix(in srgb,var(--hub-picking) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-picking) 30%,var(--gb-border))}.hub-theme--frequencies{--hub-accent:var(--hub-frequencies);--hub-accent-soft:color-mix(in srgb,var(--hub-frequencies) 12%,transparent);--hub-accent-border:color-mix(in srgb,var(--hub-frequencies) 30%,var(--gb-border))}.hub-grid{display:grid;gap:12px}.hub-grid--2{grid-template-columns:repeat(2,1fr)}.hub-grid--3{grid-template-columns:repeat(3,1fr)}.hub-grid--4{grid-template-columns:repeat(4,1fr)}.hub-grid--auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.hub-grid--auto-sm{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width:1024px){.hub-grid--3,.hub-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hub-grid--2,.hub-grid--3,.hub-grid--4{grid-template-columns:1fr}.hub-grid--auto{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.hub-grid--auto-sm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.hub-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);transition:border-color .15s,background .15s;text-decoration:none;color:inherit;height:100%;box-sizing:border-box}.hub-card--interactive:hover,.hub-card:has(.hub-card__inner):hover,a.hub-card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.hub-card--featured{padding:24px;position:relative}.hub-card--compact{padding:14px 16px;gap:8px;min-height:auto}.hub-card__inner{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:inherit;flex:1}.hub-card__icon{font-size:28px;line-height:1}.hub-card__title{font-size:18px;line-height:1.3;font-weight:500}.hub-card__title--cta{display:inline-flex;align-items:center;gap:6px;font-size:15px}.hub-card--compact:has(.hub-card__title--cta) .hub-card__inner{align-items:center;justify-content:center;text-align:center}.hub-card__desc{font-size:15px;line-height:1.6;color:#282828}.dark .hub-card__desc{color:var(--gb-text-secondary)}.hub-card__links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--gb-divider)}.hub-card__link{font-size:14px;color:var(--gb-text);text-decoration:none;white-space:nowrap;transition:color .15s}.hub-card__link:hover{color:var(--gb-link-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-color:var(--sa-link-underline);-webkit-text-decoration-skip:none;text-decoration-skip:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.hub-card__link--all{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-weight:600;color:var(--gb-text)}.hub-card__link--all .hub-card__link-arrow{transition:transform .15s}.hub-card__link--all:hover{text-decoration:none}.hub-card__link--all:hover .hub-card__link-arrow{transform:translateX(2px)}.hub-card--featured .hub-card__link--all{position:absolute;top:24px;right:24px;margin-left:0;font-size:13px}.hub-header__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hub-header__text{min-width:0;flex:1}.hub-header__actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hub-hero__meta{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px;color:var(--gb-text-secondary)}.hub-hero__meta-item{display:flex;align-items:center;gap:8px}.hub-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:900px){.hub-featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hub-featured-grid{grid-template-columns:1fr}}.hub-featured-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--gb-radius-lg);border:1px solid var(--gb-border);border-top:3px solid var(--hub-accent,var(--gb-accent));background:var(--gb-surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s,box-shadow .15s;height:100%;box-sizing:border-box}.hub-featured-card:hover{border-color:var(--hub-accent,var(--gb-accent));background:color-mix(in srgb,var(--hub-accent,var(--gb-accent)) 6%,transparent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.hub-featured-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.hub-featured-card__title{font-size:18px;font-weight:600;line-height:1.3}.hub-featured-card__desc{font-size:14px;color:var(--gb-text-secondary);line-height:1.5;flex:1}.hub-featured-card__use{font-size:13px;color:var(--gb-text-tertiary);line-height:1.4}.hub-featured-card__cta{margin-top:auto;padding-top:12px;border-top:1px solid var(--gb-divider);font-size:13px;font-weight:600;color:var(--hub-accent,var(--gb-accent))}.hub-quick-access{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.hub-quick-access:has(+.gb-ad-inline){margin-bottom:0}.hub-quick-access__inner{display:flex;flex-direction:column;gap:10px}.hub-quick-access__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (max-width:640px){.hub-header__top{flex-direction:column;align-items:stretch;gap:12px}.hub-header__actions{width:100%;align-items:stretch}.hub-header__actions>*{width:100%}.hub-header__actions .gb-share-bar{display:flex;width:100%;gap:8px;align-items:center}.hub-header__actions .gb-share-bar>.gb-share-btn{flex:0 0 auto;width:36px;height:36px}.hub-header__actions .gb-share-bar>.g-button{flex:1 1 auto;min-width:0}.hub-quick-access__row>.hub-selector-bar__label{flex:1 0 100%}}.hub-quick-access__more{width:100%}.hub-quick-access__more-rows{display:flex;flex-direction:column;gap:10px;padding-top:10px}.hub-search-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:var(--gb-space-3)}.hub-search-row__input{flex:1 1 240px;min-width:180px}.hub-related{display:flex;flex-direction:column;gap:16px}.hub-related>.gb-h2{margin-bottom:0}.hub-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.hub-related__item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.hub-related__item:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.hub-related__icon{font-size:20px;flex-shrink:0}.hub-related__label{font-size:14px;font-weight:500}.hub-related__item .hub-card__title{font-size:15px}.hub-related__arrow{margin-left:auto;flex-shrink:0;color:#000}.dark .hub-related__arrow{color:var(--gb-text)}.hub-related__item:hover .hub-related__arrow{color:var(--gb-accent)}.hub-selector-bar{display:flex;flex-direction:column;gap:12px}.hub-selector-bar__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hub-selector-bar__label{font-size:14px;font-weight:500;color:var(--gb-text-secondary);min-width:-moz-fit-content;min-width:fit-content}.hub-deep-links{display:flex;flex-wrap:wrap;gap:8px}.hub-deep-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:400;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-pill);text-decoration:none;color:var(--gb-text);transition:border-color .15s,background .15s}.hub-deep-link:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.hub-quick-access .hub-deep-link{border-radius:var(--gb-radius-xs)}.hub-scenario{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);text-decoration:none;color:inherit;transition:border-color .15s,background .15s,transform .15s}.hub-scenario:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface));transform:translateY(-1px)}.hub-scenario__icon{font-size:24px;flex-shrink:0}.hub-scenario__body{display:flex;flex-direction:column;gap:2px;min-width:0}.hub-scenario__title{font-size:16px;font-weight:600}.hub-scenario__desc{font-size:13px;color:var(--gb-text-secondary)}.hub-scenario__arrow{margin-left:auto;font-size:18px;color:var(--gb-text);flex-shrink:0;transition:color .15s}.hub-scenario:hover .hub-scenario__arrow{color:var(--gb-accent)}.hub-path{display:flex;gap:14px;padding:16px 20px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.hub-path:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.hub-path__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--gb-accent-soft);font-weight:600;font-size:14px;color:var(--gb-text);flex-shrink:0}.hub-path__body{display:flex;flex-direction:column;gap:2px}.hub-path__title{font-size:17px;font-weight:600}.hub-path__desc{font-size:15px;color:#282828}.dark .hub-path__desc{color:var(--gb-text-secondary)}.hub-theory-links{display:flex;flex-direction:column;gap:16px}.hub-theory-links__head{display:flex;flex-direction:column;gap:4px}.hub-theory-links__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}@media (max-width:640px){.hub-theory-links__grid{grid-template-columns:1fr}}.hub-wide-link-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:var(--gb-radius-md);border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.hub-wide-link-card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,transparent);box-shadow:0 1px 4px rgba(0,0,0,.05)}.hub-wide-link-card:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.hub-wide-link-card__title{font-size:14px;font-weight:600;line-height:1.3}.hub-wide-link-card__desc{font-size:13px;color:var(--gb-text-secondary);line-height:1.4}.analyzer-key-card{padding:16px 20px;border-radius:var(--gb-radius-lg);border:1px solid var(--gb-border);background:var(--gb-surface);display:flex;flex-direction:column;gap:12px}.analyzer-key-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.analyzer-key-card__name{font-size:18px;font-weight:600;line-height:1.3;text-decoration:none;color:inherit;transition:color .15s}.analyzer-key-card__name:hover{color:var(--gb-accent)}.analyzer-key-card__score{padding:2px 10px;border-radius:12px;background:#fef9c3;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}.dark .analyzer-key-card__score{background:rgba(254,249,195,.15);color:#fef08a}.analyzer-key-card__score--perfect{background:#dcfce7}.dark .analyzer-key-card__score--perfect{background:rgba(220,252,231,.15);color:#86efac}.analyzer-key-card__body{display:flex;flex-wrap:wrap;gap:8px}.capo-finder-card{display:flex;align-items:stretch;border-radius:var(--gb-radius-md);border:1px solid var(--gb-border);background:var(--gb-surface);overflow:hidden}.capo-finder-card__fret{align-items:center;min-width:72px;font-size:22px;font-weight:800;background:var(--gb-surface-muted);border-right:1px solid var(--gb-border);flex-shrink:0}.capo-finder-card__fret,.capo-finder-card__main{display:flex;justify-content:center;padding:12px 16px}.capo-finder-card__main{flex-direction:column;gap:2px;flex:1;min-width:0}.capo-finder-card__shape-label{font-size:12px;color:var(--gb-text-secondary)}.capo-finder-card__shape-name{font-size:16px;font-weight:600;line-height:1.2}.capo-finder-card__sound{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:12px 16px;border-left:1px solid var(--gb-divider);min-width:100px;flex-shrink:0}.capo-finder-card__sound-label{font-size:12px;color:var(--gb-text-secondary)}.capo-finder-card__sound-name{font-size:14px;font-weight:600;line-height:1.2}@media (max-width:640px){.capo-finder-card{flex-direction:column}.capo-finder-card__fret{flex-direction:row;border-right:none;border-bottom:1px solid var(--gb-border);min-width:unset;padding:12px 16px;justify-content:flex-start;gap:8px;font-size:18px}.capo-finder-card__sound{border-left:none;border-top:1px solid var(--gb-divider);padding:12px 16px}.hub-cta-banner,.hub-related{padding-inline:0}.hub-card{padding:14px 16px}.hub-card--featured,.hub-featured-card{padding:16px}.hub-path,.hub-scenario,.hub-wide-link-card{padding:12px 16px}.hub-featured-grid,.hub-grid{gap:8px}}@media (max-width:480px){.hub-card,.hub-card--featured{padding:16px}}.gb-tab-card-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:640px){.gb-tab-card-nav{grid-template-columns:1fr}}.gb-tab-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:var(--gb-radius-md);border:2px solid var(--gb-border);background:var(--gb-surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;min-height:76px;box-sizing:border-box}.gb-tab-card:hover:not(.is-active){background:var(--gb-surface-muted);border-color:var(--gb-border-strong)}.gb-tab-card.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-tab-card__header{display:flex;align-items:center;gap:8px}.gb-tab-card__icon{font-size:20px;line-height:1}.gb-tab-card__title{font-weight:600;line-height:1.2;color:var(--gb-text)}.gb-tab-card.is-active .gb-tab-card__title{color:#000}.dark .gb-tab-card.is-active .gb-tab-card__title{color:var(--gb-accent)}.gb-tab-card:hover:not(.is-active) .gb-tab-card__title{color:#000}.dark .gb-tab-card:hover:not(.is-active) .gb-tab-card__title{color:var(--gb-accent)}.gb-tab-card__desc{line-height:1.3;padding-left:28px;color:var(--gb-text-secondary)}.gb-tab-card.is-active .gb-tab-card__desc{opacity:.85}.gb-tab-format-badge{padding:2px 8px;border-radius:4px;background:var(--gb-accent-soft);color:var(--gb-accent);font-size:12px;font-weight:600}.gb-tab-format-badge--lg{padding:3px 10px;font-size:13px}.gb-tabs-page-stack{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-tabs-header-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--gb-space-3)}.gb-tabs-header-actions{display:flex;gap:var(--gb-space-2);flex-wrap:wrap}.gb-tabs-stats-panel{display:flex;gap:var(--gb-space-6);flex-wrap:wrap;padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-tabs-stats-item{display:flex;flex-direction:column;gap:2px}.gb-tabs-stats-item--push{margin-left:auto}.gb-tabs-caption-dim{opacity:.6}.gb-tabs-arpeggio-banner{padding:10px var(--gb-space-4);background:var(--gb-accent-soft);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);display:flex;align-items:center;gap:var(--gb-space-3);flex-wrap:wrap}.gb-tabs-arpeggio-clear{margin-left:auto}.gb-tabs-list{display:flex;flex-direction:column;gap:var(--gb-space-3)}@media (min-width:641px){.gb-flex-end.gb-tabs-see-all-mobile{display:none}}.gb-tabs-list-link{display:block}.gb-tabs-card{padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-tabs-card-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-tabs-card-content{flex:1;min-width:0}.gb-tabs-card-title-row{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap}.gb-tabs-card-title-row .gb-tab-title{margin:0}.gb-tab-title{font-size:16px;font-weight:600;line-height:1.3;color:var(--gb-text)}.gb-tabs-card-title{text-decoration:none;color:inherit;min-width:0}.gb-tabs-card-title:hover .gb-tab-title{color:var(--gb-accent)}.gb-tabs-card-meta-row{display:flex;align-items:baseline;gap:var(--gb-space-2);margin-top:var(--gb-space-1);flex-wrap:wrap}.gb-tab-dl{flex-shrink:0;align-self:center}.gb-tab-dl .g-button__text{display:inline-flex;align-items:center;gap:var(--gb-space-2);white-space:nowrap}.gb-tabs-artist-link{color:var(--gb-accent)}.gb-tabs-card-artist{font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption);font-weight:var(--gb-fw-body)}.gb-version-badge{position:relative;display:inline-flex;align-items:center;color:var(--gb-text-secondary);cursor:default}.gb-version-badge:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--gb-text);color:var(--gb-surface);padding:4px 8px;border-radius:6px;font-size:14px;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:20}.gb-version-badge:hover:after{opacity:1}.gb-tabs-az-card{margin-bottom:var(--gb-space-3);padding:var(--gb-space-3) var(--gb-page-padding-desktop);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-xl);box-shadow:var(--gb-shadow-1)}@media (max-width:1024px){.gb-tabs-az-card{padding:var(--gb-space-3) var(--gb-page-padding-tablet)}}@media (max-width:640px){.gb-tabs-az-card{padding:var(--gb-space-3) 0;border-radius:0;border:none;box-shadow:none}}.gb-artist-az{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-artist-az__bar{display:flex;flex-wrap:wrap;gap:4px}.gb-artist-az__letter{min-width:32px;height:32px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gb-border);border-radius:8px;background:var(--gb-surface);color:var(--gb-text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.gb-artist-az__letter:hover{border-color:var(--gb-accent);color:var(--gb-accent)}.gb-artist-az__letter.is-active{background:var(--gb-accent);color:#fff;border-color:var(--gb-accent)}.gb-artist-az__panel{padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-artist-az__list{display:flex;flex-wrap:wrap;gap:var(--gb-space-2) var(--gb-space-4)}.gb-artist-az__item{color:var(--gb-accent);text-decoration:none}.gb-artist-az__item:hover{text-decoration:underline}.gb-tabs-twocol{display:grid;grid-template-columns:3fr 1fr;gap:var(--gb-space-6);align-items:start}.gb-tabs-twocol__main{min-width:0}.gb-tabs-twocol__aside{display:flex;flex-direction:column;gap:var(--gb-space-5);min-width:0}@media (max-width:640px){.gb-tabs-twocol{grid-template-columns:1fr}}.gb-tabs-aside-block{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-tabs-aside-title{margin:0;font-size:14px;font-weight:600;color:var(--gb-text-secondary)}.gb-tabs-aside-link,.gb-tabs-aside-links{display:flex;flex-direction:column;gap:2px}.gb-tabs-aside-link{padding:7px var(--gb-space-3);border-radius:var(--gb-radius-sm);color:var(--gb-text-primary);text-decoration:none}.gb-tabs-aside-link:hover{background:var(--gb-accent-soft)}.gb-tabs-aside-link__title{font-size:14px;line-height:1.25}.gb-tabs-aside-link__artist{font-size:12px;color:var(--gb-text-secondary)}.gb-tabs-aside-upload{display:block;width:100%;text-decoration:none}.gb-artist-index-count{margin-left:6px;font-size:12px;color:var(--gb-text-secondary)}.gb-artist-index-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gb-space-2) var(--gb-space-4)}.gb-artist-index-link{display:block;padding:9px var(--gb-space-3);border-radius:var(--gb-radius-sm);color:var(--gb-text-primary);text-decoration:none}.gb-artist-index-link:hover{background:var(--gb-accent-soft)}.gb-tabs-pagination-row{display:flex;gap:var(--gb-space-3);justify-content:center;padding-top:var(--gb-space-2)}.gb-tabs-pagination-label{align-self:center}.gb-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding-top:var(--gb-space-3)}.gb-pagination__arrow,.gb-pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding-inline:8px;border:1px solid var(--gb-border);border-radius:var(--gb-radius-xs);font-size:var(--gb-fs-body-m,14px);line-height:1;color:var(--gb-text);text-decoration:none;background:var(--gb-surface);transition:border-color .15s,background .15s,color .15s}.gb-pagination__arrow:hover,.gb-pagination__page:hover{border-color:var(--gb-accent);color:var(--gb-accent)}.gb-pagination__page.is-active{border-color:var(--gb-accent);background:var(--gb-accent);color:#fff;font-weight:var(--gb-fw-label);pointer-events:none}.gb-pagination__arrow.is-disabled{opacity:.4;pointer-events:none}.gb-pagination__gap{min-width:20px;text-align:center;color:var(--gb-text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-tab-upload-success{padding:var(--gb-space-6);text-align:center}.gb-tab-upload-page{max-width:100%}.gb-tab-upload-field-label{margin-bottom:6px;display:block}.gb-tab-upload-field-label--mb-2{margin-bottom:var(--gb-space-2)}.gb-tab-upload-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);margin-top:2px}.gb-tab-upload-dropdown-item{padding:var(--gb-space-2) var(--gb-space-3);cursor:pointer}.gb-tab-type-pill{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px var(--gb-space-3);border-radius:6px;border:1px solid var(--gb-border);background:transparent}.gb-tab-type-pill--active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-tab-type-pill .gb-body-m{font-size:15px}.gb-tab-upload-drop{display:flex;flex-direction:column;align-items:center;gap:var(--gb-space-2);padding:var(--gb-space-5);border:1px dashed var(--gb-border-strong);border-radius:var(--gb-radius-lg);background:var(--gb-surface-muted);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.gb-tab-upload-drop--over,.gb-tab-upload-drop:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface-muted))}.gb-tab-upload-drop-icon,.gb-tab-upload-file-hint{color:var(--gb-text-secondary)}.gb-tab-upload-file-hint{opacity:.7}.gb-tab-upload-instruments{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-tab-upload-instruments .g-control-label__text{font-size:14px;color:var(--gb-text)}.gb-tab-upload-submit .g-button__text{font-size:15px}.gb-tab-upload-textarea{width:100%;box-sizing:border-box;padding:var(--gb-space-2) var(--gb-space-3);border:1px solid var(--gb-border);border-radius:6px;background:var(--gb-surface-muted);color:inherit;font-family:inherit;font-size:14px;resize:vertical}.gb-tab-upload-progress-track{background:var(--gb-surface-muted);border-radius:4px;overflow:hidden;height:6px}.gb-tab-upload-progress-fill{width:var(--tab-progress,0);height:100%;background:var(--gb-accent);transition:width .2s}.gb-tab-detail-head{display:flex;justify-content:space-between;align-items:center;gap:var(--gb-space-4);flex-wrap:wrap}.gb-tab-detail-head .gb-tdc-rating-row{align-self:flex-start}@media (max-width:640px){.gb-tab-detail-head{flex-direction:column;align-items:stretch}}.gb-tab-detail-panel{padding:var(--gb-space-5);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-tab-detail-panel--md{padding:var(--gb-space-4)}.gb-tab-detail-meta-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-4);align-items:flex-start}.gb-tab-detail-meta-col{flex:1;min-width:200px}.gb-tab-detail-meta-header{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap;margin-bottom:var(--gb-space-3)}.gb-tab-detail-instruments{display:flex;flex-direction:column;gap:var(--gb-space-1);margin-bottom:var(--gb-space-3)}.gb-tab-detail-meta-label{opacity:.6}.gb-tab-detail-dl{display:flex;flex-direction:column;align-items:center;gap:var(--gb-space-1);flex-shrink:0}.gb-tab-detail-dl-size{opacity:.6}.gb-instrument-icons{display:flex;flex-wrap:wrap;gap:4px}.gb-instrument-icon{font-size:18px;line-height:1}.gb-instrument-icon--sm{font-size:14px}.gb-tab-detail-section{display:flex;flex-direction:column;gap:0}.gb-tab-detail-section__title{margin:0 0 8px}.gb-tab-theory-pillars{display:flex;flex-direction:column;gap:var(--gb-space-3);margin-top:var(--gb-space-4)}.gb-video-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px}.gb-video-frame__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.gb-school-intro-text{margin-top:var(--gb-space-2);max-width:620px}.gb-school-back-row{margin-top:var(--gb-space-3)}.gb-school-empty{text-align:center;padding:48px var(--gb-space-4)}.gb-tab-tile{display:block}.gb-tab-tile-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-tab-tile-main{flex:1;min-width:0}.gb-tab-tile-meta-row,.gb-tab-tile-title-row{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap}.gb-tab-tile-meta-row{margin-top:4px}.gb-tab-tile-artist{color:var(--gb-accent)}.gb-rel-link-tile{display:block}.gb-rel-link-desc{margin-top:4px}.gb-tfc-content{display:flex;align-items:stretch;justify-content:space-between;gap:var(--gb-space-4);flex-wrap:wrap}.gb-tfc-text-col{display:flex;flex-direction:column;gap:4px;flex:1 1 240px}.gb-tfc-title{font-size:16px;line-height:1.3;font-weight:600}.gb-tfc-alert-text{font-size:14px;line-height:1.6}.gb-tfc-cta{display:flex;flex-shrink:0;align-self:stretch;text-decoration:none}.gb-tfc-cta-btn{height:100%}.gb-tfc-icon{color:var(--g-color-text-info)}.gb-tfc-cta-btn{--g-button-background-color:var(--g-color-text-info);--g-button-background-color-hover:color-mix(in srgb,var(--g-color-text-info) 90%,#000);color:#fff}.gb-tfc-cta-btn .g-button__text{color:#fff}.gb-atp-shell{border:1px solid var(--gb-border);border-radius:8px;overflow:hidden}.gb-atp-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--gb-space-4);border-bottom:1px solid var(--gb-border);background:var(--gb-surface-muted)}.gb-atp-header .gb-h4{margin:0}.gb-atp-state-row{padding:var(--gb-space-6);text-align:center}.gb-atp-state-text{opacity:.6}.gb-atp-canvas{display:none;max-height:600px;overflow-y:auto;background:#fff}.gb-atp-canvas[data-visible=true]{display:block}.gb-tdc-rating-row{display:flex;flex-direction:column;align-items:center;gap:var(--gb-space-2)}.gb-tdc-stars{display:flex;align-items:center;gap:4px}.gb-tdc-star{display:inline-flex;align-items:center;cursor:default;color:#ccc;line-height:1}.gb-tdc-star[data-clickable=true]{cursor:pointer}.gb-tdc-star[data-filled=true]{color:var(--gb-accent)}.gb-tdc-meta{opacity:.7}.gb-tdc-hint{display:inline-flex;align-items:center;border:none;background:none;padding:0;font-family:inherit;color:var(--gb-accent);cursor:pointer}.gb-tdc-hint:hover{text-decoration:underline}.gb-skel-stack{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-skel-stats{height:64px;border-radius:var(--gb-radius-md)}.gb-skel-tab-row{height:64px;border-radius:var(--gb-radius-sm)}.gb-skel-aside-row{height:44px;border-radius:10px}.gb-skel-artist-row{height:40px;border-radius:8px}.gb-skel-preview{height:320px}.gb-mc-block,.gb-skel-preview{border-radius:var(--gb-radius-md)}.gb-mc-block{margin-top:24px;margin-bottom:8px;padding:24px;background:color-mix(in srgb,var(--gb-accent) 6%,transparent);border:1px solid var(--gb-accent);box-shadow:0 0 0 1px var(--gb-accent);display:flex;flex-direction:column;gap:0}.gb-mc-block__title{margin:0 0 16px}.gb-mc-strip{display:flex;align-items:flex-start;width:100%}.gb-mc-slot{display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0}.gb-mc-slot__primary-row{display:flex;align-items:center}.gb-mc-slot__primary{flex:1 1 0;min-width:0}.gb-mc-slot__secondary{margin-top:4px;padding-right:28px}.gb-mc-slot:last-child .gb-mc-slot__secondary{padding-right:0}.gb-mc-chevron{display:flex;align-items:center;justify-content:center;flex:0 0 28px;color:var(--gb-accent-contrast)}.gb-mc-card{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--gb-radius-xs);border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;width:100%;transition:border-color .15s,background .15s}.gb-mc-card--primary{cursor:pointer}.gb-mc-card--primary:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 5%,var(--gb-surface))}.gb-mc-card--secondary{padding:8px 12px;cursor:pointer;background:color-mix(in srgb,var(--gb-surface) 95%,var(--gb-cool-neutral) 5%);color:color-mix(in srgb,var(--gb-text) 95%,transparent)}.gb-mc-card--secondary:hover{color:var(--gb-text);border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 5%,var(--gb-surface))}.gb-mc-card--active{border-color:var(--gb-accent);border-width:2px;cursor:default}.gb-mc-card--active,.gb-mc-card--active:hover{background:color-mix(in srgb,var(--gb-accent) 12%,var(--gb-surface))}.gb-mc-card--active:hover{border-color:var(--gb-accent)}.gb-mc-card__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gb-text-secondary);line-height:1.3}.gb-mc-card__title{font-size:14px;font-weight:700;color:var(--gb-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-mc-card__meta{font-size:12px;font-weight:400;color:var(--gb-text-secondary);line-height:1.3}.gb-mc-caption{margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.dark .gb-mc-caption{border-top-color:rgba(255,255,255,.1)}.gb-mc-caption__text{font-size:13px;color:var(--gb-text-secondary);margin:0;line-height:1.5}@media (max-width:768px){.gb-mc-block{padding:16px}.gb-mc-strip{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.gb-mc-strip::-webkit-scrollbar{display:none}.gb-mc-slot{flex:0 0 140px;min-width:140px}.gb-mc-card__title{font-size:13px}.gb-mc-card__label,.gb-mc-card__meta{overflow-wrap:anywhere}}.gb-cadence-hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gb-space-4)}.gb-cadence-hero-content{min-width:0;flex:1}.gb-cadence-chip-row{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap;margin-top:10px}.gb-cadence-chip-roman{background:color-mix(in srgb,var(--cadence-type-color) 9%,transparent);color:var(--cadence-type-color);border-color:color-mix(in srgb,var(--cadence-type-color) 25%,transparent);font-family:var(--g-font-family-monospace);font-weight:700;font-size:15px}.gb-cadence-chip-type{background:color-mix(in srgb,var(--cadence-type-color) 7%,transparent);color:var(--cadence-type-color);border-color:color-mix(in srgb,var(--cadence-type-color) 19%,transparent)}.gb-cadence-chip-diff{background:color-mix(in srgb,var(--cadence-diff-color) 7%,transparent);color:var(--cadence-diff-color);border-color:color-mix(in srgb,var(--cadence-diff-color) 19%,transparent)}.gb-cadence-chip-style{background:var(--gb-surface-muted)}.gb-cadence-prog-card-link{text-align:center;display:block;color:inherit}.gb-cadence-prog-card__roman{display:block;font-size:11px;color:var(--cadence-type-color);font-family:var(--g-font-family-monospace);font-weight:600;margin-bottom:2px}.gb-cadence-prog-card__chord{display:block;line-height:1}.gb-cadence-prog-card__qual{display:block;font-size:11px;color:var(--gb-text-tertiary)}.gb-cadence-prog-card__function{display:block;font-size:11px;color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace);margin-top:2px}.gb-cadence-playback-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-4);flex-wrap:wrap;padding:var(--gb-space-3) var(--gb-space-4);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-cadence-playback-key{display:flex;align-items:center;gap:var(--gb-space-2);flex-shrink:0}.gb-cadence-playback-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-2)}.gb-cadence-playback-bpm-label{display:flex;align-items:center;gap:var(--gb-space-1)}.gb-cadence-play-btn{height:36px}.gb-cadence-play-btn--playing{border-color:var(--g-color-line-danger);color:var(--g-color-text-danger);background:var(--g-color-base-danger-light)}.gb-cadence-examples-row{display:flex;flex-wrap:wrap;gap:10px}.gb-cadence-all-keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gb-space-2)}.gb-cadence-key-tile{padding:10px 14px;border-radius:var(--gb-radius-sm);background:var(--gb-surface);border:1px solid var(--gb-border);cursor:pointer;text-align:left}.gb-cadence-key-tile--active{background:color-mix(in srgb,var(--cadence-type-color) 7%,transparent);border:1.5px solid var(--cadence-type-color)}.gb-cadence-example-label{font-size:11px;color:var(--gb-text-tertiary);margin-bottom:var(--gb-space-1);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.gb-cadence-example-chords{display:flex;gap:var(--gb-space-1);align-items:center;font-family:var(--g-font-family-monospace);font-weight:700;font-size:var(--gb-fs-h4)}.gb-cadence-key-root{font-size:12px;font-weight:700;color:var(--cadence-type-color);margin-bottom:2px}.gb-cadence-key-chords{font-size:12px;color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace)}.gb-cadence-type-chip{background:color-mix(in srgb,var(--cadence-type-color) 7%,transparent);border-color:color-mix(in srgb,var(--cadence-type-color) 19%,transparent)}.gb-cadence-formula-color,.gb-cadence-type-chip{color:var(--cadence-type-color)}.gb-cadence-chord-chip{font-family:var(--g-font-family-monospace);font-weight:600}.gb-cadence-chord-qual{color:var(--gb-text-secondary);font-weight:400;margin-left:var(--gb-space-1)}.gb-cadence-chord-chip,.gb-cadence-type-chip{cursor:default}.gb-cadence-chord-chip:hover{border-color:var(--gb-border);background:transparent;color:var(--gb-text)}.gb-cadence-type-chip:hover{background:color-mix(in srgb,var(--cadence-type-color) 7%,transparent);color:var(--cadence-type-color);border-color:color-mix(in srgb,var(--cadence-type-color) 19%,transparent)}.gb-cadence-tension-frame{border-left:3px solid var(--cadence-type-color);padding-left:var(--gb-space-3)}.gb-cad-cat-root{display:flex;flex-direction:column;gap:var(--gb-space-7)}.gb-cad-cat-filters{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-cad-cat-chip-row{display:flex;flex-wrap:wrap;gap:6px}.gb-cad-filter-chip{display:inline-block;padding:4px var(--gb-space-3);border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid var(--gb-border);background:transparent;color:var(--gb-text-secondary);transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-cad-filter-chip[data-active=true]{border-color:var(--_chip-color);background:color-mix(in srgb,var(--_chip-color) 13%,transparent);color:var(--_chip-color)}.gb-cad-clear-btn{align-self:flex-start;background:none;border:none;color:var(--gb-text-secondary);font-size:13px;cursor:pointer;padding:2px 0;text-decoration:underline}.gb-cad-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gb-space-4)}.gb-cad-cat-card-link{text-decoration:none}.gb-cad-cat-card{padding:var(--gb-space-5);border-radius:var(--gb-radius-md,12px);border:1.5px solid var(--gb-border);background:var(--gb-surface);height:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;transition:border-color .15s,box-shadow .15s;cursor:pointer}.gb-cad-cat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-2)}.gb-cad-cat-pattern-badge{padding:3px 10px;border-radius:20px;background:color-mix(in srgb,var(--_cad-color) 9%,transparent);color:var(--_cad-color);font-size:13px;font-weight:700;font-family:var(--g-font-family-monospace)}.gb-cad-cat-diff-label{font-size:11px;font-weight:600;color:var(--_cad-color);text-transform:uppercase;letter-spacing:.04em}.gb-cad-cat-title{font-weight:700;line-height:1.3}.gb-cad-cat-summary{margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gb-cad-cat-tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.gb-cad-cat-type-tag{background:color-mix(in srgb,var(--_cad-color) 7%,transparent);color:var(--_cad-color);font-weight:600}.gb-cad-cat-style-tag,.gb-cad-cat-type-tag{padding:2px var(--gb-space-2);border-radius:6px;font-size:11px}.gb-cad-cat-style-tag{background:var(--gb-surface-muted);color:var(--gb-text-tertiary)}.gb-cad-cat-empty{text-align:center;padding:var(--gb-space-8) 0;color:var(--gb-text-secondary)}.gb-cad-hub-quick-chip{background:color-mix(in srgb,var(--_cad-color) 6%,transparent);border-color:color-mix(in srgb,var(--_cad-color) 25%,transparent);color:var(--_cad-color);min-width:36px}.gb-cad-hub-quick-count{font-size:11px;opacity:.7;margin-left:4px}.gb-cad-hub-style-group{margin-bottom:var(--gb-space-4)}.gb-cad-feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gb-space-3)}.gb-cad-feat-card{padding:var(--gb-space-4) 18px;border-radius:var(--gb-radius-md,12px);border:1px solid var(--gb-border);background:var(--gb-surface);height:100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--gb-space-2)}.gb-cad-feat-pattern-chip{background:color-mix(in srgb,var(--_cad-color) 9%,transparent);border-color:color-mix(in srgb,var(--_cad-color) 25%,transparent);color:var(--_cad-color);font-family:var(--g-font-family-monospace);font-weight:700}.gb-cad-feat-title{font-weight:700;line-height:1.3}.gb-cad-feat-summary{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gb-cad-conn-chip-row{display:flex;flex-wrap:wrap;gap:6px}.gb-cad-conn-chip-row--lg{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-cad-conn-link-chip{color:var(--gb-accent);text-decoration:none}.gb-cad-conn-link-chip--cap{text-transform:capitalize}.gb-cad-conn-prog-chip{color:var(--gb-accent);font-family:var(--g-font-family-monospace)}.gb-cad-conn-chord-chip,.gb-cad-conn-prog-chip{text-decoration:none;font-weight:600}.gb-cad-conn-chord-roman{font-family:var(--g-font-family-monospace);color:var(--_cad-color);margin-right:4px}.gb-cad-conn-rel-chip{text-decoration:none;font-family:var(--g-font-family-monospace);font-weight:600}.gb-cad-conn-group-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-weight:600}.gb-cad-theory-overview-text{white-space:pre-line}.gb-cad-theory-row-spaced{margin-bottom:var(--gb-space-3)}.gb-cad-theory-uses-box{margin-top:var(--gb-space-3);padding:var(--gb-space-3);border-radius:var(--gb-radius-xs);background:var(--gb-surface-muted)}.gb-cad-theory-uses-text{margin:0}.gb-cad-demo-list{display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-cad-demo-card{padding:var(--gb-space-5) var(--gb-space-6);border-radius:12px;border:1.5px solid var(--gb-border);background:var(--gb-surface);transition:background .2s,border-color .2s}.gb-cad-demo-card[data-playing=true]{border-color:var(--_cad-border);background:var(--_cad-bg)}.gb-cad-demo-header{display:flex;align-items:flex-start;gap:var(--gb-space-3)}.gb-cad-demo-header-main{flex:1}.gb-cad-demo-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gb-cad-demo-pattern-badge{padding:2px 10px;border-radius:20px;background:var(--_cad-badge-bg);color:var(--_cad-badge-text);font-weight:600;font-family:var(--g-font-family-monospace)}.gb-cad-demo-play-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2px solid var(--_cad-border);background:transparent;color:var(--_cad-badge-text);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.gb-cad-demo-play-btn[data-playing=true]{border-color:var(--g-color-line-danger);background:var(--_cad-badge-bg);color:var(--g-color-text-danger)}.gb-cad-demo-play-btn[data-playing=true]:hover{background:var(--g-color-base-danger-light)}.gb-cad-demo-mood-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-4);align-items:flex-start}.gb-cad-demo-mood-text{font-weight:500;color:var(--_cad-badge-text)}.gb-cad-demo-examples-row{display:flex;flex-wrap:wrap;gap:6px}.gb-cad-demo-example-chip{padding:2px var(--gb-space-2);border-radius:6px;background:var(--gb-surface-muted);font-family:var(--g-font-family-monospace)}.gb-harm-ex-section{padding-top:var(--gb-space-4);max-width:760px}.gb-harm-ex-list{display:flex;flex-direction:column;gap:10px}.gb-harm-ex-card{padding:var(--gb-space-3) 14px;border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-harm-ex-title{font-weight:700;font-size:14px;margin-bottom:4px}.gb-harm-ex-progression{font-family:monospace;font-size:15px;font-weight:600;margin-bottom:6px}.gb-harm-ex-desc{margin-bottom:0}.gb-harm-ex-desc[data-has-links=true]{margin-bottom:6px}.gb-harm-ex-links{display:flex;gap:10px;flex-wrap:wrap}.gb-harm-ex-link{font-size:12px;color:var(--gb-accent);text-decoration:underline}.gb-cad-inst-card{display:block;padding:14px var(--gb-space-4);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit}.gb-cad-inst-roman{color:var(--_cad-color);font-family:var(--g-font-family-monospace)}.gb-fretboard-practice{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--gb-radius-lg);border:1px solid var(--gb-border);background:var(--gb-surface);padding:8px}.gb-fretboard-practice__svg{display:block;max-width:var(--_fb-max-w,none)}.gb-fretboard-practice__cell{cursor:default}.gb-fretboard-practice__cell[data-interactive=true]{cursor:pointer}.gb-fretboard-practice__hover-dot:hover{fill:color-mix(in srgb,var(--gb-accent) 15%,transparent)}.gb-fretboard-practice__cell[data-interactive=true]:hover circle{fill:var(--gb-accent-soft);stroke:var(--gb-accent)}.gb-fretboard-practice__cell[data-interactive=true]:hover text{fill:var(--gb-text)}.freq-table-full,.freq-table-full table{width:100%}.freq-table-full td,.freq-table-full th{font-size:14px}.freq-row-sharp td{background:color-mix(in srgb,var(--gb-surface-muted) 60%,transparent)!important;color:var(--gb-text-secondary)}.gb-scale-practice-section{padding-block:var(--gb-space-4);border-top:1px solid var(--gb-divider);margin-top:var(--gb-space-2);width:100%}.gb-scale-practice-empty{padding:var(--gb-space-6) var(--gb-space-5);background:var(--gb-surface);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-divider);text-align:center}.gb-scale-practice-empty-text{margin:0}.gb-scale-practice-block{margin-bottom:var(--gb-space-4);width:100%}.gb-scale-practice-label{margin-bottom:6px}.gb-scale-beat-dots{display:flex;gap:var(--gb-space-1);align-items:center}.gb-scale-beat-dot{width:8px;height:8px;border-radius:50%;background:var(--gb-border);transition:background .08s}.gb-scale-beat-dot--active{background:var(--gb-accent)}.gb-scale-stepper-note--root{background:rgb(231 76 60/.1);font-weight:600}.gb-scale-stepper-note--past{background:var(--gb-interval-1);color:#fff;border-color:var(--gb-interval-1);opacity:.7}.gb-scale-stepper-note--active{background:var(--gb-interval-3);color:#fff;border-color:var(--gb-interval-3)}.gb-scale-flow-svg{display:block;height:auto;min-width:var(--gb-scale-flow-min-w,0)}.gb-scale-flow-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:var(--gb-radius-xs)}.gb-scale-flow-text{pointer-events:none}.gb-scale-practice-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gb-space-4);align-items:start;width:100%}.gb-scale-practice-buttons-stack{display:flex;flex-direction:column;gap:var(--gb-space-1)}.gb-scale-practice-start-string{margin-top:var(--gb-space-3)}.gb-scale-practice-bpm-row,.gb-scale-practice-string-buttons{display:flex;flex-wrap:wrap}.gb-scale-practice-bpm-row{align-items:center;gap:10px}.gb-scale-practice-slider-wrap{flex:1;min-width:80px}.gb-scale-practice-bpm-value{min-width:28px}.gb-scale-practice-play-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--gb-space-1);line-height:1;white-space:nowrap}.gb-picking-section-heading{font-size:16px;font-weight:600;color:var(--gb-text-primary,#1a1a1a);margin:0 0 var(--gb-space-3) 0}.gb-picking-left-col{display:flex;flex-direction:column;gap:var(--gb-space-4);min-width:0}.gb-picking-toggles-row{display:flex;gap:var(--gb-space-4);flex-wrap:wrap}.gb-picking-fretboard-col{min-width:200px;width:220px;flex-shrink:0}.gb-picking-warning{background:rgba(230,126,34,.08);border:1px solid rgba(230,126,34,.3);border-radius:var(--gb-radius-xs);padding:var(--gb-space-3) var(--gb-space-4);font-size:13px;color:var(--gb-warning,#e67e22);line-height:1.5}.gb-picking-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.gb-picking-table{width:100%;border-collapse:collapse;font-size:13px;min-width:380px}.gb-picking-thead-row{background:var(--gb-surface-secondary,#f7f7f7);border-bottom:2px solid var(--gb-border,#e0e0e0)}.gb-picking-tr{border-bottom:1px solid var(--gb-border,#e0e0e0);transition:background .1s}.gb-picking-tr--active{background:rgba(24,160,251,.08)}.gb-picking-th{text-align:left;font-weight:600;font-size:12px;color:var(--gb-text-secondary,#8a8a8a);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.gb-picking-td,.gb-picking-th{padding:var(--gb-space-2) var(--gb-space-3)}.gb-picking-td{vertical-align:middle}.gb-picking-td--bold{font-weight:600}.gb-picking-td--muted,.gb-picking-td--rh{color:var(--gb-text-secondary,#8a8a8a)}.gb-picking-td--rh{font-style:italic}.gb-picking-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gb-space-4)}.gb-daily-card-h{height:100%;box-sizing:border-box}.gb-daily-step-bg{background:var(--gb-step-color,var(--gb-accent))}.gb-daily-card-title{flex:1;min-width:0}.gb-daily-card-desc{margin:0;line-height:1.5}.gb-daily-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gb-space-3)}.gb-daily-grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:var(--gb-space-3)}.gb-daily-cta-row{display:flex;gap:var(--gb-space-3);flex-wrap:wrap;align-items:center}.gb-daily-tips-block{padding:18px 22px}.gb-daily-tip-item{line-height:1.6;color:#000}.gb-daily-tips-alert{width:100%}.gb-daily-tips-alert .gb-daily-tips-list{padding-left:var(--gb-space-5);margin:0}.gb-daily-tips-alert .gb-daily-tip-item{font-size:14px;color:#000}.gb-daily-related-row{display:flex;gap:10px;flex-wrap:wrap}.gb-pg-session-block{padding:var(--gb-space-4) var(--gb-space-5)}.gb-pg-task-num{width:26px;height:26px;border-radius:50%;background:var(--gb-accent);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gb-pg-task-arrow{margin-left:auto;font-size:13px;color:var(--gb-text-tertiary)}.gb-pg-actions-row{display:flex;gap:10px}.gb-pg-section-label{margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.gb-pg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-2)}.gb-pg-focus-btn{height:auto;padding:10px 14px;text-align:left;flex-direction:column;align-items:flex-start;gap:2px}.gb-pg-row-gap-2{display:flex;gap:var(--gb-space-2)}.gb-pg-settings-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-6);align-items:flex-start}.gb-pg-settings-row--selects{gap:var(--gb-space-4)}.gb-pg-settings-row--selects>label{flex:0 0 auto;width:200px;max-width:100%}.gb-pg-settings-row--selects .g-select,.gb-pg-settings-row--selects .g-select-control,.gb-pg-settings-row--selects .g-select-control__button{width:100%}.gb-pg-steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.gb-pg-step{flex:1 0 auto;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface);color:var(--gb-text-secondary);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.gb-pg-step:hover{border-color:var(--gb-accent)}.gb-pg-step.is-done{color:var(--gb-text);border-color:var(--gb-border-strong)}.gb-pg-step.is-current{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:var(--gb-text);font-weight:600}.gb-pg-step.is-correct{border-color:var(--gb-success);background:color-mix(in srgb,var(--gb-success) 16%,transparent);color:var(--gb-text)}.gb-pg-step.is-wrong{border-color:var(--gb-danger);background:color-mix(in srgb,var(--gb-danger) 16%,transparent);color:var(--gb-text)}.gb-pg-exercise{width:100%}.gb-pg-exercise-title{margin-bottom:var(--gb-space-3)}.gb-pg-nav{display:flex;justify-content:space-between;gap:var(--gb-space-3)}.gb-picking-grid-empty{padding:var(--gb-space-4);color:var(--gb-text-secondary,#8a8a8a);font-size:13px}.gb-picking-grid-root{-webkit-overflow-scrolling:touch}.gb-picking-grid-inner{display:inline-flex;flex-direction:column;min-width:100%;gap:0}.gb-picking-grid-rhf-row{display:flex}.gb-picking-grid-spacer{width:56px;flex-shrink:0}.gb-picking-grid-rhf-cell{width:44px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--gb-text-secondary,#8a8a8a);font-style:italic;flex-shrink:0}.gb-picking-grid-string-row{display:flex;align-items:center;border-bottom:1px solid var(--gb-border,#e0e0e0)}.gb-picking-grid-string-row[data-first=true]{border-top:1px solid var(--gb-border,#e0e0e0)}.gb-picking-grid-str-label{width:56px;flex-shrink:0;padding:0 var(--gb-space-2);display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--gb-text-secondary,#8a8a8a)}.gb-picking-grid-str-num{font-weight:600;color:var(--gb-text-primary,#1a1a1a)}.gb-picking-grid-str-note{color:var(--gb-text-secondary,#8a8a8a)}.gb-picking-grid-step{width:44px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:default;background:transparent;border-left:1px solid var(--gb-border,#e0e0e0);transition:background .1s;position:relative}.gb-picking-grid-step[data-clickable=true]{cursor:pointer}.gb-picking-grid-step[data-beat=true]{border-left:2px solid var(--gb-border-strong,#c0c0c0)}.gb-picking-grid-step[data-accent-beat=true]{background:var(--gb-surface-secondary,rgba(0,0,0,.03))}.gb-picking-grid-step[data-active=true]{background:var(--gb-accent-light,rgba(24,160,251,.12))}.gb-picking-grid-dot{width:18px;height:18px;border-radius:50%;background:var(--gb-text-primary,#1a1a1a);border:none;position:relative;z-index:1;transition:all .1s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gb-picking-grid-dot[data-pinch=true]{width:22px;height:22px;border:3px solid var(--gb-accent,#18a0fb)}.gb-picking-grid-dot[data-brush=true]{background:var(--gb-text-secondary,#8a8a8a)}.gb-picking-grid-dot[data-accent=true]{background:var(--gb-warning,#e67e22)}.gb-picking-grid-dot[data-active=true]{background:var(--gb-accent,#18a0fb);box-shadow:0 0 0 3px rgba(24,160,251,.25)}.gb-picking-grid-brush-arrow{color:#fff;font-size:10px;line-height:1}.gb-picking-grid-rest-sym{font-size:14px;color:var(--gb-text-secondary,#8a8a8a);position:relative;z-index:1}.gb-picking-grid-beat-row{display:flex;padding-top:4px}.gb-picking-grid-beat-cell{width:44px;flex-shrink:0;text-align:center;font-size:11px;font-weight:400;color:var(--gb-text-secondary,#8a8a8a);padding-bottom:4px}.gb-picking-grid-beat-cell[data-beat=true]{font-weight:600;color:var(--gb-text-primary,#1a1a1a)}.gb-picking-mini-card{display:flex;flex-direction:column;gap:var(--gb-space-2);text-decoration:none;color:inherit}.gb-picking-mini-grid{display:flex;justify-content:center;background:var(--gb-surface-muted);border:1px solid var(--gb-border);border-radius:var(--gb-radius-sm,8px);padding:12px var(--gb-space-3);margin-bottom:var(--gb-space-2);overflow:hidden}.gb-picking-mini-title{margin-bottom:0}.gb-picking-mini-desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gb-picking-mini-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gb-space-3);margin-top:auto;padding-top:4px}.gb-picking-mini-meta-col{display:flex;flex-direction:column;gap:4px;min-width:0}.gb-picking-mini-meta-col--right{align-items:flex-end;text-align:right}.gb-picking-mini-cat-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--_pick-color);background:color-mix(in srgb,var(--_pick-color) 10%,transparent);border-radius:4px;padding:2px 6px;line-height:1.5;white-space:nowrap}.gb-picking-mini-stats-line{display:inline-flex;align-items:center;gap:6px}.gb-picking-mini-bpm,.gb-picking-mini-stats-line{font-size:11px;color:var(--gb-text-secondary);white-space:nowrap}.gb-picking-mini-sep{color:var(--gb-border-strong,#d0d0d0)}.gb-difficulty-meter{display:inline-flex;align-items:center;gap:2px;line-height:0}.gb-difficulty-dot{display:inline-flex;color:var(--gb-border-strong)}.gb-picking-player-root{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-picking-player-controls{display:flex;align-items:center;gap:var(--gb-space-3);flex-wrap:wrap}.gb-picking-player-play-btn{min-width:48px}.gb-picking-player-bpm-row{display:flex;align-items:center;gap:var(--gb-space-2);flex:1;min-width:200px}.gb-picking-player-bpm-label{font-size:13px;font-weight:600;min-width:60px;color:var(--gb-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-picking-player-slider-wrap{flex:1}.gb-picking-player-steps-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.gb-picking-player-step-dot{width:8px;height:8px;border-radius:50%;background:var(--gb-text-tertiary,#c0c0c0);transition:background .1s;flex-shrink:0}.gb-picking-player-step-dot[data-accent=true]{width:12px;height:12px}.gb-picking-player-step-dot[data-silent=true]{background:var(--gb-border,#e0e0e0)}.gb-picking-player-step-dot[data-active=true]{background:var(--gb-accent,#18a0fb)}.gb-picking-player-counter{font-size:12px;color:var(--gb-text-secondary);margin-left:var(--gb-space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-pcs-card{border:1px solid var(--gb-border,#e8e8e8);border-radius:10px;padding:var(--gb-space-4);background:var(--gb-surface,#fff)}.gb-pcs-current{margin-bottom:var(--gb-space-3);font-size:12px;color:var(--gb-text-secondary,#8a8a8a)}.gb-pcs-current-name{color:var(--gb-accent,#18a0fb)}.gb-pcs-groups{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-pcs-group-label{font-size:11px;font-weight:500;color:var(--gb-text-secondary,#8a8a8a);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.gb-pcs-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-pcs-chord-btn[data-selected=true]{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 10%,var(--gb-surface));color:var(--gb-accent)}.gb-pcs-chord-label{font-size:15px;font-weight:600;line-height:1.1}.gb-pcs-warning{margin-top:var(--gb-space-3);padding:var(--gb-space-2) var(--gb-space-3);border-radius:6px;background:color-mix(in srgb,var(--gb-interval-b3) 8%,transparent);border:1px solid color-mix(in srgb,var(--gb-interval-b3) 30%,transparent);font-size:12px;color:var(--gb-warning,#e67e22)}.gb-pcs-hint{margin-top:10px;font-size:11px;color:var(--gb-text-secondary,#8a8a8a)}.gb-arp-practice-block{margin-top:var(--gb-space-6);padding-top:var(--gb-space-5);border-top:1px solid var(--gb-divider)}.gb-arp-practice-label{margin-bottom:var(--gb-space-3)}.gb-arp-practice-controls{display:flex;align-items:center;gap:var(--gb-space-3);flex-wrap:wrap;margin-bottom:var(--gb-space-4)}.gb-arp-practice-bpm-row{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-arp-practice-slider{width:120px}.gb-arp-practice-play-btn-row{display:inline-flex;align-items:center;gap:6px}.gb-arp-flow-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:8px}.gb-arp-flow-svg{display:block;height:auto;min-width:var(--_arp-min-w,auto)}.gb-pkg-detail-header{margin-top:var(--gb-space-2);margin-bottom:var(--gb-space-6)}.gb-pkg-meta-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap;margin-top:var(--gb-space-2)}.gb-pkg-meta-badge{display:inline-flex;align-items:center;gap:4px}.gb-pkg-prose{max-width:720px;line-height:1.7}.gb-pkg-view-all{margin-top:var(--gb-space-3);text-align:right}.gb-ear-tips-title{font-weight:600;margin-bottom:6px}.gb-ear-tips-list{line-height:1.7;margin:0}.gb-ear-tips-alert{width:100%}.gb-ear-tips-alert .gb-ear-tips-list{padding-left:var(--gb-space-5)}.gb-ear-tips-alert .gb-ear-tips-list li{font-size:14px}.gb-ear-trainer-stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}.ear-game__top-controls{display:flex;flex-wrap:wrap;gap:var(--gb-space-6);align-items:flex-start}.gb-pmg-root{display:inline-flex;flex-direction:column;gap:0}.gb-pmg-root[data-size=xs]{--_pmg-cell-w:22px;--_pmg-cell-h:14px;--_pmg-dot:6px;--_pmg-label-w:16px;--_pmg-fs:9px}.gb-pmg-root[data-size=sm]{--_pmg-cell-w:30px;--_pmg-cell-h:20px;--_pmg-dot:10px;--_pmg-label-w:22px;--_pmg-fs:11px}.gb-pmg-row{display:flex;align-items:center}.gb-pmg-label{width:var(--_pmg-label-w);flex-shrink:0;font-size:var(--_pmg-fs);color:var(--gb-text-secondary,#8a8a8a);text-align:right;padding-right:3px;line-height:1}.gb-pmg-cell{width:var(--_pmg-cell-w);height:var(--_pmg-cell-h);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border-left:1px solid var(--gb-border,#e8e8e8);position:relative}.gb-pmg-cell[data-beat=true]{border-left-color:var(--gb-border-strong,#c0c0c0)}.gb-pmg-cell[data-active=true]{background:color-mix(in srgb,#18a0fb 12%,transparent)}.gb-pmg-string-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--gb-border,#e8e8e8);transform:translateY(-50%);pointer-events:none}.gb-pmg-dot{width:var(--_pmg-dot);height:var(--_pmg-dot);border-radius:50%;background:#1a1a1a;position:relative;z-index:1;flex-shrink:0}.gb-pmg-dot[data-active=true]{background:#18a0fb}.gb-ppfb-root{display:flex;flex-direction:column;gap:6px}.gb-ppfb-root--rotated .gb-fretboard-svg{transform:rotate(-90deg)}.gb-ppfb-root--rotated .gb-fretboard-svg text{transform-box:fill-box;transform-origin:center;transform:rotate(90deg)}.gb-ppfb-name{text-align:center;font-weight:600;font-size:16px;color:var(--gb-text-primary,#1a1a1a)}.gb-ppfb-strings{text-align:center;font-size:12px;color:var(--gb-accent,#18a0fb);font-weight:500}.gb-ppfb-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding-top:var(--gb-space-2)}.gb-ppfb-note-badge{font-size:12px;font-weight:600;color:var(--gb-accent,#18a0fb);background:color-mix(in srgb,#18a0fb 10%,transparent);border-radius:4px;padding:2px 6px;white-space:nowrap}.gb-next-step{margin-top:var(--gb-space-4)}.gb-next-step__title{margin-bottom:12px}.gb-next-step__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.gb-next-step__item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.gb-next-step__item:hover{border-color:var(--gb-accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.gb-next-step__item-type{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--gb-text-tertiary);font-family:var(--g-font-family-monospace)}.gb-next-step__item-label{font-size:16px;font-weight:600;line-height:1.2}.gb-next-step__item-reason{font-size:13px;line-height:1.35;color:var(--gb-text-secondary)}@media (max-width:600px){.gb-next-step__grid{grid-template-columns:1fr}}.gb-admin-content-dashboard{display:flex;flex-direction:column;gap:24px}.gb-admin-content-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.gb-admin-stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.gb-admin-stat-card{padding:20px 16px}.gb-admin-section-title{margin-top:8px}.gb-admin-table-wrap{overflow-x:auto}.gb-admin-table{width:100%;border-collapse:collapse;font-size:14px}.gb-admin-table td,.gb-admin-table th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--gb-border)}.gb-admin-table th{font-weight:600;color:var(--gb-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.gb-admin-table tbody tr:hover{background:var(--gb-hover-bg)}.gb-coverage-high{color:var(--g-color-private-green-600,#16a34a);font-weight:600}.gb-coverage-mid{color:var(--g-color-private-orange-550,#e67e22);font-weight:600}.gb-coverage-low{color:var(--g-color-private-red-600,#dc2626);font-weight:600}.gb-content-editor{display:flex;flex-direction:column;gap:20px;max-width:720px}.gb-content-editor__field{display:flex;flex-direction:column;gap:6px}.gb-content-editor__label{font-size:13px;font-weight:600;color:var(--gb-text-secondary)}.gb-content-editor__input,.gb-content-editor__select{padding:8px 12px;border:1px solid var(--gb-border);border-radius:var(--gb-radius-sm);background:var(--gb-surface);color:var(--gb-text);font-size:14px;font-family:inherit}.gb-content-editor__input:focus,.gb-content-editor__select:focus,.gb-content-editor__textarea:focus{outline:none;border-color:var(--gb-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--gb-accent) 20%,transparent)}.gb-content-editor__textarea{padding:10px 12px;border:1px solid var(--gb-border);border-radius:var(--gb-radius-sm);background:var(--gb-surface);color:var(--gb-text);font-size:14px;font-family:var(--font-mono,"IBM Plex Mono",monospace);min-height:200px;resize:vertical}.gb-content-editor__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gb-content-editor__actions{display:flex;gap:12px;padding-top:8px}.gb-content-editor__status{font-size:14px;padding:8px 12px;border-radius:var(--gb-radius-sm)}.gb-content-editor__status--success{background:color-mix(in srgb,var(--g-color-private-green-600,#16a34a) 10%,transparent);color:var(--g-color-private-green-600,#16a34a)}.gb-content-editor__status--error{background:color-mix(in srgb,var(--g-color-private-red-600,#dc2626) 10%,transparent);color:var(--g-color-private-red-600,#dc2626)}.gb-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--gb-space-8) var(--gb-space-4);min-height:50vh}.gb-offline__icon{color:var(--gb-text-secondary);margin-bottom:var(--gb-space-4)}.gb-offline__heading{font-size:var(--gb-font-size-2xl);font-weight:600;color:var(--gb-text-primary);margin:0 0 var(--gb-space-2)}.gb-offline__subtitle{font-size:var(--gb-font-size-base);color:var(--gb-text-secondary);margin:0 0 var(--gb-space-6);max-width:480px}.gb-offline__section{margin-bottom:var(--gb-space-6)}.gb-offline__section-title{font-size:var(--gb-font-size-lg);font-weight:500;color:var(--gb-text-primary);margin:0 0 var(--gb-space-3)}.gb-offline__tools-list{list-style:none;padding:0;margin:0;display:flex;gap:var(--gb-space-3);justify-content:center;flex-wrap:wrap}.gb-offline__tool-link{display:inline-flex;align-items:center;padding:var(--gb-space-2) var(--gb-space-4);border-radius:var(--gb-radius-m);background:var(--gb-bg-elevated);color:var(--gb-accent);font-weight:500;text-decoration:none;border:1px solid var(--gb-border);transition:background .15s ease,border-color .15s ease}.gb-offline__tool-link:hover{background:var(--gb-bg-hover);border-color:var(--gb-accent)}.gb-offline__hint{font-size:var(--gb-font-size-sm);color:var(--gb-text-tertiary);margin:0 0 var(--gb-space-6);max-width:400px}.gb-offline__retry-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--gb-space-2) var(--gb-space-6);border-radius:var(--gb-radius-m);background:var(--gb-accent);color:var(--gb-text-on-accent,#fff);font-weight:500;font-size:var(--gb-font-size-base);text-decoration:none;border:none;cursor:pointer;transition:opacity .15s ease}.gb-offline__retry-btn:hover{opacity:.85}.gb-offline-indicator{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--gb-space-2);padding:var(--gb-space-2) var(--gb-space-4);background:var(--gb-warning-bg,#fef3cd);color:var(--gb-warning-text,#856404);font-size:var(--gb-font-size-sm);font-weight:500;border-bottom:1px solid var(--gb-warning-border,#ffc107);animation:gb-offline-indicator-slide-in .3s ease}@keyframes gb-offline-indicator-slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.gb-offline-indicator__text{flex:1;text-align:center}.gb-offline-indicator__dismiss{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--gb-radius-s);background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1;opacity:.7;transition:opacity .15s ease}.gb-offline-indicator__dismiss:hover{opacity:1}.gb-update-notification{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--gb-surface-primary,var(--g-color-base-background));border-top:1px solid var(--gb-border,var(--g-color-line-generic));box-shadow:0 -2px 12px rgba(0,0,0,.08);padding:var(--gb-space-3) var(--gb-space-4);animation:gb-slide-up .3s ease-out}.gb-update-notification__body{max-width:1360px;margin:0 auto;display:flex;align-items:center;gap:var(--gb-space-4);flex-wrap:wrap}.gb-update-notification__message{flex:1 1 0;min-width:200px;font-size:var(--gb-font-size-base);color:var(--gb-text-primary,var(--g-color-text-primary))}.gb-update-notification__actions{display:flex;gap:var(--gb-space-2);flex-shrink:0}@keyframes gb-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sa-cookie-bar{--sa-brand-accent:#038fd4;--sa-text-secondary:var(--gb-text-secondary,var(--g-color-text-secondary));--sa-surface-raised:var(--gb-surface,var(--g-color-base-background));--sa-border-primary:var(--gb-border,var(--g-color-line-generic));--sa-shadow-lg:var(--gb-shadow-2);position:fixed;bottom:16px;right:16px;z-index:1000;max-width:420px;width:calc(100% - 32px)}.sa-cookie-bar__inner{background:var(--sa-surface-raised);border:1px solid var(--sa-border-primary);border-radius:12px;padding:20px;box-shadow:var(--sa-shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center}.sa-cookie-bar__icon{flex-shrink:0;line-height:0;margin-bottom:12px}.sa-cookie-bar__text p{margin:0 0 6px;font-size:13px;line-height:1.5;color:var(--sa-text-secondary)}.sa-cookie-bar__text p:last-child{margin-bottom:0}.sa-cookie-bar__text a{color:var(--sa-brand-accent);text-decoration:underline;text-underline-offset:.25em;text-decoration-color:color-mix(in srgb,var(--sa-brand-accent) 40%,transparent);transition:text-decoration-color .15s}.sa-cookie-bar__text a:hover{text-decoration-color:transparent}.sa-cookie-bar__actions{margin-top:16px;width:100%}.sa-cookie-bar__accept{width:100%;padding:10px 20px;border:1px solid var(--sa-brand-accent);background:color-mix(in srgb,var(--sa-brand-accent) 10%,transparent);color:var(--sa-brand-accent);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.sa-cookie-bar__accept:hover{background:color-mix(in srgb,var(--sa-brand-accent) 20%,transparent)}@media (max-width:480px){.sa-cookie-bar{bottom:0;right:0;max-width:100%;width:100%}.sa-cookie-bar__inner{border-radius:12px 12px 0 0}}.gb-exercise-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--gb-radius-m,12px);background:var(--gb-surface-card,var(--g-color-base-float));border:1px solid var(--gb-border-light,var(--g-color-line-generic));transition:border-color .15s}.gb-exercise-card:hover{border-color:var(--gb-border-accent,var(--g-color-line-brand))}.gb-exercise-card__title{font-weight:600;font-size:15px}.gb-exercise-card__desc{font-size:13px;color:var(--gb-text-secondary)}.gb-exercise-card__meta{display:flex;gap:8px;font-size:12px;color:var(--gb-text-tertiary)}.gb-exercise-card__header{display:flex;align-items:center;gap:10px}.gb-exercise-card__step{width:32px;height:32px;border-radius:50%;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gb-exercise-card__icon{display:inline-flex;align-items:center;color:var(--gb-text-secondary)}.gb-exercise-card__duration{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--gb-text-tertiary);flex-shrink:0;margin-left:auto}.gb-daily-stack{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-daily-hud{display:flex;flex-wrap:wrap;gap:var(--gb-space-4)}.gb-daily-hud-card{flex:1 1 220px;display:flex;align-items:center;gap:var(--gb-space-3);padding:var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-daily-hud-icon{color:var(--gb-accent);flex-shrink:0;display:inline-flex}.gb-daily-hud-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.gb-daily-hud-value{font-size:24px;font-weight:600;line-height:1.1}.gb-daily-hud-label{font-size:13px;color:var(--gb-text-secondary)}.gb-daily-xp-track{height:8px;border-radius:4px;background:var(--gb-surface-muted);overflow:hidden;margin-top:4px}.gb-daily-xp-fill{width:var(--gb-daily-xp,0);height:100%;background:var(--gb-accent);transition:width .3s}.gb-daily-goal-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-3);flex-wrap:wrap}.gb-daily-goal-done{display:inline-flex;align-items:center;gap:6px;color:var(--gb-success,#2e7d32);font-weight:600}.gb-daily-set{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-exercise-card.is-done{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-daily-done-icon{color:var(--gb-accent);display:inline-flex;flex-shrink:0}.gb-daily-diff{display:inline-flex;gap:3px;flex-shrink:0;align-items:center}.gb-daily-diff-dot{width:7px;height:7px;border-radius:50%;background:var(--gb-border-strong)}.gb-daily-diff-dot.is-on{background:var(--gb-accent)}.gb-daily-reason{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--gb-surface-muted);color:var(--gb-text-secondary);white-space:nowrap}.gb-daily-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gb-space-3)}.gb-daily-ach{display:flex;align-items:center;gap:var(--gb-space-2);padding:var(--gb-space-3);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);background:var(--gb-surface)}.gb-daily-ach.is-locked{opacity:.45}.gb-daily-ach-icon{color:var(--gb-accent);flex-shrink:0;display:inline-flex}.gb-daily-ach.is-locked .gb-daily-ach-icon{color:var(--gb-text-secondary)}.gb-daily-ach-title{font-size:13px;font-weight:600;line-height:1.2}.gb-daily-ach-desc{font-size:12px;color:var(--gb-text-secondary);line-height:1.3}.gb-daily-skeleton{height:88px;border-radius:var(--gb-radius-lg);background:var(--gb-surface-muted)}.gb-daily-skeleton--hud{flex:1 1 220px}.ear-game{display:flex;flex-direction:column;gap:20px}.ear-game,.ear-game--wide{width:100%}.ear-game__score{display:flex;gap:16px;font-size:14px;color:var(--gb-text-secondary);padding:8px 14px}.ear-game__score-correct{color:var(--g-color-text-positive,#22c55e);font-weight:600}.ear-game__controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ear-game__feedback{padding:12px 16px;border-radius:8px;font-weight:600;font-size:15px}.ear-game__feedback--correct{background:var(--g-color-base-positive-light,#dcfce7);color:var(--g-color-text-positive,#166534)}.ear-game__feedback--wrong{background:var(--g-color-base-danger-light,#fee2e2);color:var(--g-color-text-danger,#991b1b)}.ear-game__reset{font-size:12px;color:var(--gb-text-tertiary);text-align:left;background:none;border:none;cursor:pointer;padding:0}.ear-game__prog-list{display:flex;flex-direction:column;gap:6px}.ear-game__prog-chip{width:100%;height:auto;min-height:36px;padding:10px 16px;justify-content:space-between;text-align:left}.ear-game__prog-pattern{font-family:var(--g-font-family-monospace);letter-spacing:.02em;font-weight:600}.ear-game__prog-desc{font-size:12px;opacity:.65;flex-shrink:0}.gb-ear-page-stack{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-ear-soft-inset{padding:14px 18px}.gb-ear-chip-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap}.gb-ear-nav-row{display:flex;gap:10px;flex-wrap:wrap}.practice-game{display:flex;flex-direction:column;gap:20px}.practice-game__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.practice-game__target{font-size:48px;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--gb-text)}.practice-game__target--sm{font-size:32px}.practice-game__target--md{font-size:36px}.practice-game__target--accent{color:var(--gb-accent)}.practice-game__target--root{color:var(--gb-characteristic,#e67e22)}.practice-game__score{text-align:right}.practice-game__score-value{font-size:24px;font-weight:600}.practice-game__score-progress{font-size:20px;font-weight:600}.practice-game__feedback{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-weight:400;font-size:14px}.practice-game__feedback .g-icon{flex-shrink:0}.practice-game__feedback--correct{background:color-mix(in srgb,var(--gb-success) 13%,transparent);border:1px solid var(--gb-success);color:var(--gb-success)}.practice-game__feedback--wrong{background:color-mix(in srgb,var(--gb-danger) 13%,transparent);border:1px solid var(--gb-danger);color:var(--gb-danger)}.practice-game__feedback--complete{padding:14px 20px;border-radius:10px;font-size:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.practice-game__options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.practice-game__option-btn{padding:14px 16px;border-radius:10px;font-size:20px;font-weight:600;cursor:pointer;transition:all .15s;border:2px solid var(--gb-border);background:var(--gb-surface);color:inherit}.practice-game__option-btn[data-result=correct]{border-color:var(--gb-success);background:color-mix(in srgb,var(--gb-success) 13%,transparent);color:var(--gb-success)}.practice-game__option-btn[data-result=wrong]{border-color:var(--gb-danger);background:color-mix(in srgb,var(--gb-danger) 13%,transparent);color:var(--gb-danger)}.practice-game__option-btn:disabled{cursor:default}.practice-game__controls{display:flex;flex-wrap:wrap;gap:16px}.practice-game__control-row{display:flex;gap:4px;flex-wrap:wrap}.practice-game__control-btn{padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--gb-border);background:transparent;color:inherit}.practice-game__control-btn[data-active=true]{border-color:var(--gb-accent);background:var(--gb-accent-soft);color:var(--gb-accent)}.practice-game__control-btn--sm{font-size:12px}.practice-game__complete-meta{opacity:.7;font-weight:400;font-size:13px}.practice-game__status{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.practice-game__status-right{margin-left:auto}.practice-game__diagram{display:flex;justify-content:center}.practice-game__diagram-frame{padding:20px;border-radius:12px;border:1px solid var(--gb-border);background:var(--gb-surface);display:inline-block}.practice-game__select{padding:6px 10px;border-radius:6px;font-size:13px;border:1px solid var(--gb-border);background:var(--gb-surface);color:inherit;width:100%}.practice-game__reset{font-size:12px;color:var(--gb-text-tertiary);background:none;border:none;cursor:pointer;padding:0}.practice-game__target-row{display:flex;align-items:baseline;gap:10px}.practice-game__target-operator{font-size:20px;color:var(--gb-text-secondary)}.practice-game__centered{text-align:center}.practice-game__mistakes{color:var(--g-color-text-danger,#ef4444)}.practice-game__control-group{flex:1;min-width:180px}.gb-rvp-panel{display:flex;flex-direction:column;gap:var(--gb-space-4);padding:var(--gb-space-5) var(--gb-space-5) var(--gb-space-4);border-radius:16px;border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-rvp-row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gb-rvp-section-label{font-weight:400;font-size:14px}.gb-rvp-silence-pill{padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--gb-accent-soft);color:var(--gb-accent)}.gb-rvp-silence-pill[data-silent=true]{background:var(--gb-surface-muted);color:var(--gb-text-secondary)}.gb-rvp-grouping-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gb-rvp-grouping-chip{font-size:12px;padding:2px 10px}.gb-rvp-divider{border-top:1px solid var(--gb-divider);margin:0 -4px}.gb-rvp-pattern-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-2);flex-wrap:wrap}.gb-rvp-mode-switch{flex-shrink:0}.gb-rvp-meter-row{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.gb-rvp-meter-label{font-size:12px}.gb-rvp-tick-counter{font-size:10px;font-family:var(--g-font-family-monospace)}@font-face{font-family:GB Bravura;src:url(/alphatab/font/Bravura.woff2) format("woff2"),url(/alphatab/font/Bravura.woff) format("woff");font-display:block}.gb-rpd-glyph{font-family:GB Bravura;font-size:26px;dominant-baseline:alphabetic;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-rpd-root{width:100%;padding:var(--gb-space-2) 0 4px}.gb-rpd-svg{display:block;overflow:visible}.gb-rpd-row-shell{position:relative;width:100%;height:72px;overflow:hidden}.gb-rpd-divider{top:0;bottom:0;width:2px;background:var(--gb-border-strong);z-index:2}.gb-rpd-cell,.gb-rpd-divider{position:absolute;left:var(--_left,0)}.gb-rpd-cell{width:calc(var(--_width, 0%) - 2px);top:2px;bottom:2px;border-radius:4px;transition:background .05s;background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-rpd-cell[data-rest=true]{background:transparent}.gb-rpd-cell[data-state=active]{background:var(--gb-accent);border:2px solid var(--gb-accent)}.gb-rpd-cell[data-state=passed][data-rest=false]{background:var(--gb-border)}.gb-rpd-cell[data-state=passed][data-rest=true]{background:transparent}.gb-rpd-cell[data-tuplet=true]{border-style:dashed}.gb-rpd-cursor{position:absolute;left:var(--gb-rhythm-cursor,-1%);top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gb-accent);opacity:.5;z-index:3;pointer-events:none;will-change:left}.gb-rpd-notation-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.gb-rpd-count-slot{position:absolute;left:var(--_left,0);top:0;bottom:0;display:flex;width:24px;margin-left:var(--_ml,0);z-index:1}.gb-rpd-count-pill,.gb-rpd-count-slot{align-items:center;justify-content:center}.gb-rpd-count-pill{display:inline-flex;min-width:20px;height:24px;border-radius:5px;padding:0 3px;font-size:10px;font-weight:400;color:var(--gb-text-secondary);background:transparent;transition:background .05s,color .05s;font-family:var(--g-font-family-monospace);white-space:nowrap}.gb-rpd-count-pill[data-beat=true]{font-size:12px;font-weight:600;color:var(--gb-text)}.gb-rpd-count-pill[data-rest=true]{color:var(--gb-border-strong)}.gb-rpd-count-pill[data-state=passed]{color:var(--gb-text-tertiary);font-weight:400}.gb-rpd-count-pill[data-state=passed][data-rest=true]{color:var(--gb-border)}.gb-rpd-count-pill[data-state=active]{color:#fff;background:var(--gb-accent);font-weight:800}.gb-rpd-words{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:var(--gb-space-5);padding:var(--gb-space-3) 0}.gb-rpd-words-beat{display:flex;flex-direction:column;align-items:center;gap:var(--gb-space-2);min-width:84px}.gb-rpd-words-beat[data-group-start=true]{margin-left:var(--gb-space-4)}.gb-rpd-pie{display:block;width:84px;height:84px}.gb-rpd-words-label{display:inline-flex;align-items:baseline;font-size:14px;font-weight:600;line-height:1.2;color:var(--gb-text-secondary);white-space:nowrap}.gb-rpd-words-syl[data-active=true]{color:var(--gb-accent);font-weight:600}.gb-rpd-words-sep{color:var(--gb-text-tertiary);padding:0 1px;font-weight:400}.gb-mtd-row{justify-content:flex-end;flex-wrap:wrap;gap:4px;min-height:28px}.gb-mtd-cell,.gb-mtd-row{display:flex;align-items:center}.gb-mtd-gap{width:10px}.gb-mtd-dot{width:16px;height:16px;border-radius:50%;background:var(--gb-surface-muted);border:2px solid var(--gb-border);transition:background .04s,border-color .04s,box-shadow .04s;flex-shrink:0}.gb-mtd-dot[data-accent=true]{width:22px;height:22px;border-color:var(--gb-border-strong)}.gb-mtd-dot[data-state=active]{background:var(--gb-text);border-color:var(--gb-text);box-shadow:0 0 0 2px var(--gb-border-strong)}.gb-mtd-dot[data-state=active][data-accent=true]{background:var(--gb-accent);border-color:var(--gb-accent);box-shadow:0 0 0 3px var(--gb-accent-soft)}.gb-mtd-dot[data-state=passed]{background:var(--gb-border);border-color:var(--gb-border)}.arpeggio-card-preview{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;padding:10px 8px;border-radius:8px;transition:border-color .15s;background:linear-gradient(135deg,color-mix(in srgb,var(--_arp-card-color,#555) 13%,transparent) 0,color-mix(in srgb,var(--_arp-card-color,#555) 7%,transparent) 100%);border:1px solid color-mix(in srgb,var(--_arp-card-color,#555) 27%,transparent)}.arpeggio-card-preview__badge,.arpeggio-card-preview__formula{color:var(--_arp-card-color,#555)}.arpeggio-card-preview__svg{line-height:0}.arpeggio-card-preview__badge{font-size:15px;font-weight:800;line-height:1;letter-spacing:-.5px}.arpeggio-card-preview__formula{font-size:10px;opacity:.8;font-weight:500;letter-spacing:.2px;text-align:center}.gb-arp-diagram-panel{background:var(--gb-surface,#fff);border:1px solid var(--gb-border,#e0e0e0);border-radius:var(--gb-radius-lg,12px);padding:var(--gb-space-4)}.gb-arp-controls-row{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap;margin-bottom:var(--gb-space-2)}.gb-arp-controls-group{display:flex}.gb-arp-controls-positions{display:flex;flex-wrap:wrap;margin-left:auto}@media (max-width:768px){.gb-arp-controls-row{display:none}}.gb-arp-diagram-wrap{width:100%}.gb-arp-export-btn-content{display:inline-flex;align-items:center;gap:var(--gb-space-1);font-size:15px;line-height:1;white-space:nowrap}.gb-arp-chord-link{display:inline-flex}.gb-arp-chord-card-name{font-size:20px;font-weight:600;line-height:1.1}.gb-arp-chord-card-name--md{font-size:18px;font-weight:600;line-height:1.1}.gb-arp-chord-card-name--sm{font-size:16px;font-weight:600;line-height:1.1}.gb-arp-chord-card-quality{font-size:13px;color:var(--gb-text-secondary);line-height:1}.gb-arp-chord-card-quality--sm{font-size:12px;color:var(--gb-text-secondary);line-height:1}.gb-arp-chord-card-meta{font-size:11px;color:var(--gb-text-secondary);line-height:1.3;text-align:center}.gb-arp-diatonic-roman{font-size:15px;font-weight:600;color:var(--arp-role-color,var(--gb-text));line-height:1;font-family:var(--g-font-family-monospace,monospace)}.gb-arp-diatonic-name{font-size:20px;font-weight:600;line-height:1.1}.gb-arp-diatonic-quality{font-size:13px;color:var(--gb-text-secondary);line-height:1}.gb-arp-diatonic-notes{font-size:12px;color:var(--gb-text-tertiary);line-height:1.3;text-align:center}.gb-arp-diatonic-func{font-size:11px;padding:2px 6px;border-radius:var(--gb-space-1);background:color-mix(in srgb,var(--arp-role-color,transparent) 12%,transparent);color:var(--arp-role-color,transparent);font-weight:400;line-height:1.4;letter-spacing:.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-arp-diatonic-card--inert{cursor:default}.gb-arp-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gb-space-4)}.gb-arp-app-tile{padding:var(--gb-space-4) var(--gb-space-5);background:var(--gb-card-bg);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-divider)}.gb-arp-app-label-mb{margin-bottom:6px}.gb-arp-app-text{margin:0;font-size:14px}.gb-arp-examples-wrap{margin-top:var(--gb-space-5)}.gb-arp-examples-block{margin-bottom:var(--gb-space-4)}.gb-arp-examples-label-mb{margin-bottom:var(--gb-space-2)}.gb-arp-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gb-space-3)}.gb-arp-example-tile{padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-card-bg);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-divider)}.gb-arp-example-title{font-weight:600;font-size:14px;margin-bottom:var(--gb-space-2)}.gb-arp-example-desc{font-size:13px;color:var(--gb-text-secondary);margin-bottom:6px}.gb-arp-example-context{font-size:12px;color:var(--gb-text-tertiary)}.gb-arp-song-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-arp-song-tile{padding:var(--gb-space-3) var(--gb-space-4);border-radius:var(--gb-radius-xs);border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-arp-song-title{font-weight:600;font-size:14px;margin-bottom:var(--gb-space-1)}.gb-arp-song-artist{font-size:13px;color:var(--gb-text-secondary)}.gb-arp-piano-cta-wrap{margin-top:var(--gb-space-4)}.gb-arp-seq-controls-row{display:flex;align-items:center;gap:var(--gb-space-3);flex-wrap:wrap}.gb-arp-seq-info-row{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-arp-seq-dir-badge{display:inline-flex;align-items:center;gap:var(--gb-space-1);padding:var(--gb-space-1) 10px;border-radius:6px;background:var(--gb-accent-subtle,rgba(52,152,219,.1));color:var(--gb-accent,#3498db);font-size:13px;font-weight:600}.gb-arp-seq-svg-wrap{width:100%;overflow-x:auto}.gb-arp-seq-svg{display:block;height:auto;min-width:320px}.gb-arp-seq-step-list{display:flex;gap:var(--gb-space-1);flex-wrap:wrap;font-size:12px;color:var(--gb-text-secondary)}.gb-arp-seq-step{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;background:var(--gb-surface,rgba(0,0,0,.03));font-weight:400;white-space:nowrap}.gb-arp-seq-step--root{background:rgba(231,76,60,.1);font-weight:600}.gb-arp-seq-order{font-weight:600}.gb-arp-seq-interval,.gb-arp-seq-order{font-size:10px;opacity:.5}.gb-arp-seq-pos{opacity:.4;font-size:10px}.gb-skel-arp-title{height:36px;width:30%}.gb-skel-arp-tile{height:80px}.gb-arp-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gb-space-4)}.gb-arp-tile-link{display:block;height:100%}.gb-arp-tile-stack,.gb-arp-tile-title-stack{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-arp-tile-title-stack .gb-h4{margin-bottom:0}.gb-arp-tile-symbol{font-weight:600;color:var(--gb-accent)}.lr-route-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);transition:border-color .15s,background .15s}.lr-route-card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.lr-route-card__title{font-size:18px;font-weight:600;line-height:1.3}.lr-route-card__desc{font-size:14px;line-height:1.5;color:var(--gb-text-secondary)}.lr-route-card__meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--gb-text-tertiary)}.lr-route-card__cta{margin-top:auto;padding-top:12px;border-top:1px solid var(--gb-divider);font-size:14px;font-weight:600;color:var(--gb-accent)}.lr-level-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.5}.lr-level-badge--beginner{background:color-mix(in srgb,#22c55e 15%,transparent);color:#16a34a}.dark .lr-level-badge--beginner{background:rgba(34,197,94,.15);color:#86efac}.lr-level-badge--intermediate{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#d97706}.dark .lr-level-badge--intermediate{background:rgba(245,158,11,.15);color:#fcd34d}.lr-step-list{flex-direction:column;gap:0}.lr-step,.lr-step-list{display:flex;position:relative}.lr-step{gap:16px;padding:16px 0}.lr-step:not(:last-child):before{content:"";position:absolute;left:15px;top:48px;bottom:0;width:2px;background:var(--gb-border)}.lr-step__number{width:32px;height:32px;border-radius:50%;background:var(--gb-accent);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.lr-step__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.lr-step__header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lr-step__label{font-size:16px;font-weight:600;line-height:1.3}.lr-step__type-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--gb-surface-muted);border:1px solid var(--gb-border);color:var(--gb-text-secondary)}.lr-step__reason{font-size:13px;line-height:1.5;color:var(--gb-text-secondary);font-style:italic}.lr-step__difficulty{display:flex;gap:3px;align-items:center}.lr-step__dot{width:6px;height:6px;border-radius:50%;background:var(--gb-border)}.lr-step__dot--filled{background:var(--gb-accent)}.lr-step__actions{display:flex;gap:8px;margin-top:4px}.lr-step__link{font-size:13px;font-weight:500;color:var(--gb-accent);text-decoration:none}.lr-step__link:hover{text-decoration:underline}.lr-route-header{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--gb-divider);margin-bottom:8px}.lr-route-header__meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--gb-text-tertiary)}@media (max-width:640px){.lr-step{gap:12px}.lr-step__label{font-size:15px}}.gb-caged-stack{display:flex;flex-direction:column;gap:var(--gb-space-6);width:100%}.gb-caged-intro-text{margin-top:6px;max-width:640px}.gb-caged-controls-stack{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-caged-panel{padding:var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-caged-panel--compact{padding:var(--gb-space-3) var(--gb-space-4)}.gb-caged-panel-label{margin-bottom:var(--gb-space-2)}.gb-caged-button-row{display:flex;flex-wrap:wrap;gap:6px}.gb-caged-button-row--gap-2{display:flex;gap:var(--gb-space-2)}.gb-caged-root-btn{min-width:44px}.gb-caged-layer-help{margin-top:var(--gb-space-2);line-height:1.5}.gb-caged-shapes-row{display:flex;flex-wrap:wrap;gap:10px}.gb-caged-shape-btn{padding:var(--gb-space-2);border:2px solid var(--gb-border);border-radius:12px;background:var(--gb-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--gb-space-1)}.gb-caged-shape-btn--selected{background:color-mix(in srgb,var(--caged-color) 7%,transparent);border-color:var(--caged-color)}.gb-caged-shape-label{font-size:12px;font-weight:600;color:var(--caged-color)}.gb-caged-shape-svg{overflow:visible}.gb-caged-active-panel{padding:var(--gb-space-4);background:var(--gb-surface);border:2px solid color-mix(in srgb,var(--caged-color) 27%,transparent);border-radius:var(--gb-radius-lg)}.gb-caged-active-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gb-space-4);flex-wrap:wrap}.gb-caged-active-title{color:var(--caged-color)}.gb-caged-active-mode-badge{font-weight:400;opacity:.7;font-size:.8em;margin-left:var(--gb-space-2)}.gb-caged-active-position{margin-top:var(--gb-space-1)}.gb-caged-active-notes-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap}.gb-caged-note-tile{padding:6px 12px;border-radius:var(--gb-radius-md);background:var(--gb-bg);border:1px solid var(--gb-border);display:flex;flex-direction:column;align-items:center;gap:2px}.gb-caged-note-tile--root{background:color-mix(in srgb,var(--caged-color) 13%,transparent);border-color:var(--caged-color)}.gb-caged-note-name{font-weight:600;font-size:.95rem}.gb-caged-note-role{font-size:9px;color:var(--gb-text-secondary)}.gb-caged-neck-panel{overflow-x:auto}.gb-caged-neck-toolbar{margin-bottom:var(--gb-space-3);display:flex;flex-wrap:wrap;gap:var(--gb-space-2);align-items:center}.gb-caged-vis-chip{padding:4px 10px;border-radius:20px;border:1.5px solid var(--caged-color);background:transparent;color:var(--caged-color);font-weight:600;font-size:12px;cursor:pointer}.gb-caged-vis-chip--on{background:color-mix(in srgb,var(--caged-color) 13%,transparent)}.gb-caged-neck-svg{width:100%;max-width:var(--neck-max-w,100%);display:block}.gb-caged-legend-row{margin-top:10px;display:flex;gap:var(--gb-space-3);flex-wrap:wrap}.gb-caged-legend-item{display:flex;align-items:center;gap:5px}.gb-caged-legend-dot{width:10px;height:10px;border-radius:50%;background:var(--caged-color);display:inline-block}.gb-caged-legend-label{color:var(--caged-color);font-weight:600}.gb-caged-legend-r{font-size:10px;font-weight:600;color:var(--gb-text-secondary)}.gb-caged-tips-stack{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-caged-tip-row{display:flex;gap:10px;align-items:flex-start}.gb-caged-tip-number{min-width:20px;height:20px;border-radius:50%;background:var(--gb-accent-soft);color:var(--gb-accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.gb-learn-page-container{max-width:760px;padding-block:var(--gb-space-6)}.gb-learn-page-container--wide{max-width:none}.gb-learn-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(300px,1fr);gap:var(--gb-space-6);align-items:start}.gb-learn-layout__main{min-width:0}.gb-learn-layout__rail-inner{position:sticky;top:var(--gb-space-6)}@media (max-width:900px){.gb-learn-layout{grid-template-columns:1fr}.gb-learn-layout__rail{display:flex;justify-content:center}.gb-learn-layout__rail-inner{position:static}}.gb-learn-article-pad{padding-block:var(--gb-space-2)}.gb-difficulty-stars{display:inline-flex;align-items:center;gap:2px}.gb-difficulty-star{color:var(--gb-text-secondary);opacity:.4}.gb-difficulty-star--filled{color:var(--gb-accent);opacity:1}.gb-rec-panel{margin-top:var(--gb-space-7)}.gb-rec-panel__title{margin-bottom:12px}.gb-rec-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.gb-rec-panel__card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.gb-rec-panel__card:hover{border-color:var(--gb-accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.gb-rec-panel__card-header{display:flex;align-items:center;gap:6px}.gb-rec-panel__type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--gb-radius-xs);background:var(--gb-surface-muted);color:var(--gb-text-tertiary);font-family:var(--g-font-family-monospace);white-space:nowrap}.gb-rec-panel__type-badge--related{background:color-mix(in srgb,var(--gb-accent) 12%,transparent);color:var(--gb-accent)}.gb-rec-panel__type-badge--next-page{background:color-mix(in srgb,#2e7d32 12%,transparent);color:#2e7d32}.gb-rec-panel__type-badge--next-exercise{background:color-mix(in srgb,#e65100 12%,transparent);color:#e65100}.gb-rec-panel__type-badge--review{background:color-mix(in srgb,#6a1b9a 12%,transparent);color:#6a1b9a}.gb-rec-panel__type-badge--route-step{background:color-mix(in srgb,#0277bd 12%,transparent);color:#0277bd}.gb-rec-panel__tier-badge{font-size:10px;margin-left:auto;color:var(--gb-text-tertiary)}.gb-rec-panel__card-label{font-size:16px;font-weight:600;line-height:1.2}.gb-rec-panel__card-reason{font-size:13px;line-height:1.35;color:var(--gb-text-secondary)}.gb-rec-panel__auth-hint{margin-top:12px;font-size:14px;color:var(--gb-text-secondary);padding:12px 16px;border-radius:10px;background:var(--gb-surface-muted);border:1px solid var(--gb-border);text-align:center}.gb-rec-panel__auth-hint a{color:var(--gb-accent);text-decoration:underline}.gb-rec-panel__loading{display:flex;gap:12px}.gb-rec-panel__skeleton{height:96px;border-radius:10px;background:var(--gb-surface-muted);border:1px solid var(--gb-border);flex:1;animation:gb-rec-pulse 1.5s ease-in-out infinite}@keyframes gb-rec-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:600px){.gb-rec-panel__grid{grid-template-columns:1fr}.gb-rec-panel__loading{flex-direction:column}}.gb-compare-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--gb-space-3);align-items:center}.gb-compare-selector-label{display:block;margin-bottom:var(--gb-space-1)}.gb-compare-vs{text-align:center;color:var(--gb-text-secondary);font-size:var(--gb-fs-body-xl);font-weight:300}.gb-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-4)}.gb-compare-card{padding:var(--gb-space-4);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-compare-card--primary{border-color:var(--gb-accent)}.gb-compare-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--gb-space-2)}.gb-compare-card-title{font-size:24px;font-weight:600}.gb-compare-card-dl{display:grid;grid-template-columns:auto 1fr;gap:var(--gb-space-1) var(--gb-space-3)}.gb-compare-section-label{font-size:var(--gb-fs-micro);line-height:var(--gb-lh-h4);font-weight:var(--gb-fw-label);color:var(--gb-text-secondary);margin-bottom:var(--gb-space-1)}.gb-compare-section-label--accent{color:var(--gb-accent)}.gb-compare-notes{display:flex;flex-wrap:wrap;gap:var(--gb-space-1)}.gb-compare-diff{padding:var(--gb-space-4);border-radius:var(--gb-radius-sm);background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-compare-diff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.gb-compare-diff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gb-space-3)}.gb-compare-table{display:grid;grid-template-columns:1fr auto auto;gap:var(--gb-space-1) var(--gb-space-3);align-items:center}.gb-compare-table-th{text-align:center;font-weight:600}.gb-compare-table-step{font-size:var(--gb-fs-micro);color:var(--gb-text-secondary);font-weight:400}.gb-compare-table-step--changed{color:var(--gb-text-primary);font-weight:600}.gb-compare-step-mono{font-family:var(--g-font-family-monospace,ui-monospace,monospace);opacity:.6;margin-right:6px}.gb-compare-table-cell{text-align:center}.gb-compare-table-mark{font-size:var(--gb-fs-secondary);color:var(--gb-border)}.gb-compare-table-mark--present{color:var(--gb-text-secondary)}.gb-compare-table-mark--present-changed{color:var(--gb-accent)}.gb-cmp-chord-grid,.gb-cmp-grid{display:grid;grid-template-columns:repeat(var(--cmp-cols,2),1fr);gap:var(--gb-space-4)}.gb-cmp-card,.gb-cmp-chord-card{padding:var(--gb-space-4);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-cmp-card[data-first=true],.gb-cmp-chord-card--first{border-color:var(--gb-accent)}.gb-cmp-chord-header,.gb-cmp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--gb-space-2)}.gb-cmp-chord-name-lg{font-size:24px;font-weight:600}.gb-cmp-chord-name-sm{font-size:13px;color:var(--gb-text-secondary);margin-left:var(--gb-space-2)}.gb-cmp-dl{display:grid;grid-template-columns:auto 1fr;gap:var(--gb-space-1) var(--gb-space-3)}.gb-cmp-sel-row{display:flex;gap:var(--gb-space-3);align-items:flex-end;flex-wrap:wrap}.gb-cmp-sel-label{display:block;margin-bottom:4px}.gb-cmp-sel-fill{flex:0 1 340px;min-width:220px}.gb-cmp-sel-fill .g-select,.gb-cmp-sel-fill .g-select-control,.gb-cmp-sel-fill .g-select-control__button{width:100%}.gb-cmp-empty{text-align:center;padding:48px var(--gb-space-6);background:var(--gb-surface-muted);border-radius:12px;border:1px solid var(--gb-border)}.gb-cmp-empty-icon{font-size:48px;margin-bottom:var(--gb-space-4)}.gb-cmp-empty-text{margin-bottom:var(--gb-space-6)}.gb-cmp-empty-actions{display:flex;gap:var(--gb-space-3);justify-content:center;flex-wrap:wrap}.gb-cmp-bulk-link{font-size:12px;text-decoration:none;gap:4px}.gb-cmp-items-bar{display:flex;flex-wrap:wrap;gap:var(--gb-space-2);align-items:center;padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface);border-radius:10px;border:1px solid var(--gb-border)}.gb-cmp-item-type-tag{font-size:10px;opacity:.7;margin-right:4px}.gb-cmp-hdr-icon-wrap,.gb-cmp-hdr-link{display:inline-flex;align-items:center}.gb-cmp-hdr-icon-wrap{gap:4px;position:relative}.gb-cmp-hdr-badge{position:absolute;top:-6px;right:-8px;background:var(--gb-accent);color:#fff;font-size:10px;font-weight:600;line-height:1;padding:2px 4px;border-radius:8px;min-width:14px;text-align:center}.gb-cmp-popular-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gb-space-3)}.gb-cmp-popular-title{font-weight:600;font-size:14px}.gb-cmp-header-row{display:flex;gap:var(--gb-space-3);align-items:flex-end;flex-wrap:wrap}.gb-cmp-selectors-fill{flex:1;min-width:0}.gb-cmp-mode-row{display:flex;gap:0}.gb-cmp-mixed-banner{padding:var(--gb-space-3) var(--gb-space-4);border-radius:10px;background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-cmp-group-h4{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-cmp-empty-group-card{padding:var(--gb-space-3);border-radius:10px;background:var(--gb-surface);border:1px solid var(--gb-border)}.gb-cmp-prog-title{font-size:20px;font-weight:600}a.gb-cmp-open-link,a.gb-cmp-scale-open-link{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:36px;padding:0 16px;border:1px solid var(--gb-border);border-radius:8px;background:transparent;color:var(--gb-text);font-size:14px;font-weight:500;line-height:1;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}a.gb-cmp-open-link:hover,a.gb-cmp-scale-open-link:hover{background:var(--gb-surface-muted);border-color:var(--gb-accent);color:var(--gb-text);text-decoration:none}.gb-cmp-prog-pattern{font-family:var(--g-font-family-monospace);font-size:16px;font-weight:600}.gb-cmp-tag-row{margin-top:var(--gb-space-2);display:flex;flex-wrap:wrap;gap:4px}.gb-cmp-diff-panel{padding:var(--gb-space-4);border-radius:var(--gb-radius-sm);background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-cmp-diff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gb-space-3)}.gb-cmp-label-accent{color:var(--gb-accent)}.gb-cmp-diff-list{display:flex;flex-direction:column;gap:var(--gb-space-2);margin:var(--gb-space-3) 0 0}.gb-cmp-diff-row{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:var(--gb-space-1) var(--gb-space-4);align-items:baseline;padding:var(--gb-space-2) var(--gb-space-3);border-radius:var(--gb-radius-xs);border-left:1px solid var(--gb-border);border:1px solid var(--gb-border);border-left-width:3px;background:var(--gb-surface)}.gb-cmp-diff-row--shared{border-left-color:var(--gb-text-tertiary,var(--gb-text-secondary))}.gb-cmp-diff-row--unique{border-left-color:var(--gb-accent)}.gb-cmp-diff-row__label{font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption);letter-spacing:.05em;font-weight:var(--gb-fw-h3);text-transform:uppercase;color:var(--gb-text-secondary)}.gb-cmp-diff-row__value{font-size:var(--gb-fs-secondary);line-height:var(--gb-lh-secondary);color:var(--gb-text)}@media (max-width:640px){.gb-cmp-diff-row{grid-template-columns:1fr}}.gb-note-row.gb-note-row--unique{border-left-color:var(--gb-accent)}.gb-cmp-learn-empty{background:var(--gb-surface-muted);border-radius:var(--gb-radius-md);border:1px solid var(--gb-border)}.gb-cmp-learn-empty,.gb-cmp-learn-start{padding:var(--gb-space-6);text-align:center}.gb-cmp-learn-score-bar{display:flex;justify-content:space-between;align-items:center}.gb-cmp-learn-question{padding:var(--gb-space-4);border-radius:var(--gb-radius-md);background:var(--gb-surface);border:1px solid var(--gb-border)}.gb-cmp-learn-question-title{text-align:center}.gb-cmp-learn-diagram-wrap{max-width:500px;margin:0 auto}.gb-cmp-learn-options-grid{display:grid;grid-template-columns:repeat(var(--cmp-learn-cols,4),1fr);gap:var(--gb-space-3)}.gb-cmp-learn-option{padding:var(--gb-space-4);border-radius:var(--gb-radius-sm);background:var(--gb-surface);border:1px solid var(--gb-border);cursor:pointer;text-align:center;transition:all .15s}.gb-cmp-learn-option:disabled{cursor:default}.gb-cmp-learn-option--correct{background:#22c55e22;border:2px solid #22c55e}.gb-cmp-learn-option--wrong{background:#ef444422;border:2px solid #ef4444}.gb-cmp-learn-option-label{font-weight:600;font-size:16px}.gb-cmp-learn-result{text-align:center}.gb-cmp-learn-msg-correct{color:#22c55e;font-weight:600;font-size:18px;margin-bottom:var(--gb-space-3)}.gb-cmp-learn-msg-wrong{color:#ef4444;font-weight:600;font-size:18px}.gb-cmp-scale-card{padding:var(--gb-space-4);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-cmp-scale-card[data-first=true]{border-color:var(--gb-accent)}.gb-cmp-scale-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--gb-space-2)}.gb-cmp-scale-card-title{font-size:20px;font-weight:600}.gb-cmp-scale-diagram-wrap{margin-bottom:var(--gb-space-3);overflow:hidden}.gb-cmp-scale-dl{display:grid;grid-template-columns:auto 1fr;gap:4px var(--gb-space-3)}.gb-cmp-scale-notes-block{margin-top:var(--gb-space-3)}.gb-cmp-scale-notes-label{font-size:12px;margin-bottom:4px}.gb-cmp-scale-notes-row{display:flex;flex-wrap:wrap;gap:4px}.gb-cmp-scale-diff-toggle{display:flex;justify-content:flex-end}.gb-cmp-scale-grid{display:grid;grid-template-columns:repeat(var(--_cmp-cols,2),1fr);gap:var(--gb-space-4)}.gb-cmp-cad-pattern-dd{font-family:var(--g-font-family-monospace);font-size:16px;font-weight:600}.gb-cmp-cad-chords-block{margin-top:var(--gb-space-2)}.gb-cmp-hdr-tooltip{font-size:14px}.gb-auth-redirect-shell{min-height:60vh;flex-direction:column;gap:var(--gb-space-2);text-align:center}.gb-auth-redirect-shell,.gb-auth-shell{display:flex;align-items:center;justify-content:center;padding:var(--gb-space-6) var(--gb-space-4)}.gb-auth-shell{min-height:100vh;background:var(--gb-bg)}.gb-auth-card{width:100%;max-width:420px;background:var(--gb-surface);border-radius:var(--gb-radius-lg);box-shadow:var(--gb-shadow-2);padding:40px 36px}.gb-auth-logo-row{text-align:center;margin-bottom:28px}.gb-auth-logo-link{text-decoration:none}.gb-auth-logo{font-size:28px;font-weight:600;color:var(--gb-text)}.gb-auth-logo-accent{color:#ff6b35}.gb-auth-title{margin:0 0 6px;font-size:22px;font-weight:600;color:var(--gb-text);text-align:center}.gb-auth-subtitle{margin:0 0 28px;font-size:14px;color:var(--gb-text-secondary);text-align:center;line-height:1.5}.gb-auth-spacer{margin-bottom:28px}.gb-auth-footer{margin-top:var(--gb-space-6);padding-top:var(--gb-space-5);border-top:1px solid var(--gb-border);text-align:center;font-size:14px;color:var(--gb-text-secondary)}.gb-auth-form{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-auth-notice{background:color-mix(in srgb,var(--gb-success) 10%,transparent);color:var(--gb-success)}.gb-auth-error,.gb-auth-notice{padding:10px 14px;border-radius:var(--gb-radius-sm);font-size:14px}.gb-auth-error{background:color-mix(in srgb,var(--gb-danger) 8%,transparent);color:var(--gb-danger)}.gb-auth-forgot-row{text-align:right;margin-top:-8px}.gb-auth-forgot-link{font-size:13px;color:var(--gb-text-secondary);text-decoration:none}.gb-auth-divider{display:flex;align-items:center;gap:var(--gb-space-3);margin:4px 0}.gb-auth-divider-line{flex:1;height:1px;background:var(--gb-border)}.gb-auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--gb-space-2);width:100%;padding:10px var(--gb-space-4);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface);color:var(--gb-text);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.gb-auth-oauth-btn[data-loading=true]{background:var(--gb-surface-muted);cursor:default}.gb-auth-oauth-dot{width:8px;height:8px;border-radius:50%;background:var(--_oauth-color);display:inline-block;flex-shrink:0}.gb-auth-form--tight{display:flex;flex-direction:column;gap:14px}.gb-auth-success{text-align:center}.gb-auth-success-icon{font-size:40px;margin-bottom:var(--gb-space-4)}.gb-auth-success-title{font-size:16px;color:var(--gb-text);margin-bottom:var(--gb-space-2);font-weight:600}.gb-auth-success-msg{font-size:14px;color:var(--gb-text-secondary);line-height:1.6}.gb-auth-resend-row{margin-top:var(--gb-space-4);font-size:13px;color:var(--gb-text-tertiary)}.gb-auth-resend-btn{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:13px}.gb-auth-checkbox-text{font-size:13px;color:var(--gb-text-secondary)}.gb-auth-checkbox-link{color:#ff6b35}.gb-login-modal-svg-icon{flex-shrink:0}.gb-login-modal-shell{padding:var(--gb-space-7) 28px;width:340px;max-width:90vw}.gb-login-modal-sso-stack{display:flex;flex-direction:column;gap:10px}.gb-login-modal-sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:0 var(--gb-space-5);height:48px;border-radius:10px;border:none;cursor:pointer;font-size:15px;font-weight:400;color:#fff;background:var(--_sso-color);transition:filter .15s}.gb-login-modal-sso-btn:hover{filter:brightness(.9)}.gb-login-modal-divider{display:flex;align-items:center;gap:var(--gb-space-3);margin:var(--gb-space-5) 0}.gb-login-modal-divider-line{flex:1;border:none;border-top:1px solid var(--gb-border)}.gb-login-modal-sent{color:var(--gb-success);line-height:1.6}.gb-login-modal-form{display:flex;flex-direction:column;gap:10px}.gb-auth-footer-link{color:#ff6b35;text-decoration:none}.gb-verify-card{text-align:center;padding:var(--gb-space-6)}.gb-verify-back-link{margin-top:var(--gb-space-4);display:inline-block;color:#ff6b35;text-decoration:none}.gb-access-card{padding:var(--gb-space-6);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-access-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gb-space-4)}.gb-access-list-secondary{color:var(--gb-text-secondary)}.gb-access-list-item{padding:2px 0;font-size:14px}.gb-access-entitlement-row{display:flex;justify-content:space-between;align-items:center;padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md)}.gb-access-entitlement-row--expired{opacity:.5}.gb-access-entitlement-stack{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-access-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gb-space-4)}.gb-access-plan-card{padding:var(--gb-space-5);background:var(--gb-surface);border:2px solid var(--gb-border);border-radius:var(--gb-radius-lg);display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-access-plan-card--current{border-color:var(--gb-accent)}.gb-access-current-tag{margin-left:var(--gb-space-2);display:inline-block}.gb-access-plan-features{font-size:13px;color:var(--gb-text-secondary);flex:1}.gb-access-plan-feature-item{padding:2px 0}.gb-access-footer-note{display:block;margin-top:var(--gb-space-3);text-align:center}.gb-acc-linked-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-acc-linked-row{display:flex;align-items:center;gap:var(--gb-space-3);padding:var(--gb-space-3) var(--gb-space-4);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface-muted)}.gb-acc-linked-row--stub{border:1px dashed var(--gb-border);background:transparent;opacity:.6}.gb-acc-linked-dot{width:10px;height:10px;border-radius:50%;background:var(--_acc-color,#888);flex-shrink:0}.gb-acc-linked-body{flex:1}.gb-acc-linked-date{font-size:11px;color:var(--gb-text-tertiary);margin-top:2px}.gb-acc-linked-unlink-hint{font-size:12px;color:var(--gb-text-tertiary)}.gb-notif-mark-row{display:flex;justify-content:flex-end}.gb-notif-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-notif-item{display:flex;gap:var(--gb-space-3);padding:14px var(--gb-space-4);border-radius:var(--gb-radius-md);background:var(--gb-hover-bg);border:1px solid var(--gb-accent);transition:background .15s;cursor:default}.gb-notif-item[data-read=true]{background:var(--gb-surface);border-color:var(--gb-border)}.gb-notif-item[data-link=true]{cursor:pointer;text-decoration:none}.gb-notif-icon{font-size:22px;line-height:1.4;flex-shrink:0}.gb-notif-body{flex:1;min-width:0}.gb-notif-title-row{display:flex;justify-content:space-between;gap:var(--gb-space-2);flex-wrap:wrap}.gb-notif-title-text{font-weight:600}.gb-notif-title-text[data-read=true]{font-weight:400}.gb-notif-time-cell{flex-shrink:0}.gb-notif-dismiss-btn{background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;color:var(--gb-text-tertiary)}.gb-sd-gallery-row{display:flex;justify-content:flex-end;margin-bottom:4px}.gb-sd-card{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md)}.gb-sd-card-title-row{display:flex;align-items:center;gap:6px}.gb-sd-public-badge{padding:1px 6px;border-radius:4px;background:#dcfce7;color:#166534;font-size:11px;font-weight:600}.gb-sd-actions{flex-wrap:wrap}.gb-pf-form-stack{display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-pf-row{display:flex;gap:var(--gb-space-4)}.gb-pf-label{display:block;font-size:13px;font-weight:500;color:var(--gb-text-secondary);margin-bottom:6px}.gb-pf-hint{margin:4px 0 0;font-size:12px;color:var(--gb-text-tertiary)}.gb-hist-clear-row{display:flex;justify-content:flex-end}.gb-hist-date{display:block;margin-bottom:var(--gb-space-2);text-transform:uppercase;letter-spacing:.06em}.gb-hist-list{display:flex;flex-direction:column;gap:4px}.gb-hist-card{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:var(--gb-radius-sm);background:var(--gb-surface);border:1px solid var(--gb-border);gap:var(--gb-space-3)}.gb-hist-title{font-weight:500}.gb-hist-meta-right{display:flex;gap:var(--gb-space-3);align-items:center;flex-shrink:0}.gb-fav-type-header{display:flex;align-items:center;gap:var(--gb-space-2);margin-bottom:var(--gb-space-3)}.gb-fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.gb-fav-card{position:relative;padding:14px var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);display:flex;flex-direction:column;gap:6px}.gb-fav-card-link{text-decoration:none;color:inherit;flex:1}.gb-fav-card-name{font-weight:500}.gb-fav-dismiss-btn{position:absolute;top:var(--gb-space-2);right:var(--gb-space-2);background:none;border:none;cursor:pointer;padding:4px;color:var(--gb-text-tertiary);font-size:14px;line-height:1}.gb-fav-dismiss-btn[data-removing=true]{opacity:.4}.gb-acc-modal-body{padding:var(--gb-space-7);max-width:400px;width:100%}.gb-acc-modal-title{display:block;margin-bottom:var(--gb-space-3)}.gb-acc-modal-text{display:block;line-height:1.6}.gb-acc-modal-input,.gb-acc-modal-text{margin-bottom:var(--gb-space-5)}.gb-acc-modal-actions{display:flex;gap:var(--gb-space-3)}.gb-acc-form-narrow{max-width:360px}.gb-acc-form-info{margin:0 0 var(--gb-space-3);font-size:14px;color:var(--gb-text-secondary)}.gb-acc-form-stack{display:flex;flex-direction:column;gap:14px}.gb-acc-alert{padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:var(--gb-space-4)}.gb-acc-alert--warning{background:color-mix(in srgb,var(--gb-warning) 10%,transparent);color:var(--gb-warning)}.gb-acc-alert--success{background:color-mix(in srgb,var(--gb-success) 10%,transparent);color:var(--gb-success)}.gb-acc-alert--error{background:color-mix(in srgb,var(--gb-danger) 8%,transparent);color:var(--gb-danger)}.gb-acc-alert--inline{margin-bottom:0}.gb-acc-section{margin-bottom:40px}.gb-acc-section-title{display:block;margin-bottom:var(--gb-space-4);color:var(--gb-text);line-height:26px}.gb-acc-section-card{background:var(--gb-surface);border-radius:var(--gb-radius-md);border:1px solid var(--gb-border);padding:var(--gb-space-6)}.gb-acc-page-h2{display:block;margin-bottom:var(--gb-space-6)}.gb-acc-success-alert{margin-bottom:var(--gb-space-6);padding:var(--gb-space-3) var(--gb-space-4);border-radius:8px;background:color-mix(in srgb,var(--gb-success) 10%,transparent);color:var(--gb-success);font-size:14px}.gb-acc-signin-card{padding:var(--gb-space-4);display:flex;gap:var(--gb-space-2);max-width:420px;flex-direction:column;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-acc-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gb-space-3)}.gb-acc-stat-card{padding:var(--gb-space-5) var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);text-align:center;transition:border-color .15s}.gb-acc-stat-value{font-size:28px;font-weight:600}.gb-acc-sidebar{width:220px;flex-shrink:0;padding-top:var(--gb-space-2)}.gb-acc-sidebar-section-head{margin-bottom:var(--gb-space-2);padding:0 var(--gb-space-3)}.gb-acc-sidebar .gb-acc-sidebar-caption{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.gb-acc-nav-link{display:block;padding:9px var(--gb-space-3);border-radius:var(--gb-radius-sm);font-size:14px;font-weight:400;color:var(--gb-text);background:transparent;text-decoration:none;transition:background .1s,color .1s}.gb-acc-nav-link:hover{background:var(--gb-accent-soft)}.gb-acc-nav-link--arrow{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-acc-nav-link[data-active=true]{font-weight:600;color:var(--gb-text);background:var(--gb-accent)}.gb-acc-sidebar-divider{margin:var(--gb-space-4) var(--gb-space-3) var(--gb-space-2);border-top:1px solid var(--gb-border);padding-top:var(--gb-space-3)}.gb-acc-layout-shell{display:flex;gap:var(--gb-space-7);align-items:flex-start;min-height:calc(100vh - var(--gb-header-height))}.gb-acc-layout-main{flex:1;min-width:0}.gb-acc-a4-input{width:90px}.gb-acc-profile-card{border-radius:var(--gb-radius-md);padding:28px;max-width:520px}.gb-acc-profile-card,.gb-mpt-card{background:var(--gb-surface);border:1px solid var(--gb-border)}.gb-mpt-card{padding:var(--gb-space-3) var(--gb-space-4);border-radius:var(--gb-radius-md);display:flex;justify-content:space-between;align-items:center;gap:var(--gb-space-3);flex-wrap:wrap}.gb-mpt-fill{flex:1;min-width:0}.gb-mpt-meta-row{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap}.gb-sec-list{display:flex;flex-direction:column;gap:1px}.gb-sec-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--gb-space-4);padding:10px 0;border-bottom:1px solid var(--gb-border);align-items:center}.gb-sec-label{font-size:14px;color:var(--gb-text)}.gb-sec-label[data-level=warning]{color:var(--gb-warning)}.gb-sec-label[data-level=danger]{color:var(--gb-danger)}.gb-sec-meta{font-size:12px;color:var(--gb-text-tertiary);white-space:nowrap}.gb-sess-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gb-space-4)}.gb-sess-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-sess-card{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-3);padding:var(--gb-space-3) var(--gb-space-4);border-radius:var(--gb-radius-sm);background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-sess-card[data-current=true]{background:color-mix(in srgb,var(--gb-success) 6%,transparent);border-color:color-mix(in srgb,var(--gb-success) 20%,transparent)}.gb-sess-card-left{display:flex;gap:var(--gb-space-3);align-items:flex-start}.gb-sess-ip-line{font-size:13px;color:var(--gb-text-secondary)}.gb-sess-current-tag{margin-left:var(--gb-space-2);font-size:11px;color:var(--gb-success);font-weight:600}.gb-sess-meta-line{font-size:12px;color:var(--gb-text-tertiary);margin-top:2px}.gb-admin-tabs-row{display:flex;gap:var(--gb-space-1);border-bottom:1px solid var(--gb-border)}.gb-admin-tab{padding:var(--gb-space-2) var(--gb-space-4);font-size:var(--gb-fs-secondary);font-weight:400;border-bottom:2px solid transparent;color:var(--gb-text-secondary)}.gb-admin-tab--active{font-weight:600;border-bottom-color:var(--gb-accent);color:var(--gb-text)}.gb-admin-search-row{display:flex;gap:var(--gb-space-2)}.gb-admin-search-input{flex:1}.gb-admin-modal-content{padding:var(--gb-space-6);min-width:320px;display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-admin-form-label{display:block;margin-bottom:6px}.gb-admin-form-row{display:flex;gap:var(--gb-space-2)}.gb-admin-form-row-grow{flex:1}.gb-admin-modal-divider{border-top:1px solid var(--gb-border);padding-top:var(--gb-space-4)}.gb-admin-modal-close{align-self:flex-end}.gb-admin-audit-scroll{overflow-x:auto}.gb-admin-audit-table{width:100%;border-collapse:collapse;font-size:13px}.gb-admin-audit-thead-row{border-bottom:1px solid var(--gb-border);text-align:left}.gb-admin-audit-th{padding:var(--gb-space-2) var(--gb-space-3);font-weight:500;color:var(--gb-text-secondary);white-space:nowrap}.gb-admin-audit-tr{border-bottom:1px solid var(--gb-border)}.gb-admin-audit-td{padding:10px var(--gb-space-3)}.gb-admin-audit-td--meta{white-space:nowrap}.gb-admin-audit-td--id,.gb-admin-audit-td--meta,.gb-admin-audit-td--type{padding:10px var(--gb-space-3);color:var(--gb-text-secondary)}.gb-admin-audit-td--id{font-family:monospace;font-size:11px}.gb-admin-audit-td--details{padding:10px var(--gb-space-3);color:var(--gb-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis}.gb-admin-audit-empty{padding:var(--gb-space-7) 0;text-align:center}.gb-admin-audit-pager{display:flex;gap:var(--gb-space-2);justify-content:center}.gb-admin-audit-pager-link{color:var(--gb-accent)}.gb-admin-tabs-page{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-admin-tabs-list{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-admin-tab-card{padding:var(--gb-space-5);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-admin-tab-card-header{margin-bottom:var(--gb-space-2)}.gb-admin-tab-artist{margin-left:var(--gb-space-2);opacity:.7}.gb-admin-tab-meta{display:block}.gb-admin-tab-comment{margin-top:var(--gb-space-2);opacity:.8;font-style:italic}.gb-admin-tab-video{margin-top:4px;display:block}.gb-admin-tab-video-link{color:var(--gb-accent)}.gb-admin-tab-actions{display:flex;gap:var(--gb-space-2);margin-top:var(--gb-space-4);flex-wrap:wrap;align-items:center}.gb-admin-tab-reject-input{flex:1;min-width:200px}.gb-admin-sub-card{padding:var(--gb-space-5);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-admin-sub-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gb-space-4);flex-wrap:wrap;margin-bottom:var(--gb-space-2)}.gb-admin-sub-notes-box{margin-top:var(--gb-space-2);padding:var(--gb-space-2) var(--gb-space-3);background:var(--gb-hover-bg);border-radius:var(--gb-radius-sm)}.gb-admin-sub-error{display:block;margin-top:var(--gb-space-2)}.gb-admin-sub-actions{display:flex;gap:var(--gb-space-2);margin-top:var(--gb-space-4);flex-wrap:wrap;align-items:flex-start}.gb-admin-sub-action-form{flex-direction:column;flex:1}.gb-admin-sub-action-form,.gb-admin-sub-form-buttons{display:flex;gap:var(--gb-space-2)}.gb-admin-queue-tabs{display:flex;gap:4px;border-bottom:1px solid var(--gb-border);padding-bottom:0;overflow-x:auto}.gb-admin-queue-tab{padding:var(--gb-space-2) var(--gb-space-4);font-size:14px;font-weight:400;border-bottom:2px solid transparent;color:var(--gb-text-secondary);text-decoration:none;white-space:nowrap}.gb-admin-queue-tab[data-active=true]{font-weight:600;border-bottom-color:var(--gb-accent);color:var(--gb-text)}.gb-admin-queue-empty{padding:48px 0;text-align:center}.gb-admin-layout-shell{max-width:var(--gb-container-max,1360px);margin:0 auto;padding:var(--gb-space-6) var(--gb-page-padding-desktop,var(--gb-space-6));display:flex;gap:var(--gb-space-7);min-height:calc(100vh - var(--gb-header-height, 60px))}.gb-admin-layout-main{flex:1;min-width:0}.gb-admin-sidebar{width:220px;flex-shrink:0;padding-top:var(--gb-space-2)}.gb-admin-sidebar-section-head{margin-bottom:var(--gb-space-2);padding:0 var(--gb-space-3)}.gb-admin-sidebar-caption{text-transform:uppercase;letter-spacing:.06em}.gb-admin-nav-link{display:block;padding:9px var(--gb-space-3);border-radius:var(--gb-radius-sm);font-size:14px;font-weight:400;color:var(--gb-text-secondary);background:transparent;text-decoration:none;transition:background .1s,color .1s}.gb-admin-nav-link[data-active=true]{font-weight:600;color:var(--gb-text);background:var(--gb-hover-bg)}.gb-admin-sidebar-divider{margin:var(--gb-space-4) var(--gb-space-3) var(--gb-space-2);border-top:1px solid var(--gb-border);padding-top:var(--gb-space-3)}.gb-admin-back-link{font-size:13px;color:var(--gb-text-tertiary);text-decoration:none}.gb-admin-stat-card{padding:var(--gb-space-5) var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);text-align:center}.gb-admin-stat-card[data-accent=true]{border-color:var(--g-color-private-orange-550)}.gb-admin-stat-value{font-size:32px;font-weight:600}.gb-admin-stat-card[data-accent=true] .gb-admin-stat-value{color:var(--g-color-private-orange-550)}.gb-admin-queue-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-admin-queue-card{display:flex;justify-content:space-between;align-items:center;padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);text-decoration:none;gap:var(--gb-space-4)}.gb-admin-queue-title{font-weight:500}.gb-admin-queue-meta{display:flex;gap:var(--gb-space-3);align-items:center;flex-shrink:0}.gb-admin-status-pill{font-size:11px;padding:2px var(--gb-space-2);border-radius:99px;background:var(--gb-hover-bg);color:var(--gb-text-secondary)}.gb-admin-status-pill[data-status=IN_REVIEW]{background:var(--g-color-private-blue-150);color:var(--g-color-private-blue-600)}.gb-admin-show-more-link{color:var(--gb-accent);font-size:14px}.gb-metronome-stack{display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-metronome-tempo{padding-block:0 var(--gb-space-5)}.gb-metronome-tempo-row{display:flex;align-items:baseline;gap:var(--gb-space-3);margin-bottom:var(--gb-space-2);flex-wrap:wrap;max-width:100%}.gb-metronome-bpm-display{font-size:2.4rem;font-weight:800;font-family:var(--g-font-family-monospace);line-height:1}.gb-metronome-tempo-italian{margin-left:var(--gb-space-1)}.gb-metronome-tempo-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--gb-space-2) var(--gb-space-4);align-items:start;margin-bottom:10px}.gb-metronome-tempo-left{min-width:0}.gb-metronome-tempo-slider{width:100%;margin-top:var(--gb-space-2)}.gb-metronome-presets-row{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;max-width:320px}@media (max-width:640px){.gb-metronome-tempo-top{grid-template-columns:1fr}.gb-metronome-presets-row{justify-content:flex-start;max-width:none}}.gb-metronome-preset-chip{font-size:12px}.gb-metronome-preset-label{opacity:.6}.gb-chip.is-active .gb-metronome-preset-label{opacity:1}.gb-metronome-bpm-controls{display:flex;gap:var(--gb-space-2);flex-wrap:nowrap;align-items:stretch;max-width:100%;min-width:0}.gb-metronome-bpm-controls>*{flex:0 0 auto}.gb-metronome-bpm-input{flex:1 1 auto;min-width:56px;text-align:center}.gb-metronome-bpm-input .g-text-input__control{font-weight:600}.gb-metronome-bpm-controls>button:last-child{flex:0 1 auto;min-width:0}.gb-metronome-bpm-controls>button:last-child .g-button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.gb-metronome-time-sig-section{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-metronome-controls-row{display:flex;gap:var(--gb-space-4);align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.gb-metronome-start-cell{flex:1 1 220px;min-width:0;position:relative}.gb-metronome-toggle-btn{width:100%}@media (max-width:640px){.gb-metronome-start-cell{flex-basis:100%}}.gb-metronome-keys-hint{display:block;text-align:center;position:absolute;top:100%;left:0;right:0;margin-top:4px}.gb-metronome-actions-row{display:flex;gap:var(--gb-space-3);align-items:center;flex-wrap:wrap}.gb-trainers-stop-btn{color:var(--g-color-text-danger)}.gb-trainers-stop-btn:focus-visible,.gb-trainers-stop-btn:focus-visible .g-button__text,.gb-trainers-stop-btn:focus-visible .g-icon,.gb-trainers-stop-btn:hover,.gb-trainers-stop-btn:hover .g-button__text,.gb-trainers-stop-btn:hover .g-icon{color:var(--g-color-text-light-primary,#fff)}.gb-trainers-stop-btn:focus-visible:before,.gb-trainers-stop-btn:hover:before{background-color:var(--g-color-base-danger-heavy,#c62828)!important;border-color:var(--g-color-base-danger-heavy,#c62828)!important}.gb-metronome-start-btn:focus-visible,.gb-metronome-start-btn:hover{box-shadow:none}.gb-metronome-advanced-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gb-space-5);padding-top:var(--gb-space-4)}@media (max-width:640px){.gb-metronome-advanced-section{grid-template-columns:1fr}}.gb-metronome-hint-inline{font-weight:400}.gb-metronome-exercises-stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-metronome-form-label{display:block;margin-bottom:var(--gb-space-2)}.gb-metronome-chip-row{display:flex;flex-wrap:wrap;gap:6px}.gb-metronome-exercise-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-metronome-exercise-card{padding:var(--gb-space-3) 14px;border-radius:12px;cursor:pointer;border:2px solid var(--gb-border);background:var(--gb-surface);transition:border-color .15s}.gb-metronome-exercise-card:hover{border-color:var(--gb-accent)}.gb-metronome-exercise-card--selected{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-metronome-exercise-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gb-space-2)}.gb-metronome-exercise-content{flex:1}.gb-metronome-exercise-title-row{display:flex;align-items:center;gap:var(--gb-space-2);margin-bottom:var(--gb-space-1)}.gb-metronome-exercise-title{font-weight:600;font-size:14px}.gb-metronome-exercise-badge{font-size:11px}.gb-metronome-exercise-stars{display:inline-flex;align-items:center;gap:1px}.gb-metronome-exercise-stars[data-difficulty="1"]{color:var(--gb-success,#1f8f4e)}.gb-metronome-exercise-stars[data-difficulty="2"]{color:var(--gb-accent)}.gb-metronome-exercise-stars[data-difficulty="3"]{color:var(--gb-danger,#c62828)}.gb-metronome-exercise-desc{margin:0 0 16px}.gb-metronome-mini-preview{display:flex;gap:3px;margin-top:6px;flex-wrap:wrap}.gb-metronome-mini-cell{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:11px;background:transparent;color:var(--gb-text-secondary);border:1px solid var(--gb-border);font-weight:400}.gb-metronome-mini-cell--hit{background:var(--gb-accent-soft);color:var(--gb-text);border-color:var(--gb-accent);font-weight:400}.gb-metronome-exercise-card--selected .gb-metronome-mini-cell,.gb-metronome-exercise-card--selected .gb-metronome-mini-cell--hit{color:var(--gb-text-secondary)}.gb-metronome-motion-preview{display:flex;gap:3px;margin-top:var(--gb-space-1)}.gb-metronome-motion-cell{font-size:10px;font-weight:600;width:18px;text-align:center;color:var(--gb-text-secondary)}.gb-metronome-motion-cell--down{color:var(--gb-accent)}.gb-metronome-motion-cell--up{color:var(--gb-success)}.gb-metronome-motion-empty{width:18px;display:inline-block}.gb-metronome-selected-arrow{color:var(--gb-accent);font-size:18px}.gb-metronome-active-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gb-space-3);padding:var(--gb-space-3) var(--gb-space-4);border:1px solid var(--gb-accent);background:var(--gb-accent-soft);border-radius:var(--gb-radius-lg)}.gb-metronome-active-banner-text{min-width:0}.gb-ex-card{text-align:left;width:100%;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:0}.gb-ex-card--selected{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-ex-card-preview{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--gb-space-2);margin-bottom:var(--gb-space-4);border-radius:var(--gb-radius-sm,8px);background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-ex-card-preview .gb-metronome-mini-preview{gap:2px;margin:0;justify-content:center;max-height:38px;overflow:hidden}.gb-ex-card-preview .gb-metronome-mini-cell{width:16px;height:16px;font-size:9px;border-radius:3px}.gb-ex-card-title{line-height:1.3;margin-bottom:6px}.gb-ex-card-desc{margin:0 0 var(--gb-space-3)}.gb-ex-card .gb-cad-tags-row--split{align-items:center}.gb-ex-card .gb-cad-tags-row--split .gb-difficulty-meter{align-self:center}.gb-metronome-stack .hub-search-row{margin-bottom:0}.gb-metronome-stack .grid-tiles{margin-top:var(--gb-space-4)}.gb-metronome-stack .hub-section{margin-top:var(--gb-space-7)}.gb-metronome-stack .hub-section__desc{max-width:none;font-size:14px;margin-top:4px}.gb-metronome-right-stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-metronome-active-panel{padding:var(--gb-space-4);border-radius:14px;border:1px solid var(--gb-divider);background:var(--gb-surface)}.gb-metronome-active-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gb-metronome-active-title{font-weight:600;font-size:14px}.gb-metronome-active-instruction{margin-bottom:10px}.gb-metronome-count-stack{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--gb-space-3)}.gb-metronome-count-row{display:flex;gap:var(--gb-space-1);flex-wrap:wrap}.gb-metronome-count-cell{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:26px;height:26px;border-radius:5px;font-size:11px;background:var(--gb-surface-muted);color:var(--gb-text-secondary);border:1px solid var(--gb-border);font-weight:400;transition:background .05s}.gb-metronome-count-cell--hit{background:var(--gb-accent-soft);color:var(--gb-text);border-color:var(--gb-accent);font-weight:400}.gb-metronome-count-cell--active{background:var(--gb-accent);color:#fff;border-color:var(--gb-accent);font-weight:600}.gb-metronome-motion-live-row{display:flex;gap:var(--gb-space-1)}.gb-metronome-motion-live-cell{display:inline-flex;align-items:center;justify-content:center;width:26px;height:18px;border-radius:var(--gb-space-1);font-size:11px;font-weight:600;background:transparent;color:var(--gb-text-secondary)}.gb-metronome-motion-live-cell--down{color:var(--gb-accent)}.gb-metronome-motion-live-cell--up{color:var(--gb-success)}.gb-metronome-motion-live-cell--active{background:var(--gb-text);color:#fff}.gb-metronome-exercise-controls{display:flex;flex-direction:column;gap:var(--gb-space-2);align-items:stretch}.gb-metronome-exercise-tempo{display:flex;gap:var(--gb-space-2);align-items:stretch;flex-wrap:nowrap;min-width:0}.gb-metronome-exercise-tempo>*{flex:0 0 auto}.gb-metronome-exercise-tempo .gb-metronome-bpm-input{flex:1 1 auto;min-width:64px}.gb-metronome-exercise-tempo .gb-metronome-tap-btn{flex:0 0 auto;white-space:nowrap}.gb-metronome-empty-hint{text-align:center;padding:var(--gb-space-2) 0}.gb-trainer-stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-trainer-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--gb-space-3)}.gb-trainer-mode-btn{height:auto;min-height:40px;padding:var(--gb-space-2) 25px;text-align:center;justify-content:center;align-items:center;display:inline-flex;width:100%}.gb-trainer-mode-btn:disabled:not(.is-active){opacity:.55}.gb-trainer-mode-label{font-weight:400;font-size:13px}.gb-trainer-mode-desc{font-size:13px;color:var(--gb-text-secondary);margin:0}.gb-trainer-section{padding-block:var(--gb-space-4)}.gb-trainer-section,.gb-trainer-section--small{border-top:1px solid var(--gb-divider);margin-top:var(--gb-space-2)}.gb-trainer-section--small{padding-block:var(--gb-space-5) var(--gb-space-3)}.gb-trainer-section--no-mt{margin-top:0}.gb-trainer-section--center{text-align:center}.gb-trainer-chord-panel{padding:var(--gb-space-6) var(--gb-space-4);text-align:center}.gb-trainer-diagram-wrap{display:flex;justify-content:center;margin-bottom:var(--gb-space-4)}.gb-trainer-scale-diagram{width:100%;margin-block:var(--gb-space-3)}.gb-trainer-reveal-row{margin-bottom:var(--gb-space-4)}.gb-trainer-current-chord{margin-bottom:var(--gb-space-2);min-height:3.5rem}.gb-trainer-current-chord-name{font-size:3rem;font-weight:700;line-height:1.1}.gb-trainer-current-chord-primary{font-size:.85rem;color:var(--gb-text-secondary);margin-top:2px}.gb-trainer-next-chord{margin-bottom:var(--gb-space-4);min-height:2.5rem}.gb-trainer-next-chord-label{font-size:.8rem;opacity:.5;margin-bottom:2px}.gb-trainer-next-chord-name{font-size:1.25rem;font-weight:600}.gb-trainer-next-chord-primary{font-size:.75rem;color:var(--gb-text-secondary)}.gb-trainer-beat-indicators{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:var(--gb-space-3)}.gb-trainer-beat-row{display:flex;gap:6px;justify-content:center}.gb-trainer-beat-dot{width:12px;height:12px;border-radius:50%;background:var(--gb-surface-muted);transition:background .05s}.gb-trainer-beat-dot--active-accent{background:var(--gb-accent)}.gb-trainer-beat-dot--active-text{background:var(--gb-text)}.gb-trainer-bar-row{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-trainer-bar-bars{display:flex;gap:3px}.gb-trainer-bar-bar{width:20px;height:6px;border-radius:3px;background:var(--gb-surface-muted);transition:background .05s}.gb-trainer-bar-bar--active{background:var(--gb-accent)}.gb-trainer-bar-label{font-size:11px;opacity:.6}.gb-trainer-actions-row{display:flex;gap:var(--gb-space-3);justify-content:center;flex-wrap:wrap}.gb-trainer-no-chords-msg{margin-top:var(--gb-space-2)}.gb-trainer-settings-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-4);margin-bottom:var(--gb-space-4)}.gb-trainer-slider-label{min-width:160px;flex:1}.gb-trainer-mixed-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-3);align-items:flex-end;margin-bottom:var(--gb-space-4)}.gb-trainer-checkbox-cluster,.gb-trainer-inline-toggle{display:flex;align-items:center;min-height:36px}.gb-trainer-checkbox-cluster{flex-wrap:wrap;gap:var(--gb-space-2) var(--gb-space-4)}.gb-trainer-diagram-mode-row{display:flex;gap:var(--gb-space-2)}.gb-trainer-chip-sm{font-size:14px;padding:8px 16px}.gb-trainer-settings-summary{display:inline-flex;align-items:center;gap:var(--gb-space-2)}.gb-trainer-settings-grid{margin-top:var(--gb-space-2);display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-6)}@media (max-width:768px){.gb-trainer-settings-grid{grid-template-columns:1fr}}.gb-trainer-quality-label{font-weight:500}.gb-trainer-quality-label--mt{font-weight:500;margin-top:var(--gb-space-1)}.gb-trainer-presets-row{display:flex;flex-wrap:wrap;gap:6px}.gb-trainer-instrument-row{display:flex;gap:var(--gb-space-3);flex-wrap:wrap}.gb-trainer-instrument-row>label{min-width:200px;flex:1 1 200px}.gb-trainer-instrument-row .g-select,.gb-trainer-instrument-row .g-select-control,.gb-trainer-instrument-row .g-select-control__button{width:100%}.gb-trainer-instrument-flex-1{flex:1;min-width:80px}.gb-trainer-instrument-flex-2{flex:2;min-width:120px}.gb-trainer-quality-checkboxes{display:flex;flex-wrap:wrap;gap:var(--gb-space-1) var(--gb-space-3)}.gb-trainer-select-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-3);align-items:flex-end}.gb-trainer-select-row>label{flex:1 1 160px;min-width:150px}.gb-trainer-select-row .g-select,.gb-trainer-select-row .g-text-input{width:100%}.gb-trainer-prog-chip-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-trainer-prog-chip-row>.gb-trainer-prog-chip{flex:1 1 0;min-width:64px;align-items:center}.gb-trainer-prog-chip{height:auto;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--gb-space-1) 10px}.gb-trainer-prog-chip-secondary{display:block}.gb-trainer-prog-chip-fn{display:block;font-size:.65rem;font-weight:600}.gb-trainer-prog-chip-fn--T{color:var(--gb-accent)}.gb-trainer-prog-chip-fn--S{color:var(--gb-success)}.gb-trainer-prog-chip-fn--D{color:var(--gb-danger)}.gb-trainer-prog-display-name{margin-bottom:2px;display:block;font-size:2.5rem;line-height:1.1}.gb-trainer-prog-display-secondary{display:block;font-size:.85rem;color:var(--gb-text-secondary);margin-bottom:var(--gb-space-2)}.gb-trainer-prog-beat-row{display:flex;gap:6px;align-items:center}.gb-trainer-bpm-input{width:80px}.gb-trainer-scale-name{display:block}.gb-trainer-scale-actions{display:flex;gap:var(--gb-space-2);justify-content:center;flex-wrap:wrap}.gb-trainer-history-toggle,.gb-trainer-scale-actions{margin-top:var(--gb-space-2)}.gb-trainer-history-table-wrap{overflow-x:auto}.gb-trainer-history-table{width:100%;border-collapse:collapse;font-size:.875rem}.gb-trainer-history-thead-row{border-bottom:1px solid var(--gb-divider)}.gb-trainer-history-th{text-align:left;padding:var(--gb-space-1) var(--gb-space-2);font-weight:600}.gb-trainer-history-th--right{text-align:right}.gb-trainer-history-tbody-row{border-bottom:1px solid var(--gb-border)}.gb-trainer-history-td{padding:var(--gb-space-1) var(--gb-space-2)}.gb-trainer-history-td--right{text-align:right}.gb-trainer-history-td--known{color:var(--gb-success)}.gb-trainer-history-td--learning{color:var(--gb-warning)}.gb-trainers-page{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-trainers-ear-shell{max-width:680px}.gb-trainers-ear-intro{margin-bottom:var(--gb-space-6)}.gb-trainers-ear-list{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-trainers-ear-link{text-decoration:none}.gb-trainers-ear-row{display:flex;gap:var(--gb-space-4);align-items:flex-start}.gb-trainers-ear-icon{font-size:36px}.gb-trainers-ear-body{flex:1}.gb-trainers-ear-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.gb-trainers-ear-arrow{color:var(--gb-accent);font-size:20px;margin-top:4px}.gb-key-fn-degree{color:var(--_fn-color);min-width:24px}.gb-key-fn-grid-mt{margin-top:var(--gb-space-3)}.gb-key-fn-grid-item--full{grid-column:1/-1}.gb-key-chords-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap;align-items:stretch}.gb-key-chord-roman{font-size:15px;font-weight:600;color:var(--_fn-color);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.gb-key-chord-symbol{font-size:20px;font-weight:600;line-height:1.1}.gb-key-chord-quality{font-size:13px;color:var(--gb-text-secondary);line-height:1}.gb-key-chord-note{font-size:12px;color:var(--gb-text-tertiary);line-height:1.3;text-align:center}.gb-key-chord-func{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:400;line-height:1.4;letter-spacing:.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;color:transparent}.gb-key-chord-func[data-has-label=true]{background:color-mix(in srgb,var(--_fn-color) 12%,transparent);color:var(--_fn-color)}.gb-key-step-card{border-color:var(--_step-color)}.gb-key-step-degree{color:var(--_step-color)}.gb-key-hero{margin-bottom:var(--gb-space-6)}.gb-key-harmctx{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-key-harmctx__group{display:flex;flex-direction:column;gap:var(--gb-space-2)}@media (max-width:640px){.gb-key-harmctx .gb-resolution-stepper__card{min-width:0}}.gb-key-summary-root{display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-key-rel-card{display:inline-flex}.gb-key-rel-card-name{font-size:16px;font-weight:600;line-height:1.1}.gb-key-conn-section{padding-top:var(--gb-space-6)}.gb-key-conn-stack{display:flex;flex-direction:column;gap:var(--gb-space-7)}.gb-key-conn-fn-stack{display:flex;flex-direction:column;gap:10px}.gb-key-conn-link-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-key-conn-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gb-space-2)}.gb-key-rel-link-card{display:inline-flex;max-width:260px}.gb-keyhar-section{padding-top:var(--gb-space-4)}.gb-keyhar-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-keyhar-link{display:block;padding:var(--gb-space-3) 14px;border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit}.gb-keyhar-title{font-weight:600;font-size:15px}.gb-keyhar-desc,.gb-keyhar-title{margin-bottom:4px}.gb-keyhar-example{font-size:12px;font-family:monospace;color:var(--gb-text-tertiary)}.gb-key-deg-section{padding-top:var(--gb-space-4)}.gb-key-deg-grid-compact{display:grid;grid-template-columns:repeat(var(--_kdb-cols,7),1fr);gap:var(--gb-space-2)}.gb-key-deg-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.gb-keys-cat-root{display:flex;flex-direction:column;gap:var(--gb-space-7)}.gb-keys-cat-hint{margin-bottom:var(--gb-space-4)}.gb-keys-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.gb-keys-cat-card{display:flex;flex-direction:column;gap:var(--gb-space-2);padding:var(--gb-space-4);border-radius:var(--gb-radius-lg);border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.gb-keys-cat-card:hover{border-color:var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 8%,transparent)}.gb-keys-cat-sig{display:flex;align-items:center;justify-content:center;min-height:56px;font-size:30px;line-height:1;letter-spacing:3px;color:var(--gb-accent)}.gb-keys-cat-sig--none{color:var(--gb-text-tertiary)}.gb-accidental{font-family:GB Bravura;line-height:1}.gb-keysig-value{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gb-space-2)}.gb-keysig-staff{display:block;max-width:100%;height:auto;background:#fff}.gb-keysig-staff__glyph{font-family:GB Bravura;fill:#1a1a1a}.gb-keys-cat-card .gb-h4{margin-bottom:0}.gb-keyprog-row{grid-column:1/-1}.gb-keyprog-list{display:flex;flex-direction:column;gap:6px}.gb-keyprog-pattern{font-weight:600;font-size:15px;font-family:var(--g-font-family-monospace,monospace);white-space:nowrap}.gb-keyprog-title{min-width:0}.gb-cof-root{display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-cof-summary-grid{margin-top:6px}.gb-cof-chords-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2);align-items:stretch}.gb-cof-card-roman{font-size:15px;font-weight:600;color:var(--_role-color);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.gb-cof-card-name{font-size:20px;font-weight:600;line-height:1.1}.gb-cof-card-quality{font-size:13px;color:var(--gb-text-secondary);line-height:1}.gb-cof-card-notes{font-size:12px;color:var(--gb-text-tertiary);line-height:1.3;text-align:center}.gb-cof-card-func{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:400;line-height:1.4;letter-spacing:.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;color:transparent}.gb-cof-card-func[data-has-label=true]{background:color-mix(in srgb,var(--_role-color) 12%,transparent);color:var(--_role-color)}.gb-cof-links-row{display:flex;gap:var(--gb-space-2);flex-wrap:wrap}.gb-cof-nav-arrow{flex-shrink:0;color:var(--gb-text-tertiary)}.gb-cof-links-row .gb-chip:hover .gb-cof-nav-arrow{color:var(--gb-accent)}.gb-cof-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--g-font-family-monospace,monospace)}.gb-cof-arc-group{cursor:pointer;transition:opacity .15s}.gb-cof-arc-group[data-clickable=false]{cursor:default}.gb-cof-arc-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-cof-arc-root{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-cof-arc-svg-full{width:100%;max-width:100%;height:auto;display:block}.gb-cof-arc-path{transition:fill .12s}.gb-cof-arc-text-svg{pointer-events:none}.gb-cof-arc-center-text,.gb-cof-arc-text-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.gb-cof-arc-center-text{transition:fill .12s}.gb-cof-full-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--g-font-family-monospace,monospace)}.gb-cof-full-group{cursor:pointer;transition:opacity .15s}.gb-cof-full-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.gb-cof-full-svg-fluid{width:100%;max-width:100%;display:block;overflow:visible}.gb-cof-full-svg-fixed{width:var(--_cof-size);height:var(--_cof-size);display:block;overflow:visible}.gb-cof-full-arc-path{transition:fill .12s}.gb-cof-full-center-circle{transition:stroke .12s}.gb-cof-full-center-text{transition:fill .12s}.gb-cof-full-arc-text-svg,.gb-cof-full-center-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.gb-cof-full-arc-text-svg{pointer-events:none}.gb-cof-full-ring-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.gb-cof-below-panel{width:100%;padding:16px;border-radius:var(--gb-radius-lg,12px);background:var(--gb-surface)}.gb-cof-legend{padding:10px 14px;border:1px solid var(--gb-border);border-radius:var(--gb-radius)}.gb-cof-legend,.gb-fb-card{background:var(--gb-surface)}.gb-fb-card{border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg,12px);padding:var(--gb-space-4)}.gb-fb-card,.gb-fb-framed{margin-top:var(--gb-space-4)}.gb-fretboard-board{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md,12px);padding:var(--gb-space-4)}.gb-fretboard-controls-row{display:flex;align-items:center;gap:var(--gb-space-2);flex-wrap:wrap;margin-bottom:10px}.gb-fretboard-control-pair{display:flex;align-items:center;gap:6px}.gb-fretboard-pos-selector{display:flex;flex-wrap:wrap;margin-left:auto}.gb-fretboard-segments{display:contents}.gb-fretboard-selects{display:none}@media (max-width:768px){.gb-fretboard-pos-selector,.gb-fretboard-segments{display:none}.gb-fretboard-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-2);margin-bottom:var(--gb-space-2)}}.gb-fretboard-tempo-row{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-fretboard-slider-w{width:120px}.gb-fretboard-bpm-label{min-width:36px}.gb-fretboard-btn-content{display:inline-flex;align-items:center;gap:5px}.gb-fretboard-beat-dots{display:inline-flex;gap:3px;align-items:center;margin-left:var(--gb-space-1)}.gb-fretboard-beat-dot{width:6px;height:6px;border-radius:50%;background:var(--gb-border);transition:background .08s;display:inline-block}.gb-fretboard-beat-dot--active{background:var(--gb-accent)}.gb-prog-fb-chord-roman{font-size:10px;opacity:.7;margin-left:4px}.gb-prog-fb-hint{margin-bottom:var(--gb-space-2);font-style:italic}.gb-fb-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gb-space-2);margin-bottom:22px}.gb-fb-toolbar-group{display:flex}.gb-fb-toolbar-layer-content{display:inline-flex;align-items:center;gap:6px}.gb-fb-toolbar-layer-dot{width:8px;height:8px;border-radius:50%;background:var(--gb-border-strong);display:inline-block;flex-shrink:0}.gb-fb-toolbar-layer-dot[data-on=true]{background:var(--_layer-color)}.gb-fb-toolbar-nav{display:flex;gap:2px;align-items:center;margin-left:auto}.gb-fb-toolbar-nav-label{font-size:11px;color:var(--gb-text-secondary);min-width:52px;text-align:center}.gb-fb-unified-shell{width:100%;overflow-x:auto}.gb-fb-unified-svg-wrap{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-fb-unified-svg-wrap[data-interactive=true]{pointer-events:auto}.gb-fb-unified-svg{display:block;font-family:var(--g-font-family-sans,"IBM Plex Sans",sans-serif);min-width:var(--_fb-min-w,auto)}.gb-fb-marker-group{cursor:pointer}.gb-fb-marker-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-fb-shell{font-family:var(--font-ibm-plex-sans,system-ui,sans-serif)}.gb-fb-shell-title{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:var(--gb-space-2)}.gb-fb-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.gb-fb-empty-state{height:120px;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:13px;border:1px dashed #e2e8f0;border-radius:8px}.gb-fb-tuning-wrap{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:12px;padding:var(--gb-space-4)}.gb-fb-marker-dot{cursor:default;opacity:var(--_fb-marker-opacity,1)}.gb-fb-legend-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2);margin-top:var(--gb-space-2)}@media (max-width:768px){.gb-fb-legend-row{margin-top:var(--gb-space-4)}}.gb-fb-legend-btn{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 6px;border-radius:20px;border:1.5px solid var(--gb-border);background:transparent;cursor:default;font-size:12px;font-weight:400;color:var(--gb-text-tertiary);font-family:var(--font-ibm-plex-sans,system-ui,sans-serif);transition:all .15s}.gb-fb-legend-btn[data-clickable=true]{cursor:pointer}.gb-fb-legend-btn[data-visible=true]{border-color:var(--_fb-layer-color);background:color-mix(in srgb,var(--_fb-layer-color) 9%,transparent);color:var(--gb-text)}.gb-fb-legend-dot{width:10px;height:10px;border-radius:50%;background:var(--gb-border);display:inline-block;flex-shrink:0}.gb-fb-legend-btn[data-visible=true] .gb-fb-legend-dot{background:var(--_fb-layer-color)}.gb-fretboard-card{padding:var(--gb-space-4);display:flex;flex-direction:column;gap:var(--gb-space-3);align-items:stretch;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-fretboard-svg{width:100%;height:auto}.gb-fretboard-dot-group{outline:none}.gb-fretboard-dot{cursor:default}.gb-fretboard-dot[data-clickable=true]{cursor:pointer}.gb-fretboard-card--rotated .gb-fretboard-svg{transform:rotate(-90deg)}.gb-fretboard-card--rotated .gb-fretboard-svg text{transform-box:fill-box;transform-origin:center;transform:rotate(90deg)}.gb-theory-item--full{grid-column:1/-1;min-width:0}.gb-theory-item__value--strong{font-weight:600}.gb-theory-section-stack{display:flex;flex-direction:column;gap:10px}.gb-theory-line{margin:4px 0 0;font-size:14px}.gb-theory-page-section{margin-top:var(--gb-space-7)}.gb-theory-section-helper{margin-bottom:var(--gb-space-3);font-size:11px;font-style:italic}.gb-theory-h3-suffix{font-weight:400;font-size:.85em;margin-left:var(--gb-space-2)}.gb-theory-row-help{margin-bottom:var(--gb-space-2)}.gb-theory-card-row,.gb-theory-card-row--stretch{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-theory-card-row--stretch{align-items:stretch}.gb-theory-block-outer{margin-top:var(--gb-space-6);padding-top:var(--gb-space-5);border-top:1px solid var(--gb-divider)}.gb-theory-section-stack--lg{display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-theory-label-mb{margin-bottom:var(--gb-space-2)}.gb-theory-example-tile{padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-divider)}.gb-theory-example-title-lg{font-weight:600;font-size:15px;margin-bottom:6px}.gb-theory-song-tile{padding:var(--gb-space-3) var(--gb-space-4);border-radius:var(--gb-radius-xs);border:1px solid var(--gb-border);background:var(--gb-surface)}.gb-theory-song-title-lg{font-weight:600;font-size:15px;margin-bottom:2px}.gb-theory-song-link{text-decoration:none}.gb-theory-block-section{padding-top:var(--gb-space-4)}.gb-theory-grid--pt-2{padding-top:var(--gb-space-2)}.gb-theory-formula-mono{font-weight:600;font-size:16px;font-family:var(--g-font-family-monospace)}.gb-theory-formula-mono--btn{font-size:var(--gb-fs-button)}.gb-theory-formula-aside{font-size:12px;color:var(--gb-text-secondary);margin-left:var(--gb-space-2)}.gb-theory-inversion-meta{font-size:12px;color:var(--gb-text-secondary);line-height:1.2;font-family:var(--g-font-family-monospace)}.gb-theory-aside-ml{margin-left:6px}.gb-pos-voicing-list{display:flex;flex-direction:column;gap:3px}.gb-pos-voicing-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--gb-space-2);padding:var(--gb-space-1) var(--gb-space-2);border-radius:5px;background:var(--gb-surface);border:1px solid var(--gb-border);font-size:13px}.gb-pos-voicing-row--root{background:var(--gb-accent-soft,rgba(98,128,255,.12));border-color:var(--gb-accent)}.gb-pos-voicing-string{color:var(--gb-text-secondary);font-size:11px}.gb-pos-voicing-name{font-weight:600}.gb-pos-voicing-sub{font-weight:400;color:var(--gb-text-secondary);margin-left:3px;font-size:11px}.gb-pos-voicing-dup{color:var(--gb-text-tertiary);font-size:10px;margin-left:var(--gb-space-1)}.gb-pos-voicing-degree{font-size:11px;font-weight:600;font-family:var(--g-font-family-monospace,monospace)}.gb-pos-summary-row{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.gb-pos-summary-tag-accent{color:var(--gb-accent);margin-left:var(--gb-space-1);font-size:11px}.gb-pos-summary-tag-muted{color:var(--gb-text-secondary);margin-left:var(--gb-space-1);font-size:11px}.gb-pos-summary-mutedstr{color:var(--gb-text-tertiary);font-size:11px;margin-left:3px}.gb-pos-interval-pill{display:inline-flex;align-items:center;gap:var(--gb-space-1);padding:3px var(--gb-space-2);border-radius:4px;font-size:12px;font-weight:600;background:var(--gb-surface);border:1px solid var(--gb-border)}.gb-pos-interval-meta{font-weight:400;font-size:11px;color:var(--gb-text-secondary)}.gb-pos-doubled-line{font-size:12px;color:var(--gb-text-secondary)}.gb-theory-piano-link{display:inline-flex;align-items:center;gap:var(--gb-space-2);padding:10px 18px;border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;font-weight:600}.gb-scale-conn-parent-card{display:inline-flex;flex-direction:column;padding:var(--gb-space-3) var(--gb-space-5)}.gb-tuning-gauge-row{display:flex;align-items:center;gap:10px}.gb-tuning-gauge-circle{display:inline-block;width:16px;height:16px;border-radius:50%;border:var(--gb-gauge-bw,1px) solid var(--gb-text-secondary);flex-shrink:0;box-sizing:border-box}.gb-tuning-gauge-label{font-weight:600;font-family:var(--g-font-family-monospace,monospace)}.gb-tuning-warning-row{border-radius:6px}.gb-tuning-warning-icon{color:var(--gb-warning);flex-shrink:0}.gb-tuning-string-num{line-height:1;min-width:16px}.gb-prog-fn-chord-link{text-decoration:none;padding:var(--gb-space-1) var(--gb-space-2);border-radius:6px;border:1px solid var(--gb-border);background:var(--gb-surface-muted)}.gb-prog-conn-roman{font-size:11px;color:var(--gb-text-secondary);line-height:1;font-family:var(--g-font-family-monospace)}.gb-prog-conn-scale-name{font-size:14px;font-weight:600;line-height:1.1}.gb-prog-conn-cad-list{display:flex;flex-direction:column;gap:6px}.gb-prog-conn-cad-list .gb-note-row__note{flex:0 0 72px}.gb-prog-conn-cad-list .gb-note-row__desc{flex:1}.gb-prog-conn-cad-card{display:flex;align-items:center;gap:10px;padding:var(--gb-space-2) var(--gb-space-3);background:var(--gb-surface-muted);border-radius:var(--gb-radius-sm);border:1px solid var(--gb-border);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.gb-prog-conn-cad-card--link{background:var(--gb-surface)}.gb-prog-conn-cad-card--link:hover{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-prog-conn-cad-card__name{flex:1 1 auto}.gb-prog-conn-cad-card__arrow{flex:0 0 auto;color:var(--gb-text-tertiary);transition:color .15s,transform .15s}.gb-prog-conn-cad-card--link:hover .gb-prog-conn-cad-card__arrow{color:var(--gb-accent);transform:translateX(2px)}.gb-theory-variations{display:flex;flex-direction:column;gap:var(--gb-space-2);margin:0;padding-block:var(--gb-space-2)}.gb-theory-variations__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gb-space-3);padding:var(--gb-space-2) var(--gb-space-3);border:1px solid var(--gb-border);border-radius:var(--gb-radius-sm);background:var(--gb-surface-muted)}.gb-theory-variations__item .gb-theory-item__label{margin:0}.gb-theory-variations__formula{flex:0 0 auto;font-size:var(--gb-fs-secondary);color:var(--gb-text);white-space:nowrap}@media (max-width:480px){.gb-theory-variations__item{flex-direction:column;align-items:flex-start;gap:var(--gb-space-1)}}.gb-scb-section{padding-block:var(--gb-space-4)}.gb-scb-title-meta{font-weight:400;font-size:.85em;margin-left:var(--gb-space-2)}.gb-scb-strip{display:flex;gap:var(--gb-space-2);flex-wrap:wrap;align-items:stretch}.gb-scb-card-static{cursor:default}.gb-scb-roman{font-size:15px;font-weight:600;color:var(--_role-color);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.gb-scb-name{font-size:20px;font-weight:600;line-height:1.1}.gb-scb-quality{font-size:13px;color:var(--gb-text-secondary);line-height:1}.gb-scb-notes{font-size:12px;color:var(--gb-text-tertiary);line-height:1.3;text-align:center}.gb-scb-func{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:400;line-height:1.4;letter-spacing:.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;color:transparent}.gb-scb-func[data-has-label=true]{background:color-mix(in srgb,var(--_role-color) 12%,transparent);color:var(--_role-color)}.gb-roman-box{display:flex;align-items:center;min-height:68px;padding:var(--gb-space-2) var(--gb-space-3);border-radius:var(--gb-radius-sm,8px);background:var(--gb-surface-muted);border:1px solid var(--gb-border)}.gb-roman-box,.gb-roman-box .gb-roman-pills{justify-content:center}.gb-roman-pills{flex-wrap:wrap}.gb-roman-pill-segment,.gb-roman-pills{display:flex;align-items:center;gap:4px}.gb-roman-pill-sep{color:#bbb;font-size:10px}.gb-roman-pill{display:inline-block;padding:2px var(--gb-space-2);border-radius:6px;font-weight:600;font-size:13px;font-family:var(--font-ibm-plex-serif,Georgia,serif);line-height:1.4;background:#dbeafe;color:#1e40af}.gb-roman-pill[data-quality=minor]{background:#ede9fe;color:#5b21b6}.gb-roman-pill[data-quality=dim]{background:#fef3c7;color:#92400e}.gb-prog-tile-stack{display:flex;flex-direction:column;gap:0}.gb-prog-tile-stack>.gb-roman-box,.gb-prog-tile-stack>.gb-roman-pills{margin-bottom:var(--gb-space-4)}.gb-prog-tile-head{margin-bottom:6px}.gb-prog-tile-summary{margin-bottom:var(--gb-space-4)}.gb-prog-tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.gb-prog-tile-chords{flex-wrap:wrap}.gb-prog-chord-segment,.gb-prog-tile-chords{display:flex;align-items:center;gap:4px}.gb-prog-chord{display:inline-block;padding:2px var(--gb-space-2);border-radius:6px;font-weight:600;font-size:13px;font-family:var(--g-font-family-monospace,monospace);line-height:1.4;background:#dbeafe;color:#1e40af}.gb-prog-chord[data-quality=minor]{background:#ede9fe;color:#5b21b6}.gb-prog-chord[data-quality=dim]{background:#fef3c7;color:#92400e}.gb-cad-tags-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;margin-top:var(--gb-space-1)}.gb-cad-tags-row .gb-difficulty-meter{align-self:flex-start}.gb-cad-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;border-radius:4px;background:var(--gb-surface-muted);color:var(--gb-text-secondary);white-space:nowrap}.gb-cad-tag[data-type]{color:var(--_cad-color);background:color-mix(in srgb,var(--_cad-color) 10%,transparent)}.gb-cad-tags-row .gb-difficulty-meter{margin-left:auto}.gb-cad-tags-row--split{flex-wrap:nowrap;align-items:flex-start}.gb-cad-tags-row__tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 50%;min-width:0}.gb-cad-tags-row--split .gb-difficulty-meter{margin-left:auto;flex:0 0 auto}@media (max-width:640px){.gb-cad-tags-row--split{flex-direction:column;align-items:flex-start;gap:6px}.gb-cad-tags-row--split .gb-difficulty-meter{margin-left:0}}.gb-scales-root-chip{min-width:36px;text-decoration:none}.gb-scales-tile-stack{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-scales-dna-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gb-scales-dna-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.gb-scales-dna-note{font-size:10px;color:var(--gb-text-secondary);line-height:1}.gb-scales-tile-body{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-scales-tile-body .gb-h4{margin-bottom:0}.gb-scales-tile-summary{margin-top:0}.gb-skel-scales-stack{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-skel-scales-head{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-skel-scales-title{height:36px;width:30%}.gb-skel-scales-sub{height:18px;width:60%}.gb-skel-scales-tile{height:80px}.gb-data-table-wrap{overflow-x:auto}.gb-data-table{width:100%;border-collapse:collapse;font-size:var(--gb-fs-caption)}.gb-data-table-head-row{border-bottom:1px solid var(--gb-border);text-align:left}.gb-data-table-th{padding:var(--gb-space-2) var(--gb-space-3);font-weight:var(--gb-fw-label);color:var(--gb-text-secondary)}.gb-data-table-row{border-bottom:1px solid var(--gb-border)}.gb-data-table-cell{padding:10px var(--gb-space-3)}.gb-data-table-cell--muted{color:var(--gb-text-secondary)}.gb-data-table-primary{font-weight:var(--gb-fw-label)}.gb-data-table-secondary{color:var(--gb-text-secondary);font-size:var(--gb-fs-micro)}.gb-data-table-status-extra{margin-left:var(--gb-space-1);display:inline-block}.gb-data-table-empty{padding:var(--gb-space-7) 0;text-align:center}.gb-freq-filter-row{align-items:flex-start;padding-bottom:var(--gb-space-4);border-bottom:1px solid var(--gb-divider)}.gb-freq-cell-bold{font-weight:600}.gb-freq-cell-hint,.gb-freq-cell-sec{color:var(--gb-text-secondary)}.gb-freq-cell-hint{font-size:.875rem}.gb-freq-table-shell{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);overflow:hidden}.gb-freq-play-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.gb-freq-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gb-space-4)}.gb-freq-alert-list{font-family:var(--g-font-family-monospace,monospace);font-size:14px;display:flex;flex-direction:column;gap:6px}.gb-freq-alert-formula{margin-top:6px;font-size:13px;opacity:.7}.gb-tools-shell{display:flex;flex-direction:column;gap:var(--gb-space-6);width:100%}.gb-tools-panel{padding:var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-tools-panel--lg{padding:var(--gb-space-5)}.gb-tools-panel-label{margin-bottom:var(--gb-space-2)}.gb-tools-result-label{margin-bottom:10px}.gb-tools-button-row{display:flex;flex-wrap:wrap;gap:6px}.gb-tools-root-button{min-width:44px}.gb-tools-interval-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:360px}.gb-tools-interval-button{padding:10px var(--gb-space-1);border-radius:var(--gb-radius-md);border:1px solid var(--gb-border);background:var(--gb-bg);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.gb-tools-interval-button--active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-tools-interval-button--root{cursor:default;opacity:.9}.gb-tools-interval-button-label{font-size:var(--gb-fs-secondary);font-weight:600;color:var(--gb-text)}.gb-tools-interval-button-label--active{color:var(--gb-accent)}.gb-tools-interval-button-sublabel{font-size:9px;color:var(--gb-text-secondary);line-height:1}.gb-tools-actions-row{margin-top:10px;display:flex;gap:var(--gb-space-2);align-items:center}.gb-tools-result-stack{display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-tools-panel-stack{display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-tools-chord-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2);align-items:center}.gb-tools-builder-chord{padding:var(--gb-space-4) var(--gb-space-6);min-width:100px;border-color:var(--gb-accent)}.gb-tools-builder-chord-name{font-size:28px;font-weight:600;line-height:1.1;color:var(--gb-accent)}.gb-tools-builder-chord-formula{font-size:var(--gb-fs-caption);color:var(--gb-text-secondary);line-height:1}.gb-tools-builder-chord-cta{font-size:11px;color:var(--gb-accent);margin-top:var(--gb-space-1)}.gb-tools-notes-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-tools-note-cell{display:flex;flex-direction:column;align-items:center;gap:var(--gb-space-1);padding:var(--gb-space-2) 14px;border-radius:var(--gb-radius-md);background:var(--gb-bg);border:1px solid var(--gb-border)}.gb-tools-note-cell--root{background:var(--gb-accent-soft);border-color:var(--gb-accent)}.gb-tools-note-name{font-weight:600;font-size:1rem}.gb-tools-note-interval{font-size:10px}.gb-tools-chip{padding:6px var(--gb-space-3);border-radius:var(--gb-radius-md);border:1px solid var(--gb-border);background:var(--gb-bg);cursor:pointer;font-size:.875rem}.gb-tools-shell--narrow{max-width:720px}.gb-tools-form-label{display:block;margin-bottom:6px}.gb-tools-form-label--lg{margin-bottom:var(--gb-space-2)}.gb-tools-form-label--xs,.gb-tools-tiny-label{margin-bottom:var(--gb-space-1)}.gb-tools-tiny-label{display:block;opacity:.6}.gb-tools-section-label{display:block;margin-bottom:6px;opacity:.5;text-transform:uppercase;letter-spacing:.05em}.gb-tools-section-label--lg{margin-bottom:var(--gb-space-2)}.gb-tools-textarea-mono{font-family:var(--g-font-family-monospace,ui-monospace,monospace);line-height:1.8}.gb-tools-toggle-row{display:flex;gap:var(--gb-space-2)}.gb-tools-numeric-display{font-size:18px}.gb-tools-key-controls{display:flex;align-items:center;gap:var(--gb-space-4);flex-wrap:wrap}.gb-tools-key-display{font-size:17px}.gb-tools-arrow-divider{opacity:.4}.gb-tools-text-muted{opacity:.5}.gb-tools-select-bold{font-weight:600}.gb-tools-result-section{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-tools-button-row--centered{align-items:center}.gb-tools-button-row--gap-2{gap:var(--gb-space-2)}.gb-tools-original-chord{padding:var(--gb-space-1) var(--gb-space-3);border-radius:6px;font-size:15px;border:1px solid var(--gb-border);background:var(--gb-surface);opacity:.55;font-family:var(--g-font-family-monospace,ui-monospace,monospace)}.gb-tools-non-chord{opacity:.3;font-size:var(--gb-fs-caption);padding:0 2px}.gb-tools-transposed-chord-name{font-size:var(--gb-fs-h4);font-weight:600;line-height:1.1}.gb-tools-transposed-chord-formula{font-size:11px;color:var(--gb-text-secondary);line-height:1}.gb-tools-transposed-chord-plain{padding:7px 18px;border-radius:var(--gb-radius-xs);font-size:18px;font-weight:600;border:2px solid var(--gb-border);background:var(--gb-surface);font-family:var(--g-font-family-monospace,ui-monospace,monospace)}.gb-tools-transposed-chord-plain--active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-tools-shell--reharm-gap{gap:28px}.gb-tools-textarea-mono--lg{font-size:var(--gb-fs-body)}.gb-tools-arrow-divider-lg{opacity:.4;font-size:var(--gb-fs-body-xl)}.gb-tools-select-bold--lg{font-size:var(--gb-fs-body)}.gb-tools-pill-toggle-row{display:flex;align-self:flex-start}.gb-tools-original-wrap{margin-bottom:10px}.gb-tools-chord-pill{padding:6px var(--gb-space-4);border-radius:var(--gb-radius-xs);font-size:17px;font-weight:600;border:2px solid var(--gb-border);background:var(--gb-surface);cursor:pointer;transition:border-color .15s,background .15s;font-family:var(--g-font-family-monospace,ui-monospace,monospace);white-space:nowrap}.gb-tools-chord-pill--active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-tools-chord-pill--ghost{opacity:.5;font-size:15px}.gb-tools-non-chord-tight{opacity:.3;font-size:var(--gb-fs-caption)}.gb-tools-link-button{color:var(--gb-accent);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.gb-tools-link-button--mb-3{margin-bottom:var(--gb-space-3)}.gb-tools-subs-list{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-tools-subs-row{display:flex;align-items:center;gap:var(--gb-space-3);padding:10px 14px;border:1px solid var(--gb-border);border-radius:0;background:var(--gb-surface)}.gb-tools-subs-chord-col{min-width:80px}.gb-tools-subs-chord-static{cursor:default}.gb-tools-subs-type{font-weight:600}.gb-tools-analysis-panel{padding:var(--gb-space-3) var(--gb-space-4);border:1px solid var(--gb-border);border-radius:0;background:var(--gb-surface)}.gb-tools-analysis-panel--secondary{opacity:.75}.gb-tools-analysis-header{display:flex;align-items:center;gap:var(--gb-space-3);margin-bottom:var(--gb-space-2)}.gb-tools-analysis-key{font-size:var(--gb-fs-h4);font-weight:800;color:var(--gb-text)}.gb-tools-score-bar{flex:1;height:6px;border-radius:3px;background:var(--gb-border)}.gb-tools-score-bar-fill{height:100%;border-radius:3px;transition:width .3s;width:var(--bar-pct,0);background:var(--bar-color,var(--gb-accent))}.gb-tools-analysis-roles{display:flex;flex-wrap:wrap;gap:6px}.gb-tools-role-pill{padding:2px 10px;border-radius:6px;font-size:var(--gb-fs-caption);font-family:var(--g-font-family-monospace,ui-monospace,monospace);background:var(--gb-surface);border:1px solid var(--gb-border);color:var(--gb-text-secondary)}.gb-tools-role-pill--fits{background:var(--gb-accent-soft);border-color:var(--gb-accent);color:var(--gb-text)}.gb-tools-role-roman{font-size:10px;margin-left:var(--gb-space-1);opacity:.6}.gb-tools-analysis-warning{margin-top:6px}.gb-tools-tuner-svg{display:block;margin:0 auto}.gb-tools-tuner-needle{transition:cx .1s ease-out}.gb-tuner-stack .gb-tools-settings-row{border-bottom:none;padding-bottom:0}.gb-tools-settings-row .gb-tuner-instrument-select{width:200px;max-width:100%}.gb-tools-settings-row .gb-tuner-instrument-select .g-select,.gb-tools-settings-row .gb-tuner-instrument-select .g-select-control,.gb-tools-settings-row .gb-tuner-instrument-select .g-select-control__button{width:100%}.gb-tools-settings-row{align-items:flex-start;padding-bottom:var(--gb-space-4);border-bottom:1px solid var(--gb-divider)}.gb-tools-strings-meta{margin-left:var(--gb-space-2)}.gb-tools-tune-progress-dot{width:12px;height:12px;border-radius:50%;transition:background .2s;background:var(--dot-bg,var(--gb-border))}.gb-tools-tune-success-banner{background:var(--gb-success);color:#fff;font-weight:600;text-align:center}.gb-tools-tune-card-runtime{position:relative;border-color:var(--card-border,var(--gb-border));background:var(--card-bg,transparent)}.gb-tools-tune-check-badge{position:absolute;top:-6px;right:-6px;font-size:var(--gb-fs-secondary)}.gb-tools-tune-meta-italic{font-size:8px;color:var(--gb-text-secondary);font-style:italic}.gb-tools-tune-likely-hint{font-size:9px;color:var(--gb-warning);font-weight:600}.gb-tools-tune-display-stack{display:flex;flex-direction:column;align-items:center;gap:var(--gb-space-3)}.gb-tools-tune-target-wrap{text-align:center;margin-bottom:var(--gb-space-1)}.gb-tools-tune-target-emphasis{font-weight:600;margin-left:var(--gb-space-2);color:var(--gb-accent);font-size:var(--gb-fs-h4)}.gb-tools-tune-detected-display{font-size:2.5rem;font-weight:800;line-height:1;color:var(--gb-text);text-align:center}.gb-tools-tune-detected-freq{margin-top:2px;text-align:center}.gb-tools-tune-cents-big{font-size:18px;font-weight:600;text-align:center;color:var(--status-color,var(--gb-text))}.gb-tools-tune-cents-detail{font-size:var(--gb-fs-caption);color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace,ui-monospace,monospace);text-align:center}.gb-tools-tune-prompt{font-size:var(--gb-fs-secondary)}.gb-tools-tune-placeholder{padding:var(--gb-space-4) 0}.gb-cs-segment{display:inline-flex;flex-direction:column;vertical-align:bottom}.gb-cs-chord-line{height:20px;line-height:20px}.gb-cs-chord{color:var(--gb-accent);font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}.gb-cs-text{font-size:15px;line-height:22px;white-space:pre}.gb-cs-blank-line{height:18px}.gb-cs-plain-line{font-size:15px;line-height:22px;color:var(--gb-text-secondary);padding-top:20px}.gb-cs-chord-line-row{display:flex;flex-wrap:wrap;align-items:flex-end;line-height:1}.gb-cs-controls-row{display:flex;gap:var(--gb-space-3);align-items:center;flex-wrap:wrap}.gb-cs-transpose-btn{padding:var(--gb-space-1) 14px;border-radius:var(--gb-radius);border:1px solid var(--gb-border);background:var(--gb-surface);cursor:pointer;font-size:18px;line-height:1}.gb-cs-transpose-value{min-width:42px;text-align:center;font-size:15px;font-weight:600;color:var(--gb-text)}.gb-cs-link-btn,.gb-cs-transpose-value--active{color:var(--gb-accent)}.gb-cs-link-btn{background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.gb-cs-link-btn--start{align-self:flex-start}.gb-cs-cols-row{display:flex;gap:var(--gb-space-6);align-items:flex-start;flex-wrap:wrap}.gb-cs-input-col{flex:1 1 300px;display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-cs-textarea{width:100%;padding:10px var(--gb-space-3);font-family:var(--g-font-family-monospace);font-size:14px;line-height:1.6;color:var(--gb-text);resize:vertical;box-sizing:border-box}.gb-cs-rendered-panel,.gb-cs-textarea{border:1px solid var(--gb-border);border-radius:var(--gb-radius);background:var(--gb-surface)}.gb-cs-rendered-panel{flex:1 1 320px;padding:var(--gb-space-4) var(--gb-space-5);min-height:260px}.gb-cs-lines-stack{display:flex;flex-direction:column;gap:0}.gb-cs-help-panel{padding:10px 14px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius);max-width:600px}.gb-gallery-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gb-space-3)}.gb-gallery-subtitle{margin-top:4px;display:block}.gb-gallery-empty{padding:var(--gb-space-7);text-align:center;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gb-space-4)}.gb-gallery-img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:8px;background:#0f3460}.gb-gallery-meta{display:block;margin-top:2px}.gb-gallery-open-link{margin-top:auto}.gb-gallery-pager{display:flex;gap:var(--gb-space-3);justify-content:center;padding-top:var(--gb-space-2)}.gb-gallery-pager-num{align-self:center}.gb-ka-picker-row{align-items:flex-end}.gb-ka-picker-row--top{align-items:flex-start}.gb-ka-prog-row{align-items:center}.gb-ka-chord-card{cursor:default}.gb-ka-arrow{opacity:.4}.gb-ka-role-card{min-width:48px;text-align:center}.gb-ka-role-card .gb-prog-conn-roman{font-weight:600;color:var(--gb-danger)}.gb-ka-role-card[data-fits=true] .gb-prog-conn-roman{color:var(--gb-accent)}.gb-capo-shape-step{display:flex;align-items:center;gap:var(--gb-space-2)}.gb-capo-shape-step__chord{flex:1;min-width:0;cursor:pointer}.gb-capo-shape-step__arrow{flex-shrink:0;color:var(--gb-text-tertiary)}.gb-generator-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gb-space-4);margin-bottom:var(--gb-space-4);flex-wrap:wrap}.gb-generator-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}}@layer app-utilities{.gb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.gb-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.325em;text-decoration-color:color-mix(in srgb,currentColor,transparent 80%);-webkit-text-decoration-skip:none;text-decoration-skip:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;transition:text-decoration-color .15s}.gb-link:hover{text-decoration-color:currentColor}button.gb-link{background:none;border:none;cursor:pointer;padding:0;font:inherit}.gb-link--accent{color:var(--gb-accent)}.gb-link--accent:hover{color:var(--gb-accent-hover)}.gb-link--muted{color:var(--gb-text-secondary)}.gb-link--muted:hover,.gb-link-inline{color:var(--gb-accent)}.gb-link-inline{text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--gb-accent) 40%,transparent);transition:color .15s,text-decoration-color .15s}.gb-link-inline:hover{color:var(--gb-accent-hover);text-decoration-color:var(--gb-accent-hover)}.gb-interactive-link{transition:border-color .15s,background .15s,color .15s}.gb-interactive-link:hover{border-color:var(--gb-accent)!important;background:color-mix(in srgb,var(--gb-accent) 8%,transparent)!important;color:var(--gb-text)!important}.gb-divider,hr{border:0;border-top:1px solid var(--gb-divider);margin:0}@keyframes gb-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.gb-diagram-fade{animation:gb-fadein .2s ease}.gb-accent-badge{color:#000}.dark .gb-accent-badge{color:var(--gb-accent)}.gb-position-label{color:var(--gb-text-secondary)}.gb-position-label.is-selected{color:#000}.dark .gb-position-label.is-selected{color:var(--gb-accent)}.gb-scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin}.gb-scroll-x::-webkit-scrollbar{height:4px}.gb-scroll-x::-webkit-scrollbar-thumb{background:var(--gb-border-strong);border-radius:2px}.gb-compat-more{list-style:none;cursor:pointer;color:var(--gb-accent);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;line-height:1.4}.gb-compat-more::-webkit-details-marker,.gb-compat-more::marker{display:none;content:""}.gb-advanced-details{border-top:1px solid var(--gb-divider);padding-top:12px}.gb-advanced-summary{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gb-text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none;border:none;padding:0;display:flex;align-items:center;gap:8px;transition:color .15s}.gb-advanced-summary--open,.gb-advanced-summary:hover{color:var(--gb-accent)}.gb-quiz-answer[data-state=question]:hover{background:color-mix(in srgb,var(--gb-accent) 8%,transparent)!important;border-color:var(--gb-accent)!important;color:var(--gb-text)!important}.gb-rel-block{margin-top:var(--gb-space-7);padding-top:var(--gb-space-6);border-top:1px solid var(--gb-border);display:flex;flex-direction:column;gap:var(--gb-space-5)}.gb-rel-block-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-3)}.gb-rel-block-group{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-rel-block-group-title{font-size:var(--gb-fs-caption);line-height:var(--gb-lh-caption);letter-spacing:.05em;font-weight:var(--gb-fw-h3);text-transform:uppercase;color:var(--gb-text-secondary)}.gb-rel-block-chips{display:flex;flex-wrap:wrap;gap:6px}.gb-rel-block-link{text-decoration:none}.gb-prose{max-width:720px}.gb-learn-layout__main .gb-prose{max-width:none}.gb-link-plain{color:inherit;text-decoration:none}.gb-article-nav{padding-top:var(--gb-space-6);border-top:1px solid var(--gb-divider);margin-top:var(--gb-space-4);max-width:760px}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.right-0{right:0}.top-full{top:100%}.z-50{z-index:50}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.text-left{text-align:left}.text-center{text-align:center}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.group\/learn:hover .group-hover\/learn\:block,.group\/ref:hover .group-hover\/ref\:block,.group\/tools:hover .group-hover\/tools\:block,.group\/train:hover .group-hover\/train\:block{display:block}.dark\:divide-gray-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity,1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-red-900\/20:is(.dark *){background-color:rgb(127 29 29/.2)}.dark\:bg-yellow-900\/20:is(.dark *){background-color:rgb(113 63 18/.2)}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}