@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}}@layer ui-vendor{.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{@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex/ibm-plex-sans-cyrillic.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex/ibm-plex-sans-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-400-cyrillic.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-400-latin.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-500-cyrillic.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-500-latin.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-600-cyrillic.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-600-latin.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-700-cyrillic.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/ibm-plex-mono-700-latin.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-400-cyrillic.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-400-latin.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-700-cyrillic.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-700-latin.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-400-italic-cyrillic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-400-italic-latin.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-700-italic-cyrillic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap;unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex/ibm-plex-serif-700-italic-latin.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:PB Bravura;src:url(/fonts/Bravura.woff2) format("woff2"),url(/fonts/Bravura.woff) format("woff");font-display:block}@font-face{font-family:Helsinki Std;src:url(/fonts/HelsinkiStd.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-ibm-plex-sans:"IBM Plex Sans",Arial,sans-serif;--font-ibm-plex-mono:"IBM Plex Mono",monospace;--font-ibm-plex-serif:"IBM Plex Serif",Georgia,serif;--pb-bg:#f5f5f5;--pb-surface:#ffffff;--pb-surface-2:#ffffff;--pb-surface-muted:#fafafa;--pb-text:#000000;--pb-text-secondary:#282828;--pb-text-tertiary:#7a7f87;--pb-border:#e3e5e8;--pb-border-strong:#d4d7dc;--pb-divider:#eceef1;--pb-accent:#8f52cc;--pb-accent-hover:#7b41b8;--pb-accent-soft:rgb(143 82 204/0.15);--pb-accent-contrast:#ffffff;--pb-accent-text:#7435ad;--pb-focus-ring:#7b41b8;--pb-link-hover:#0070f0;--sa-link-underline:rgb(0 112 240/0.4);--pb-cool-neutral:#9aa0a8;--pb-success:#1f8f4e;--pb-warning:#b26a00;--pb-danger:#c62828;--pb-success-text:#18763f;--pb-warning-text:#8a5200;--pb-danger-text:#b42318;--pb-diagram-line:#000000;--pb-diagram-text:#000000;--pb-diagram-surface:#ffffff;--pb-diagram-muted:#d9dde3;--pb-shadow-1:0 1px 2px rgba(0,0,0,0.02),0 8px 24px rgba(0,0,0,0.04);--pb-shadow-2:0 2px 8px rgba(0,0,0,0.04),0 16px 32px rgba(0,0,0,0.06);--pb-radius-xs:8px;--pb-radius-sm:10px;--pb-radius-md:12px;--pb-radius-lg:18px;--pb-radius-xl:24px;--pb-radius-pill:999px;--pb-space-1:4px;--pb-space-2:8px;--pb-space-3:12px;--pb-space-4:16px;--pb-space-5:20px;--pb-space-6:24px;--pb-space-7:32px;--pb-space-8:40px;--pb-space-9:48px;--pb-space-10:56px;--pb-space-11:64px;--pb-hover-bg:rgba(0,0,0,0.05);--pb-container-max:1360px;--pb-header-height:72px;--pb-page-top-gap:30px;--pb-page-padding-desktop:32px;--pb-page-padding-tablet:24px;--pb-page-padding-mobile:16px;--pb-control-radius:12px;--pb-control-padding-x-sm:12px;--pb-control-padding-x-md:16px;--pb-control-padding-x-lg:18px;--pb-control-font-size:13px;--pb-control-line-height:20px;--pb-control-font-weight:500;--pb-control-gap:8px;--pb-fs-display:40px;--pb-fs-h1:32px;--pb-fs-h2:22px;--pb-fs-h3:20px;--pb-fs-h4:17px;--pb-fs-body-xl:19px;--pb-fs-body-l:17px;--pb-fs-body:16px;--pb-fs-secondary:16px;--pb-fs-caption:12px;--pb-fs-label:14px;--pb-fs-micro:12px;--pb-fs-button:14px;--pb-lh-h1:40px;--pb-lh-h2:28px;--pb-lh-h3:24px;--pb-lh-h4:20px;--pb-lh-display:48px;--pb-lh-micro:16px;--pb-lh-body:1.65;--pb-lh-secondary:1.7;--pb-lh-caption:1.4;--pb-fw-display:700;--pb-fw-h1:600;--pb-fw-h2:600;--pb-fw-h3:500;--pb-fw-h4:500;--pb-fw-body:400;--pb-fw-label:500;--pb-fs-display-tablet:34px;--pb-lh-display-tablet:42px;--pb-fs-h1-tablet:28px;--pb-lh-h1-tablet:36px;--pb-fs-h2-tablet:20px;--pb-lh-h2-tablet:26px;--pb-fs-display-mobile:30px;--pb-lh-display-mobile:38px;--pb-fs-h1-mobile:24px;--pb-lh-h1-mobile:32px;--pb-content-h1-mb:16px;--pb-content-h2-mt:32px;--pb-content-h2-mb:12px;--pb-content-h3-mt:20px;--pb-content-h3-mb:8px;--pb-content-h4-mb:12px;--pb-content-section-gap:32px;--pb-diagram-line-width:1px;--pb-diagram-nut-width:4px;--pb-interval-1:#e74c3c;--pb-interval-b2:#c0392b;--pb-interval-2:#1abc9c;--pb-interval-b3:#e67e22;--pb-interval-3:#f39c12;--pb-interval-4:#27ae60;--pb-interval-tritone:#8e44ad;--pb-interval-5:#2980b9;--pb-interval-b6:#a84300;--pb-interval-6:#d35400;--pb-interval-b7:#7f8c8d;--pb-interval-7:#2ecc71;--pb-interval-text-1:#b42318;--pb-interval-text-b2:#a93226;--pb-interval-text-2:#067a68;--pb-interval-text-b3:#9a4f00;--pb-interval-text-3:#8a5500;--pb-interval-text-4:#137333;--pb-interval-text-tritone:#7636a0;--pb-interval-text-5:#1769aa;--pb-interval-text-b6:#873600;--pb-interval-text-6:#9f3c00;--pb-interval-text-b7:#59636a;--pb-interval-text-7:#137333;--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;--pb-radius:var(--pb-radius-md);--pb-surface-primary:var(--pb-surface);--pb-surface-secondary:var(--pb-surface-muted);--pb-surface-card:var(--pb-surface);--pb-card-bg:var(--pb-surface);--pb-card-border:var(--pb-border);--pb-page-bg:var(--pb-bg);--pb-bg-hover:var(--pb-hover-bg);--pb-bg-elevated:var(--pb-surface-2);--pb-text-primary:var(--pb-text);--pb-text-on-accent:var(--pb-accent-contrast);--pb-border-light:var(--pb-divider);--pb-border-accent:var(--pb-accent);--pb-accent-light:var(--pb-accent-soft);--pb-accent-subtle:var(--pb-accent-soft);--pb-font-size-base:var(--pb-fs-body);--pb-font-size-sm:var(--pb-fs-secondary);--pb-font-size-lg:var(--pb-fs-body-l);--pb-font-size-2xl:var(--pb-fs-h2);--pb-warning-bg:color-mix(in srgb,var(--pb-warning) 14%,var(--pb-surface));--pb-warning-border:color-mix(in srgb,var(--pb-warning) 40%,transparent);--bg:var(--pb-bg);--fg:var(--pb-text);--surface:var(--pb-surface)}.dark{--pb-bg:#111315;--pb-surface:#1a1d21;--pb-surface-2:#20242a;--pb-surface-muted:#171a1e;--pb-text:#ffffff;--pb-text-secondary:#c7ccd4;--pb-text-tertiary:#99a1ab;--pb-border:#2c3138;--pb-border-strong:#3a4048;--pb-divider:#2a2f35;--pb-accent:#8f52cc;--pb-accent-hover:#a66fdb;--pb-accent-soft:rgb(143 82 204/0.2);--pb-accent-contrast:#ffffff;--pb-accent-text:#c18df0;--pb-focus-ring:#c18df0;--pb-link-hover:#4d94ff;--sa-link-underline:rgb(77 148 255/0.45);--pb-cool-neutral:#6f7680;--pb-success:#4bc27a;--pb-warning:#e0a54b;--pb-danger:#ff7b7b;--pb-success-text:#67d58a;--pb-warning-text:#ffc85c;--pb-danger-text:#ff8a80;--pb-interval-text-1:#ff8a80;--pb-interval-text-b2:#ef9a9a;--pb-interval-text-2:#59d9c5;--pb-interval-text-b3:#ffb36b;--pb-interval-text-3:#ffc85c;--pb-interval-text-4:#67d58a;--pb-interval-text-tritone:#d09aef;--pb-interval-text-5:#71b7ec;--pb-interval-text-b6:#dc965d;--pb-interval-text-6:#f0a56e;--pb-interval-text-b7:#b5bdc4;--pb-interval-text-7:#65d98b;--pb-diagram-line:#ffffff;--pb-diagram-text:#ffffff;--pb-diagram-surface:#1a1d21;--pb-diagram-muted:#6f7680;--pb-hover-bg:rgba(255,255,255,0.07);--pb-shadow-1:0 1px 2px rgba(0,0,0,0.22),0 10px 28px rgba(0,0,0,0.28);--pb-shadow-2:0 4px 14px rgba(0,0,0,0.28),0 20px 36px rgba(0,0,0,0.32)}:root{--pb-fs-body-s:var(--pb-fs-secondary);--pb-lh-body-s:var(--pb-lh-secondary);--pb-radius-m:var(--pb-radius-md);--pb-radius-s:var(--pb-radius-sm)}.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(143 82 204/0.1);--g-color-private-brand-100:rgb(143 82 204/0.15);--g-color-private-brand-150:rgb(143 82 204/0.2);--g-color-private-brand-200:rgb(143 82 204/0.3);--g-color-private-brand-250:rgb(143 82 204/0.4);--g-color-private-brand-300:rgb(143 82 204/0.5);--g-color-private-brand-350:rgb(143 82 204/0.6);--g-color-private-brand-400:rgb(143 82 204/0.7);--g-color-private-brand-450:rgb(143 82 204/0.8);--g-color-private-brand-500:rgb(143 82 204/0.9);--g-color-private-brand-550:rgb(143 82 204);--g-color-private-brand-550-solid:rgb(143 82 204);--g-color-private-brand-1000-solid:rgb(52 26 84);--g-color-private-brand-950-solid:rgb(62 31 98);--g-color-private-brand-900-solid:rgb(78 40 120);--g-color-private-brand-850-solid:rgb(94 49 142);--g-color-private-brand-800-solid:rgb(110 58 164);--g-color-private-brand-750-solid:rgb(124 65 184);--g-color-private-brand-700-solid:rgb(133 73 195);--g-color-private-brand-650-solid:rgb(150 95 210);--g-color-private-brand-600-solid:rgb(143 82 204);--g-color-private-brand-500-solid:rgb(160 105 215);--g-color-private-brand-450-solid:rgb(176 128 222);--g-color-private-brand-400-solid:rgb(192 151 229);--g-color-private-brand-350-solid:rgb(205 170 235);--g-color-private-brand-300-solid:rgb(218 190 240);--g-color-private-brand-250-solid:rgb(228 207 245);--g-color-private-brand-200-solid:rgb(236 222 248);--g-color-private-brand-150-solid:rgb(243 235 251);--g-color-private-brand-100-solid:rgb(249 245 253);--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-800-solid);--g-color-text-brand-contrast:var(--g-color-text-light-primary);--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-base-background:#f5f5f5;--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-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(143 82 204/0.1);--g-color-private-brand-100:rgb(143 82 204/0.15);--g-color-private-brand-150:rgb(143 82 204/0.2);--g-color-private-brand-200:rgb(143 82 204/0.3);--g-color-private-brand-250:rgb(143 82 204/0.4);--g-color-private-brand-300:rgb(143 82 204/0.5);--g-color-private-brand-350:rgb(143 82 204/0.6);--g-color-private-brand-400:rgb(143 82 204/0.7);--g-color-private-brand-450:rgb(143 82 204/0.8);--g-color-private-brand-500:rgb(143 82 204/0.9);--g-color-private-brand-550:rgb(143 82 204);--g-color-private-brand-550-solid:rgb(143 82 204);--g-color-private-brand-1000-solid:rgb(250 245 255);--g-color-private-brand-950-solid:rgb(243 234 252);--g-color-private-brand-900-solid:rgb(235 222 249);--g-color-private-brand-850-solid:rgb(228 210 246);--g-color-private-brand-800-solid:rgb(218 196 242);--g-color-private-brand-750-solid:rgb(208 182 238);--g-color-private-brand-700-solid:rgb(198 168 234);--g-color-private-brand-650-solid:rgb(186 150 228);--g-color-private-brand-600-solid:rgb(174 130 222);--g-color-private-brand-500-solid:rgb(150 95 210);--g-color-private-brand-450-solid:rgb(133 73 195);--g-color-private-brand-400-solid:rgb(120 65 180);--g-color-private-brand-350-solid:rgb(105 56 158);--g-color-private-brand-300-solid:rgb(92 49 140);--g-color-private-brand-250-solid:rgb(78 41 120);--g-color-private-brand-200-solid:rgb(64 34 98);--g-color-private-brand-150-solid:rgb(54 28 82);--g-color-private-brand-100-solid:rgb(46 24 70);--g-color-private-brand-50-solid:rgb(40 21 62);--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-base-background:rgb(17 19 21);--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(--pb-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(--pb-control-line-height);font-size:var(--pb-control-font-size)}.g-button__icon{display:inline-flex;align-items:center}}@layer app-base{}@layer app-base{.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(--pb-accent);outline-offset:2px}.g-button:focus-visible{box-shadow:0 0 0 3px var(--pb-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(.pb-piano-cta):not(.pb-favorite-btn):hover:not(:disabled):before,.g-button[class*=g-button_view_outlined-]:not(.g-button_view_outlined-danger):not(.pb-piano-cta):not(.pb-favorite-btn):hover:not(:disabled):before{border-color:var(--pb-accent)!important;background-color:color-mix(in srgb,var(--pb-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(--pb-radius-md)!important}.g-button_view_action .g-button__icon,.g-button_view_action .g-button__text,.g-button_view_action .g-icon{color:#fff}.pb-display,.pb-h1,.pb-h2,.pb-h3,.pb-h4{text-wrap:balance;hanging-punctuation:first last}.pb-display{font-size:var(--pb-fs-display);line-height:var(--pb-lh-display);font-weight:var(--pb-fw-display)}.pb-display,.pb-h1{letter-spacing:-.02em}.pb-h1{font-size:var(--pb-fs-h1);line-height:var(--pb-lh-h1);font-weight:var(--pb-fw-h1)}.pb-h2{font-size:var(--pb-fs-h2);line-height:var(--pb-lh-h2);font-weight:var(--pb-fw-h2)}.pb-h3{font-size:var(--pb-fs-h3);line-height:var(--pb-lh-h3);font-weight:var(--pb-fw-h3)}.pb-h4{font-size:var(--pb-fs-h4);line-height:var(--pb-lh-h4);font-weight:var(--pb-fw-h4)}.pb-body-xl{font-size:var(--pb-fs-body-xl)}.pb-body-l,.pb-body-xl{line-height:var(--pb-lh-body);font-weight:var(--pb-fw-body)}.pb-body-l{font-size:var(--pb-fs-body-l)}.pb-body-m{font-size:var(--pb-fs-body);line-height:var(--pb-lh-body)}.pb-body-m,.pb-body-s{font-weight:var(--pb-fw-body)}.pb-body-s{font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary)}.pb-caption{font-size:var(--pb-fs-caption);line-height:var(--pb-lh-caption)}.pb-caption,.pb-micro{font-weight:var(--pb-fw-body)}.pb-micro{font-size:var(--pb-fs-micro);line-height:var(--pb-lh-micro)}.pb-label{font-size:var(--pb-fs-label);font-weight:var(--pb-fw-label)}.pb-button-text,.pb-label{line-height:var(--pb-lh-h4)}.pb-button-text{font-size:var(--pb-fs-button);font-weight:var(--pb-fw-h2)}.pb-numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.pb-mono{font-family:var(--g-font-family-monospace,ui-monospace,"SF Mono",Menlo,Consolas,monospace)}.pb-text-underline{text-decoration:underline}.pb-prose-narrow{max-width:720px}.pb-helper{font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary);color:var(--pb-text-secondary)}.pb-helper,.pb-meta{font-weight:var(--pb-fw-body)}.pb-meta{font-size:var(--pb-fs-micro);line-height:var(--pb-lh-micro)}.pb-group-label,.pb-meta{color:var(--pb-text-tertiary)}.pb-group-label{font-size:var(--pb-fs-caption);line-height:var(--pb-lh-caption);letter-spacing:.05em;font-weight:var(--pb-fw-h2);text-transform:uppercase}.pb-cta-title{font-size:var(--pb-fs-h4);font-weight:var(--pb-fw-display);line-height:var(--pb-lh-h4)}.pb-text-primary{color:var(--pb-text)}.pb-text-secondary{color:#282828}.dark .pb-text-secondary{color:var(--pb-text-secondary)}.pb-text-tertiary{color:var(--pb-text-tertiary)}.pb-text-danger{color:var(--pb-danger-text)}.pb-text-accent{color:var(--pb-accent-text)}.pb-fw-normal{font-weight:400}.pb-fw-medium{font-weight:500}.pb-fw-bold,.pb-fw-semibold{font-weight:600}.pb-italic{font-style:italic}.pb-fs-13{font-size:13px}.pb-fs-14{font-size:14px}.pb-fs-15{font-size:15px}.pb-text-center{text-align:center}.pb-text-inherit{color:inherit}.pb-page-subtitle{max-width:72ch;margin-bottom:var(--pb-space-4);color:#212121;font-size:var(--pb-fs-body-l);line-height:var(--pb-lh-body);font-weight:var(--pb-fw-body)}.dark .pb-page-subtitle{color:var(--pb-text-secondary)}.pb-page-subtitle--xl{font-size:var(--pb-fs-body-xl)}.pb-page-subtitle--m{font-size:var(--pb-fs-body)}}@layer app-base{}@layer app-base{@media (max-width:640px){.pb-page-subtitle{margin-bottom:0}}}@layer app-base{.pb-section__subtitle{margin-top:var(--pb-space-1);font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary);color:var(--pb-text-secondary)}.hub-header__subtitle{margin-top:var(--pb-space-2);max-width:72ch;color:#212121;font-size:var(--pb-fs-body-l);line-height:var(--pb-lh-body)}.dark .hub-header__subtitle{color:var(--pb-text-secondary)}.hub-section__desc{color:#212121;max-width:100%;font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary);margin-bottom:8px}.dark .hub-section__desc{color:var(--pb-text-secondary)}.hub-hero__subtitle{color:var(--pb-text);max-width:none;font-size:var(--pb-fs-body-l);line-height:var(--pb-lh-body)}.hub-theory-links__subtitle{color:var(--pb-text-secondary);max-width:64ch;font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary)}.hub-seo-text{padding-top:var(--pb-space-6);border-top:1px solid var(--pb-divider);color:var(--pb-text-secondary);font-size:var(--pb-fs-body);line-height:var(--pb-lh-body);width:100%}.hub-seo-text p+p{margin-top:var(--pb-space-3)}}@layer app-base{@media (max-width:900px){.pb-display{font-size:var(--pb-fs-display-tablet);line-height:var(--pb-lh-display-tablet)}.pb-h1{font-size:var(--pb-fs-h1-tablet);line-height:var(--pb-lh-h1-tablet)}.pb-h2{font-size:var(--pb-fs-h2-tablet);line-height:var(--pb-lh-h2-tablet)}}}@layer app-base{@media (max-width:640px){.pb-display{font-size:var(--pb-fs-display-mobile);line-height:var(--pb-lh-display-mobile)}.pb-h1{font-size:var(--pb-fs-h1-mobile);line-height:var(--pb-lh-h1-mobile)}.pb-h2{font-size:var(--pb-fs-h3);line-height:var(--pb-lh-h3)}.pb-h3{font-size:var(--pb-fs-h4);line-height:var(--pb-lh-h4)}.hub-header__subtitle,.hub-hero__subtitle{font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary)}}}@layer app-base{.pb-h2+.pb-body-s.pb-text-secondary,.pb-h3+.pb-body-s.pb-text-secondary,.pb-section-intro{margin-top:4px;margin-bottom:var(--pb-space-4)}:root{--pb-theory-gap:24px}}@layer app-base{}@layer app-base{@media (max-width:640px){:root{--pb-theory-gap:28px}}}@layer app-base{.pb-h1{margin:0 0 4px}.pb-h2{margin:var(--pb-content-h2-mt) 0 var(--pb-content-h1-mb) 0}.pb-h3{margin:var(--pb-content-h3-mt) 0 var(--pb-content-h3-mb) 0}.pb-h4{margin:0 0 var(--pb-content-h4-mb) 0}.pb-h1+.pb-body-l,.pb-h1+.pb-body-xl,.pb-h1+.pb-page-subtitle,.pb-h2+.pb-theory-grid,.pb-h2:first-child,.pb-h3+.pb-theory-grid,.pb-h3:first-child,.pb-h4+.pb-theory-grid{margin-top:0}.pb-theory-grid+.pb-theory-grid{margin-top:var(--pb-space-4)}.pb-page-theory-cols .pb-h4{margin-bottom:16px}.pb-page-section{padding-block:var(--pb-space-6)}.pb-section{display:flex;flex-direction:column}.pb-section__head{margin-bottom:var(--pb-space-5)}.pb-section__body{display:flex;flex-direction:column}.pb-section--tight .pb-section__head{margin-bottom:var(--pb-space-2)}.pb-section--theory .pb-section__head{margin-bottom:var(--pb-space-5)}.pb-section--spacious .pb-section__head{margin-bottom:var(--pb-space-7)}.pb-stack{display:flex;flex-direction:column}.pb-stack--xs{gap:var(--pb-space-1)}.pb-stack--sm{gap:var(--pb-space-2)}.pb-stack--base{gap:var(--pb-space-6)}.pb-stack--md{gap:var(--pb-theory-gap)}.pb-stack--lg{gap:var(--pb-space-6)}.pb-stack--xl{gap:var(--pb-space-7)}.pb-stack--2xl{gap:var(--pb-space-8)}}@layer app-base{@media (max-width:768px){.pb-stack--base{gap:var(--pb-space-4)}}}@layer app-base{.pb-mb-0{margin-bottom:0}.pb-mb-1{margin-bottom:var(--pb-space-1)}.pb-mb-2{margin-bottom:var(--pb-space-2)}.pb-mb-3{margin-bottom:var(--pb-space-3)}.pb-mb-6{margin-bottom:var(--pb-space-6)}.pb-mb-7{margin-bottom:var(--pb-space-7)}.pb-mb-8{margin-bottom:var(--pb-space-8)}.pb-mb-4{margin-bottom:var(--pb-space-4)}.pb-mb-5{margin-bottom:var(--pb-space-5)}.pb-mb-0_5{margin-bottom:2px}.pb-mt-1{margin-top:var(--pb-space-1)}.pb-mt-2{margin-top:var(--pb-space-2)}.pb-mt-3{margin-top:var(--pb-space-3)}.pb-mt-4{margin-top:var(--pb-space-4)}.pb-mt-5{margin-top:var(--pb-space-5)}.pb-mt-6{margin-top:var(--pb-space-6)}.pb-mt-7{margin-top:var(--pb-space-7)}.pb-mt-8{margin-top:var(--pb-space-8)}.pb-mt-0{margin-top:0}.pb-mt-theory{margin-top:var(--pb-theory-gap)}.pb-mb-theory{margin-bottom:var(--pb-theory-gap)}.pb-m-0{margin:0}.pb-flex-end{display:flex;justify-content:flex-end}.pb-align-self-end{align-self:flex-end}.pb-flex{display:flex}.pb-flex-center{display:flex}.pb-flex-center,.pb-items-center{align-items:center}.pb-flex-wrap{flex-wrap:wrap}.pb-pin-row{display:flex}.pb-pin-row--wrap{display:flex;flex-wrap:wrap}.pb-ml-auto{margin-left:auto}.pb-w-full{width:100%}.pb-flex-shrink-0{flex-shrink:0}.pb-pt-2{padding-top:var(--pb-space-2)}.pb-pt-3{padding-top:var(--pb-space-3)}.pb-pt-4{padding-top:var(--pb-space-4)}.pb-pt-6{padding-top:var(--pb-space-6)}.pb-pb-2{padding-bottom:var(--pb-space-2)}.pb-pb-4{padding-bottom:var(--pb-space-4)}.pb-mt-1_5{margin-top:6px}.pb-mb-1_5{margin-bottom:6px}.pb-mb-2_5{margin-bottom:10px}.pb-mb-5_5{margin-bottom:22px}.pb-ml-1{margin-left:var(--pb-space-1)}.pb-ml-2_5{margin-left:10px}.pb-ml-2{margin-left:var(--pb-space-2)}.pb-ml-3px{margin-left:3px}.pb-pre-line{white-space:pre-line}.pb-pre-wrap{white-space:pre-wrap}.pb-nowrap{white-space:nowrap}.pb-no-underline{text-decoration:none}.pb-pos-relative{position:relative}.pb-opacity-40{opacity:.4}.pb-opacity-50{opacity:.5}.pb-opacity-70{opacity:.7}.pb-hidden{display:none}.pb-row-wrap{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-row-wrap-tight{display:flex;flex-wrap:wrap;gap:6px}.pb-vis-hidden{visibility:hidden}.pb-no-pointer{pointer-events:none}.pb-no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}.pb-cursor-pointer{cursor:pointer}.pb-opacity-60{opacity:.6}.pb-display-block{display:block}.hub-page{display:flex;flex-direction:column;gap:42px}}@layer app-base{@media (min-width:769px){.hub-page--home{gap:var(--pb-space-9)}}}@layer app-base{.hub-section{gap:8px}.hub-section,.hub-section__header{display:flex;flex-direction:column}.hub-section__header{gap:0}.hub-section__header .pb-h2{margin-bottom:8px;line-height:1.3em}.hub-header,.hub-subsection{display:flex;flex-direction:column;gap:var(--pb-space-3)}.hub-header{margin-bottom:var(--pb-content-section-gap)}.hub-page>.hub-header{margin-bottom:0}[class*=space-y-]>.hub-header,[class*=space-y-]>.hub-header+*{margin-top:0}}@layer app-base{@media (max-width:640px){.hub-header{margin-bottom:var(--pb-space-6)}.hub-page>.hub-header{margin-bottom:0}}}@layer app-base{.hub-hero{display:flex;flex-direction:column;gap:var(--pb-space-4);padding:0 0 var(--pb-space-2)}.hub-page>.pb-breadcrumbs+.hub-hero{margin-top:calc(18px - var(--pb-content-section-gap))!important}.hub-page>.hub-header+.hub-quick-access{margin-top:calc(var(--pb-space-5) - var(--pb-content-section-gap))}.pb-page-header{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pb-space-3)}.pb-section-header__content{flex:1;min-width:0}.pb-section-header__actions{flex-shrink:0}.pb-section-divider{padding-top:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-meta-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2);align-items:center}.pb-ad-slot{margin:var(--pb-space-6) 0;width:100%;overflow:hidden}}@layer app-base{@media (max-width:768px){.pb-ad-slot{margin:var(--pb-space-5) 0}}}@layer app-base{@media (max-width:640px){.hub-page{gap:32px}.hub-hero{padding-top:0}}}@layer app-base{@media (max-width:480px){.hub-page{gap:var(--pb-space-7)}.hub-section{gap:8px}}}@layer app-base{}@layer app-base{@media (max-width:767px){.pb-daily-stack{gap:var(--pb-space-7)}.pb-page-theory-cols{row-gap:var(--pb-space-7)}.pb-cols-2{gap:var(--pb-space-7)}.pb-page-theory-cols>.pb-stack:nth-child(2){margin-top:24px}}}@layer app-base{*,: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(--pb-control-font-weight);cursor:pointer;background:transparent;border:none;padding:0}button,input,select,textarea{font-size:var(--pb-control-font-size);line-height:var(--pb-control-line-height)}::-moz-placeholder{opacity:.5}::placeholder{opacity:.5}html{font-optical-sizing:auto}body{margin:0;background:var(--pb-bg);color:var(--pb-text);font-family:var(--font-ibm-plex-sans,"IBM Plex Sans"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--pb-fs-body);line-height:var(--pb-lh-body);font-weight:var(--pb-fw-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:var(--pb-accent-soft);color:var(--pb-text)}::selection{background:var(--pb-accent-soft);color:var(--pb-text)}a{text-decoration:none}a,a:hover{color:inherit}}@layer app-base{@media (prefers-reduced-motion:reduce){*,:after,:before,html{scroll-behavior:auto!important}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer layout{.pb-app-shell{min-height:100dvh;background:var(--pb-bg);color:var(--pb-text);display:flex;flex-direction:column;overflow-x:clip}.pb-container{width:100%;max-width:var(--pb-container-max);margin-inline:auto;padding-inline:24px}}@layer layout{@media (max-width:768px){.pb-container{padding-inline:16px}}}@layer layout{.container{max-width:var(--pb-container-max);margin-inline:auto;padding-inline:24px}}@layer layout{@media (max-width:768px){.container{padding-inline:16px}}}@layer layout{.pb-main{padding-top:20px;padding-bottom:10px;flex:1}}@layer layout{@media (max-width:640px){.pb-app-shell{background:var(--pb-surface)}.pb-container{padding-inline:0}.pb-main{padding-top:0}}}@layer layout{.pb-ad-strip{width:100%}.pb-ad-strip-inner{max-width:var(--pb-container-max);margin-inline:auto;padding-inline:24px;padding-top:30px;padding-bottom:10px}}@layer layout{@media (max-width:768px){.pb-ad-strip-inner{padding-inline:16px}}}@layer layout{@media (max-width:640px){.pb-ad-strip-inner{padding-inline:var(--pb-page-padding-mobile)}}}@layer layout{.pb-ad-strip--bottom .pb-ad-strip-inner{padding-bottom:30px}.pb-ad-placeholder{min-height:90px;background:var(--pb-surface-muted);border:1px dashed var(--pb-border);border-radius:var(--pb-radius-sm);font-size:12px;color:var(--pb-text-tertiary)}.pb-ad-placeholder,.pb-ad-slot{display:flex;align-items:center;justify-content:center}.pb-ad-inline{margin-block:0;display:flex;justify-content:center}.pb-ad-inline__box{width:100%}}@layer layout{@media (max-width:640px){.pb-ad-inline--bottom .pb-ad-inline__box{width:320px;max-width:100%;min-height:300px}}}@layer layout{.pb-ad-300x600{width:300px;max-width:100%;height:600px;margin-inline:auto}}@layer layout{@media (max-width:640px){.pb-ad-300x600.pb-ad--mobile-square{height:300px}}}@layer layout{.pb-content-with-ads{flex:1;display:grid;grid-template-columns:minmax(0,1fr);width:100%}.pb-ad-rail{display:none}}@layer layout{@media (min-width:1720px){.pb-content-with-ads{grid-template-columns:300px minmax(0,1fr) 300px;gap:var(--pb-space-6);max-width:2008px;margin-inline:auto;align-items:start}.pb-ad-rail{display:block;position:sticky;top:var(--pb-space-6);width:300px}}}@layer layout{.pb-row{display:flex;align-items:center}.pb-row--wrap{flex-wrap:wrap}.pb-row--between{justify-content:space-between}.pb-row--center{justify-content:center}.pb-row--start{justify-content:flex-start}.pb-row--end{justify-content:flex-end}}@layer layout{@media (max-width:640px){.pb-row--mobile-stack{flex-direction:column;align-items:stretch}}}@layer layout{.pb-row--gap-sm{gap:var(--pb-space-2)}.pb-row--gap-md{gap:var(--pb-space-4)}.pb-row--gap-lg{gap:var(--pb-space-6)}.pb-grid{display:grid;gap:var(--pb-space-4)}.pb-grid--2{grid-template-columns:repeat(2,1fr)}.pb-grid--3{grid-template-columns:repeat(3,1fr)}.pb-grid--4{grid-template-columns:repeat(4,1fr)}.pb-grid--theory{grid-template-columns:1fr 1fr;gap:0 var(--pb-space-7);align-items:start}.pb-grid--tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pb-grid--tiles-sm{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@layer layout{@media (max-width:768px){.pb-grid--2,.pb-grid--3,.pb-grid--theory{grid-template-columns:1fr}}}@layer layout{@media (max-width:640px){.pb-grid--4{grid-template-columns:repeat(2,1fr)}.pb-grid--tiles-sm{grid-template-columns:1fr}}}@layer layout{@media (max-width:480px){.pb-grid--4{grid-template-columns:1fr}}}@layer layout{.pb-settings-grid{display:grid;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr))}.pb-col-12{grid-column:span 12}.pb-col-8{grid-column:span 8}.pb-col-6{grid-column:span 6}.pb-col-4{grid-column:span 4}.pb-col-3{grid-column:span 3}}@layer layout{@media (max-width:900px){.pb-col-3,.pb-col-4,.pb-col-6,.pb-col-8{grid-column:span 12}}}@layer layout{.pb-control-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pb-control-selects{display:none}}@layer layout{@media (max-width:768px){.pb-control-row--responsive{display:none}.pb-control-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-2)}.pb-control-selects>:only-child{grid-column:1/-1}}}@layer layout{.pb-switch-row{display:flex;align-items:center;gap:12px;min-height:44px}.pb-switch-row--split{justify-content:space-between}.pb-page-theory-cols{display:grid;gap:0 32px;align-items:start;grid-template-columns:minmax(0,1fr)}}@layer layout{@media (min-width:768px){.pb-page-theory-cols--2,.pb-page-theory-cols--cadence,.pb-page-theory-cols--chord,.pb-page-theory-cols--key,.pb-page-theory-cols--scale{grid-template-columns:1fr 1fr}}}@layer layout{@media (max-width:767px){.pb-interval-settings-grid{grid-template-columns:1fr!important}}}@layer layout{.cof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;width:100%}}@layer layout{@media (max-width:768px){.cof-grid{grid-template-columns:1fr}}}@layer layout{.pb-connections-cols{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}}@layer layout{@media (min-width:768px){.pb-connections-cols{grid-template-columns:1fr 1fr;gap:32px}}}@layer layout{.pb-mode-compare-cols{display:grid;grid-template-columns:1fr;gap:var(--pb-theory-gap)}}@layer layout{@media (min-width:640px){.pb-mode-compare-cols{grid-template-columns:1fr 1fr;align-items:start}}}@layer layout{.pb-usage-practice-cols{display:grid;grid-template-columns:1fr;gap:24px}}@layer layout{@media (min-width:768px){.pb-usage-practice-cols{grid-template-columns:1fr 1fr;gap:32px;align-items:start}}}@layer layout{.pb-tuning-two-col{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}}@layer layout{@media (min-width:768px){.pb-tuning-two-col{grid-template-columns:1fr 1fr}}}@layer layout{.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(--pb-content-section-gap)}}@layer layout{@media (max-width:640px){.finder-layout__results{gap:var(--pb-space-6)}}}@layer layout{.finder-layout__results .finder-layout__results{gap:var(--pb-space-4)}.pb-metronome-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}}@layer layout{@media (max-width:900px){.pb-metronome-layout{grid-template-columns:1fr}}}@layer layout{html[data-hide-ads="1"] .pb-ad-inline,html[data-hide-ads="1"] .pb-ad-rail,html[data-hide-ads="1"] .pb-ad-slot,html[data-hide-ads="1"] .pb-ad-strip{display:none!important}html[data-hide-ads="1"] .pb-content-with-ads{grid-template-columns:minmax(0,1fr)}.pb-metronome-layout--exercises{grid-template-columns:1fr 1fr}}@layer layout{@media (max-width:900px){.pb-metronome-layout--exercises{grid-template-columns:1fr}}}@layer layout{.pb-metronome-layout--rhythm{grid-template-columns:1fr;grid-template-rows:auto auto;align-items:stretch}.pb-metronome-layout--rhythm>.pb-metronome-stack,.pb-metronome-layout--rhythm>.pb-rvp-panel{min-height:0;overflow:visible}.pb-nav-surface{background:var(--pb-surface);border-bottom:1px solid var(--pb-divider)}.pb-nav-surface.is-open{box-shadow:0 6px 16px rgba(0,0,0,.12)}.pb-nav-dropdown{background:var(--pb-surface);border:1px solid var(--pb-border);box-shadow:var(--pb-shadow-2);border-radius:6px;min-width:180px}.pb-nav-desktop{display:none;grid-template-columns:auto 1fr auto;align-items:center;padding-inline:24px;height:var(--pb-header-height);gap:24px}}@layer layout{@media (min-width:768px){.pb-nav-desktop{display:grid}}}@layer layout{.pb-nav-center{align-self:stretch;justify-content:center;gap:0}.pb-nav-center,.pb-nav-center>*{display:flex;align-items:stretch}.pb-nav-center>*{text-decoration:none;position:relative}.pb-nav-center>.pb-nav-item{align-items:center}.pb-nav-actions{gap:4px}.pb-nav-actions,.pb-nav-item{display:flex;align-items:center}.pb-nav-item{height:100%;padding-inline:14px;font-size:14px;font-weight:500;color:var(--pb-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}.pb-nav-item:hover{background:var(--pb-surface-muted)}.pb-nav-item.is-active{background:var(--pb-accent);color:#fff;font-weight:600}.dark .pb-nav-item:hover{background:rgba(255,255,255,.07)}.dark .pb-nav-item.is-active{background:var(--pb-accent);color:#fff;font-weight:600}.pb-mobile-section-header--active{color:#000;font-weight:600}.dark .pb-mobile-section-header--active{color:var(--pb-accent)}.pb-drop-link{display:block;padding:8px 16px;font-size:14px;line-height:1.5;font-weight:400;color:var(--pb-text);text-decoration:none;transition:background .15s,color .15s}.pb-drop-link:hover{background:var(--pb-surface-muted);color:#000}.pb-drop-link.is-active{background:var(--pb-accent-soft);color:#000;font-weight:400}.dark .pb-drop-link:hover{color:var(--pb-accent)}.dark .pb-drop-link.is-active{background:var(--pb-accent-soft);color:var(--pb-accent)}.pb-drop-link--flame{display:grid;grid-template-columns:20% 1fr;align-items:start}.pb-drop-flame{color:#ff0000;justify-self:start;margin-top:3px}.pb-nav-mobile-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:var(--pb-page-padding-mobile);max-width:var(--pb-container-max);margin-inline:auto;height:56px}.pb-nav-mobile-bar>:first-child{justify-self:start}.pb-nav-mobile-bar>.pb-nav-mobile-actions{justify-self:end}}@layer layout{@media (min-width:768px){.pb-nav-mobile-bar{display:none}}}@layer layout{.pb-nav-drawer{display:flex;flex-direction:column;padding-bottom:16px;padding-inline:12px;max-width:var(--pb-container-max);margin-inline:auto;border-top:1px solid var(--pb-divider)}}@layer layout{@media (min-width:768px){.pb-nav-drawer{display:none}}}@layer layout{.pb-nav-drawer-list{display:flex;flex-direction:column;padding-bottom:4px}.pb-nav-sub-row{display:flex;align-items:stretch}.pb-nav-sub-link{flex:1;min-width:0}.pb-nav-sub-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;background:none;border:none;border-radius:6px;color:var(--pb-text-secondary);cursor:pointer}.pb-nav-sub-toggle:hover{background:var(--pb-surface-muted)}.pb-nav-drawer-sublist{display:flex;flex-direction:column}.pb-nav-sub-instrument{padding-left:32px;color:var(--pb-text-secondary)}.pb-nav-drawer-bottom{display:flex;align-items:center;gap:8px;padding-top:12px;margin-top:8px;border-top:1px solid var(--pb-divider)}.pb-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(--pb-text)}.pb-nav-accordion-btn:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pb-prefooter{width:100%;background:var(--pb-surface);border-top:1px solid var(--pb-divider);padding-block:var(--pb-space-9) var(--pb-space-8)}.pb-prefooter__inner{max-width:var(--pb-container-max);margin-inline:auto;padding-inline:24px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pb-space-8)}.pb-prefooter__heading{margin-bottom:var(--pb-space-4);color:var(--pb-text)}.pb-prefooter__group{margin-top:var(--pb-space-5)}.pb-prefooter__group:first-child{margin-top:0}.pb-prefooter__subheading{text-transform:uppercase;letter-spacing:.05em;color:var(--pb-text-secondary);margin-bottom:var(--pb-space-3)}.pb-prefooter__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-prefooter__link{color:var(--pb-text-secondary);text-decoration:none;font-size:14px;line-height:1.5;transition:color .15s}.pb-prefooter__link:hover{color:var(--pb-text)}.pb-prefooter__link:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px;border-radius:2px}.pb-prefooter__actions{display:flex;gap:var(--pb-space-3);margin-top:var(--pb-space-3);flex-wrap:wrap}.pb-prefooter__actions .g-button{gap:var(--pb-space-2)}}@layer layout{@media (max-width:1023px){.pb-prefooter__inner{grid-template-columns:repeat(2,1fr);gap:var(--pb-space-7) var(--pb-space-6)}}}@layer layout{@media (max-width:639px){.pb-prefooter{padding-block:var(--pb-space-7) var(--pb-space-6)}.pb-prefooter__inner{grid-template-columns:1fr;gap:var(--pb-space-7);padding-inline:var(--pb-page-padding-mobile)}}}@layer layout{.pb-footer-surface{margin-top:24px;width:100%;background:var(--pb-surface);border-top:1px solid var(--pb-divider);overflow-x:clip}.pb-prefooter+.pb-footer-surface{margin-top:0}.pb-footer-surface footer{background:transparent!important;max-width:var(--pb-container-max);margin-inline:auto;box-sizing:border-box;padding-inline:24px;padding-block:24px}.pb-diagram-export-layout{display:flex;align-items:flex-start;gap:12px;width:100%}.pb-diagram-export-layout__diagram{flex:1 1 0;min-width:0}.pb-diagram-export-layout__sidebar{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding-top:2px;min-width:78px;max-width:140px}.pb-action-group-label{font-size:10px;line-height:1.3;letter-spacing:.07em;font-weight:600;text-transform:uppercase;color:var(--pb-text-secondary);margin:24px 0 2px;white-space:normal;word-break:break-word}.pb-action-group-label:first-child{margin-top:0}.pb-diagram-export-layout__sidebar .g-button{width:100%;justify-content:center;font-weight:400}.pb-diagram-export-note{font-size:10px;line-height:1.3;color:var(--pb-text-secondary);margin-top:4px}}@layer layout{@media (max-width:767px){.pb-diagram-export-layout{flex-direction:column;gap:8px}.pb-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}.pb-diagram-export-layout__sidebar::-webkit-scrollbar{display:none}.pb-diagram-export-layout__sidebar .g-button{width:auto;flex-shrink:0;white-space:nowrap}.pb-diagram-export-note{flex-shrink:0;align-self:center}}}@layer layout{.pb-chord-top{display:grid;grid-template-columns:8fr 2fr;gap:20px;align-items:start;width:100%}.pb-chord-top__main{gap:var(--pb-space-3)}.pb-chord-top__aside,.pb-chord-top__main{min-width:0;display:flex;flex-direction:column}.pb-chord-top__aside{gap:4px;padding-top:2px}.pb-chord-top__aside .g-button{width:100%;justify-content:center;font-weight:400}}@layer layout{@media (max-width:900px){.pb-chord-top{grid-template-columns:1fr;gap:12px}}}@layer layout{@media (max-width:768px){.diagram-editor-grid{grid-template-columns:1fr!important}}}@layer layout{.pb-nav-accordion-arrow{flex-shrink:0;color:var(--pb-text-secondary);transition:transform .2s ease}.pb-nav-accordion-arrow.is-expanded{transform:rotate(180deg)}.pb-nav-locale-content{display:inline-flex;align-items:center;gap:6px}.pb-nav-locale-flag{border-radius:3px;flex-shrink:0;font-size:16px;line-height:1}.pb-nav-mobile-actions{display:flex;align-items:center;gap:4px}.pb-theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:0 6px}.pb-nav-group{position:relative;display:flex;align-items:stretch}.pb-nav-drop{position:absolute;top:100%;left:0;z-index:50;display:none}.pb-nav-group:focus-within>.pb-nav-drop,.pb-nav-group:hover>.pb-nav-drop{display:block}.pb-nav-dropdown{padding-block:4px;display:flex;flex-direction:column}.pb-footer__row{display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-4)}.pb-footer__copy{margin:0;color:var(--pb-text-tertiary);font-size:13px}.pb-footer__menu{display:flex;align-items:center;gap:var(--pb-space-5);flex-wrap:wrap}.pb-footer__link{color:var(--pb-text-secondary);font-size:14px;text-decoration:none}.pb-footer__link:hover{color:var(--pb-text)}}@layer layout{@media (max-width:640px){.pb-footer__row{flex-direction:column;align-items:stretch;gap:var(--pb-space-4)}.pb-footer__copy{width:100%;text-align:center}.pb-footer__menu{flex-direction:column;align-items:center;width:100%;gap:var(--pb-space-3)}.pb-footer__link{width:100%;text-align:center}}}@layer layout{.pb-chord-top{display:grid;grid-template-columns:8fr 2fr;gap:20px;align-items:start;width:100%}.pb-chord-top__aside,.pb-chord-top__main{min-width:0;display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-chord-top__aside{padding-top:2px}}@layer layout{@media (max-width:900px){.pb-chord-top{grid-template-columns:1fr;gap:12px}}}@layer layout{.pb-cols-2{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}}@layer layout{@media (min-width:768px){.pb-cols-2{grid-template-columns:1fr 1fr;gap:32px}}}@layer layout{.pb-action-group-label{font-size:11px;line-height:1.3;letter-spacing:.07em;font-weight:500;text-transform:uppercase;color:var(--pb-text-secondary);margin:24px 0 2px;white-space:normal;word-break:break-word}.pb-action-group-label:first-child{margin-top:0}.pb-action-group-label:has(+.pb-chord-export-grid){margin-top:18px}.pb-notfound{max-width:560px;margin:clamp(32px,8vw,96px) auto;padding:0 var(--pb-space-4);text-align:center}.pb-notfound__code{font-size:clamp(64px,16vw,120px);font-weight:800;line-height:1;color:var(--pb-accent);margin:0}.pb-notfound__title{font-size:clamp(22px,4vw,28px);font-weight:700;margin:var(--pb-space-3) 0 0}.pb-notfound__text{color:var(--pb-text-secondary);margin:var(--pb-space-3) auto 0;max-width:44ch}.pb-notfound__actions{display:flex;flex-wrap:wrap;gap:var(--pb-space-3);justify-content:center;margin-top:var(--pb-space-6)}.pb-notfound__btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:var(--pb-radius,8px);border:1px solid var(--pb-border);text-decoration:none;color:var(--pb-text);font-weight:500;transition:border-color .15s,background .15s}.pb-notfound__btn:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-notfound__btn--primary{background:var(--pb-accent);border-color:var(--pb-accent);color:#fff}.pb-notfound__btn--primary:hover{background:var(--pb-accent);filter:brightness(1.05);color:#fff}.pb-breadcrumbs{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:var(--pb-space-1);margin-bottom:24px;font-size:var(--pb-fs-caption);line-height:var(--pb-lh-caption);color:var(--pb-text-secondary)}.pb-breadcrumbs>span{display:inline-flex;align-items:baseline;min-width:0}.pb-breadcrumb-current,.pb-breadcrumb-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-breadcrumb-link{color:inherit;text-decoration:none;transition:color .15s}.pb-breadcrumb-link:hover{color:var(--pb-accent)}.pb-breadcrumb-current{color:var(--pb-text);font-weight:var(--pb-fw-label)}.pb-breadcrumb-sep{margin-inline:var(--pb-space-2);opacity:.5;vertical-align:baseline}.pb-breadcrumbs+*{margin-top:0!important}}@layer layout{}@layer layout{@media (max-width:640px){.pb-breadcrumbs+*{margin-top:4px!important}}}@layer layout{.pb-list{margin:0;padding-left:var(--pb-space-5);line-height:var(--pb-lh-body)}.pb-list--disc{list-style:disc}.pb-list--decimal{list-style:decimal}.pb-list--none{list-style:none;padding-left:0}.pb-list--compact>li+li{margin-top:var(--pb-space-1)}.pb-list--spacious>li+li{margin-top:var(--pb-space-3)}.pb-list--gap-4>li+li{margin-top:var(--pb-space-1)}.pb-list--gap-8>li+li{margin-top:var(--pb-space-2)}.pb-list--gap-12>li+li{margin-top:var(--pb-space-3)}.pb-list--gap-6>li+li{margin-top:var(--pb-space-2)}.pb-list--gap-10>li+li{margin-top:var(--pb-space-3)}.pb-dl-grid{gap:var(--pb-space-3);margin:0}.pb-dl-grid,.pb-theory-item{display:flex;flex-direction:column}.pb-theory-item{gap:var(--pb-space-1)}}@layer layout{.pb-theory-item:has(.pb-chord-card),.pb-theory-item:has(.pb-formula-stepper),.pb-theory-item:has(.pb-link-card),.pb-theory-item:has(.pb-note-list),.pb-theory-item:has(.pb-resolution-stepper),.pb-theory-item:not(:has(.pb-theory-item__value)){gap:10px}.dt-label,.pb-theory-item__label{font-size:var(--pb-fs-caption);line-height:var(--pb-lh-caption);letter-spacing:.05em;font-weight:var(--pb-fw-h3);text-transform:uppercase;color:var(--pb-text-secondary)}.dt-term,.pb-dl-term__dt{font-weight:var(--pb-fw-h2)}.dt-term,.pb-dl-term__dt,.pb-theory-item__value{font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary);color:var(--pb-text)}.pb-theory-value--name{font-weight:500}.pb-dl-term__dd{font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary);margin:0}.pb-dl-term__dd,.pb-paren-secondary{color:var(--pb-text-secondary)}.pb-theory-grid{display:grid;gap:var(--pb-theory-gap);grid-template-columns:1fr;padding-block:var(--pb-space-3)}.pb-page-theory-cols .pb-theory-grid{padding-block:0}.pb-dl-term{display:flex;flex-direction:column;gap:var(--pb-space-1)}}@layer ui{.pb-icon-btn .g-button__text{display:inline-flex;align-items:center;gap:var(--pb-space-2)}.pb-btn-cta .g-button__text{display:inline-flex;align-items:center;gap:var(--pb-space-1)}.pb-chord-neck-controls-inner .g-button__text,.pb-neckmap-pill,.pb-pin-row .g-button__text,.pb-variant-card__label{font-size:13px}.pb-guitar-cta-banner{width:100%}.pb-guitar-cta.pb-guitar-cta{width:100%;color:#1a1a1a;--g-button-text-color:#1a1a1a;--g-button-text-color-hover:#1a1a1a;--g-button-border-color:#FFBE5C;--g-button-border-color-hover:color-mix(in srgb,#FFBE5C 85%,#000);--g-button-background-color:#FFBE5C;--g-button-background-color-hover:color-mix(in srgb,#FFBE5C 85%,#000)}.pb-guitar-cta.pb-guitar-cta .g-button__text{display:inline-flex;align-items:center;gap:var(--pb-space-2)}.pb-btn{min-height:44px;border-radius:var(--pb-control-radius);font-size:var(--pb-control-font-size);line-height:var(--pb-control-line-height);font-weight:600;padding-inline:var(--pb-control-padding-x-md);padding-block:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--pb-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}.pb-btn--sm{min-height:36px;padding-inline:var(--pb-control-padding-x-sm);font-size:13px}.pb-btn--lg{min-height:48px;padding-inline:var(--pb-control-padding-x-lg)}.pb-btn--primary{background:var(--pb-accent);color:#fff;border-color:var(--pb-accent)}.pb-btn--primary:hover{background:var(--pb-accent-hover);border-color:var(--pb-accent-hover);color:#fff}.pb-btn--secondary{background:var(--pb-surface);border-color:var(--pb-border);color:var(--pb-text);font-weight:400}.pb-btn--secondary:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent);color:var(--pb-text)}.pb-btn--ghost{background:transparent;border-color:transparent}.pb-btn--ghost:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent);color:var(--pb-text)}.pb-btn--soft{background:var(--pb-accent-soft);color:#000;border-color:transparent}.dark .pb-btn--soft{color:var(--pb-accent)}.pb-btn--danger{background:var(--pb-danger);color:#fff;border-color:var(--pb-danger)}.pb-btn--icon{padding-inline:0;min-width:44px}.pb-btn--icon.pb-btn--sm{min-width:36px}.pb-btn--pill{border-radius:var(--pb-radius-pill)}.pb-btn--full{width:100%}.pb-btn__icon{flex-shrink:0}.pb-btn-ghost,.pb-btn__icon,.pb-btn__label{display:inline-flex;align-items:center}.pb-btn-ghost{justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:transparent;color:var(--pb-text);font-size:13px;font-weight:400;cursor:pointer;line-height:1;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.pb-btn-ghost:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent);color:var(--pb-text)}.pb-fav-btn.g-button{align-items:center}.pb-fav-btn.g-button .g-button__icon{align-self:center;top:auto;bottom:auto}.pb-favorite-btn.g-button{height:32px!important;color:rgb(50,186,118)!important}.pb-favorite-btn.g-button:before{border-color:rgb(50,186,118)!important}.pb-favorite-btn.g-button:hover:not(:disabled){color:rgb(50,186,118)!important}.pb-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}.pb-favorite-btn.is-fav.g-button{color:rgb(50,186,118)!important}.pb-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}.pb-favorite-btn.is-fav.g-button:hover:not(:disabled){color:#32ba76!important}.pb-favorite-btn.is-fav.g-button:hover:not(:disabled):before{border-color:#32ba76!important;background-color:color-mix(in srgb,#32ba76 8%,transparent)!important}.pb-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}.pb-share-btn svg{width:14px;height:14px;display:block}.pb-share-btn:hover{filter:brightness(.88);color:#fff}.pb-share-btn--tg{background:#0088cc}.pb-share-btn--vk{background:#2787f5}.pb-share-btn--ok{background:#ff7700}.pb-share-btn--x{background:#000000}.pb-share-btn--fb{background:#1877f2}.pb-share-btn--rd{background:#ff4500}.pb-share-row{flex-direction:column}.pb-share-bar,.pb-share-row,.pb-share-row__buttons{display:flex;gap:8px}.pb-share-bar{flex-wrap:nowrap;align-items:center}.pb-share-native-content{display:inline-flex;align-items:center;gap:6px}.pb-share-native-content--nowrap{white-space:nowrap}.pb-share-btn--wide{width:100%;height:40px;gap:8px;font-size:13px;font-weight:400;border-radius:10px}.pb-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(--pb-border);background:var(--pb-surface);color:inherit;transition:background .15s,border-color .15s,color .15s}.pb-action-btn:hover:not(:disabled){background:color-mix(in srgb,var(--pb-accent) 8%,transparent);border-color:var(--pb-accent);color:var(--pb-text)}.pb-action-btn:disabled{opacity:.5;cursor:not-allowed}.pb-action-btn--accent{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:#000;font-weight:600}.dark .pb-action-btn--accent{color:var(--pb-accent)}.pb-action-btn--accent:hover:not(:disabled){background:var(--pb-accent-soft);border-color:var(--pb-accent)}.pb-show-more-btn{display:inline-block;margin-top:12px;padding:8px 0;background:none;border:none;color:var(--pb-accent);font-size:14px;font-weight:600;cursor:pointer}.pb-show-more-btn:hover{text-decoration:underline}.pb-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}.pb-play-btn--outlined{border:1px solid var(--pb-divider);background:transparent;color:var(--pb-text-primary);transition:border-color .15s,background .15s}.pb-play-btn--outlined:hover:not(:disabled){border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-play-btn--normal{border:none;background:var(--pb-accent);color:var(--pb-text-primary);transition:background .15s}.pb-play-btn--normal:hover:not(:disabled){background:var(--pb-accent-hover)}.pb-play-btn__icon{display:inline-flex;align-items:center;justify-content:center;min-width:14px;line-height:1}.pb-play-btn--s{font-size:clamp(10px,1.2vw + 6px,12px);padding:clamp(3px,.5vw,4px) clamp(7px,1vw + 3px,10px)}.pb-play-btn--m{font-size:clamp(11px,1.3vw + 6px,13px);padding:clamp(4px,.6vw,6px) clamp(9px,1.2vw + 4px,14px)}.pb-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}.pb-play-btn--s .pb-play-btn__icon{font-size:clamp(11px,1.3vw + 6px,13px)}.pb-play-btn--m .pb-play-btn__icon{font-size:clamp(12px,1.4vw + 6px,14px)}.pb-play-btn--l .pb-play-btn__icon{font-size:clamp(12px,1.5vw + 6px,15px)}}@layer ui{@media (max-width:640px){.pb-play-btn--l{font-size:15px;min-height:42px;padding:7px 16px}.pb-play-btn--l .pb-play-btn__icon{font-size:16px}}}@layer ui{.pb-piano-cta.pb-piano-cta{width:100%;color:var(--pb-text);--g-button-text-color:var(--pb-text);--g-button-text-color-hover:rgb(143,82,204);--g-button-border-color:rgb(143,82,204);--g-button-border-color-hover:rgb(143,82,204);--g-button-background-color:transparent;--g-button-background-color-hover:color-mix(in srgb,rgb(143,82,204) 8%,transparent)}.pb-piano-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;opacity:.75}.pb-piano-link:hover{opacity:1}.pb-compare-btn{min-width:160px}.pb-compare-btn .g-button{height:32px!important}.pb-compare-btn__content{display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%}.pb-compare-btn__label{white-space:nowrap}.pb-action-btn:focus-visible,.pb-btn:focus-visible,.pb-control-card:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}}@layer ui{.pb-chip-row{display:flex;flex-wrap:wrap}.pb-chip,.pb-chip-row{gap:8px;align-items:center}.pb-chip{display:inline-flex;justify-content:center;height:36px;padding-inline:var(--pb-control-padding-x-sm);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:transparent;color:var(--pb-text);font-size:13px;line-height:var(--pb-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}.pb-chip.is-active{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:#000;font-weight:600}.dark .pb-chip.is-active{color:var(--pb-accent)}.pb-chip:hover:not(:disabled){border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent);color:var(--pb-text)}.pb-chip:active:not(:disabled){background:var(--pb-accent);border-color:var(--pb-accent);color:var(--pb-text)}.pb-chip:disabled{opacity:.5;cursor:default}.pb-chip.is-correct{background:#dcfce7;border-color:#22c55e;color:#166534;font-weight:600}.pb-chip.is-wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b;font-weight:600}.pb-chip--accent{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:var(--pb-text)}.pb-chip--muted{background:var(--pb-surface-muted);color:var(--pb-text-secondary);border-color:var(--pb-border)}.pb-chip--success{border-color:var(--pb-success);background:color-mix(in srgb,var(--pb-success) 12%,transparent);color:var(--pb-success)}.pb-chip--warning{border-color:var(--pb-warning);background:color-mix(in srgb,var(--pb-warning) 12%,transparent);color:var(--pb-warning)}.pb-chip--danger{border-color:var(--pb-danger);background:color-mix(in srgb,var(--pb-danger) 12%,transparent);color:var(--pb-danger)}.pb-chip--square{min-width:36px}.pb-hscroll-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}}@layer ui{@media (max-width:767px){.pb-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}.pb-hscroll-row::-webkit-scrollbar{display:none}.pb-hscroll-row>*{flex-shrink:0;scroll-snap-align:start}}}@layer ui{.pb-tabs{display:flex;flex-wrap:wrap;gap:8px}.pb-tabs__item{display:inline-flex;align-items:center;justify-content:center;height:36px;padding-inline:14px;border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface);font-size:14px;font-weight:500;color:var(--pb-text);cursor:pointer;transition:border-color .15s,background .15s,color .15s;text-decoration:none;white-space:nowrap;box-sizing:border-box}.pb-tabs__item:hover:not(.is-active){border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent);color:var(--pb-text)}.pb-tabs__item.is-active{border-color:var(--pb-accent);background:var(--pb-accent-soft);font-weight:600;color:var(--pb-accent-contrast)}.dark .pb-tabs__item.is-active{color:var(--pb-accent)}.pb-tab-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--pb-border);background:transparent;color:var(--pb-text);font-size:14px;font-weight:400;cursor:pointer;transition:border-color .15s,background .15s}.pb-tab-btn--active{font-weight:600}.pb-tab-btn--active,.pb-tab-btn:hover:not(:disabled),a:hover .pb-tab-btn{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-root-tab,.pb-tab-btn:hover:not(:disabled),a:hover .pb-tab-btn{color:var(--pb-text)}.pb-root-tab{padding:4px 12px;border-radius:6px;border:1px solid var(--pb-border);background:transparent;font-size:14px;font-weight:400;cursor:pointer;min-width:36px;text-align:center;transition:border-color .15s,background .15s}.pb-root-tab--active{font-weight:600}.pb-root-tab--active,a:hover .pb-root-tab{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}a:hover .pb-root-tab{color:var(--pb-text)}.pb-mode-btn{padding:5px 14px;border-radius:6px;font-size:13px;font-weight:400;border:1px solid var(--pb-border);background:var(--pb-surface);color:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pb-mode-btn--active,.pb-mode-btn.is-active{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:#000;font-weight:500}.dark .pb-mode-btn--active,.dark .pb-mode-btn.is-active{color:var(--pb-accent)}.pb-mode-btn:hover:not(.is-active):not(.pb-mode-btn--active):not(:disabled){background:color-mix(in srgb,var(--pb-accent) 8%,transparent);border-color:var(--pb-accent);color:var(--pb-text)}.pb-mode-btn:disabled{opacity:.35;cursor:default}.pb-mode-btn--sm{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:400;border:1px solid var(--pb-border);background:var(--pb-surface);color:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pb-mode-btn--sm.is-active{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:#000;font-weight:500}.dark .pb-mode-btn--sm.is-active{color:var(--pb-accent)}.pb-mode-btn--sm:hover:not(.is-active){background:color-mix(in srgb,var(--pb-accent) 8%,transparent);border-color:var(--pb-accent);color:var(--pb-text)}.pb-mode-group{display:flex;gap:2px;background:var(--pb-surface-muted);border-radius:8px;padding:2px;border:1px solid var(--pb-border)}.pb-layer-btn{padding:5px 12px;border-radius:6px;font-size:13px;font-weight:400;border:1px solid var(--pb-border);background:var(--pb-surface);color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s,border-color .15s,color .15s}.pb-layer-btn.is-active{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:#000;font-weight:500}.dark .pb-layer-btn.is-active{color:var(--pb-accent)}.pb-layer-btn:hover:not(.is-active){background:color-mix(in srgb,var(--pb-accent) 8%,transparent);border-color:var(--pb-accent);color:var(--pb-text)}.pb-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;width:100%;padding:8px;background:var(--pb-surface-muted);border:1px solid var(--pb-border);border-radius:16px}.pb-segmented__item{min-height:44px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--pb-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}.pb-segmented__item.is-active{background:var(--pb-surface);border-color:var(--pb-border);box-shadow:var(--pb-shadow-1)}.pb-input{display:block;width:100%;min-height:44px;padding-inline:var(--pb-control-padding-x-md);padding-block:0;border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface-muted);font-size:var(--pb-control-font-size);line-height:var(--pb-control-line-height);color:inherit;box-sizing:border-box;transition:border-color .15s}.pb-input:focus{outline:none;border-color:var(--pb-accent)}.pb-textarea{display:block;width:100%;padding:10px var(--pb-control-padding-x-md);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface-muted);font-size:var(--pb-control-font-size);line-height:1.6;color:inherit;resize:vertical;box-sizing:border-box;transition:border-color .15s}.pb-textarea:focus{outline:none;border-color:var(--pb-accent)}.pb-select{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--pb-control-padding-x-md);padding-block:0;border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface-muted);font-size:var(--pb-control-font-size);line-height:var(--pb-control-line-height);color:inherit;cursor:pointer;box-sizing:border-box;transition:border-color .15s}.pb-select:focus{outline:none;border-color:var(--pb-accent)}.pb-range{width:100%;cursor:pointer;accent-color:var(--pb-accent)}.pb-field{display:flex;flex-direction:column;gap:8px}.pb-field__label{font-size:14px;line-height:20px;font-weight:500;color:var(--pb-text)}.pb-field__hint{font-size:13px;line-height:20px;color:var(--pb-text-secondary)}.pb-field__value{font-size:14px;line-height:20px;font-weight:600;color:var(--pb-text);font-variant-numeric:tabular-nums}.pb-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;line-height:16px}.pb-badge--soft{background:var(--pb-accent-soft);color:#000}.dark .pb-badge--soft{color:var(--pb-accent)}.pb-chip:focus-visible,.pb-input:focus-visible,.pb-layer-btn:focus-visible,.pb-link:focus-visible,.pb-mode-btn--sm:focus-visible,.pb-mode-btn:focus-visible,.pb-pos-thumb:focus-visible,.pb-segmented__item:focus-visible,.pb-select:focus-visible,.pb-tab-card:focus-visible,.pb-tabs__item:focus-visible,.pb-textarea:focus-visible{outline:2px solid var(--pb-focus-ring);outline-offset:2px}}@layer ui{.pb-card{background:var(--pb-surface);box-shadow:none}.pb-card,.pb-soft-block{border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg)}.pb-soft-block{background:var(--pb-surface-muted)}.pb-soft-block.hub-section{padding:var(--pb-space-4)}.pb-card--padded{padding:var(--pb-space-5);display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-card--interactive{transition:border-color .15s,background .15s,box-shadow .15s;cursor:pointer}.pb-card--interactive:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-card--compact{padding:var(--pb-space-3)}.pb-card--centered{text-align:center;align-items:center}.pb-card--theory{padding:var(--pb-space-4);gap:var(--pb-space-2)}.pb-card--chiplike{display:inline-flex;align-items:center;padding:var(--pb-space-1) var(--pb-space-3);border-radius:var(--pb-radius-xs);font-size:var(--pb-fs-caption);font-weight:var(--pb-fw-label)}.pb-control-card{background:var(--pb-surface);border:1px solid var(--pb-border);transition:background-color .15s,border-color .15s,color .15s}.pb-control-card:hover{background:color-mix(in srgb,var(--pb-accent) 8%,transparent);border-color:var(--pb-accent)}.pb-section--card{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);padding:var(--pb-space-5)}.pb-page-card{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-xl);box-shadow:var(--pb-shadow-1);padding:var(--pb-page-padding-desktop)}}@layer ui{@media (max-width:1024px){.pb-page-card{padding:var(--pb-page-padding-tablet)}}}@layer ui{@media (max-width:640px){.pb-page-card{padding:var(--pb-space-3) var(--pb-page-padding-mobile);border-radius:0;border:none;box-shadow:none}}}@layer ui{.surface-card{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-xl);box-shadow:var(--pb-shadow-1);padding:var(--pb-page-padding-desktop)}}@layer ui{@media (max-width:1024px){.surface-card{padding:var(--pb-page-padding-tablet)}}}@layer ui{@media (max-width:640px){.surface-card{padding:var(--pb-space-3) 0;border-radius:0;border:none;box-shadow:none}}}@layer ui{.pb-tiles{display:grid;gap:var(--pb-space-4)}.pb-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pb-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}}@layer ui{@media (max-width:1024px){.pb-tiles--3,.pb-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer ui{@media (max-width:640px){.pb-tiles--2,.pb-tiles--3,.pb-tiles--4{grid-template-columns:1fr}}}@layer ui{@media (max-width:480px){.pb-card--padded,.pb-section--card{padding:var(--pb-space-3)}}}@layer ui{.pb-tile{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);padding:var(--pb-space-5);min-height:132px;display:flex;flex-direction:column;gap:var(--pb-space-3);transition:border-color .2s ease,background .2s ease}.pb-tile:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-tile--static:hover{border-color:var(--pb-border);transform:none;cursor:default}.pb-tile--full-height{height:100%}.pb-tile--compact{padding:6px 12px;min-height:0}.pb-tile--row{flex-direction:row;align-items:center}.pb-tile--center{align-items:center;justify-content:center;text-align:center}.pb-tile--no-hover:hover{border-color:var(--pb-border);background:var(--pb-surface);cursor:default}.pb-tile--flat:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent);transform:none}}@layer ui{@media (max-width:480px){.pb-tile{padding:var(--pb-space-4);min-height:100px}}}@layer ui{.pb-chord-tile-link .pb-tile{gap:var(--pb-space-2)}.pb-chord-tile-link .pb-h4{margin-bottom:0}.pb-scale-dna-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pb-scale-dna-item{display:flex;flex-direction:column;align-items:center;gap:2px}.pb-scale-dna-note{font-size:10px;color:var(--pb-text-secondary);line-height:1}.pb-scale-card-title{margin-bottom:0}.pb-scale-card-summary{font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary);margin-top:0}.pb-scale-dna-row+.pb-stack--xs{gap:var(--pb-space-2);margin-top:12px}.pb-panel{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md)}.pb-panel--muted{background:var(--pb-surface-muted)}.pb-panel--interactive{transition:border-color .15s,background .15s,box-shadow .15s;cursor:pointer}.pb-panel--interactive:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-panel--accent{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-panel--warning{border-color:var(--pb-warning);background:color-mix(in srgb,var(--pb-warning) 8%,transparent)}.pb-panel--info{border-color:var(--g-color-line-info);background:var(--g-color-base-info-light)}.pb-panel--info .pb-callout__icon{color:var(--g-color-text-info)}.pb-panel--padded-sm{padding:var(--pb-space-3)}.pb-panel--padded-md{padding:var(--pb-space-4)}.pb-panel--padded-lg{padding:var(--pb-space-6)}.pb-callout{display:flex;align-items:flex-start;gap:var(--pb-space-3)}.pb-callout__icon{flex-shrink:0;margin-top:2px;color:var(--pb-accent)}.pb-callout__body{display:flex;flex-direction:column;gap:var(--pb-space-1);flex-grow:1;min-width:0}.pb-callout__title{font-weight:600;font-size:15px;line-height:1.35}.pb-link-card{display:flex;flex-direction:column;gap:var(--pb-space-1);padding:var(--pb-space-3);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.pb-link-card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-link-card:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pb-link-card__title{font-weight:600;font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-caption)}.pb-link-card__sub{font-size:var(--pb-fs-caption);color:var(--pb-text-secondary);line-height:var(--pb-lh-caption)}.pb-link-card--flush{padding:14px 16px;border-radius:var(--pb-radius-xs)}.pb-link-card--flush .pb-link-card__title{font-size:15px}.pb-link-card--inline{display:inline-flex}.pb-link-card-list{display:flex;flex-direction:column;gap:10px}.pb-faq-panel{border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);background:var(--pb-surface);padding:var(--pb-space-4) var(--pb-space-6)}.pb-faq-panel__header{margin-bottom:var(--pb-space-3)}.pb-faq-panel__title{margin:0;font-size:16px;font-weight:600;color:var(--pb-text)}.pb-faq-list{display:flex;flex-direction:column}.pb-faq-item{border-top:1px solid var(--pb-divider)}.pb-faq-item:last-child{border-bottom:1px solid var(--pb-divider)}.pb-faq-item__question{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-3);width:100%;padding:var(--pb-space-3) 0;cursor:pointer;color:var(--pb-text)}.pb-faq-item__q-text{font-weight:500;color:inherit}.pb-faq-item__question:hover{color:var(--pb-accent)}.pb-faq-item__icon{flex-shrink:0;color:var(--pb-text-tertiary);transition:transform .2s ease}.pb-faq-item__question[aria-expanded=true] .pb-faq-item__icon{transform:rotate(180deg)}.pb-faq-item__answer{padding:0 0 var(--pb-space-4);color:var(--pb-text-secondary);line-height:1.6}.pb-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:12px;background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--pb-space-4)}.space-y-4>.grid-tiles{margin-top:var(--pb-space-4)!important}.pb-cta-btn{display:inline-flex;align-items:center;gap:var(--pb-space-2);padding:var(--pb-space-4) var(--pb-space-7);border-radius:var(--pb-radius-sm);font-weight:500;font-size:var(--pb-fs-secondary);white-space:nowrap;transition:background .15s,color .15s,filter .15s}.pb-cta-btn,.pb-cta-btn:hover{background:var(--pb-accent);color:var(--pb-accent-contrast);text-decoration:none}.pb-cta-btn:hover{filter:brightness(1.1)}.pb-guitar-cta-card{padding:var(--pb-space-5) var(--pb-space-6);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#FFBE5C 30%,transparent) 0,var(--pb-surface-muted) 100%);border:1px solid color-mix(in srgb,#ffbe5c 55%,var(--pb-border));display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-4);flex-wrap:wrap}.pb-cta-btn--guitar,.pb-cta-btn--guitar:hover{background:#FFBE5C;color:#1a1a1a}}@layer ui{}@layer ui{@media (max-width:640px){.pb-cta-btn{display:flex;width:100%;justify-content:center}}}@layer ui{.pb-trainer-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--pb-space-5)}}@layer ui{@media (max-width:480px){.pb-trainer-cta{grid-template-columns:1fr}}}@layer ui{.hub-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-4);flex-wrap:wrap;padding:var(--pb-space-6) var(--pb-space-6);border-radius:var(--pb-radius-lg);background:linear-gradient(135deg,var(--hub-accent-soft,var(--pb-accent-soft)) 0,var(--pb-surface-muted) 100%);border:1px solid var(--hub-accent-border,var(--pb-border))}.hub-cta__text{display:flex;flex-direction:column;gap:var(--pb-space-1);flex:1 1 auto;min-width:0}.hub-cta__text .pb-h3{font-size:18px}.hub-cta>.pb-cta-btn{flex:0 0 auto}}@layer ui{@media (max-width:640px){.hub-cta{flex-direction:column;align-items:stretch}.hub-cta>.pb-cta-btn{width:100%;justify-content:center}}}@layer ui{.hub-hero__actions{flex-direction:column;margin-top:var(--pb-space-1)}.hub-hero__actions,.hub-hero__actions-row{display:flex;gap:var(--pb-space-3)}.hub-hero__actions-row>.pb-btn{flex:1 1 0;min-width:0;padding-inline:var(--pb-space-2)}.hub-hero__actions-all{width:100%}.pb-detail-actions{display:flex;flex-direction:row;gap:var(--pb-space-2);align-items:center;flex-shrink:0}.pb-detail-actions__root-select{flex:0 0 auto}.pb-detail-actions__mobile-share{display:none}.pb-detail-actions__row{display:flex;flex-wrap:nowrap;gap:var(--pb-space-2);align-items:center;height:36px}.pb-detail-actions .g-button_size_l,.pb-detail-actions .pb-compare-btn .g-button,.pb-detail-actions .pb-favorite-btn.g-button{height:36px!important}.pb-detail-actions .pb-share-btn{width:28px;height:28px}.pb-detail-actions .pb-compare-btn,.pb-detail-actions .pb-favorite-btn,.pb-detail-actions .pb-share-bar>.g-button{min-width:130px}.pb-chord-header-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--pb-space-3)}.pb-chord-header-row>div:first-child{min-width:0}}@layer ui{@media (max-width:768px){.pb-chord-header-row{flex-direction:column}.pb-hub-header__actions--detail .pb-compare-btn .g-button,.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .g-button,.pb-hub-header__actions--detail .pb-fav-btn.g-button{height:44px!important}}}@layer app-components{.pb-header__login{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--pb-accent);font-weight:600}.pb-header__login:hover{text-decoration:underline}.pb-auth-shell{display:flex;justify-content:center;padding:var(--pb-space-7) 0}.pb-auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--pb-space-3);padding:var(--pb-space-7);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);background:var(--pb-surface);text-align:center}.pb-auth-logo{font-size:22px;font-weight:600;color:var(--pb-text)}.pb-auth-logo__accent{color:var(--pb-accent)}.pb-auth-title{font-size:24px;font-weight:600;margin:var(--pb-space-2) 0 0}.pb-auth-lede,.pb-auth-subtitle{color:var(--pb-text-secondary);font-size:14px;line-height:1.5;margin:0}.pb-account-nav{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-account-nav__link{padding:6px 14px;border-radius:var(--pb-radius-pill);border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);text-decoration:none;font-size:14px;font-weight:500}.pb-account-nav__link:hover{border-color:var(--pb-accent)}.pb-account-nav__link[data-active]{background:var(--pb-accent);border-color:var(--pb-accent);color:#fff}.pb-account-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--pb-space-3);margin-bottom:var(--pb-space-2)}.pb-ad-strip{width:100%}.pb-ad-strip-inner{max-width:1360px;margin-inline:auto;padding-inline:var(--pb-space-7);padding-top:15px;padding-bottom:5px}}@layer app-components{}@layer app-components{@media (max-width:768px){.pb-ad-strip-inner{padding-inline:16px}}}@layer app-components{.pb-ad-strip--bottom .pb-ad-strip-inner{padding-bottom:15px}.pb-ad-placeholder{min-height:90px;background:var(--pb-surface-muted);border:1px dashed var(--pb-border);border-radius:var(--pb-radius-sm);font-size:12px;color:var(--pb-text-tertiary)}.pb-ad-placeholder,.pb-ad-slot{display:flex;align-items:center;justify-content:center}.pb-ad-strip .pb-ad-slot{margin-block:12px}}@layer app-components{@media (max-width:768px){.pb-ad-strip .pb-ad-slot{margin-block:10px}}}@layer app-components{.pb-adfox-container{align-items:center;width:100%;height:100%}.pb-ad-inline,.pb-adfox-container{display:flex;justify-content:center}.pb-ad-inline{margin-block:0}.pb-ad-inline__box{width:100%}}@layer app-components{@media (max-width:640px){.pb-ad-inline--bottom .pb-ad-inline__box{width:320px;max-width:100%;min-height:300px}}}@layer app-components{.pb-ad-300x600{width:300px;max-width:100%;height:600px;margin-inline:auto}.pb-content-with-ads{flex:1;display:grid;grid-template-columns:minmax(0,1fr);width:100%}.pb-ad-rail{display:none}}@layer app-components{@media (min-width:1720px){.pb-content-with-ads{grid-template-columns:300px minmax(0,1fr) 300px;gap:var(--pb-space-6);max-width:2008px;margin-inline:auto;align-items:start;padding-inline:10px}.pb-ad-rail{display:block;position:sticky;top:var(--pb-space-6);width:300px}}}@layer app-components{html[data-hide-ads="1"] .pb-ad-inline,html[data-hide-ads="1"] .pb-ad-rail,html[data-hide-ads="1"] .pb-ad-slot,html[data-hide-ads="1"] .pb-ad-strip{display:none!important}html[data-hide-ads="1"] .pb-content-with-ads{grid-template-columns:minmax(0,1fr)}.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}.pb-arp-diagram-panel{background:var(--pb-surface,#fff);border:1px solid var(--pb-border,#e0e0e0);border-radius:var(--pb-radius-lg,12px);padding:var(--pb-space-4)}.pb-arp-controls-row{display:flex;align-items:center;gap:var(--pb-space-2);flex-wrap:wrap;margin-bottom:var(--pb-space-2)}.pb-arp-controls-group{display:flex}.pb-arp-controls-positions{display:flex;flex-wrap:wrap;margin-left:auto}}@layer app-components{}@layer app-components{@media (max-width:768px){.pb-arp-controls-row{display:none}}}@layer app-components{.pb-arp-diagram-wrap{width:100%}.pb-arp-export-btn-content{display:inline-flex;align-items:center;gap:var(--pb-space-1);font-size:15px;line-height:1;white-space:nowrap}.pb-arp-chord-link{display:inline-flex}.pb-arp-chord-card-name{font-size:20px;font-weight:600;line-height:1.1}.pb-arp-chord-card-name--md{font-size:18px;font-weight:600;line-height:1.1}.pb-arp-chord-card-name--sm{font-size:16px;font-weight:600;line-height:1.1}.pb-arp-chord-card-quality{font-size:13px;color:var(--pb-text-secondary);line-height:1}.pb-arp-chord-card-quality--sm{font-size:12px;color:var(--pb-text-secondary);line-height:1}.pb-arp-chord-card-meta{font-size:11px;color:var(--pb-text-secondary);line-height:1.3;text-align:center}.pb-arp-diatonic-roman{font-size:15px;font-weight:600;color:var(--arp-role-color,var(--pb-text));line-height:1;font-family:var(--g-font-family-monospace,monospace)}.pb-arp-diatonic-name{font-size:20px;font-weight:600;line-height:1.1}.pb-arp-diatonic-quality{font-size:13px;color:var(--pb-text-secondary);line-height:1}.pb-arp-diatonic-notes{font-size:12px;color:var(--pb-text-tertiary);line-height:1.3;text-align:center}.pb-arp-diatonic-func{font-size:11px;padding:2px 6px;border-radius:var(--pb-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}.pb-arp-diatonic-card--inert{cursor:default}.pb-arp-formula-label{display:block;margin-top:var(--pb-theory-gap);margin-bottom:12px}.pb-formula-caption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--pb-text-secondary)}.pb-arp-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--pb-space-4)}.pb-arp-app-tile{padding:var(--pb-space-4) var(--pb-space-5);background:var(--pb-card-bg);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-divider)}.pb-arp-app-label-mb{margin-bottom:6px}.pb-arp-app-text{margin:0;font-size:14px}.pb-arp-examples-wrap{margin-top:var(--pb-space-5)}.pb-arp-examples-block{margin-bottom:var(--pb-space-4)}.pb-arp-examples-label-mb{margin-bottom:var(--pb-space-2)}.pb-arp-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pb-space-3)}.pb-arp-example-tile{padding:var(--pb-space-3) var(--pb-space-4);background:var(--pb-card-bg);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-divider)}.pb-arp-example-title{font-weight:600;font-size:14px;margin-bottom:var(--pb-space-2)}.pb-arp-example-desc{font-size:13px;color:var(--pb-text-secondary);margin-bottom:6px}.pb-arp-example-context{font-size:12px;color:var(--pb-text-tertiary)}.pb-arp-song-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-arp-song-tile{padding:var(--pb-space-3) var(--pb-space-4);border-radius:var(--pb-radius-xs);border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-arp-song-title{font-weight:600;font-size:14px;margin-bottom:var(--pb-space-1)}.pb-arp-song-artist{font-size:13px;color:var(--pb-text-secondary)}.pb-arp-piano-cta-wrap{margin-top:var(--pb-space-4)}.pb-arp-seq-controls-row{display:flex;align-items:center;gap:var(--pb-space-3);flex-wrap:wrap}.pb-arp-seq-info-row{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-arp-seq-dir-badge{display:inline-flex;align-items:center;gap:var(--pb-space-1);padding:var(--pb-space-1) 10px;border-radius:6px;background:var(--pb-accent-subtle,rgba(52,152,219,.1));color:var(--pb-accent,#3498db);font-size:13px;font-weight:600}.pb-arp-seq-svg-wrap{width:100%;overflow-x:auto}.pb-arp-seq-svg{display:block;height:auto;min-width:320px}.pb-arp-seq-step-list{display:flex;gap:var(--pb-space-1);flex-wrap:wrap;font-size:12px;color:var(--pb-text-secondary)}.pb-arp-seq-step{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;background:var(--pb-surface,rgba(0,0,0,.03));font-weight:400;white-space:nowrap}.pb-arp-seq-step--root{background:rgba(231,76,60,.1);font-weight:600}.pb-arp-seq-order{font-weight:600}.pb-arp-seq-interval,.pb-arp-seq-order{font-size:10px;opacity:.5}.pb-arp-seq-pos{opacity:.4;font-size:10px}.pb-skel-arp-title{height:36px;width:30%}.pb-skel-arp-tile{height:80px}.pb-arp-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--pb-space-4)}.pb-arp-tile-link{display:block;height:100%}.pb-arp-tile-stack,.pb-arp-tile-title-stack{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-arp-tile-title-stack .pb-h4{margin-bottom:0}.pb-arp-tile-symbol{font-weight:600;color:var(--pb-accent)}.chord-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}}@layer app-components{}@layer app-components{@media (max-width:640px){.chord-showcase-grid{grid-template-columns:repeat(2,1fr)}}}@layer app-components{.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(--pb-surface-muted);border:1px dashed var(--pb-border);border-radius:var(--pb-radius);display:flex;align-items:center;justify-content:center}.chord-showcase-all{flex:0 0 calc(25% - 9px);min-width:80px}}@layer app-components{@media (max-width:640px){.chord-showcase-all{flex:0 0 calc(50% - 6px)}}}@layer app-components{.pb-prog-card{padding:14px 12px;background:color-mix(in srgb,var(--pb-accent) 8%,transparent);border:2px solid var(--pb-accent);border-radius:var(--pb-radius-md);height:100%;text-align:center}.pb-prog-card__name,.pb-prog-card__roman{display:block;line-height:1}.pb-prog-card__roman{font-size:11px;color:var(--pb-text-secondary);font-family:var(--g-font-family-monospace)}.pb-prog-controls-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-4);flex-wrap:wrap}.pb-prog-key-block{flex-shrink:0}.pb-prog-key-block,.pb-prog-player-block{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-prog-player-block{flex-wrap:wrap}.pb-prog-bpm-label{display:flex;align-items:center;gap:6px}.pb-prog-bpm-input{width:80px}.pb-prog-pattern-row{display:flex;flex-wrap:wrap;gap:4px}.pb-prog-play-btn{height:36px}.pb-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)}.pb-prog-grid>*{min-height:0}.pb-prog-card.is-active{box-shadow:0 0 0 2px var(--pb-accent);transform:scale(1.03);transition:box-shadow .15s,transform .15s}.pb-prog-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}}@layer app-components{@media (min-width:600px){.pb-prog-grid{grid-template-columns:repeat(var(--prog-cols,4),1fr)}}}@layer app-components{.pb-prog-chords-section{margin-top:-20px}.pb-chord-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface);min-width:68px;cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none;color:inherit}.pb-chord-card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-chord-card:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pb-chord-card__short{font-size:var(--pb-fs-h4);font-weight:600;line-height:1.1}.pb-chord-card__label{font-size:var(--pb-fs-micro);color:var(--pb-text-secondary);line-height:1.3;text-align:center}.pb-progression-card{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.pb-progression-card:hover{border-color:var(--pb-accent)!important;background:color-mix(in srgb,var(--pb-accent) 8%,transparent)!important}.pb-progression-card--gap-lg{gap:var(--pb-space-5);flex-wrap:wrap}.pb-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(--pb-border);background:var(--pb-surface)}.pb-variant-card--text[data-selected]{border-color:var(--pb-accent);border-width:2px;background:var(--pb-accent-soft)}.pb-variant-card--text:not([data-selected]):hover{border-color:var(--pb-accent)!important;background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))!important}.pb-variant-card__label{font-size:14px;line-height:1.3;white-space:nowrap;font-weight:500;color:var(--pb-text)}}@layer app-components{@media (max-width:640px){.pb-variant-card__label{font-size:13px}}}@layer app-components{.pb-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(--pb-border);background:var(--pb-surface);cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none;color:inherit}.pb-diatonic-card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-diatonic-card:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pb-related-chip{display:inline-block;padding:5px 12px;border-radius:6px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:var(--pb-text);font-weight:400;font-size:14px;transition:border-color .15s,color .15s,background .15s}.pb-related-chip:hover{border-color:var(--pb-accent);color:var(--pb-text);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-key-degree-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:var(--pb-radius-md);border:2px solid var(--_kdc,var(--pb-border));background:color-mix(in srgb,var(--_kdc,var(--pb-border)) 10%,var(--pb-surface));text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.pb-key-degree-card:hover{background:color-mix(in srgb,var(--_kdc,var(--pb-accent)) 18%,var(--pb-surface));transform:translateY(-1px)}.pb-key-degree-card:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pb-key-degree-card__degree{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--pb-text-secondary);line-height:1}.pb-key-degree-card__symbol{font-size:22px;font-weight:600;line-height:1.1}.pb-key-degree-card__func{font-size:11px;font-weight:500;color:var(--_kdc,var(--pb-text-tertiary));line-height:1}}@layer app-components{@media (max-width:600px){.pb-key-degree-card{padding:12px 8px}.pb-key-degree-card__symbol{font-size:17px}}}@layer app-components{.pb-enharmonic-chain-list{display:flex;flex-direction:column;gap:8px}.pb-enharmonic-chain{gap:0;padding:12px 16px;background:var(--pb-surface-muted);transition:border-color .15s}.pb-enharmonic-chain,.pb-enharmonic-chain__card{display:flex;align-items:center;border-radius:8px;border:1px solid var(--pb-border)}.pb-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(--pb-surface);cursor:pointer;transition:border-color .15s,background .15s}.pb-enharmonic-chain__card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-enharmonic-chain__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;color:var(--pb-text-secondary);opacity:.5}.pb-enharmonic-chain__note{font-size:16px;font-weight:600;line-height:1.2}.pb-enharmonic-chain__label{font-size:11px;color:var(--pb-text-secondary);line-height:1.3}}@layer app-components{@media (max-width:480px){.pb-enharmonic-chain{padding:8px 12px}.pb-enharmonic-chain__note{font-size:14px}}}@layer app-components{.pb-enharm-alert-msg{font-size:15px}.pb-enharm-alert-msg strong{font-weight:600}.pb-chord-card-name-sm{font-size:16px;font-weight:600;line-height:1.1}.pb-chord-card-meta-sm{font-size:11px;color:var(--pb-text-secondary);line-height:1;text-align:center}.pb-chord-card--inert{cursor:default}.pb-chord-card--inert:hover{border-color:var(--pb-border);background:var(--pb-surface)}.pb-chord-card--inert:focus-visible{outline:none}.pb-chord-card--accent-border{border-color:var(--pb-accent)}a.pb-chord-card--accent-border:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 14%,var(--pb-surface));box-shadow:0 2px 8px rgba(0,0,0,.06)}.pb-chord-card--runtime-border{border-color:var(--pb-card-border,var(--pb-border))}a.pb-chord-card--runtime-border:hover{border-color:var(--pb-card-border,var(--pb-accent));background:color-mix(in srgb,var(--pb-card-border,var(--pb-accent)) 10%,var(--pb-surface));box-shadow:0 2px 8px rgba(0,0,0,.06)}.pb-resolution-stepper__item[data-kind=deceptive]{--pb-kind-color:#8B4513}.pb-resolution-stepper__item[data-kind=modal]{--pb-kind-color:rgb(143,82,204)}.pb-resolution-stepper__item[data-kind=jazz]{--pb-kind-color:#2787f5}.pb-resolution-stepper__item[data-kind=functional]{--pb-kind-color:#27ae60}.pb-resolution-stepper__item[data-kind]{--pb-card-border:var(--pb-kind-color)}.pb-resolution-arrow-col{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.pb-resolution-kind-label{font-size:10px;font-weight:600;color:var(--pb-kind-color,var(--pb-text-secondary));line-height:1.2;text-align:center;white-space:pre-line}.pb-chord-header-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pb-chord-actions-col{display:flex;flex-direction:column;gap:var(--pb-space-2);align-items:flex-end}.pb-chord-section-divider{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider);display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-chord-section-divider--gap-2{gap:var(--pb-space-2)}.pb-chord-cta-row{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider);display:flex;align-items:center;gap:var(--pb-space-3);flex-wrap:wrap}.pb-chord-cta-button,.pb-chord-cta-title{font-weight:600;font-size:14px}.pb-chord-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--pb-space-2) var(--pb-space-5);border-radius:8px;background:var(--pb-accent);color:#fff;text-decoration:none;flex-shrink:0}.pb-chord-control-row-spacer{height:28px}.pb-chord-position-row{display:flex;gap:6px;overflow-x:auto;padding-top:var(--pb-space-2);padding-bottom:2px}.pb-chord-pos-thumb{border:1px solid var(--pb-border);border-radius:8px;padding:var(--pb-space-2) 6px;background:var(--pb-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:80px}.pb-chord-pos-thumb--active{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-chord-pos-thumb-label{font-size:10px;color:var(--pb-text-secondary);text-align:center;line-height:1.2}.pb-chord-pos-thumb-label--active{color:var(--pb-accent)}.pb-chord-badge-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pb-chord-badge{padding:2px var(--pb-space-2);border-radius:4px;background:var(--pb-surface-muted);font-size:12px}.pb-chord-badge--medium{font-weight:500}.pb-chord-badge--accent{background:var(--pb-accent-soft);color:var(--pb-accent);font-weight:600;border:1px solid var(--pb-accent)}.pb-chord-subs-table{border-collapse:collapse;width:100%;font-size:1rem}.pb-chord-subs-thead-row{border-bottom:1px solid var(--pb-divider)}.pb-chord-subs-th{text-align:left;font-weight:600;opacity:.7}.pb-chord-subs-th--type{padding:6px 12px 6px 0}.pb-chord-subs-th--chord{padding:6px 12px}.pb-chord-subs-th--spacer{padding:6px 0}.pb-chord-subs-th--diag{padding:6px 0 6px 8px}.pb-chord-subs-tr{border-bottom:1px solid var(--pb-border)}.pb-chord-subs-td-type{padding:8px 12px 8px 0;vertical-align:top}.pb-chord-subs-td-chord{padding:8px 12px;vertical-align:middle}.pb-chord-subs-td-status{padding:8px 0;vertical-align:middle;opacity:.5;font-size:.875rem}.pb-chord-subs-td-diag{padding:8px 0 8px 8px;vertical-align:middle}.pb-chord-subs-type-name{font-weight:600}.pb-chord-subs-type-desc{font-size:.875rem;opacity:.6}.pb-chord-subs-link{font-weight:600;font-size:1.125rem}.pb-chord-subs-img{-o-object-fit:contain;object-fit:contain;display:block}.pb-chord-style-tag{padding:2px var(--pb-space-2);border-radius:10px;font-size:11px;background:var(--pb-surface-muted);color:var(--pb-text-secondary);border:1px solid var(--pb-border)}.pb-chord-fams-jump-link{padding:var(--pb-space-1) var(--pb-space-3);border-radius:6px;border:1px solid var(--pb-border);font-size:13px;text-decoration:none;color:inherit}.pb-chord-fams-jump-link--accent{display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--pb-accent)}.pb-chord-fams-section{scroll-margin-top:80px}.pb-chord-fams-panel{padding:var(--pb-space-5);border-radius:var(--pb-radius-md);border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-chord-fams-title-row{display:flex;align-items:baseline;gap:var(--pb-space-3);flex-wrap:wrap;margin-bottom:var(--pb-space-2)}.pb-chord-fams-formula{font-size:13px;background:var(--pb-surface-muted);font-family:var(--g-font-family-monospace)}.pb-chord-fams-formula,.pb-chord-fams-int-pill{padding:2px var(--pb-space-2);border-radius:4px}.pb-chord-fams-int-pill{font-size:12px;background:var(--pb-accent-soft);color:var(--pb-accent)}.pb-chord-fams-related-block{margin-top:var(--pb-space-3);padding-top:var(--pb-space-3);border-top:1px solid var(--pb-divider)}.pb-chord-fams-related-link{font-size:13px;color:var(--pb-accent);text-decoration:underline}.pb-chord-pos-rail-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-chord-pos-rail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pb-chord-pos-nav-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--pb-space-2);margin-bottom:14px}.pb-pos-nav-btn{width:100%;height:auto;padding:0}.pb-pos-nav-meta-sm{font-size:11px;color:var(--pb-text-secondary)}.pb-pos-nav-meta-xs{font-size:10px;color:var(--pb-text-secondary)}.pb-pos-nav-meta-xs--active{color:var(--pb-accent)}.pb-chord-pos-current-card{border:2px solid var(--pb-accent);border-radius:var(--pb-radius-sm);padding:10px var(--pb-space-2);background:var(--pb-accent-soft);display:flex;flex-direction:column;align-items:center;gap:6px}.pb-chord-pos-badge{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--pb-surface-muted)}.pb-chord-pos-badge--filled{background:var(--pb-accent);color:#fff;font-weight:600}.pb-chord-pos-next-col{display:flex;justify-content:flex-end}.pb-chord-ctx-grid{padding-bottom:var(--pb-space-4)}.pb-chord-ctx-roman{font-size:13px;font-weight:600;color:var(--pb-accent);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.pb-chord-ctx-card-name{font-size:15px;font-weight:600;line-height:1.1}.pb-chord-ctx-prog-list{display:flex;flex-direction:column;gap:6px}.pb-chord-ctx-prog-name{font-weight:500;font-size:15px;line-height:1.1;font-family:var(--g-font-family-monospace,monospace)}.pb-chord-ctx-prog-chords-row{gap:0}.pb-chord-ctx-prog-chord-cell,.pb-chord-ctx-prog-chords-row{display:flex;align-items:center}.pb-chord-ctx-prog-sep{color:var(--pb-text-secondary);font-size:13px;padding:0 6px}.pb-chord-ctx-prog-chord{font-weight:600;font-size:15px;padding:2px 10px;border-radius:4px;background:var(--pb-surface-muted);white-space:nowrap}.pb-chord-ctx-prog-genre{font-size:11px;padding:1px var(--pb-space-2);border-radius:10px;background:var(--pb-surface-muted);color:var(--pb-text-secondary);margin-left:auto}}@layer app-components{@media (max-width:640px){.pb-chord-ctx-prog-genre{display:none}}}@layer app-components{.pb-chord-enh-alert{margin-bottom:12px}.pb-chord-enh-alert .g-alert__title{font-size:14px}.pb-chord-enh-alert-body{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;font-size:13px}.pb-chord-enh-alert-text{flex:1 1 auto;min-width:0}.pb-chord-enh-alert-btn{flex:0 0 auto;white-space:nowrap}.pb-chord-enharmonic-notice{padding:10px var(--pb-space-4);border-radius:var(--pb-radius-xs);background:var(--pb-surface-muted);border:1px solid var(--pb-border);display:flex;align-items:center;gap:var(--pb-space-2);flex-wrap:wrap}.pb-chord-char-why-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider);margin-top:var(--pb-space-2)}.pb-chord-char-app-section{padding-bottom:var(--pb-space-4)}.pb-chord-char-label-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:var(--pb-space-3);flex-wrap:wrap}.pb-self-test-section{padding-bottom:var(--pb-space-4)}.pb-self-test-header{display:flex;align-items:center;justify-content:space-between;margin-top:20px;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-self-test-controls{display:flex;gap:6px;align-items:center}.pb-self-test-grid{display:grid;grid-template-columns:7fr 3fr;gap:var(--pb-space-4);align-items:start}.pb-self-test-shape-fade{pointer-events:none;opacity:var(--_st-op,0);transition:opacity .3s}.pb-self-test-imagine{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--pb-surface-muted);border-radius:8px;font-size:13px;color:var(--pb-text-secondary);border:2px dashed var(--pb-border)}.pb-self-test-question{margin-bottom:var(--pb-space-3);font-weight:600;font-size:15px}.pb-self-test-options{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--pb-space-3)}.pb-quiz-answer{padding:14px;border-radius:6px;font-size:15px;font-weight:600;border:1px solid var(--pb-border);background:var(--pb-surface);color:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .15s}.pb-quiz-answer[data-state=revealed]{cursor:default}.pb-quiz-answer[data-result=selected]{background:var(--pb-accent-soft);border-color:var(--pb-accent)}.pb-quiz-answer[data-result=correct]{background:color-mix(in srgb,var(--pb-interval-4) 15%,transparent);border-color:var(--pb-interval-4);color:var(--pb-interval-4)}.pb-quiz-answer[data-result=incorrect]{background:color-mix(in srgb,var(--pb-interval-1) 15%,transparent);border-color:var(--pb-interval-1);color:var(--pb-interval-1)}.pb-self-test-reveal-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;border-radius:6px;font-size:13px;border:1px solid var(--pb-accent);background:var(--pb-accent-soft);color:var(--pb-text);cursor:pointer;font-weight:400;margin-top:var(--pb-space-3);margin-bottom:var(--pb-space-3);transition:background .15s,border-color .15s}.pb-self-test-reveal-btn:hover{background:color-mix(in srgb,var(--pb-accent) 20%,var(--pb-surface));border-color:var(--pb-accent)}.pb-self-test-next-btn{display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin-left:auto;white-space:nowrap;padding:8px 18px;border-radius:6px;font-size:13px;border:1px solid var(--pb-border);background:var(--pb-surface);cursor:pointer;font-weight:500}.pb-neckmap-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-neckmap-legend{margin-bottom:10px}.pb-neckmap-legend,.pb-neckmap-legend--bot{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-neckmap-legend--bot{margin-top:var(--pb-space-2)}}@layer app-components{@media (max-width:768px){.pb-neckmap-legend--bot{margin-top:var(--pb-space-4)}}}@layer app-components{.pb-neckmap-pos-btn{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;border:1px solid var(--pb-border);background:var(--pb-surface);font-size:12px;font-weight:400;opacity:1;transition:opacity .15s;cursor:default}.pb-neckmap-pos-btn[data-clickable=true]{cursor:pointer}.pb-neckmap-pos-btn[data-selected=true]{border-color:var(--_pos-color);background:color-mix(in srgb,var(--_pos-color) 13%,transparent);font-weight:600}.pb-neckmap-pos-btn[data-dim=true]{opacity:.4}.pb-neckmap-pos-dot{width:10px;height:10px;border-radius:50%;background:var(--_pos-color);flex-shrink:0}.pb-neckmap-svg{display:block;min-width:var(--_min-w,auto)}.pb-neckmap-dot-group{cursor:default}.pb-neckmap-dot-group[data-clickable=true]{cursor:pointer}.pb-neckmap-root-r{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pb-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(--pb-text)}.pb-skeleton-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-skeleton-steps{display:flex;flex-wrap:wrap;margin-bottom:14px}.pb-skeleton-step-label{display:inline-flex;align-items:center;gap:6px}.pb-skeleton-step-num{width:18px;height:18px;border-radius:50%;background:var(--pb-surface-muted);color:inherit;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.pb-skeleton-step-num[data-active=true]{background:var(--pb-accent);color:#fff}.pb-skeleton-row{display:flex;gap:var(--pb-space-4);align-items:flex-start;flex-wrap:wrap}.pb-skeleton-diagram{flex-shrink:0;pointer-events:none}.pb-skeleton-info{flex:1;min-width:180px}.pb-skeleton-desc{margin-bottom:var(--pb-space-3)}.pb-skeleton-active-label{font-size:12px;margin-bottom:6px}.pb-skeleton-active-list{display:flex;flex-wrap:wrap;gap:4px}.pb-skeleton-note-chip{padding:2px 8px;border-radius:4px;font-size:13px;font-weight:600;background:var(--pb-surface-muted);color:inherit}.pb-skeleton-note-chip[data-root=true]{background:#fde8e8;color:var(--pb-interval-1)}.pb-skeleton-note-en{font-weight:400;font-size:11px;color:var(--pb-text-secondary);margin-left:3px}.pb-skeleton-nav{display:flex;gap:var(--pb-space-2);margin-top:14px}.pb-xray-section{padding-block:var(--pb-space-4)}.pb-page-theory-cols .pb-xray-section{padding-block:0}.pb-xray-position{margin-bottom:var(--pb-space-3)}.pb-xray-list{display:flex;flex-direction:column;gap:6px}.pb-xray-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;background:var(--pb-surface);border:1px solid var(--pb-border);opacity:1}.pb-xray-row[data-dim=true]{opacity:.4}.pb-xray-dot{width:24px;height:24px;border-radius:50%;background:var(--_xray-color,#999);flex-shrink:0}.pb-xray-dot[data-root=true]{border:2px solid #fff;outline:2px solid var(--_xray-color,#999)}.pb-xray-str{font-size:12px;color:var(--pb-text-secondary);width:40px;flex-shrink:0}.pb-xray-note{font-weight:600;font-size:14px;min-width:90px}.pb-xray-note-en{font-weight:400;margin-left:4px}.pb-xray-note-en,.pb-xray-role{font-size:12px;color:var(--pb-text-secondary)}.pb-xray-role{display:inline-flex;align-items:center;gap:4px;flex:1}.pb-xray-arrow{color:#27ae60;flex:none}.pb-xray-tags{display:flex;gap:4px}.pb-xray-tag-root{background:#fde8e8;color:var(--pb-interval-1);font-weight:600;white-space:nowrap}.pb-xray-tag-dup,.pb-xray-tag-root{font-size:10px;padding:1px 5px;border-radius:4px}.pb-xray-tag-dup{background:var(--pb-surface-muted);color:var(--pb-text-secondary)}.pb-learn-chord-article{max-width:760px;padding-block:var(--pb-space-6)}.pb-learn-layout__main .pb-learn-chord-article{max-width:none;padding-block:0}.pb-learn-chord-section{margin-bottom:var(--pb-space-5);padding-left:var(--pb-space-4);border-left:3px solid var(--pb-border)}.pb-learn-chord-section .pb-h3{margin-bottom:var(--pb-space-2)}.pb-learn-chord-section-body{margin-bottom:0;line-height:1.7;color:var(--pb-text);max-width:70ch}.pb-learn-chord-section-body[data-has-links=true]{margin-bottom:var(--pb-space-3)}.pb-learn-chord-links{display:flex;gap:var(--pb-space-2);flex-wrap:wrap}.pb-learn-chord-link{display:inline-flex;align-items:center;font-size:13px;color:var(--pb-accent);text-decoration:none;padding:5px 12px;border:1px solid var(--pb-border);border-radius:999px;background:var(--pb-surface);transition:border-color .15s,background .15s}.pb-learn-chord-link:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-learn-chord-nav{padding-top:var(--pb-space-6);border-top:1px solid var(--pb-divider);margin-top:var(--pb-space-4)}.pb-learn-chord-nav-label{font-size:12px;margin-bottom:var(--pb-space-3)}.pb-learn-chord-nav-list{display:flex;flex-direction:column;gap:6px}.pb-learn-chord-nav-link{font-size:14px;color:var(--pb-accent);text-decoration:none;display:flex;align-items:center;gap:6px}.pb-learn-chord-nav-link__arrow{color:var(--pb-text-secondary)}.pb-learn-chord-back{margin-top:var(--pb-space-6)}.pb-song-ex-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-song-ex-card{cursor:default}.pb-song-ex-title{font-size:15px;font-weight:600;line-height:1.1}.pb-song-ex-artist{font-size:11px;color:var(--pb-text-secondary);line-height:1}.pb-song-ex-detail{font-size:11px;color:var(--pb-text-tertiary);line-height:1.2}.pb-why-chord-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-why-chord-intro{margin-bottom:10px}.pb-why-chord-list{display:flex;flex-direction:column;gap:4px}.pb-why-chord-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:7px var(--pb-space-3);border-radius:8px;background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-why-chord-row[data-root=true]{background:var(--pb-accent-soft);border-color:var(--pb-accent)}.pb-why-chord-note{font-size:17px;font-weight:600}.pb-why-chord-row[data-root=true] .pb-why-chord-note{color:var(--pb-accent)}.pb-why-chord-step{font-size:11px;font-family:var(--g-font-family-monospace);color:var(--pb-text-secondary);opacity:.55}.pb-chord-related-grid{padding-block:var(--pb-space-4)}.pb-chord-related-item--full{grid-column:1/-1}.pb-chord-related-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-chord-related-more{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:var(--pb-space-1)}.pb-chord-related-more-link{font-size:13px}.pb-chord-neck-section{padding-block:var(--pb-space-4)}.pb-chord-neck-section--prog{padding-block:var(--pb-space-4) 0}.pb-chord-neck-controls{flex-wrap:wrap;margin-bottom:22px}.pb-chord-neck-controls,.pb-chord-neck-controls-inner{display:flex;gap:var(--pb-space-2);align-items:center}.pb-prog-chord-cards{display:grid;grid-template-columns:repeat(var(--cvg-cols,4),minmax(0,1fr));gap:var(--pb-space-2);margin-top:var(--pb-space-3)}.pb-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(--pb-border);background:var(--pb-surface);cursor:pointer;transition:border-color .15s,background .15s}.pb-prog-chord-card:not([data-selected]):hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))}.pb-prog-chord-card[data-selected]{border-color:var(--pb-accent);border-width:2px;background:var(--pb-accent-soft)}.pb-prog-chord-card:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pb-prog-chord-card__diagram{display:block;width:100%;max-width:120px}.pb-prog-chord-card__diagram-empty{display:block;width:100%;min-height:64px;border-radius:6px;background:color-mix(in srgb,var(--pb-border) 40%,transparent)}.pb-prog-chord-card__label{display:inline-flex;align-items:baseline;gap:4px;font-size:14px;line-height:1.3;color:var(--pb-text)}.pb-prog-chord-card[data-selected] .pb-prog-chord-card__label{font-weight:500}}@layer app-components{@media (max-width:640px){.pb-prog-chord-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-prog-chord-card__label{font-size:13px}}}@layer app-components{.pb-chord-neck-board{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md,12px);padding:var(--pb-space-4)}.pb-ladder-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-ladder-list{display:flex;flex-direction:column;gap:10px}.pb-ladder-step{display:flex;gap:var(--pb-space-3);align-items:flex-start;padding:var(--pb-space-3);border-radius:8px;border:1px solid var(--pb-border);background:var(--pb-surface);cursor:default}.pb-ladder-step[data-clickable=true]{cursor:pointer}.pb-ladder-step[data-selected=true]{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-ladder-step-num{width:28px;height:28px;border-radius:50%;background:var(--pb-surface-muted);color:inherit;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.pb-ladder-step-num[data-active=true]{background:var(--pb-accent);color:#fff}.pb-ladder-thumb{flex-shrink:0;pointer-events:none}.pb-ladder-info{flex:1;min-width:0}.pb-ladder-tag-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.pb-ladder-role-tag{font-size:12px;font-weight:600;padding:2px var(--pb-space-2);border-radius:4px;background:var(--pb-surface-muted)}.pb-ladder-difficulty{font-size:11px;color:var(--pb-text-secondary)}.pb-ladder-why{margin-bottom:2px}.pb-ladder-expand-btn{margin-top:var(--pb-space-2);background:none;border:none;color:var(--pb-accent);font-size:13px;cursor:pointer;padding:0}.pb-bysit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--pb-space-4)}.pb-bysit-card{padding:var(--pb-space-4);border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface);display:flex;flex-direction:column;gap:10px}.pb-bysit-title-row{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-bysit-icon{font-size:22px}.pb-bysit-chord-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pb-bysit-chord-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:6px;border:1px solid var(--pb-border);font-size:13px;font-weight:500;text-decoration:none;color:var(--pb-accent)}.pb-bysit-cat-link{font-size:13px;color:var(--pb-accent);text-decoration:underline;margin-top:4px}.pb-bysit-cta{padding:var(--pb-space-5);border-radius:12px;background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-bysit-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:8px;background:var(--pb-accent);color:#fff;font-weight:600;font-size:14px;text-decoration:none}.pb-chord-slash-row{display:flex;align-items:center;gap:var(--pb-space-2);flex-wrap:wrap}.pb-chord-slash-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px var(--pb-space-2);border-radius:4px;background:var(--pb-accent-soft);color:var(--pb-accent)}.pb-chord-export-btn-content,.pb-export-btn-content{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pb-chord-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pb-chord-export-grid>.pb-export-cell--wide{grid-column:1/-1}.pb-export-lock.g-button{display:flex;width:100%;cursor:not-allowed;opacity:.55}.pb-export-lock-pop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;font-size:14px;line-height:1.45;max-width:240px;padding:10px 14px}}@layer app-components{@media (max-width:768px){.pb-chord-export-grid{grid-template-columns:repeat(6,1fr)}.pb-chord-export-grid>:nth-child(-n+3){grid-column:span 2}.pb-chord-export-grid>:nth-child(n+4){grid-column:span 3}}}@layer app-components{.pb-chord-play-grid,.pb-scale-play-grid{display:flex;flex-direction:column;gap:4px}.pb-chord-play-grid .pb-play-btn,.pb-scale-play-grid .pb-play-btn{height:36px}}@layer app-components{@media (max-width:768px){.pb-chord-play-grid,.pb-scale-play-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pb-chord-play-grid>:nth-child(-n+3),.pb-scale-play-grid>:nth-child(-n+3){grid-column:span 2}.pb-chord-play-grid>:nth-child(n+4){grid-column:span 3}}}@layer app-components{.pb-export-grid-2col{display:flex;flex-direction:column;gap:4px}}@layer app-components{@media (max-width:768px){.pb-export-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pb-export-grid-2col>:last-child:nth-child(odd){grid-column:1/-1}}}@layer app-components{.pb-pab-song-card{cursor:default}.pb-pab-song-title{font-size:16px;font-weight:600;line-height:1.1}.pb-pab-song-artist{font-size:11px;color:var(--pb-text-secondary);line-height:1}.pb-cvg-section{padding-bottom:var(--pb-space-4)}.pb-cvg-nav{display:flex;align-items:stretch;width:-moz-fit-content;width:fit-content;margin-top:2px;margin-left:auto}.pb-cvg-counter{display:flex;align-items:center;justify-content:center;min-width:44px;padding:0 var(--pb-space-2);font-size:13px;color:var(--pb-text-secondary);border:1px solid var(--pb-border);border-left:none;border-right:none;background:var(--pb-surface)}.dark .pb-cvg-counter{border-block-color:var(--g-color-line-generic)}.pb-cvg-diff-badge{font-size:10px;padding:1px 5px;border-radius:4px;font-weight:400}.pb-cvg-diff-badge[data-level="1"]{background:color-mix(in srgb,#22c55e 15%,transparent);color:#16a34a}.pb-cvg-diff-badge[data-level="2"]{background:color-mix(in srgb,#f97316 15%,transparent);color:#ea580c}.pb-cvg-diff-badge[data-level="3"]{background:color-mix(in srgb,#ef4444 15%,transparent);color:#dc2626}.pb-clp-panel{background:var(--pb-surface,#fff);border:1px solid var(--pb-border,#e0e0e0);border-radius:var(--pb-radius-lg,12px);padding:var(--pb-space-4)}.pb-clp-toolbar{display:flex;margin-bottom:var(--pb-space-3);flex-wrap:wrap;align-items:center;gap:var(--pb-space-2)}.pb-toolbar-selects{display:none}}@layer app-components{@media (max-width:768px){.pb-chord-neck-controls,.pb-clp-toolbar{display:none}.pb-toolbar-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-2);margin-bottom:var(--pb-space-3)}}}@layer app-components{.pb-clp-svg-wrap{width:100%;pointer-events:none}.pb-cea-actions-row{display:flex;gap:var(--pb-space-2);flex-wrap:wrap;align-items:center}.pb-cea-listen-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.pb-chord-root-chip,.pb-root-chip{min-width:36px}.pb-enh-card-center{align-items:center;text-align:center}.pb-enh-row{display:flex;gap:var(--pb-space-2);align-items:center;justify-content:center}.pb-enh-note{font-weight:600;font-size:18px;color:var(--pb-text)}.pb-enh-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--pb-space-3)}.pb-enh-grid>a{display:flex}.pb-enh-grid>a>*{flex:1}.pb-enh-grid .pb-enh-card-center{justify-content:center}}@layer app-components{@media (max-width:768px){.pb-enh-grid{grid-template-columns:repeat(2,1fr)}}}@layer app-components{.pb-learn-chords-container{max-width:760px;padding-block:var(--pb-space-6)}.pb-learn-layout__main .pb-learn-chords-container{max-width:none;padding-block:0}.pb-learn-article-list{display:flex;flex-direction:column;gap:10px}.pb-learn-article-card{display:block;padding:14px var(--pb-space-4);border-radius:8px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit}.pb-learn-article-title{font-weight:600;font-size:14px;margin-bottom:4px}.pb-learn-back-link{font-size:13px;color:var(--pb-accent);text-decoration:underline}.pb-cvtl-root{margin-top:var(--pb-space-3)}.pb-cvtl-caption{font-size:12px;margin-bottom:6px}.pb-cvtl-row{display:flex;flex-wrap:wrap;gap:4px}.pb-cvtl-col{display:flex;flex-direction:column;align-items:center;gap:2px}.pb-cvtl-string-label{font-size:10px;color:var(--pb-text-tertiary);text-align:center}.pb-cvtl-role-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pb-scr-card-root{font-size:16px;font-weight:600;line-height:1.1}.pb-scr-card-name{font-size:11px;color:var(--pb-text-secondary);line-height:1.3;text-align:center}.pb-showcase-section{padding-bottom:4px}.pb-showcase-header{margin-bottom:var(--pb-space-4)}.pb-showcase-desc{margin-top:4px}.pb-showcase-all-arrow{font-size:18px;color:var(--pb-accent)}.pb-chord-enh-banner{padding:10px var(--pb-space-4);border-radius:8px;background:var(--pb-surface-muted);border:1px solid var(--pb-border);display:flex;align-items:center;gap:var(--pb-space-2);flex-wrap:wrap}.pb-chord-enh-banner-link{font-size:13px;white-space:nowrap}.pb-chord-enh-h1-tag{font-weight:400;font-size:.6em;margin-left:var(--pb-space-2)}.pb-chord-start-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-chord-theory-h3{padding-top:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-chord-mini-card{gap:var(--pb-space-2)}.pb-chord-mini-spacer{height:80px}.pb-chord-mini-title{margin-bottom:0}.pb-chord-mini-name{line-height:1.3}}@layer app-components{@media (max-width:640px){.pb-chord-mini-name{font-size:15px}}}@layer app-components{.pb-chord-trainer-cta{padding:var(--pb-space-5) var(--pb-space-6);border-radius:14px;background:linear-gradient(135deg,var(--pb-accent-soft) 0,var(--pb-surface-muted) 100%);border:1px solid var(--pb-border);display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-4);flex-wrap:wrap}.pb-skel-chord-detail-h60{height:60px;border-radius:8px}.pb-skel-chord-detail-h120{height:120px;border-radius:8px}.pb-skel-chord-detail-h280{height:280px;border-radius:8px}.pb-chord-loading-stack{gap:var(--pb-space-3);display:flex;flex-direction:column}.pb-skel-title{height:36px;width:30%}.pb-skel-subtitle{height:18px;width:60%}.pb-skel-section-h{height:28px;width:80px}.pb-skel-tile{height:96px}.pb-skel-chips{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-skel-chip{height:36px;width:84px;border-radius:999px}.pb-cvg-section{padding-bottom:var(--pb-space-2)}.pb-cvg-grid{display:grid;grid-template-columns:repeat(var(--cvg-cols,3),1fr);gap:8px}}@layer app-components{@media (max-width:640px){.pb-cvg-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(30%,1fr);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.pb-cvg-grid[data-fade-right]:not([data-fade-left]){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.pb-cvg-grid[data-fade-left]:not([data-fade-right]){-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}.pb-cvg-grid[data-fade-left][data-fade-right]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.pb-cvg-grid>*{scroll-snap-align:start}}}@layer app-components{.pb-variant-card--text{border-radius:10px;padding:12px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;transition:border-color .15s,background .15s;border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-variant-card--text[data-selected]{border-color:var(--pb-accent);border-width:2px;background:var(--pb-accent-soft)}.pb-variant-card--text:not([data-selected]):hover{border-color:var(--pb-accent)!important;background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))!important}.pb-variant-card__label{font-size:14px;line-height:1.3;white-space:nowrap;font-weight:400;color:var(--pb-text)}}@layer app-components{@media (max-width:640px){.pb-variant-card__label{font-size:13px;white-space:normal}}}@layer app-components{.pb-aside-control__row{display:flex;gap:6px}.pb-aside-control__row .g-button{flex:1}.pb-cof-root{display:flex;flex-direction:column;gap:var(--pb-space-5)}.pb-cof-summary-grid{margin-top:6px}.pb-cof-chords-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2);align-items:stretch}.pb-cof-card-roman{font-size:15px;font-weight:600;color:var(--_role-color);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.pb-cof-card-name{font-size:20px;font-weight:600;line-height:1.1}.pb-cof-card-quality{font-size:13px;color:var(--pb-text-secondary);line-height:1}.pb-cof-card-notes{font-size:12px;color:var(--pb-text-tertiary);line-height:1.3;text-align:center}.pb-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}.pb-cof-card-func[data-has-label=true]{background:color-mix(in srgb,var(--_role-color) 12%,transparent);color:var(--_role-color)}.pb-cof-links-row{display:flex;gap:var(--pb-space-2);flex-wrap:wrap}.pb-cof-nav-arrow{flex-shrink:0;color:var(--pb-text-tertiary)}.pb-cof-links-row .pb-chip:hover .pb-cof-nav-arrow{color:var(--pb-accent)}.pb-cof-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--g-font-family-monospace,monospace)}.pb-cof-arc-group{cursor:pointer;transition:opacity .15s}.pb-cof-arc-group[data-clickable=false]{cursor:default}.pb-cof-arc-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pb-cof-arc-root{display:flex;flex-direction:column;gap:var(--pb-space-5)}}@layer app-components{}@layer app-components{@media (min-width:900px){.pb-cof-arc-root{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-7);align-items:center}}}@layer app-components{.pb-cof-arc-figure{width:100%;max-width:460px;margin-inline:auto}.pb-cof-arc-svg-full{width:100%;max-width:100%;height:auto;display:block}.pb-cof-arc-path{transition:fill .12s}.pb-cof-arc-text-svg{pointer-events:none}.pb-cof-arc-center-text,.pb-cof-arc-text-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.pb-cof-arc-center-text{transition:fill .12s}.pb-cof-full-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--g-font-family-monospace,monospace)}.pb-cof-full-group{cursor:pointer;transition:opacity .15s}.pb-cof-full-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.pb-cof-full-svg-fluid{width:100%;max-width:100%;display:block;overflow:visible}.pb-cof-full-svg-fixed{width:var(--_cof-size);height:var(--_cof-size);display:block;overflow:visible}.pb-cof-full-arc-path{transition:fill .12s}.pb-cof-full-center-circle{transition:stroke .12s}.pb-cof-full-center-text{transition:fill .12s}.pb-cof-full-arc-text-svg,.pb-cof-full-center-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.pb-cof-full-arc-text-svg{pointer-events:none}.pb-cof-full-ring-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.pb-cof-tool{display:flex;flex-direction:column;gap:var(--pb-space-5)}}@layer app-components{@media (min-width:900px){.pb-cof-tool{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-7);align-items:start}}}@layer app-components{.pb-cof-tool__circle{width:100%;max-width:460px;margin-inline:auto}}@layer app-components{@media (min-width:900px){.pb-cof-tool__circle{max-width:none}}}@layer app-components{.pb-cof-tool__panel{display:flex;flex-direction:column;gap:var(--pb-space-4);min-width:0}.pb-cof-howto-text{font-size:14px;line-height:1.5}.pb-cof-below-panel{width:100%;padding:16px;border-radius:var(--pb-radius-lg,12px);background:var(--pb-surface)}.pb-cof-legend{padding:10px 14px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius)}.pb-cmp-renderer-skeleton{min-height:360px;border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:linear-gradient(90deg,var(--pb-surface) 25%,var(--pb-surface-muted) 50%,var(--pb-surface) 75%);background-size:200% 100%;animation:pb-cmp-renderer-loading 1.2s ease-in-out infinite}}@layer app-components{}@layer app-components{@keyframes pb-cmp-renderer-loading{to{background-position:-200% 0}}.pb-compare-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--pb-space-3);align-items:center}.pb-compare-selector-label{display:block;margin-bottom:var(--pb-space-1)}.pb-compare-vs{text-align:center;color:var(--pb-text-secondary);font-size:var(--pb-fs-body-xl);font-weight:300}.pb-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-4)}.pb-compare-card{padding:var(--pb-space-4);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-compare-card--primary{border-color:var(--pb-accent)}.pb-compare-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--pb-space-2)}.pb-compare-card-title{font-size:24px;font-weight:600}.pb-compare-card-dl{display:grid;grid-template-columns:auto 1fr;gap:var(--pb-space-1) var(--pb-space-3)}.pb-compare-section-label{font-size:var(--pb-fs-micro);line-height:var(--pb-lh-h4);font-weight:var(--pb-fw-label);color:var(--pb-text-secondary);margin-bottom:var(--pb-space-1)}.pb-compare-section-label--accent{color:var(--pb-accent)}.pb-compare-notes{display:flex;flex-wrap:wrap;gap:var(--pb-space-1)}.pb-compare-diff{padding:var(--pb-space-4);border-radius:var(--pb-radius-sm);background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-compare-diff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pb-compare-diff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--pb-space-3)}.pb-compare-table{display:grid;grid-template-columns:1fr auto auto;gap:var(--pb-space-1) var(--pb-space-3);align-items:center}.pb-compare-table-th{text-align:center;font-weight:600}.pb-compare-table-step{font-size:var(--pb-fs-micro);color:var(--pb-text-secondary);font-weight:400}.pb-compare-table-step--changed{color:var(--pb-text-primary);font-weight:600}.pb-compare-step-mono{font-family:var(--g-font-family-monospace,ui-monospace,monospace);opacity:.6;margin-right:6px}.pb-compare-table-cell{text-align:center}.pb-compare-table-mark{font-size:var(--pb-fs-secondary);color:var(--pb-border)}.pb-compare-table-mark--present{color:var(--pb-text-secondary)}.pb-compare-table-mark--present-changed{color:var(--pb-accent)}.pb-cmp-chord-grid,.pb-cmp-grid{display:grid;grid-template-columns:repeat(var(--cmp-cols,2),1fr);gap:var(--pb-space-4)}.pb-cmp-card,.pb-cmp-chord-card{padding:var(--pb-space-4);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-cmp-card[data-first=true],.pb-cmp-chord-card--first{border-color:var(--pb-accent)}.pb-cmp-chord-header,.pb-cmp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--pb-space-2)}.pb-cmp-chord-name-lg{font-size:24px;font-weight:600}.pb-cmp-chord-name-sm{font-size:13px;color:var(--pb-text-secondary);margin-left:var(--pb-space-2)}.pb-cmp-dl{display:grid;grid-template-columns:auto 1fr;gap:var(--pb-space-1) var(--pb-space-3)}.pb-cmp-sel-row{display:flex;gap:var(--pb-space-3);align-items:flex-end;flex-wrap:wrap}.pb-cmp-sel-label{display:block;margin-bottom:4px}.pb-cmp-sel-fill{flex:0 1 340px;min-width:220px}.pb-cmp-sel-fill .g-select,.pb-cmp-sel-fill .g-select-control,.pb-cmp-sel-fill .g-select-control__button{width:100%}.pb-cmp-empty{text-align:center;padding:48px var(--pb-space-6);background:var(--pb-surface-muted);border-radius:12px;border:1px solid var(--pb-border)}.pb-cmp-empty-icon{font-size:48px;margin-bottom:var(--pb-space-4)}.pb-cmp-empty-text{margin-bottom:var(--pb-space-6)}.pb-cmp-empty-actions{display:flex;gap:var(--pb-space-3);justify-content:center;flex-wrap:wrap}.pb-cmp-bulk-link{font-size:12px;text-decoration:none;gap:4px}.pb-cmp-items-bar{display:flex;flex-wrap:wrap;gap:var(--pb-space-2);align-items:center;padding:var(--pb-space-3) var(--pb-space-4);background:var(--pb-surface);border-radius:10px;border:1px solid var(--pb-border)}.pb-cmp-item-type-tag{font-size:10px;opacity:.7;margin-right:4px}.pb-cmp-hdr-icon-wrap,.pb-cmp-hdr-link{display:inline-flex;align-items:center}.pb-cmp-hdr-icon-wrap{gap:4px;position:relative}.pb-cmp-hdr-badge{position:absolute;top:-6px;right:-8px;background:var(--pb-accent);color:#fff;font-size:10px;font-weight:600;line-height:1;padding:2px 4px;border-radius:8px;min-width:14px;text-align:center}.pb-cmp-popular-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--pb-space-3)}.pb-cmp-popular-title{font-weight:600;font-size:14px}.pb-cmp-header-row{display:flex;gap:var(--pb-space-3);align-items:flex-end;flex-wrap:wrap}.pb-cmp-selectors-fill{flex:1;min-width:0}.pb-cmp-mode-row{display:flex;gap:0}.pb-cmp-mixed-banner{padding:var(--pb-space-3) var(--pb-space-4);border-radius:10px;background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-cmp-group-h4{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-cmp-empty-group-card{padding:var(--pb-space-3);border-radius:10px;background:var(--pb-surface);border:1px solid var(--pb-border)}.pb-cmp-prog-title{font-size:20px;font-weight:600}a.pb-cmp-open-link,a.pb-cmp-scale-open-link{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:36px;padding:0 16px;border:1px solid var(--pb-border);border-radius:8px;background:transparent;color:var(--pb-text);font-size:14px;font-weight:500;line-height:1;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}a.pb-cmp-open-link:hover,a.pb-cmp-scale-open-link:hover{background:var(--pb-surface-muted);border-color:var(--pb-accent);color:var(--pb-text);text-decoration:none}.pb-cmp-prog-pattern{font-family:var(--g-font-family-monospace);font-size:16px;font-weight:600}.pb-cmp-tag-row{margin-top:var(--pb-space-2);display:flex;flex-wrap:wrap;gap:4px}.pb-cmp-diff-panel{padding:var(--pb-space-4);border-radius:var(--pb-radius-sm);background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-cmp-diff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--pb-space-3)}.pb-cmp-label-accent{color:var(--pb-accent)}.pb-cmp-diff-list{display:flex;flex-direction:column;gap:var(--pb-space-2);margin:var(--pb-space-3) 0 0}.pb-cmp-diff-row{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:var(--pb-space-1) var(--pb-space-4);align-items:baseline;padding:var(--pb-space-2) var(--pb-space-3);border-radius:var(--pb-radius-xs);border-left:1px solid var(--pb-border);border:1px solid var(--pb-border);border-left-width:3px;background:var(--pb-surface)}.pb-cmp-diff-row--shared{border-left-color:var(--pb-text-tertiary,var(--pb-text-secondary))}.pb-cmp-diff-row--unique{border-left-color:var(--pb-accent)}.pb-cmp-diff-row__label{font-size:var(--pb-fs-caption);line-height:var(--pb-lh-caption);letter-spacing:.05em;font-weight:var(--pb-fw-h3);text-transform:uppercase;color:var(--pb-text-secondary)}.pb-cmp-diff-row__value{font-size:var(--pb-fs-secondary);line-height:var(--pb-lh-secondary);color:var(--pb-text)}}@layer app-components{@media (max-width:640px){.pb-cmp-diff-row{grid-template-columns:1fr}}}@layer app-components{.pb-note-row.pb-note-row--unique{border-left-color:var(--pb-accent)}.pb-cmp-learn-empty{background:var(--pb-surface-muted);border-radius:var(--pb-radius-md);border:1px solid var(--pb-border)}.pb-cmp-learn-empty,.pb-cmp-learn-start{padding:var(--pb-space-6);text-align:center}.pb-cmp-learn-score-bar{display:flex;justify-content:space-between;align-items:center}.pb-cmp-learn-question{padding:var(--pb-space-4);border-radius:var(--pb-radius-md);background:var(--pb-surface);border:1px solid var(--pb-border)}.pb-cmp-learn-question-title{text-align:center}.pb-cmp-learn-diagram-wrap{max-width:500px;margin:0 auto}.pb-cmp-learn-options-grid{display:grid;grid-template-columns:repeat(var(--cmp-learn-cols,4),1fr);gap:var(--pb-space-3)}.pb-cmp-learn-option{padding:var(--pb-space-4);border-radius:var(--pb-radius-sm);background:var(--pb-surface);border:1px solid var(--pb-border);cursor:pointer;text-align:center;transition:all .15s}.pb-cmp-learn-option:disabled{cursor:default}.pb-cmp-learn-option--correct{background:#22c55e22;border:2px solid #22c55e}.pb-cmp-learn-option--wrong{background:#ef444422;border:2px solid #ef4444}.pb-cmp-learn-option-label{font-weight:600;font-size:16px}.pb-cmp-learn-result{text-align:center}.pb-cmp-learn-msg-correct{color:#22c55e;font-weight:600;font-size:18px;margin-bottom:var(--pb-space-3)}.pb-cmp-learn-msg-wrong{color:#ef4444;font-weight:600;font-size:18px}.pb-cmp-scale-card{padding:var(--pb-space-4);border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-cmp-scale-card[data-first=true]{border-color:var(--pb-accent)}.pb-cmp-scale-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--pb-space-2)}.pb-cmp-scale-card-title{font-size:20px;font-weight:600}.pb-cmp-scale-diagram-wrap{margin-bottom:var(--pb-space-3);overflow:hidden}.pb-cmp-scale-dl{display:grid;grid-template-columns:auto 1fr;gap:4px var(--pb-space-3)}.pb-cmp-scale-notes-block{margin-top:var(--pb-space-3)}.pb-cmp-scale-notes-label{font-size:12px;margin-bottom:4px}.pb-cmp-scale-notes-row{display:flex;flex-wrap:wrap;gap:4px}.pb-cmp-scale-diff-toggle{display:flex;justify-content:flex-end}.pb-cmp-scale-grid{display:grid;grid-template-columns:repeat(var(--_cmp-cols,2),1fr);gap:var(--pb-space-4)}.pb-cmp-cad-pattern-dd{font-family:var(--g-font-family-monospace);font-size:16px;font-weight:600}.pb-cmp-cad-chords-block{margin-top:var(--pb-space-2)}.pb-cmp-hdr-tooltip{font-size:14px}.pb-cmp-kbd-wrap{margin-bottom:var(--pb-space-3);overflow-x:auto}.pb-cmp-kbd-wrap .pb-kbd-diagram{margin:0;width:100%;--pb-key-white-h:9rem;--pb-key-black-h:5.7rem}.pb-cmp-staff-wrap{margin-bottom:var(--pb-space-3);overflow-x:auto}.pb-cmp-staff-wrap .pb-staff{width:100%;height:auto}.pb-cmp-learn-target-name{text-align:center;font-size:22px;font-weight:600;color:var(--pb-accent);margin:var(--pb-space-2) 0 var(--pb-space-4)}.pb-cmp-learn-keyboard{overflow-x:auto;padding:2px 0}.pb-cmp-learn-keyboard .pb-keyboard{margin:0 auto}.pb-cmp-learn-keyboard .pb-key--picked{background:color-mix(in srgb,var(--pb-accent) 45%,white);border-color:var(--pb-accent)}.pb-cmp-learn-keyboard .pb-key--picked.pb-key--black{background:color-mix(in srgb,var(--pb-accent) 70%,black)}.pb-cmp-learn-keyboard .pb-key--right{background:color-mix(in srgb,#22c55e 45%,white);border-color:#22c55e}.pb-cmp-learn-keyboard .pb-key--right.pb-key--black{background:color-mix(in srgb,#22c55e 70%,black)}.pb-cmp-learn-keyboard .pb-key--wrong{background:color-mix(in srgb,#ef4444 45%,white);border-color:#ef4444}.pb-cmp-learn-keyboard .pb-key--wrong.pb-key--black{background:color-mix(in srgb,#ef4444 70%,black)}.pb-cmp-learn-keyboard .pb-key--miss{outline:2px dashed #22c55e;outline-offset:-3px}.pb-cmp-learn-actions{text-align:center}.pb-cmp-learn-result-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:var(--pb-space-2);margin-bottom:var(--pb-space-3)}.pb-cmp-seq-steps{display:flex;flex-direction:column;gap:var(--pb-space-3);margin-top:var(--pb-space-3)}.pb-cmp-seq-step{padding:var(--pb-space-2) var(--pb-space-3);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-cmp-seq-step-head{display:flex;align-items:baseline;gap:var(--pb-space-2);margin-bottom:var(--pb-space-1)}.pb-cmp-seq-roman{font-weight:600;color:var(--pb-accent);min-width:2.5em}.pb-daily-stack{display:flex;flex-direction:column;gap:var(--pb-space-7)}.pb-daily-hud{display:flex;flex-wrap:wrap;gap:var(--pb-space-4)}.pb-daily-hud-card{flex:1 1 220px;display:flex;align-items:center;gap:var(--pb-space-3);padding:var(--pb-space-4);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg)}.pb-daily-hud-icon{color:var(--pb-accent);flex-shrink:0;display:inline-flex}.pb-daily-hud-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pb-daily-hud-value{font-size:24px;font-weight:600;line-height:1.1}.pb-daily-hud-label{font-size:13px;color:var(--pb-text-secondary)}.pb-daily-xp-track{height:8px;border-radius:4px;background:var(--pb-surface-muted);overflow:hidden;margin-top:4px}.pb-daily-xp-fill{width:var(--pb-daily-xp,0);height:100%;background:var(--pb-accent);transition:width .3s}.pb-daily-goal-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-3);flex-wrap:wrap}.pb-daily-goal-done{display:inline-flex;align-items:center;gap:6px;color:var(--pb-success,#2e7d32);font-weight:600}.pb-daily-set{display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-exercise-card.is-done{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-daily-done-icon{color:var(--pb-accent);display:inline-flex;flex-shrink:0}.pb-daily-diff{display:inline-flex;gap:3px;flex-shrink:0;align-items:center}.pb-daily-diff-dot{width:7px;height:7px;border-radius:50%;background:var(--pb-border-strong)}.pb-daily-diff-dot.is-on{background:var(--pb-accent)}.pb-daily-reason{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--pb-surface-muted);color:var(--pb-text-secondary);white-space:nowrap}.pb-daily-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--pb-space-3)}.pb-daily-ach{display:flex;align-items:center;gap:var(--pb-space-2);padding:var(--pb-space-3);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface)}.pb-daily-ach.is-locked{opacity:.45}.pb-daily-ach-icon{color:var(--pb-accent);flex-shrink:0;display:inline-flex}.pb-daily-ach.is-locked .pb-daily-ach-icon{color:var(--pb-text-secondary)}.pb-daily-ach-title{font-size:13px;font-weight:600;line-height:1.2}.pb-daily-ach-desc{font-size:12px;color:var(--pb-text-secondary);line-height:1.3}.pb-daily-skeleton{height:88px;border-radius:var(--pb-radius-lg);background:var(--pb-surface-muted)}.pb-daily-skeleton--hud{flex:1 1 220px}.pb-diagram-frame{background:var(--pb-diagram-surface);border:1px solid var(--pb-border);border-radius:16px;padding:16px}.pb-diagram-block{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);padding:var(--pb-space-4)}}@layer app-components{}@layer app-components{}@layer app-components{}@layer app-components{@media (max-width:640px){.pb-diagram-block{padding:var(--pb-space-3);border-radius:var(--pb-radius-sm)}}}@layer app-components{.pb-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(--pb-diagram-text)}.pb-pos-thumb{flex-shrink:0;border:1px solid var(--pb-border);border-radius:6px;padding:8px 4px 4px;background:var(--pb-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;transition:background .15s,border-color .15s}.pb-pos-thumb.is-active{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-pos-thumb:hover:not(.is-active){background:var(--pb-surface-muted);border-color:var(--pb-border-strong)}.pb-pos-card-diagram{display:flex;justify-content:center;width:100%}.pb-pos-card-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.pb-pos-nav-card{border:1px solid var(--pb-border);border-radius:8px;padding:8px 6px;background:var(--pb-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>.pb-pos-nav-card{opacity:1;background:var(--pb-surface-muted);border-color:var(--pb-border-strong)}.pb-chord-thumb{transition:border-color .15s,background .15s}.pb-chord-thumb:not(.is-selected):hover{border-color:var(--pb-accent)!important;background:color-mix(in srgb,var(--pb-accent) 8%,transparent)!important}.pb-swipe-stage{position:relative;touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pb-swipe-stage__content{transition:transform .2s ease,opacity .15s ease}.pb-swipe-stage__content.is-swiping-left{transform:translateX(-12px);opacity:.7}.pb-swipe-stage__content.is-swiping-right{transform:translateX(12px);opacity:.7}.pb-swipe-stage__hint{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:var(--pb-text-tertiary,#bbb);pointer-events:none;opacity:.5;transition:opacity .2s}.pb-swipe-stage__hint--left{left:4px}.pb-swipe-stage__hint--right{right:4px}.pb-position-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--pb-surface-muted,#f5f5f5);border:1px solid var(--pb-border,#e0e0e0);font-size:13px;color:var(--pb-text-secondary);line-height:1.3}.pb-position-badge__icon{font-size:14px;opacity:.6}.pb-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}.pb-rail::-webkit-scrollbar{display:none}.pb-rail>*{flex:0 0 auto}.pb-rail-wrapper{position:relative}.pb-rail-wrapper:after,.pb-rail-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.pb-rail-wrapper:before{left:0;background:linear-gradient(to right,var(--pb-page-bg,#fff),transparent)}.pb-rail-wrapper:after{right:0;background:linear-gradient(to left,var(--pb-page-bg,#fff),transparent)}.pb-rail-wrapper.pb-rail--fade-left:before,.pb-rail-wrapper.pb-rail--fade-right:after{opacity:1}.pb-card-rail{scroll-snap-type:x mandatory}.pb-card-rail>*{scroll-snap-align:center}.pb-overflow-row{scroll-snap-type:x proximity}.pb-overflow-row>*{scroll-snap-align:start}.pb-diag-edit-section{display:flex;flex-direction:column;gap:10px}.pb-diag-edit-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--pb-text-secondary)}.pb-diag-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-6);align-items:stretch}.pb-diag-edit-touch-wrap{touch-action:none}.pb-diag-edit-canvas{padding:var(--pb-space-4);display:flex;flex-direction:column;align-items:center;min-height:300px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg)}.pb-diag-edit-canvas-inner{position:relative;display:inline-block;max-width:100%}.pb-diag-edit-alert-mt{margin-top:var(--pb-space-2)}.pb-diag-edit-settings-panel{padding:var(--pb-space-4);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg)}.pb-diag-edit-settings-stack{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-diag-edit-divider{margin:0}.pb-diag-edit-divider,.pb-diag-edit-divider--mid{border:none;border-top:1px solid var(--pb-divider)}.pb-diag-edit-divider--mid{margin:10px 0}.pb-diag-edit-help{font-size:12px;color:var(--pb-text-secondary)}.pb-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}.pb-diag-edit-finger-input:focus-visible{outline:2px solid var(--pb-focus-ring);outline-offset:2px}.pb-diag-edit-finger-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,5),1fr);gap:var(--pb-space-1)}.pb-diag-edit-finger-btn{width:100%;padding:var(--pb-space-2) 2px;font-size:14px}.pb-diag-edit-labels-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,5),minmax(0,1fr));gap:var(--pb-space-1)}.pb-diag-edit-label-col{display:flex;flex-direction:column;align-items:center;gap:2px}.pb-diag-edit-mini{font-size:10px;color:var(--pb-text-secondary)}.pb-diag-edit-label-mb-1{margin-bottom:var(--pb-space-1);display:block}.pb-diag-edit-finger-label-input{width:100%;min-width:0;text-align:center;border:1px solid var(--pb-border);border-radius:var(--pb-space-1);padding:var(--pb-space-1) 2px;font-size:13px;font-weight:600;background:var(--pb-surface);color:var(--pb-text);box-sizing:border-box}.pb-diag-edit-color-input{width:100%;height:32px;border:none;cursor:pointer}.pb-diag-edit-dot-size-row{margin-bottom:var(--pb-space-1)}.pb-diag-edit-dot-size-btn{flex:1}.pb-diag-edit-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pb-space-1)}.pb-diag-edit-shape-btn{width:100%}.pb-diag-edit-strings-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,6),minmax(0,1fr));gap:var(--pb-space-1);margin-top:var(--pb-space-1)}.pb-diag-edit-barres-row{display:flex;gap:var(--pb-space-1);align-items:center;flex-wrap:wrap;margin-top:var(--pb-space-1)}.pb-diag-edit-barre-list{margin-top:6px}.pb-diag-edit-barre-row{display:flex;align-items:center;gap:var(--pb-space-2);font-size:13px}.pb-diag-edit-advanced-wrap{margin-top:var(--pb-space-4)}.pb-diag-edit-advanced-stack{display:flex;flex-direction:column;gap:14px;margin-top:var(--pb-space-4)}.pb-diag-edit-fret-numbers-wrap{display:flex;flex-direction:column;gap:var(--pb-space-2);padding-left:0;margin-top:var(--pb-space-1);margin-bottom:var(--pb-space-2)}.pb-diag-edit-form-row,.pb-diag-edit-format-radio-stack{display:flex;flex-direction:column;gap:var(--pb-space-1)}.pb-diag-edit-slider-row{display:flex;flex-direction:column;gap:2px}.pb-diag-edit-slider-label-line{font-size:14px;display:flex;justify-content:space-between}.pb-diag-edit-slider-val{opacity:.6}.pb-diag-edit-clear-btn{--g-button-background-color-hover:var(--g-color-base-danger)}.pb-diag-edit-clear-btn:hover,.pb-diag-edit-clear-btn:hover .g-button__text{color:#fff}.pb-diag-edit-bottom-grid{padding-block:var(--pb-space-3);border-top:1px solid var(--pb-divider);display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-4);align-items:start}.pb-diag-edit-bottom-col{display:flex;flex-direction:column;gap:10px}.pb-diag-edit-bottom-col--gap-2{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-diag-edit-section-h4{font-size:var(--pb-fs-h4);font-weight:600;color:var(--pb-text);margin:0}.pb-diag-edit-share-row{display:flex;gap:var(--pb-space-2)}.pb-diag-edit-share-btn-flex1{flex:1}.pb-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}.pb-diag-edit-social-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--pb-space-2)}.pb-diag-edit-social-icon{flex-shrink:0}.pb-scale-diagram-wrap{padding:12px}.pb-scale-diagram-wrap>svg{height:auto}.pb-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}.pb-diagram-svg-root[data-interactive=true]{touch-action:none;cursor:pointer}.pb-diagram-hit{cursor:pointer}.pb-diagram-ghost-dot{pointer-events:none}.pb-diag-export-stack{display:flex;flex-direction:column;gap:10px}.pb-diag-export-btn-content-sm{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pb-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}.pb-diag-export-note{font-size:12px;color:var(--pb-text-secondary);margin:0}.pb-diag-export-error{font-size:12px;color:var(--g-color-text-danger);margin:0}.pb-skel-gen-stack{display:flex;flex-direction:column;gap:var(--pb-space-6)}.pb-skel-gen-row{display:flex;gap:var(--pb-space-6);flex-wrap:wrap}.pb-skel-gen-side{flex:1;min-width:240px;display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-skel-gen-title{height:36px;width:30%}.pb-skel-gen-canvas{height:400px;width:320px}.pb-skel-gen-input{height:36px}.pb-auth-redirect-shell{min-height:60vh;flex-direction:column;gap:var(--pb-space-2);text-align:center}.pb-auth-redirect-shell,.pb-auth-shell{display:flex;align-items:center;justify-content:center;padding:var(--pb-space-6) var(--pb-space-4)}.pb-auth-shell{min-height:100vh;background:var(--pb-bg)}.pb-auth-card{width:100%;max-width:420px;background:var(--pb-surface);border-radius:var(--pb-radius-lg);box-shadow:var(--pb-shadow-2);padding:40px 36px}.pb-auth-logo-row{text-align:center;margin-bottom:28px}.pb-auth-logo-link{text-decoration:none}.pb-auth-logo{font-size:28px;font-weight:600;color:var(--pb-text)}.pb-auth-logo-accent{color:#ff6b35}.pb-auth-title{margin:0 0 6px;font-size:22px;font-weight:600;color:var(--pb-text);text-align:center}.pb-auth-subtitle{margin:0 0 28px;font-size:14px;color:var(--pb-text-secondary);text-align:center;line-height:1.5}.pb-auth-spacer{margin-bottom:28px}.pb-auth-footer{margin-top:var(--pb-space-6);padding-top:var(--pb-space-5);border-top:1px solid var(--pb-border);text-align:center;font-size:14px;color:var(--pb-text-secondary)}.pb-auth-form{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-auth-notice{background:color-mix(in srgb,var(--pb-success) 10%,transparent);color:var(--pb-success)}.pb-auth-error,.pb-auth-notice{padding:10px 14px;border-radius:var(--pb-radius-sm);font-size:14px}.pb-auth-error{background:color-mix(in srgb,var(--pb-danger) 8%,transparent);color:var(--pb-danger)}.pb-auth-forgot-row{text-align:right;margin-top:-8px}.pb-auth-forgot-link{font-size:13px;color:var(--pb-text-secondary);text-decoration:none}.pb-auth-divider{display:flex;align-items:center;gap:var(--pb-space-3);margin:4px 0}.pb-auth-divider-line{flex:1;height:1px;background:var(--pb-border)}.pb-auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--pb-space-2);width:100%;padding:10px var(--pb-space-4);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.pb-auth-oauth-btn[data-loading=true]{background:var(--pb-surface-muted);cursor:default}.pb-auth-oauth-dot{width:8px;height:8px;border-radius:50%;background:var(--_oauth-color);display:inline-block;flex-shrink:0}.pb-auth-form--tight{display:flex;flex-direction:column;gap:14px}.pb-auth-success{text-align:center}.pb-auth-success-icon{font-size:40px;margin-bottom:var(--pb-space-4)}.pb-auth-success-title{font-size:16px;color:var(--pb-text);margin-bottom:var(--pb-space-2);font-weight:600}.pb-auth-success-msg{font-size:14px;color:var(--pb-text-secondary);line-height:1.6}.pb-auth-resend-row{margin-top:var(--pb-space-4);font-size:13px;color:var(--pb-text-tertiary)}.pb-auth-resend-btn{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:13px}.pb-auth-checkbox-text{font-size:13px;color:var(--pb-text-secondary)}.pb-auth-checkbox-link{color:#ff6b35}.pb-login-modal-svg-icon{flex-shrink:0}.pb-login-modal-shell{padding:var(--pb-space-7) 28px;width:340px;max-width:90vw}.pb-login-modal-sso-stack{display:flex;flex-direction:column;gap:10px}.pb-login-modal-sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:0 var(--pb-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}.pb-login-modal-sso-btn:hover{filter:brightness(.9)}.pb-login-modal-divider{display:flex;align-items:center;gap:var(--pb-space-3);margin:var(--pb-space-5) 0}.pb-login-modal-divider-line{flex:1;border:none;border-top:1px solid var(--pb-border)}.pb-login-modal-sent{color:var(--pb-success);line-height:1.6}.pb-login-modal-form{display:flex;flex-direction:column;gap:10px}.pb-auth-footer-link{color:#ff6b35;text-decoration:none}.pb-verify-card{text-align:center;padding:var(--pb-space-6)}.pb-verify-back-link{margin-top:var(--pb-space-4);display:inline-block;color:#ff6b35;text-decoration:none}.pb-gen-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--pb-space-3);margin:0;text-align:center}.pb-gen-result__name{font-weight:600}.pb-gen-result__name--muted{color:var(--pb-text-secondary);font-weight:500}.pb-gen-result__arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--pb-radius-pill);background:var(--pb-accent-soft);color:var(--pb-accent);flex-shrink:0}.pb-gen-settings{display:flex;flex-direction:column;gap:var(--pb-space-4);padding:var(--pb-space-4);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface)}.pb-gen-playrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--pb-space-3)}.pb-gen-playrow__caption{font-family:var(--font-ibm-plex-mono),monospace;color:var(--pb-text-secondary)}.pb-gen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pb-space-4);align-items:start}}@layer app-components{}@layer app-components{}@layer app-components{@media (max-width:900px){.pb-gen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer app-components{@media (max-width:560px){.pb-gen-grid{grid-template-columns:1fr}}}@layer app-components{.pb-gen-field{display:flex;flex-direction:column;align-items:center;gap:var(--pb-space-2);min-width:0}.pb-gen-field__label{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600;color:var(--pb-text-secondary);text-align:center;white-space:nowrap}.pb-gen-field .g-select,.pb-gen-field .g-select-control{width:100%}.pb-gen-field__control{display:flex;align-items:center;justify-content:center;gap:var(--pb-space-2)}.pb-gen-field__control .pb-tile__formula{min-width:2ch;text-align:center}.pb-gen-field .pb-playback-bar,.pb-gen-staff{justify-content:center}.pb-gen-staff{display:flex}.pb-gen-staff .pb-staff--wide{width:auto;max-width:100%;height:180px}.pb-home{gap:var(--pb-space-8,40px)}.pb-hero,.pb-home{display:flex;flex-direction:column}.pb-hero{gap:var(--pb-space-4)}.pb-hero__title{font-size:clamp(26px,5vw,32px);font-weight:700;line-height:1.3;margin:0}.pb-hero__subtitle{font-size:17px;color:var(--pb-text-secondary);max-width:none;margin:0;line-height:1.5}.pb-hero__actions{flex-direction:column;margin-top:var(--pb-space-2)}.pb-hero__actions,.pb-hero__actions-row{display:flex;gap:var(--pb-space-3)}.pb-hero__actions-row>.g-button{flex:1 1 0;min-width:0}.pb-hero__actions-all{width:100%}.pb-hero__actions-all .g-button__text{display:inline-flex;align-items:center;gap:var(--pb-space-2)}}@layer app-components{}@layer app-components{@media (max-width:640px){.pb-hero__actions-row{gap:var(--pb-space-2)}.pb-hero__actions-row>.g-button{white-space:nowrap}}}@layer app-components{.pb-home-section{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-home-section__head{display:flex;flex-direction:column;gap:4px}.pb-home-section__desc{color:var(--pb-text-secondary);font-size:15px;margin:0;max-width:70ch}.pb-home-feat{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pb-space-4)}}@layer app-components{@media (max-width:768px){.pb-home-feat{grid-template-columns:1fr}}}@layer app-components{.pb-home-feat__card{display:flex;flex-direction:column;gap:var(--pb-space-3);padding:var(--pb-space-5);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);background:var(--pb-surface)}.pb-home-feat__title{font-size:20px;font-weight:600}.pb-home-feat__title a{color:inherit;text-decoration:none}.pb-home-feat__title a:hover{color:var(--pb-accent)}.pb-home-feat__desc{color:var(--pb-text-secondary);font-size:14px;line-height:1.5}.pb-home-quicklinks{display:flex;flex-wrap:wrap;gap:var(--pb-space-2);margin-top:auto}.pb-home-quicklink{font-size:14px;padding:4px 12px;border:1px solid var(--pb-border);border-radius:var(--pb-radius-pill);background:var(--pb-bg);color:var(--pb-text);text-decoration:none;transition:border-color .12s,background .12s}.pb-home-quicklink:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-home-quicklink--cta{border-style:dashed;color:var(--pb-accent)}.pb-pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:var(--pb-space-4)}.pb-pop-card{display:flex;flex-direction:column;align-items:center;gap:var(--pb-space-2);padding:var(--pb-space-4);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface);text-decoration:none;color:inherit;transition:border-color .12s,background .12s}.pb-pop-card:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-pop-card .pb-kbd-diagram{--pb-key-white-h:7.5rem;--pb-key-black-h:4.65rem}.pb-pop-card .pb-kbd-diagram .pb-key__label{display:none}.pb-pop-card__symbol{font-size:16px;font-weight:600}.pb-pop-card__name{font-size:13px;color:var(--pb-text-secondary)}.pb-pop-card--text{justify-content:center;min-height:96px;text-align:center}.pb-pop-card--text .pb-pop-card__symbol{font-size:16px}.pb-faq{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-faq__item{border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface);padding:var(--pb-space-3) var(--pb-space-4)}.pb-faq__item>summary{font-weight:600;cursor:pointer;list-style:none}.pb-faq__item>summary::-webkit-details-marker{display:none}.pb-faq__answer{margin:var(--pb-space-2) 0 0;line-height:1.55}.pb-faq__answer,.pb-home-seo{color:var(--pb-text-secondary);font-size:14px}.pb-home-seo{line-height:1.6;display:flex;flex-direction:column;gap:var(--pb-space-3)}.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(--pb-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(--pb-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(--pb-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(--pb-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(--pb-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(--pb-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(--pb-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(--pb-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(--pb-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(--pb-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(--pb-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--5{grid-template-columns:repeat(5,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))}}@layer app-components{}@layer app-components{@media (max-width:1024px){.hub-grid--3,.hub-grid--4,.hub-grid--5{grid-template-columns:repeat(2,1fr)}.hub-grid--5>.hub-card--compact{grid-column:1/-1}}}@layer app-components{@media (max-width:640px){.hub-grid--2,.hub-grid--3,.hub-grid--4,.hub-grid--5{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))}}}@layer app-components{.hub-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-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(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-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:17px;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(--pb-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(--pb-divider)}.hub-card__link{font-size:14px;color:var(--pb-text);text-decoration:none;white-space:nowrap;transition:color .15s}.hub-card__link:hover{color:var(--pb-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{position:absolute;top:52px;right:20px;display:inline-flex;align-items:center;gap:4px;margin-left:0;padding:4px 12px;font-weight:500;color:var(--pb-text);border:1px solid var(--pb-border);border-radius:var(--pb-radius-pill);background:var(--pb-surface);transition:border-color .15s,background .15s}.hub-card__link--all .hub-card__link-arrow{transition:transform .15s}.hub-card__link--all:hover{text-decoration:none;border-color:var(--pb-accent);background:var(--pb-accent-soft);color:var(--pb-text)}.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-card__see-all{position:absolute;top:14px;right:16px;z-index:1}.hub-card--featured .hub-card__see-all{top:20px;right:20px}}@layer app-components{@media (max-width:640px){.hub-card--featured .hub-card__see-all{top:13px}}}@layer app-components{.hub-card__see-all .g-button__text{display:inline-flex;align-items:center;gap:6px}.hub-hero__meta{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px;color:var(--pb-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}}@layer app-components{@media (max-width:900px){.hub-featured-grid{grid-template-columns:repeat(2,1fr)}}}@layer app-components{@media (max-width:640px){.hub-featured-grid{grid-template-columns:1fr}}}@layer app-components{.hub-featured-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--pb-radius-lg);border:1px solid var(--pb-border);border-top:3px solid var(--hub-accent,var(--pb-accent));background:var(--pb-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(--pb-accent));background:color-mix(in srgb,var(--hub-accent,var(--pb-accent)) 6%,transparent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.hub-featured-card:focus-visible{outline:2px solid var(--pb-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(--pb-text-secondary);line-height:1.5;flex:1}.hub-featured-card__use{font-size:13px;color:var(--pb-text-tertiary);line-height:1.4}.hub-featured-card__cta{margin-top:auto;padding-top:12px;border-top:1px solid var(--pb-divider);font-size:13px;font-weight:600;color:var(--hub-accent,var(--pb-accent))}.hub-quick-access{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.hub-quick-access:has(+.pb-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}.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(--pb-space-3)}.hub-search-row__input{flex:1 1 240px;min-width:180px}.hub-related{display:flex;flex-direction:column;gap:16px}.hub-related>.pb-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(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.hub-related__item:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-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(--pb-text)}.hub-related__item:hover .hub-related__arrow{color:var(--pb-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(--pb-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(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-pill);text-decoration:none;color:var(--pb-text);transition:border-color .15s,background .15s}.hub-deep-link:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.hub-quick-access .hub-deep-link{border-radius:var(--pb-radius-xs)}.hub-scenario{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);text-decoration:none;color:inherit;transition:border-color .15s,background .15s,transform .15s}.hub-scenario:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-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(--pb-text-secondary)}.hub-scenario__arrow{margin-left:auto;font-size:18px;color:var(--pb-text);flex-shrink:0;transition:color .15s}.hub-scenario:hover .hub-scenario__arrow{color:var(--pb-accent)}.hub-path{display:flex;gap:14px;padding:16px 20px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.hub-path:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))}.hub-path__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--pb-accent-soft);font-weight:600;font-size:14px;color:var(--pb-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(--pb-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}}@layer app-components{@media (max-width:640px){.hub-theory-links__grid{grid-template-columns:1fr}}}@layer app-components{.hub-wide-link-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:var(--pb-radius-md);border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.hub-wide-link-card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,transparent);box-shadow:0 1px 4px rgba(0,0,0,.05)}.hub-wide-link-card:focus-visible{outline:2px solid var(--pb-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(--pb-text-secondary);line-height:1.4}.analyzer-key-card{padding:16px 20px;border-radius:var(--pb-radius-lg);border:1px solid var(--pb-border);background:var(--pb-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(--pb-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(--pb-radius-md);border:1px solid var(--pb-border);background:var(--pb-surface);overflow:hidden}.capo-finder-card__fret{align-items:center;min-width:72px;font-size:22px;font-weight:800;background:var(--pb-surface-muted);border-right:1px solid var(--pb-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(--pb-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(--pb-divider);min-width:100px;flex-shrink:0}.capo-finder-card__sound-label{font-size:12px;color:var(--pb-text-secondary)}.capo-finder-card__sound-name{font-size:14px;font-weight:600;line-height:1.2}}@layer app-components{@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(--pb-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(--pb-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}.hub-quick-access__row>.hub-selector-bar__label{flex:1 0 100%}}}@layer app-components{@media (max-width:480px){.hub-card,.hub-card--featured{padding:16px}}}@layer app-components{.pb-interval-chain{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px;gap:12px 0;background:var(--pb-surface-muted);border-radius:8px}.pb-interval-chain__segment{display:flex;align-items:flex-start;flex:1 1 0;min-width:0}.pb-interval-chain__segment:last-child{flex:0 0 auto}.pb-interval-chain__note{font-size:14px;font-weight:600;padding:8px 14px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:8px;white-space:nowrap}.pb-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}.pb-interval-chain__arrow svg{color:var(--pb-text-secondary)}.pb-int-map-controls-row{display:flex;align-items:flex-end;gap:var(--pb-space-4);flex-wrap:wrap}.pb-int-map-controls-row--gap-3,.pb-int-map-mode-row{gap:var(--pb-space-3)}.pb-int-map-mode-row{display:flex;align-items:center;flex-wrap:wrap}.pb-int-detail-h-grid{display:grid;grid-template-columns:auto 1fr auto;gap:var(--pb-space-6);align-items:end;padding:var(--pb-space-4) var(--pb-space-5);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-sm)}.pb-int-map-select-w{width:100px}.pb-int-map-play-content{display:inline-flex;align-items:center;gap:6px}.pb-int-map-info-cards{display:flex;gap:var(--pb-space-6);padding:var(--pb-space-3) var(--pb-space-4);background:var(--pb-surface-muted);border-radius:var(--pb-radius-xs);flex-wrap:wrap;font-size:14px}.pb-int-map-info-cards--end{align-self:flex-end}.pb-int-map-info-label{color:var(--pb-text-secondary);font-size:12px;margin-bottom:2px}.pb-int-map-info-value{font-weight:600;font-size:16px}.pb-int-map-info-aside{font-weight:400;color:var(--pb-text-secondary)}.pb-int-map-fretboard-wrapper{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);padding:var(--pb-space-4)}.pb-interval-chain__label{font-size:11px;color:var(--pb-text-secondary);text-align:center;line-height:1.3;width:100%;white-space:normal;overflow-wrap:break-word}.pb-interval-chain__line{font-size:14px;color:var(--pb-text-secondary);line-height:1}.pb-interval-chain__note-col{display:inline-flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.pb-interval-chain__note-col .pb-interval-chain__label{white-space:normal;overflow:visible;text-overflow:clip;max-width:88px}}@layer app-components{@media (max-width:480px){.pb-interval-chain__segment{flex:1 1 40%;min-width:40%}.pb-interval-chain__segment:last-child{flex:0 0 auto;min-width:0}}}@layer app-components{[data-interval="0"]{--_ic:var(--pb-interval-1);--_ic-text:var(--pb-interval-text-1)}[data-interval="1"]{--_ic:var(--pb-interval-b2);--_ic-text:var(--pb-interval-text-b2)}[data-interval="2"]{--_ic:var(--pb-interval-2);--_ic-text:var(--pb-interval-text-2)}[data-interval="3"]{--_ic:var(--pb-interval-b3);--_ic-text:var(--pb-interval-text-b3)}[data-interval="4"]{--_ic:var(--pb-interval-3);--_ic-text:var(--pb-interval-text-3)}[data-interval="5"]{--_ic:var(--pb-interval-4);--_ic-text:var(--pb-interval-text-4)}[data-interval="6"]{--_ic:var(--pb-interval-tritone);--_ic-text:var(--pb-interval-text-tritone)}[data-interval="7"]{--_ic:var(--pb-interval-5);--_ic-text:var(--pb-interval-text-5)}[data-interval="8"]{--_ic:var(--pb-interval-b6);--_ic-text:var(--pb-interval-text-b6)}[data-interval="9"]{--_ic:var(--pb-interval-6);--_ic-text:var(--pb-interval-text-6)}[data-interval="10"]{--_ic:var(--pb-interval-b7);--_ic-text:var(--pb-interval-text-b7)}[data-interval="11"]{--_ic:var(--pb-interval-7);--_ic-text:var(--pb-interval-text-7)}[data-interval=octave]{--_ic:var(--pb-interval-1);--_ic-text:var(--pb-interval-text-1)}.pb-iv{color:var(--_ic-text,inherit);transition:opacity .15s}a.pb-iv:hover,a>.pb-iv:hover{opacity:.8}.pb-interval-chain__segment[data-interval] .pb-interval-chain__note{border:2px solid var(--_ic,var(--pb-border));color:var(--_ic-text,var(--pb-text));background:color-mix(in srgb,var(--_ic,transparent) 9%,var(--pb-surface))}.pb-interval-chain__segment[data-interval] .pb-interval-chain__label{color:color-mix(in srgb,var(--_ic,var(--pb-text-secondary)) 65%,var(--pb-text-secondary))}.pb-interval-chain--dense .pb-interval-chain__note{font-size:14px;padding:5px 8px}.pb-interval-chain--dense .pb-interval-chain__arrow{padding-top:8px}.pb-interval-chain--dense .pb-interval-chain__label{font-size:11px}.pb-interval-chain--dense{padding:12px;gap:4px 0}.pb-interval-chain--wrap{flex-wrap:wrap;gap:12px 0}.pb-interval-chain--wrap .pb-interval-chain__segment{flex:1 1 0}.pb-interval-chain--wrap .pb-interval-chain__segment:last-child{flex:0 0 auto}}@layer app-components{@media (max-width:480px){.pb-interval-chain--wrap .pb-interval-chain__segment{flex:1 1 40%;min-width:40%}.pb-interval-chain--wrap .pb-interval-chain__segment:last-child{flex:0 0 auto;min-width:0}}}@layer app-components{.pb-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)}.pb-interval-chain--scroll::-webkit-scrollbar{height:4px}.pb-interval-chain--scroll::-webkit-scrollbar-thumb{background:var(--pb-border-strong);border-radius:2px}.pb-interval-chain--scroll .pb-interval-chain__segment{flex:0 0 auto}.pb-interval-chain--strip{flex-wrap:nowrap;gap:0;padding:12px 16px;width:100%}.pb-interval-chain--strip .pb-interval-chain__note{font-size:14px;padding:6px 12px}.pb-interval-chain--strip .pb-interval-chain__label{font-size:11px}.pb-interval-chain--strip .pb-interval-chain__arrow{padding-top:9px}.pb-interval-chain--strip .pb-interval-chain__segment{flex:1 1 0;min-width:0}.pb-interval-chain--strip .pb-interval-chain__segment:last-child{flex:0 0 auto}}@layer app-components{@media (max-width:768px){.pb-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}.pb-interval-chain--strip .pb-interval-chain__segment{flex:0 0 auto}.pb-interval-chain--strip::-webkit-scrollbar{height:3px}.pb-interval-chain--strip::-webkit-scrollbar-thumb{background:var(--pb-border-strong);border-radius:2px}}}@layer app-components{.pb-formula-stepper{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:12px;-moz-column-gap:2px;column-gap:2px;padding:14px 12px;background:var(--pb-surface-muted);border-radius:8px}.pb-formula-stepper+.pb-theory-grid{margin-top:var(--pb-theory-gap)}.pb-formula-stepper__segment{display:flex;align-items:flex-start;flex:1 0 auto}.pb-formula-stepper__segment--last{flex:1 0 auto}.pb-formula-stepper__node{display:inline-flex;flex-direction:column;align-items:stretch;flex:1 0 auto}.pb-formula-stepper__note{font-size:13px;font-weight:500;padding:6px 12px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:8px;white-space:nowrap;line-height:1.2;text-align:center}.pb-formula-stepper__step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 auto;min-width:40px;padding:6px 2px 0}.pb-formula-stepper__chevron{color:var(--pb-text-secondary);flex-shrink:0}.pb-formula-stepper__step-label{font-size:10px;line-height:1.2;color:var(--pb-text-secondary);white-space:nowrap;margin-top:4px;text-align:center;font-family:var(--g-font-family-monospace,monospace)}}@layer app-components{@media (max-width:480px){.pb-formula-stepper{padding:10px 6px}.pb-formula-stepper__note{font-size:11px;padding:4px 6px}.pb-formula-stepper__step-label{font-size:9px}}}@layer app-components{.pb-formula-stepper:not(:has(.pb-formula-stepper__step-label)) .pb-formula-stepper__segment{align-items:center}.pb-formula-stepper:not(:has(.pb-formula-stepper__step-label)) .pb-formula-stepper__step{padding-top:0}.pb-formula-stepper:not(:has(.pb-formula-stepper__step-label)) .pb-formula-stepper__note{padding:12px}}@layer app-components{@media (max-width:480px){.pb-formula-stepper:not(:has(.pb-formula-stepper__step-label)) .pb-formula-stepper__note{padding:14px;font-size:12px}}}@layer app-components{.pb-formula-stepper:has(.pb-formula-stepper__step-label) .pb-formula-stepper__segment{align-items:center}.pb-formula-stepper:has(.pb-formula-stepper__step-label) .pb-formula-stepper__step{padding-top:16px}.pb-formula-stepper:has(.pb-formula-stepper__step-label) .pb-formula-stepper__note{font-weight:500;font-size:14px;padding:14px}}@layer app-components{@media (max-width:480px){.pb-formula-stepper:has(.pb-formula-stepper__step-label) .pb-formula-stepper__note{padding:12px}.pb-formula-stepper:has(.pb-formula-stepper__step-label) .pb-formula-stepper__step{padding-top:15px}}}@layer app-components{.pb-formula-step{display:inline-block;padding:4px 8px;border-radius:6px;border:1px solid var(--pb-border);font-size:13px;font-weight:600;color:var(--pb-text);background:var(--pb-surface-muted);transition:opacity .15s}.pb-formula-step[data-interval]{color:var(--_ic-text,var(--pb-text));border-color:color-mix(in srgb,var(--_ic,var(--pb-border)) 50%,var(--pb-border));background:color-mix(in srgb,var(--_ic,transparent) 12%,var(--pb-surface-muted))}.pb-formula-step--1{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.pb-formula-step--2{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.pb-formula-step--3{background:#fef3c7;border-color:#fcd34d;color:#92400e}.dark .pb-formula-step--1{background:#7f1d1d44;border-color:#ef444466;color:#fca5a5}.dark .pb-formula-step--2{background:#1e3a5f44;border-color:#3b82f666;color:#93c5fd}.dark .pb-formula-step--3{background:#78350f44;border-color:#f59e0b66;color:#fcd34d}a .pb-formula-step:hover,a:has(.pb-formula-step) .pb-formula-step:hover{opacity:.75}.pb-interval-note-list{display:flex;flex-direction:column;gap:12px}.pb-interval-note-step{display:flex;align-items:center;gap:8px}.pb-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(--pb-border);min-width:44px}.pb-interval-note-step__pill--root{background:var(--pb-accent);color:#fff}.pb-interval-note-step__pill--target{background:color-mix(in srgb,var(--pb-accent) 15%,var(--pb-surface));color:var(--pb-text)}.pb-interval-note-step__chevron{color:var(--pb-text-secondary);flex-shrink:0}.pb-interval-card{transition:border-color .15s,background .15s;cursor:default}.pb-interval-card:hover{border-color:var(--pb-accent)!important;background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))!important}.pb-interval-card .pb-interval-name:hover,a.pb-interval-name,a.pb-interval-name:hover{color:var(--pb-text)}.pb-int-conn-sib-row{display:flex;flex-wrap:wrap;gap:10px}.pb-int-conn-sib-card{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:10px var(--pb-space-4);border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;min-width:80px}.pb-int-conn-sib-short{font-weight:600;font-size:15px;font-family:var(--g-font-family-monospace)}.pb-int-conn-sib-label{font-size:12px;color:var(--pb-text-secondary);text-align:center;line-height:1.3}.pb-int-conn-hint{margin-bottom:var(--pb-space-2)}.pb-int-conn-chip-row+.pb-int-conn-hint,.pb-int-conn-sib-row+.pb-int-conn-hint{margin-top:var(--pb-space-5)}.pb-int-conn-chip-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-int-conn-chord-name{font-size:16px;font-weight:600;line-height:1.1}.pb-int-conn-chord-label{font-size:11px;color:var(--pb-text-secondary);line-height:1.3;text-align:center}.pb-int-conn-ear-link{display:inline-flex;align-items:center;gap:var(--pb-space-2);padding:var(--pb-space-3) var(--pb-space-5);border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:var(--pb-accent);font-weight:600;font-size:15px}.pb-int-conn-ear-arrow{font-size:18px}.pb-int-detail-meta-row{display:flex;gap:var(--pb-space-2);align-items:center;flex-wrap:wrap;margin-top:var(--pb-space-3)}.pb-int-detail-divider-section{padding-top:var(--pb-space-4)}.pb-int-detail-adjacent-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-4)}.pb-int-detail-adj-card{display:flex;flex-direction:column;gap:6px;padding:var(--pb-space-4) var(--pb-space-5);border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit}.pb-int-detail-adj-card--right{text-align:right}.pb-int-detail-adj-cap{font-size:12px;color:var(--pb-text-secondary)}.pb-int-detail-adj-title{font-weight:600;font-size:18px}.pb-int-detail-adj-meta{font-size:14px;color:var(--pb-text-secondary);font-family:var(--g-font-family-monospace)}.pb-int-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pb-space-3)}}@layer app-components{@media (max-width:1024px){.pb-int-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer app-components{@media (max-width:640px){.pb-int-list-grid{grid-template-columns:1fr}}}@layer app-components{.pb-int-stepper{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:var(--pb-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)}.pb-int-step-note{font-weight:600;font-size:18px;line-height:1;color:var(--pb-text)}.pb-int-step-note[data-target]{color:var(--_int-color)}.pb-int-step-arrow{color:var(--pb-text-tertiary)}.pb-int-list-card{border:1px solid var(--pb-border);border-radius:var(--pb-radius-md,12px);padding:14px;background:var(--pb-surface);display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-int-list-card[data-playing=true]{border-color:var(--_int-color);background:color-mix(in srgb,var(--_int-color) 7%,var(--pb-surface))}.pb-int-list-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.pb-int-list-short{font-family:var(--g-font-family-monospace);font-size:13px}.pb-int-list-semi,.pb-int-list-short{font-weight:600;padding:1px var(--pb-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)}.pb-int-list-semi{font-size:12px}.pb-int-list-name{font-weight:600;font-size:15px;text-decoration:none;line-height:1.2}.pb-int-list-desc{font-size:12px;color:var(--pb-text-secondary);line-height:1.4;flex:1}.pb-int-list-example{font-size:12px;color:var(--pb-text-tertiary);font-style:italic;font-family:var(--font-ibm-plex-sans,sans-serif)}.pb-int-list-play-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.pb-ipb-section{padding-top:var(--pb-space-4);border-top:1px solid var(--pb-divider)}.pb-ipb-cta-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pb-space-6);padding:var(--pb-space-6) 28px;border-radius:12px;border:1px solid var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))}.pb-ipb-cta-body{flex:1 1 300px;min-width:0}.pb-ipb-cta-arrow{font-size:18px}.pb-iub-song-card{padding:10px 14px;border-radius:8px;border:1px solid var(--pb-border);background:var(--pb-surface);display:flex;flex-direction:column;gap:2px;width:160px;min-width:0}.pb-iub-song-title{font-weight:600;font-size:14px;line-height:1.2}.pb-iub-song-artist{font-size:12px}.pb-iub-song-artist,.pb-iub-song-detail{color:var(--pb-text-secondary);line-height:1.3}.pb-iub-song-detail{font-size:11px}.pb-skel-int-title{height:36px;width:30%}.pb-skel-int-row{height:64px}.pb-int-fb-root{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-int-fb-controls{display:flex;align-items:flex-end;gap:var(--pb-space-3);flex-wrap:wrap}.pb-int-fb-field{display:flex;flex-direction:column;gap:4px}.pb-int-fb-field-label{font-weight:400}.pb-int-fb-select-w{width:100px}:root{--pb-key-white-w:4rem;--pb-key-black-w:2.4rem;--pb-key-white-h:17rem;--pb-key-black-h:10.5rem;--pb-key-border-w:0.07rem;--pb-key-white:#ffffff;--pb-key-white-text:#000000;--pb-key-white-hover:#ededed;--pb-key-black:#333333;--pb-key-black-text:#a8a8a8;--pb-key-black-hover:#555555;--pb-key-border:rgb(194 194 194);--pb-key-shadow:0 5px 1px rgb(32 32 32/0.2);--pb-key-active-text:#ffffff;--pb-tone-0:#781c81;--pb-tone-1:#4e1e81;--pb-tone-2:#3f5cab;--pb-tone-3:#447cbf;--pb-tone-4:#5ba7a6;--pb-tone-5:#6eb388;--pb-tone-6:#9cbe5a;--pb-tone-7:#b4bd4c;--pb-tone-8:#dbab3b;--pb-tone-9:#e59435;--pb-tone-10:#e24a28;--pb-tone-11:#d92120}.dark{--pb-key-white:#333333;--pb-key-white-text:#c9cccf;--pb-key-white-hover:#444444;--pb-key-black:#666666;--pb-key-black-text:#c9cccf;--pb-key-black-hover:#777777;--pb-key-border:rgb(80 80 84);--pb-key-shadow:0 5px 1px rgb(220 220 220/0.18);--pb-key-active-text:#ffffff}.pb-keyboard-scroll{overflow-x:auto;padding-bottom:var(--pb-space-2);margin-inline:calc(-1 * var(--pb-page-padding-desktop))}}@layer app-components{}@layer app-components{@media (max-width:1024px){.pb-keyboard-scroll{margin-inline:calc(-1 * var(--pb-page-padding-tablet))}}}@layer app-components{@media (max-width:640px){.pb-keyboard-scroll{margin-inline:0}}}@layer app-components{.pb-keyboard{white-space:nowrap;text-align:center;width:-moz-max-content;width:max-content;margin:0 auto;padding:0}.pb-key{display:inline-block;position:relative;box-sizing:border-box;vertical-align:top;border:var(--pb-key-border-w) solid var(--pb-key-border);border-radius:0 0 2px 2px;box-shadow:var(--pb-key-shadow);padding:0;font:inherit;cursor:pointer;transition:background-color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.pb-key:active{top:5px;box-shadow:none}.pb-key:focus-visible{outline:3px solid var(--pb-focus-ring);outline-offset:-4px;z-index:3}.pb-key--white{z-index:0;width:var(--pb-key-white-w);height:var(--pb-key-white-h);background-color:var(--pb-key-white);color:var(--pb-key-white-text)}.pb-key--white:hover{background-color:var(--pb-key-white-hover)}.pb-key--black{z-index:1;width:var(--pb-key-black-w);height:var(--pb-key-black-h);margin-left:calc(var(--pb-key-black-w) / -2);background-color:var(--pb-key-black);color:var(--pb-key-black-text);font-size:90%}.pb-key--black:hover{background-color:var(--pb-key-black-hover)}.pb-key--black+.pb-key--white{margin-left:calc(var(--pb-key-black-w) / -2)}.pb-key.is-root .pb-key__label{font-weight:600}.pb-key.is-hand-split{box-shadow:var(--pb-key-shadow),inset 2px 0 0 0 var(--pb-accent)}.pb-key.is-playing:after{content:"";position:absolute;inset:3px;z-index:0;border:3px solid rgb(255 255 255/.92);border-radius:1px;background:rgb(255 255 255/.22);box-shadow:inset 0 -12px 20px rgb(255 255 255/.16);pointer-events:none}.pb-arp-hands .pb-keyboard-scroll{margin-inline:0}.pb-arp-hands__labels{display:flex;justify-content:space-between;font-family:var(--g-font-family-monospace,monospace);font-size:12px;letter-spacing:-.015em;color:var(--pb-text-secondary);margin-bottom:var(--pb-space-2)}.pb-key__label{position:absolute;z-index:1;bottom:.9rem;left:0;right:0;text-align:center;font-size:.72rem;font-weight:400;white-space:nowrap;pointer-events:none}.pb-key--st-scale{background-color:var(--pb-accent-soft)!important}.pb-key--st-past{background-color:color-mix(in srgb,#22c55e 35%,var(--pb-key-white))!important}.pb-key--st-hint{background-color:color-mix(in srgb,var(--pb-accent) 30%,var(--pb-key-white))!important}.pb-key--st-target{background-color:color-mix(in srgb,var(--pb-accent) 55%,var(--pb-key-white))!important;color:var(--pb-text)!important;outline:2px solid var(--pb-focus-ring);outline-offset:-3px}.pb-key--st-correct{background-color:#22c55e!important;color:#000!important}.pb-key--st-wrong{background-color:#ef4444!important;color:#000!important}.pb-practice-keyboard .pb-key{cursor:pointer}.pb-key.is-active{color:var(--pb-key-active-text)}.pb-key.is-active.pb-key--tone-0{background-color:var(--pb-tone-0);color:#fff}.pb-key.is-active.pb-key--tone-1{background-color:var(--pb-tone-1);color:#fff}.pb-key.is-active.pb-key--tone-2{background-color:var(--pb-tone-2);color:#fff}.pb-key.is-active.pb-key--tone-3{background-color:var(--pb-tone-3);color:#000}.pb-key.is-active.pb-key--tone-4{background-color:var(--pb-tone-4);color:#000}.pb-key.is-active.pb-key--tone-5{background-color:var(--pb-tone-5);color:#000}.pb-key.is-active.pb-key--tone-6{background-color:var(--pb-tone-6);color:#000}.pb-key.is-active.pb-key--tone-7{background-color:var(--pb-tone-7);color:#000}.pb-key.is-active.pb-key--tone-8{background-color:var(--pb-tone-8);color:#000}.pb-key.is-active.pb-key--tone-9{background-color:var(--pb-tone-9);color:#000}.pb-key.is-active.pb-key--tone-10{background-color:var(--pb-tone-10);color:#000}.pb-key.is-active.pb-key--tone-11{background-color:var(--pb-tone-11);color:#fff}.pb-kbd-diagram{--pb-white-count:7;--pb-key-white-w:calc(100% / var(--pb-white-count));--pb-key-black-w:calc(100% / var(--pb-white-count) * 0.62);--pb-key-white-h:7rem;--pb-key-black-h:4.4rem;width:100%;overflow:hidden}.pb-kbd-diagram .pb-keyboard{width:100%}.pb-kbd-diagram .pb-key{cursor:default;box-shadow:none;pointer-events:none}.pb-kbd-diagram .pb-key:active{top:0}.pb-kbd-diagram .pb-key__label{bottom:.35rem;font-size:.6rem}.pb-kb-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--pb-space-3)}.pb-kb-controls__play{display:flex;gap:var(--pb-space-2);margin-left:auto}}@layer app-components{@media (max-width:768px){.pb-kb-controls__play{margin-left:0;width:100%}}}@layer app-components{.pb-staff{max-width:100%;height:auto;display:block}.pb-staff--wide{width:100%}.pb-staff__line{stroke:var(--pb-text);stroke-width:1}.pb-staff__glyph{font-family:PB Bravura;fill:var(--pb-text)}.pb-accidental{font-family:PB Bravura;line-height:1}.pb-keysig-staff{display:block;max-width:100%;height:auto}.pb-keysig-staff__line{stroke:var(--pb-text)}.pb-keysig-staff__glyph{font-family:PB Bravura;fill:var(--pb-text)}.pb-playback-bar{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-playback-bar .g-button{gap:6px}.pb-register-icon{transform:rotate(90deg)}.pb-legend{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-legend__item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--pb-border);border-radius:var(--pb-radius-pill);background:var(--pb-surface)}.pb-legend__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pb-legend__label{font-weight:600;font-size:14px}.pb-legend__interval{font-family:var(--font-ibm-plex-mono),monospace;font-size:12px;color:var(--pb-text-secondary)}}@layer app-components{@media (max-width:768px){:root{--pb-key-white-w:2.6rem;--pb-key-black-w:1.65rem;--pb-key-white-h:9rem;--pb-key-black-h:5.6rem}}}@layer app-components{.pb-howto{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:var(--pb-space-5);align-items:start}}@layer app-components{@media (max-width:900px){.pb-howto{grid-template-columns:1fr}}}@layer app-components{.pb-howto__keys{min-width:0}.pb-howto__keys,.pb-howto__side{display:flex;flex-direction:column;gap:var(--pb-space-4)}}@layer app-components{@media (min-width:901px){.pb-howto__keys .pb-keyboard-scroll{margin-inline:0}}}@layer app-components{.pb-howto__side .pb-legend{flex-direction:column;align-items:stretch}.pb-howto__side .pb-playback-bar{flex-direction:column}.pb-howto__side .pb-playback-bar .g-button{width:100%}.pb-howto__side .pb-transpose{flex-wrap:wrap}.pb-keyboard--fit{width:100%;--pb-white-count:21;--pb-key-white-w:calc(100% / var(--pb-white-count));--pb-key-black-w:calc(100% / var(--pb-white-count) * 0.62);--pb-key-white-h:17rem;--pb-key-black-h:10.5rem}.pb-keyboard--fit .pb-key__label{font-size:.82rem;font-weight:400;white-space:nowrap;overflow:hidden;bottom:.9rem}.pb-keyboard--fit .pb-key--black .pb-key__label{font-size:.68rem}}@layer app-components{@media (max-width:768px){.pb-keyboard--fit{--pb-key-white-h:11rem;--pb-key-black-h:6.8rem}.pb-keyboard--fit .pb-key__label{font-size:.62rem}.pb-keyboard--fit .pb-key--black .pb-key__label{display:none}}}@layer app-components{}@layer app-components{@media (max-width:640px){.pb-keyboard--fit{width:-moz-max-content;width:max-content;--pb-key-white-w:4rem;--pb-key-black-w:2.5rem;--pb-key-white-h:13rem;--pb-key-black-h:8rem}.pb-keyboard--fit .pb-key__label{font-size:.9rem}.pb-keyboard--fit .pb-key--black .pb-key__label{display:block;font-size:.72rem}}}@layer app-components{.pb-keyboard-wrap{display:flex;flex-direction:column;gap:var(--pb-space-3)}}@layer app-components{@media (min-width:901px){.pb-chord-top__main .pb-keyboard-scroll{margin-inline:0}.pb-chord-top__main .pb-keyboard--fit{width:100%;--pb-key-white-h:15rem;--pb-key-black-h:9.5rem}}}@layer app-components{.pb-chord-top__aside .pb-legend{flex-direction:row;flex-wrap:wrap;gap:6px}.pb-chord-top__aside .pb-legend__item{flex:1 1 auto;justify-content:center;padding:4px 8px;gap:5px}.pb-chord-top__aside .pb-legend__label{font-size:13px}.pb-chord-top__aside .pb-playback-bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-2)}.pb-chord-top__aside .pb-playback-bar>:nth-child(3){grid-column:1/-1}.pb-chord-top__aside .pb-playback-bar .g-button{width:100%;min-width:0}.pb-chord-top__aside .pb-playback-bar .g-button__text{white-space:nowrap}.pb-aside-controls{display:flex;flex-direction:column;gap:var(--pb-space-6)}.pb-aside-controls__col{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-aside-controls .pb-action-group-label{margin:0}}@layer app-components{@media (max-width:900px){.pb-aside-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-4);align-items:start}.pb-chord-top__aside .pb-playback-bar{grid-template-columns:1fr}.pb-chord-top__aside .pb-aside-control__row{flex-direction:column}}}@layer app-components{.pb-kb-controls--hero{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.pb-kb-controls--hero .pb-kb-controls__selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-2)}.pb-kb-controls--hero .pb-kb-controls__play{margin-left:0;width:100%}.pb-kb-controls--hero .pb-kb-controls__play .pb-playback-bar{display:flex;width:100%}.pb-kb-controls--hero .pb-kb-controls__play .pb-playback-bar .g-button{flex:1}.pb-kb-controls .g-select-control__button,.pb-kb-controls .g-select-control__button *,.pb-kb-controls .g-select__option,.pb-kb-controls .pb-playback-bar .g-button__text{font-size:14px}.pb-key-fn-degree{color:var(--_fn-color);min-width:24px}.pb-key-fn-grid-mt{margin-top:var(--pb-theory-gap)}.pb-key-fn-grid-item--full{grid-column:1/-1}.pb-key-chords-row{display:flex;gap:var(--pb-space-2);flex-wrap:wrap;align-items:stretch}.pb-key-chord-roman{font-size:15px;font-weight:600;color:var(--_fn-color);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.pb-key-chord-symbol{font-size:20px;font-weight:600;line-height:1.1}.pb-key-chord-quality{font-size:13px;color:var(--pb-text-secondary);line-height:1}.pb-key-chord-note{font-size:12px;color:var(--pb-text-tertiary);line-height:1.3;text-align:center}.pb-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}.pb-key-chord-func[data-has-label=true]{background:color-mix(in srgb,var(--_fn-color) 12%,transparent);color:var(--_fn-color)}.pb-key-step-card{border-color:var(--_step-color)}.pb-key-step-degree{color:var(--_step-color)}.pb-key-hero{margin-bottom:var(--pb-space-6)}.pb-key-harmctx{display:flex;flex-direction:column;gap:var(--pb-theory-gap)}.pb-key-harmctx__group{display:flex;flex-direction:column;gap:var(--pb-space-2)}}@layer app-components{}@layer app-components{@media (max-width:640px){.pb-key-harmctx .pb-resolution-stepper__card{min-width:0}}}@layer app-components{.pb-key-summary-root{display:flex;flex-direction:column;gap:var(--pb-space-5)}.pb-key-rel-card{display:inline-flex}.pb-key-rel-card-name{font-size:16px;font-weight:600;line-height:1.1}.pb-key-conn-section{padding-top:var(--pb-space-6)}.pb-key-conn-stack{display:flex;flex-direction:column;gap:var(--pb-space-7)}.pb-key-conn-fn-stack{display:flex;flex-direction:column;gap:10px}.pb-key-conn-link-list{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-key-conn-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--pb-space-2)}.pb-link-card.pb-key-rel-link-card{display:inline-flex;max-width:260px;align-items:center;text-align:center}.pb-diatonic-card[data-fn=T]{--_fn-color:var(--pb-accent)}.pb-diatonic-card[data-fn=S]{--_fn-color:#e67e22}.pb-diatonic-card[data-fn=D]{--_fn-color:#27ae60}.pb-fn-chain{display:inline-block;font-family:var(--g-font-family-monospace,monospace);font-size:.9em;padding:2px 8px;border-radius:6px;background:var(--pb-surface-muted);white-space:nowrap}.pb-keyhar-section{padding-top:var(--pb-space-4)}.pb-keyhar-list{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-keyhar-link{display:block;padding:var(--pb-space-3) 14px;border-radius:8px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit}.pb-keyhar-title{font-weight:600;font-size:15px}.pb-keyhar-desc,.pb-keyhar-title{margin-bottom:4px}.pb-keyhar-example{font-size:12px;font-family:var(--g-font-family-monospace,monospace);color:var(--pb-text-tertiary)}.pb-key-deg-section{padding-top:var(--pb-space-4)}.pb-key-deg-grid-compact{display:grid;grid-template-columns:repeat(var(--_kdb-cols,7),1fr);gap:var(--pb-space-2)}.pb-key-deg-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pb-keys-cat-root{display:flex;flex-direction:column;gap:var(--pb-space-7)}.pb-keys-cat-hint{margin-bottom:var(--pb-space-4)}.pb-keys-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.pb-keys-cat-card{display:flex;flex-direction:column;gap:var(--pb-space-2);padding:var(--pb-space-4);border-radius:var(--pb-radius-lg);border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.pb-keys-cat-card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-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(--pb-accent)}.pb-keys-cat-sig--none{color:var(--pb-text-tertiary)}.pb-keys-cat-card .pb-h4{margin-bottom:0}.pb-keyprog-row{grid-column:1/-1}.pb-keyprog-list{display:flex;flex-direction:column;gap:6px}.pb-keyprog-pattern{font-weight:600;font-size:15px;font-family:var(--g-font-family-monospace,monospace);white-space:nowrap}.pb-keyprog-title{min-width:0}.lr-route-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);transition:border-color .15s,background .15s}.lr-route-card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-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(--pb-text-secondary)}.lr-route-card__meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--pb-text-tertiary)}.lr-route-card__cta{margin-top:auto;padding-top:12px;border-top:1px solid var(--pb-divider);font-size:14px;font-weight:600;color:var(--pb-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(--pb-border)}.lr-step__number{width:32px;height:32px;border-radius:50%;background:var(--pb-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(--pb-surface-muted);border:1px solid var(--pb-border);color:var(--pb-text-secondary)}.lr-step__reason{font-size:13px;line-height:1.5;color:var(--pb-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(--pb-border)}.lr-step__dot--filled{background:var(--pb-accent)}.lr-step__actions{display:flex;gap:8px;margin-top:4px}.lr-step__link{font-size:13px;font-weight:500;color:var(--pb-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(--pb-divider);margin-bottom:8px}.lr-route-header__meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--pb-text-tertiary)}}@layer app-components{}@layer app-components{@media (max-width:640px){.lr-step{gap:12px}.lr-step__label{font-size:15px}}}@layer app-components{.pb-caged-stack{display:flex;flex-direction:column;gap:var(--pb-space-6);width:100%}.pb-caged-intro-text{margin-top:6px;max-width:640px}.pb-caged-controls-stack{display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-caged-panel{padding:var(--pb-space-4);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg)}.pb-caged-panel--compact{padding:var(--pb-space-3) var(--pb-space-4)}.pb-caged-panel-label{margin-bottom:var(--pb-space-2)}.pb-caged-button-row{display:flex;flex-wrap:wrap;gap:6px}.pb-caged-button-row--gap-2{display:flex;gap:var(--pb-space-2)}.pb-caged-root-btn{min-width:44px}.pb-caged-layer-help{margin-top:var(--pb-space-2);line-height:1.5}.pb-caged-shapes-row{display:flex;flex-wrap:wrap;gap:10px}.pb-caged-shape-btn{padding:var(--pb-space-2);border:2px solid var(--pb-border);border-radius:12px;background:var(--pb-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--pb-space-1)}.pb-caged-shape-btn--selected{background:color-mix(in srgb,var(--caged-color) 7%,transparent);border-color:var(--caged-color)}.pb-caged-shape-label{font-size:12px;font-weight:600;color:var(--caged-color)}.pb-caged-shape-svg{overflow:visible}.pb-caged-active-panel{padding:var(--pb-space-4);background:var(--pb-surface);border:2px solid color-mix(in srgb,var(--caged-color) 27%,transparent);border-radius:var(--pb-radius-lg)}.pb-caged-active-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--pb-space-4);flex-wrap:wrap}.pb-caged-active-title{color:var(--caged-color)}.pb-caged-active-mode-badge{font-weight:400;opacity:.7;font-size:.8em;margin-left:var(--pb-space-2)}.pb-caged-active-position{margin-top:var(--pb-space-1)}.pb-caged-active-notes-row{display:flex;gap:var(--pb-space-2);flex-wrap:wrap}.pb-caged-note-tile{padding:6px 12px;border-radius:var(--pb-radius-md);background:var(--pb-bg);border:1px solid var(--pb-border);display:flex;flex-direction:column;align-items:center;gap:2px}.pb-caged-note-tile--root{background:color-mix(in srgb,var(--caged-color) 13%,transparent);border-color:var(--caged-color)}.pb-caged-note-name{font-weight:600;font-size:.95rem}.pb-caged-note-role{font-size:9px;color:var(--pb-text-secondary)}.pb-caged-neck-panel{overflow-x:auto}.pb-caged-neck-toolbar{margin-bottom:var(--pb-space-3);display:flex;flex-wrap:wrap;gap:var(--pb-space-2);align-items:center}.pb-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}.pb-caged-vis-chip--on{background:color-mix(in srgb,var(--caged-color) 13%,transparent)}.pb-caged-neck-svg{width:100%;max-width:var(--neck-max-w,100%);display:block}.pb-caged-legend-row{margin-top:10px;display:flex;gap:var(--pb-space-3);flex-wrap:wrap}.pb-caged-legend-item{display:flex;align-items:center;gap:5px}.pb-caged-legend-dot{width:10px;height:10px;border-radius:50%;background:var(--caged-color);display:inline-block}.pb-caged-legend-label{color:var(--caged-color);font-weight:600}.pb-caged-legend-r{font-size:10px;font-weight:600;color:var(--pb-text-secondary)}.pb-caged-tips-stack{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-caged-tip-row{display:flex;gap:10px;align-items:flex-start}.pb-caged-tip-number{min-width:20px;height:20px;border-radius:50%;background:var(--pb-accent-soft);color:var(--pb-accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.pb-learn-page-container{max-width:760px;padding-block:var(--pb-space-6)}.pb-learn-page-container--wide{max-width:none}.pb-learn-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(300px,1fr);gap:var(--pb-space-6);align-items:start}.pb-learn-layout__main{min-width:0}.pb-learn-layout__rail-inner{position:sticky;top:var(--pb-space-6)}}@layer app-components{@media (max-width:900px){.pb-learn-layout{grid-template-columns:1fr}.pb-learn-layout__rail{display:flex;justify-content:center}.pb-learn-layout__rail-inner{position:static}}}@layer app-components{.pb-learn-article-pad{padding-block:var(--pb-space-2)}.pb-difficulty-stars{display:inline-flex;align-items:center;gap:2px}.pb-difficulty-star{color:var(--pb-text-secondary);opacity:.4}.pb-difficulty-star--filled{color:var(--pb-accent);opacity:1}.pb-melody-stats{display:flex;gap:var(--pb-space-5);color:var(--pb-text-secondary);font-size:14px}.pb-melody-stats b{color:var(--pb-text);font-size:16px}.pb-melody-search{width:100%;padding:10px 14px;border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface);color:var(--pb-text);font:inherit}.pb-melody-search:focus{outline:2px solid var(--pb-accent);outline-offset:-1px}.pb-melody-list{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-melody-card{display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-3);padding:var(--pb-space-3) var(--pb-space-4);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface);transition:border-color .12s,background .12s}.pb-melody-card:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-melody-card__main{display:flex;flex-direction:column;gap:2px;min-width:0}.pb-melody-card__title{font-weight:600;font-size:16px;color:var(--pb-text);text-decoration:none}.pb-melody-card__title:hover{color:var(--pb-accent)}.pb-melody-card__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--pb-text-secondary)}.pb-melody-card__artist{color:var(--pb-accent);text-decoration:none}.pb-melody-card__artist:hover{text-decoration:underline}.pb-melody-diff{display:inline-flex;gap:3px;flex-shrink:0}.pb-melody-diff__dot{width:8px;height:8px;border-radius:50%;background:var(--pb-border)}.pb-melody-diff__dot.is-on{background:var(--pb-accent)}.pb-melody-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--pb-space-3)}.pb-melody-player{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-melody-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pb-space-3)}.pb-melody-waithint{font-size:18px;font-weight:600;color:var(--pb-accent)}.pb-melody-settings{display:flex;flex-wrap:wrap;gap:var(--pb-space-4);align-items:flex-end}.pb-melody-field{display:flex;flex-direction:column;gap:6px}.pb-melody-field__label{font-size:13px;font-weight:500;color:var(--pb-text-secondary)}.pb-melody-tempo{width:220px;max-width:100%;accent-color:var(--pb-accent)}.pb-melody-progress{width:100%;height:6px;border-radius:3px;background:var(--pb-border);overflow:hidden}.pb-melody-progress__bar{height:100%;width:var(--pb-melody-pct,0);background:var(--pb-accent);transition:width .08s linear}.pb-mc-block{margin-top:var(--pb-space-6);padding:var(--pb-space-6);border-radius:var(--pb-radius-md);background:color-mix(in srgb,var(--pb-accent) 6%,transparent);border:1px solid var(--pb-accent);display:flex;flex-direction:column}.pb-mc-block__title{margin:0 0 var(--pb-space-4) 0}.pb-mc-strip{display:flex;align-items:flex-start;width:100%}.pb-mc-slot{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.pb-mc-slot__primary-row{display:flex;align-items:center}.pb-mc-slot__primary{flex:1 1 0;min-width:0}.pb-mc-chevron{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;margin-inline:var(--pb-space-2);color:var(--pb-accent)}.pb-mc-chevron>svg{display:block;flex:0 0 18px;width:18px;height:18px}.pb-mc-slot__secondary{padding-right:40px;min-width:0}.pb-mc-card--secondary{min-width:0}.pb-mc-card{display:flex;flex-direction:column;gap:2px;padding:var(--pb-space-3);border-radius:var(--pb-radius-xs);border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;width:100%;transition:border-color .15s,background .15s}.pb-mc-card--primary{cursor:pointer}.pb-mc-card--primary:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 5%,var(--pb-surface))}.pb-mc-card--secondary{cursor:pointer;padding:var(--pb-space-2) var(--pb-space-3)}.pb-mc-card--secondary:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 5%,var(--pb-surface))}.pb-mc-card--secondary .pb-mc-card__title{font-size:13px}.pb-mc-card--active{border-color:var(--pb-accent);border-width:2px;cursor:default}.pb-mc-card--active,.pb-mc-card--active:hover{background:color-mix(in srgb,var(--pb-accent) 12%,var(--pb-surface))}.pb-mc-card--active:hover{border-color:var(--pb-accent)}.pb-mc-card__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--pb-text-secondary);line-height:1.3}.pb-mc-card__title{font-size:14px;font-weight:700;color:var(--pb-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-mc-card__meta{font-size:12px;font-weight:400;color:var(--pb-text-secondary);line-height:1.3;white-space:nowrap}.pb-mc-card__meta--wrap{white-space:normal}.pb-mc-caption{margin-top:var(--pb-space-4);padding-top:var(--pb-space-3);border-top:1px solid rgba(0,0,0,.1)}.dark .pb-mc-caption{border-top-color:rgba(255,255,255,.1)}.pb-mc-caption__text{font-size:13px;color:var(--pb-text-secondary);margin:0;line-height:1.5}}@layer app-components{}@layer app-components{}@layer app-components{@media (max-width:768px){.pb-mc-block{padding:var(--pb-space-4)}.pb-mc-strip{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--pb-space-2) 2px 0}.pb-mc-strip::-webkit-scrollbar{display:none}.pb-mc-strip[data-fade-right]:not([data-fade-left]){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.pb-mc-strip[data-fade-left]:not([data-fade-right]){-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}.pb-mc-strip[data-fade-left][data-fade-right]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.pb-mc-slot{flex:0 0 auto;min-width:140px}.pb-mc-slot__primary{min-width:auto}.pb-mc-card__title{font-size:13px}.pb-mc-card__label{overflow-wrap:anywhere}}}@layer app-components{.pb-next-step{margin-top:var(--pb-space-7)}.pb-next-step__title{margin-bottom:12px}.pb-next-step__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pb-next-step__item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.pb-next-step__item:hover{border-color:var(--pb-accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.pb-next-step__item-type{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--pb-text-tertiary);font-family:var(--g-font-family-monospace)}.pb-next-step__item-label{font-size:16px;font-weight:600;line-height:1.2}.pb-next-step__item-reason{font-size:13px;line-height:1.35;color:var(--pb-text-secondary)}.pb-compat-scales-intro{margin:0 0 var(--pb-space-3)}.pb-compat-scale-card:hover{border-color:var(--pb-accent);box-shadow:none}}@layer app-components{@media (max-width:600px){.pb-next-step__grid{grid-template-columns:1fr}}}@layer app-components{.pb-note-list{display:flex;flex-direction:column;gap:8px}.pb-note-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:8px}.pb-note-row--root{border-left:3px solid var(--pb-accent)}.pb-note-row--link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.pb-note-row--link:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))}.pb-note-row--char{border-left:3px solid var(--pb-interval-b3)}.pb-note-row--diff{border-color:#27ae60;background:color-mix(in srgb,#27ae60 7%,var(--pb-surface))}.pb-note-row--diff-ref{background:var(--pb-surface-muted)}.pb-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}.pb-note-row--resolve>.pb-note-row__note{flex:none;white-space:nowrap}.pb-note-row--resolve>.pb-note-row__label{grid-column:1/-1;margin-left:42px;white-space:normal;height:auto;line-height:1.3}.pb-note-row__arrow{color:var(--pb-text-secondary);font-size:14px;flex-shrink:0;text-align:center}.pb-note-row[data-interval]{border-left:3px solid var(--_ic,var(--pb-border))}.pb-note-row__degree{font-family:var(--g-font-family-monospace);font-weight:600;font-size:13px;min-width:36px;flex-shrink:0}.pb-note-row--fn-dominant>.pb-note-row__degree,.pb-note-row--fn-subdominant>.pb-note-row__degree,.pb-note-row--fn-tonic>.pb-note-row__degree,.pb-note-row[data-interval]>.pb-note-row__degree{color:var(--_ic-text,inherit)}.pb-note-row__note{flex:1;font-weight:600;font-size:14px}.pb-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(--pb-surface-muted,#f0f0f0);color:var(--pb-text-secondary)}.pb-note-row[data-interval]>.pb-note-row__label{background:color-mix(in srgb,var(--_ic,var(--pb-surface-muted)) 12%,transparent);color:var(--_ic-text,var(--pb-text-secondary))}.pb-note-row__name{font-weight:600;font-size:14px;white-space:nowrap;min-width:32px;flex-shrink:0}.pb-note-row--root .pb-note-row__name{color:var(--pb-accent-text)}.pb-note-row--char .pb-note-row__name{color:var(--pb-interval-text-b3)}.pb-note-row__sub{font-size:inherit;font-weight:400;color:var(--pb-text-secondary);margin-left:4px}.pb-note-row__desc{flex:1;font-size:13px;color:var(--pb-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis}.pb-note-row:has(.pb-note-row__desc)>.pb-note-row__note{flex:0 0 auto;min-width:56px}.pb-note-list--roles .pb-note-row:has(.pb-note-row__desc)>.pb-note-row__note{flex:0 0 6.5em;min-width:0}.pb-note-list--roles .pb-note-row__desc{font-weight:400}.pb-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(--pb-surface-muted,#f0f0f0);color:var(--pb-text-secondary)}.pb-note-row__tag--info{background:color-mix(in srgb,var(--pb-accent) 12%,transparent);color:var(--pb-accent-text)}.pb-note-row__tag--warning{background:color-mix(in srgb,var(--pb-interval-b3) 12%,transparent);color:var(--pb-interval-text-b3)}.pb-note-row .g-label{margin-left:auto;flex-shrink:0}.pb-note-row--fn-tonic{--_ic:var(--pb-accent);--_ic-text:var(--pb-accent-text);border-left:3px solid var(--pb-accent)}.pb-note-row--fn-subdominant{--_ic:var(--pb-interval-b3);--_ic-text:var(--pb-interval-text-b3);border-left:3px solid var(--pb-interval-b3)}.pb-note-row--fn-dominant{--_ic:var(--pb-interval-4);--_ic-text:var(--pb-interval-text-4);border-left:3px solid var(--pb-interval-4)}.pb-note-row--fn-dominant>.pb-note-row__label,.pb-note-row--fn-subdominant>.pb-note-row__label,.pb-note-row--fn-tonic>.pb-note-row__label{background:color-mix(in srgb,var(--_ic,var(--pb-surface-muted)) 12%,transparent);color:var(--_ic-text,var(--pb-text-secondary))}.pb-fretboard-practice{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--pb-radius-lg);border:1px solid var(--pb-border);background:var(--pb-surface);padding:8px}.pb-fretboard-practice__svg{display:block;max-width:var(--_fb-max-w,none)}.pb-fretboard-practice__cell{cursor:default}.pb-fretboard-practice__cell[data-interactive=true]{cursor:pointer}.pb-fretboard-practice__hover-dot:hover{fill:color-mix(in srgb,var(--pb-accent) 15%,transparent)}.pb-fretboard-practice__cell[data-interactive=true]:hover circle{fill:var(--pb-accent-soft);stroke:var(--pb-accent)}.pb-fretboard-practice__cell[data-interactive=true]:hover text{fill:var(--pb-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(--pb-surface-muted) 60%,transparent)!important;color:var(--pb-text-secondary)}.pb-scale-practice-section{padding-block:var(--pb-space-4);border-top:1px solid var(--pb-divider);margin-top:var(--pb-space-2);width:100%}.pb-scale-practice-empty{padding:var(--pb-space-6) var(--pb-space-5);background:var(--pb-surface);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-divider);text-align:center}.pb-scale-practice-empty-text{margin:0}.pb-scale-practice-block{margin-bottom:var(--pb-space-4);width:100%}.pb-scale-practice-label{margin-bottom:6px}.pb-scale-beat-dots{display:flex;gap:var(--pb-space-1);align-items:center}.pb-scale-beat-dot{width:8px;height:8px;border-radius:50%;background:var(--pb-border);transition:background .08s}.pb-scale-beat-dot--active{background:var(--pb-accent)}.pb-scale-stepper-note--root{background:rgb(231 76 60/.1);font-weight:600}.pb-scale-stepper-note--past{background:var(--pb-interval-1);color:#fff;border-color:var(--pb-interval-1);opacity:.7}.pb-scale-stepper-note--active{background:var(--pb-interval-3);color:#fff;border-color:var(--pb-interval-3)}.pb-scale-flow-svg{display:block;height:auto;min-width:var(--pb-scale-flow-min-w,0)}.pb-scale-flow-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:var(--pb-radius-xs)}.pb-scale-flow-text{pointer-events:none}.pb-scale-practice-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--pb-space-4);align-items:start;width:100%}.pb-scale-practice-buttons-stack{display:flex;flex-direction:column;gap:var(--pb-space-1)}.pb-scale-practice-start-string{margin-top:var(--pb-space-3)}.pb-scale-practice-bpm-row,.pb-scale-practice-string-buttons{display:flex;flex-wrap:wrap}.pb-scale-practice-bpm-row{align-items:center;gap:10px}.pb-scale-practice-slider-wrap{flex:1;min-width:80px}.pb-scale-practice-bpm-value{min-width:28px}.pb-scale-practice-play-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--pb-space-1);line-height:1;white-space:nowrap}.pb-picking-section-heading{font-size:16px;font-weight:600;color:var(--pb-text-primary,#1a1a1a);margin:0 0 var(--pb-space-3) 0}.pb-picking-left-col{display:flex;flex-direction:column;gap:var(--pb-space-4);min-width:0}.pb-picking-toggles-row{display:flex;gap:var(--pb-space-4);flex-wrap:wrap}.pb-picking-fretboard-col{min-width:200px;width:220px;flex-shrink:0}.pb-picking-warning{background:rgba(230,126,34,.08);border:1px solid rgba(230,126,34,.3);border-radius:var(--pb-radius-xs);padding:var(--pb-space-3) var(--pb-space-4);font-size:13px;color:var(--pb-warning,#e67e22);line-height:1.5}.pb-picking-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pb-picking-table{width:100%;border-collapse:collapse;font-size:13px;min-width:380px}.pb-picking-thead-row{background:var(--pb-surface-secondary,#f7f7f7);border-bottom:2px solid var(--pb-border,#e0e0e0)}.pb-picking-tr{border-bottom:1px solid var(--pb-border,#e0e0e0);transition:background .1s}.pb-picking-tr--active{background:rgba(24,160,251,.08)}.pb-picking-th{text-align:left;font-weight:600;font-size:12px;color:var(--pb-text-secondary,#8a8a8a);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.pb-picking-td,.pb-picking-th{padding:var(--pb-space-2) var(--pb-space-3)}.pb-picking-td{vertical-align:middle}.pb-picking-td--bold{font-weight:600}.pb-picking-td--muted,.pb-picking-td--rh{color:var(--pb-text-secondary,#8a8a8a)}.pb-picking-td--rh{font-style:italic}.pb-picking-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pb-space-4)}.pb-daily-card-h{height:100%;box-sizing:border-box}.pb-daily-step-bg{background:var(--pb-step-color,var(--pb-accent))}.pb-daily-card-title{flex:1;min-width:0}.pb-daily-card-desc{margin:0;line-height:1.5}.pb-daily-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pb-space-3)}.pb-daily-grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:var(--pb-space-3)}.pb-daily-cta-row{display:flex;gap:var(--pb-space-3);flex-wrap:wrap;align-items:center}.pb-daily-tips-block{padding:18px 22px}.pb-daily-tip-item{line-height:1.6;color:#000}.pb-daily-tips-alert{width:100%}.pb-daily-tips-alert .pb-daily-tips-list{padding-left:var(--pb-space-5);margin:0}.pb-daily-tips-alert .pb-daily-tip-item{font-size:14px;color:#000}.pb-daily-related-row{display:flex;gap:10px;flex-wrap:wrap}.pb-pg-session-block{padding:var(--pb-space-4) var(--pb-space-5)}.pb-pg-task-num{width:26px;height:26px;border-radius:50%;background:var(--pb-accent);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pb-pg-task-arrow{margin-left:auto;font-size:13px;color:var(--pb-text-tertiary)}.pb-pg-actions-row{display:flex;gap:10px}.pb-pg-section-label{margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.pb-pg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-2)}.pb-pg-focus-btn{height:auto;padding:10px 14px;text-align:left;flex-direction:column;align-items:flex-start;gap:2px}.pb-pg-row-gap-2{display:flex;gap:var(--pb-space-2)}.pb-pg-settings-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-6);align-items:flex-start}.pb-pg-settings-row--selects{gap:var(--pb-space-4)}.pb-pg-settings-row--selects>label{flex:0 0 auto;width:200px;max-width:100%}.pb-pg-settings-row--selects .g-select,.pb-pg-settings-row--selects .g-select-control,.pb-pg-settings-row--selects .g-select-control__button{width:100%}.pb-pg-steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.pb-pg-step{flex:1 0 auto;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text-secondary);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.pb-pg-step:hover{border-color:var(--pb-accent)}.pb-pg-step.is-done{color:var(--pb-text);border-color:var(--pb-border-strong)}.pb-pg-step.is-current{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:var(--pb-text);font-weight:600}.pb-pg-step.is-correct{border-color:var(--pb-success);background:color-mix(in srgb,var(--pb-success) 16%,transparent);color:var(--pb-text)}.pb-pg-step.is-wrong{border-color:var(--pb-danger);background:color-mix(in srgb,var(--pb-danger) 16%,transparent);color:var(--pb-text)}.pb-pg-exercise{width:100%}.pb-pg-exercise-title{margin-bottom:var(--pb-space-3)}.pb-pg-nav{display:flex;justify-content:space-between;gap:var(--pb-space-3)}.pb-picking-grid-empty{padding:var(--pb-space-4);color:var(--pb-text-secondary,#8a8a8a);font-size:13px}.pb-picking-grid-root{-webkit-overflow-scrolling:touch}.pb-picking-grid-inner{display:inline-flex;flex-direction:column;min-width:100%;gap:0}.pb-picking-grid-rhf-row{display:flex}.pb-picking-grid-spacer{width:56px;flex-shrink:0}.pb-picking-grid-rhf-cell{width:44px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--pb-text-secondary,#8a8a8a);font-style:italic;flex-shrink:0}.pb-picking-grid-string-row{display:flex;align-items:center;border-bottom:1px solid var(--pb-border,#e0e0e0)}.pb-picking-grid-string-row[data-first=true]{border-top:1px solid var(--pb-border,#e0e0e0)}.pb-picking-grid-str-label{width:56px;flex-shrink:0;padding:0 var(--pb-space-2);display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--pb-text-secondary,#8a8a8a)}.pb-picking-grid-str-num{font-weight:600;color:var(--pb-text-primary,#1a1a1a)}.pb-picking-grid-str-note{color:var(--pb-text-secondary,#8a8a8a)}.pb-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(--pb-border,#e0e0e0);transition:background .1s;position:relative}.pb-picking-grid-step[data-clickable=true]{cursor:pointer}.pb-picking-grid-step[data-beat=true]{border-left:2px solid var(--pb-border-strong,#c0c0c0)}.pb-picking-grid-step[data-accent-beat=true]{background:var(--pb-surface-secondary,rgba(0,0,0,.03))}.pb-picking-grid-step[data-active=true]{background:var(--pb-accent-light,rgba(24,160,251,.12))}.pb-picking-grid-dot{width:18px;height:18px;border-radius:50%;background:var(--pb-text-primary,#1a1a1a);border:none;position:relative;z-index:1;transition:all .1s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pb-picking-grid-dot[data-pinch=true]{width:22px;height:22px;border:3px solid var(--pb-accent,#18a0fb)}.pb-picking-grid-dot[data-brush=true]{background:var(--pb-text-secondary,#8a8a8a)}.pb-picking-grid-dot[data-accent=true]{background:var(--pb-warning,#e67e22)}.pb-picking-grid-dot[data-active=true]{background:var(--pb-accent,#18a0fb);box-shadow:0 0 0 3px rgba(24,160,251,.25)}.pb-picking-grid-brush-arrow{color:#fff;font-size:10px;line-height:1}.pb-picking-grid-rest-sym{font-size:14px;color:var(--pb-text-secondary,#8a8a8a);position:relative;z-index:1}.pb-picking-grid-beat-row{display:flex;padding-top:4px}.pb-picking-grid-beat-cell{width:44px;flex-shrink:0;text-align:center;font-size:11px;font-weight:400;color:var(--pb-text-secondary,#8a8a8a);padding-bottom:4px}.pb-picking-grid-beat-cell[data-beat=true]{font-weight:600;color:var(--pb-text-primary,#1a1a1a)}.pb-picking-mini-card{display:flex;flex-direction:column;gap:var(--pb-space-2);text-decoration:none;color:inherit}.pb-picking-mini-grid{display:flex;justify-content:center;background:var(--pb-surface-muted);border:1px solid var(--pb-border);border-radius:var(--pb-radius-sm,8px);padding:12px var(--pb-space-3);margin-bottom:var(--pb-space-2);overflow:hidden}.pb-picking-mini-title{margin-bottom:0}.pb-picking-mini-desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pb-picking-mini-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--pb-space-3);margin-top:auto;padding-top:4px}.pb-picking-mini-meta-col{display:flex;flex-direction:column;gap:4px;min-width:0}.pb-picking-mini-meta-col--right{align-items:flex-end;text-align:right}.pb-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}.pb-picking-mini-stats-line{display:inline-flex;align-items:center;gap:6px}.pb-picking-mini-bpm,.pb-picking-mini-stats-line{font-size:11px;color:var(--pb-text-secondary);white-space:nowrap}.pb-picking-mini-sep{color:var(--pb-border-strong,#d0d0d0)}.pb-difficulty-meter{display:inline-flex;align-items:center;gap:2px;line-height:0}.pb-difficulty-dot{display:inline-flex;color:var(--pb-border-strong)}.pb-picking-player-root{display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-picking-player-controls{display:flex;align-items:center;gap:var(--pb-space-3);flex-wrap:wrap}.pb-picking-player-play-btn{min-width:48px}.pb-picking-player-bpm-row{display:flex;align-items:center;gap:var(--pb-space-2);flex:1;min-width:200px}.pb-picking-player-bpm-label{font-size:13px;font-weight:600;min-width:60px;color:var(--pb-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pb-picking-player-slider-wrap{flex:1}.pb-picking-player-steps-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.pb-picking-player-step-dot{width:8px;height:8px;border-radius:50%;background:var(--pb-text-tertiary,#c0c0c0);transition:background .1s;flex-shrink:0}.pb-picking-player-step-dot[data-accent=true]{width:12px;height:12px}.pb-picking-player-step-dot[data-silent=true]{background:var(--pb-border,#e0e0e0)}.pb-picking-player-step-dot[data-active=true]{background:var(--pb-accent,#18a0fb)}.pb-picking-player-counter{font-size:12px;color:var(--pb-text-secondary);margin-left:var(--pb-space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pb-pcs-card{border:1px solid var(--pb-border,#e8e8e8);border-radius:10px;padding:var(--pb-space-4);background:var(--pb-surface,#fff)}.pb-pcs-current{margin-bottom:var(--pb-space-3);font-size:12px;color:var(--pb-text-secondary,#8a8a8a)}.pb-pcs-current-name{color:var(--pb-accent,#18a0fb)}.pb-pcs-groups{display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-pcs-group-label{font-size:11px;font-weight:500;color:var(--pb-text-secondary,#8a8a8a);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.pb-pcs-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-pcs-chord-btn[data-selected=true]{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 10%,var(--pb-surface));color:var(--pb-accent)}.pb-pcs-chord-label{font-size:15px;font-weight:600;line-height:1.1}.pb-pcs-warning{margin-top:var(--pb-space-3);padding:var(--pb-space-2) var(--pb-space-3);border-radius:6px;background:color-mix(in srgb,var(--pb-interval-b3) 8%,transparent);border:1px solid color-mix(in srgb,var(--pb-interval-b3) 30%,transparent);font-size:12px;color:var(--pb-warning,#e67e22)}.pb-pcs-hint{margin-top:10px;font-size:11px;color:var(--pb-text-secondary,#8a8a8a)}.pb-arp-practice-block{margin-top:var(--pb-space-6);padding-top:var(--pb-space-5);border-top:1px solid var(--pb-divider)}.pb-arp-practice-label{margin-bottom:var(--pb-space-3)}.pb-arp-practice-controls{display:flex;align-items:center;gap:var(--pb-space-3);flex-wrap:wrap;margin-bottom:var(--pb-space-4)}.pb-arp-practice-bpm-row{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-arp-practice-slider{width:120px}.pb-arp-practice-play-btn-row{display:inline-flex;align-items:center;gap:6px}.pb-arp-flow-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:8px}.pb-arp-flow-svg{display:block;height:auto;min-width:var(--_arp-min-w,auto)}.pb-pkg-detail-header{margin-top:var(--pb-space-2);margin-bottom:var(--pb-space-6)}.pb-pkg-meta-row{display:flex;gap:var(--pb-space-2);flex-wrap:wrap;margin-top:var(--pb-space-2)}.pb-pkg-meta-badge{display:inline-flex;align-items:center;gap:4px}.pb-pkg-prose{max-width:720px;line-height:1.7}.pb-pkg-view-all{margin-top:var(--pb-space-3);text-align:right}.pb-ear-tips-title{font-weight:600;margin-bottom:6px}.pb-ear-tips-list{line-height:1.7;margin:0}.pb-ear-tips-alert{width:100%}.pb-ear-tips-alert .pb-ear-tips-list{padding-left:var(--pb-space-5)}.pb-ear-tips-alert .pb-ear-tips-list li{font-size:14px}.pb-ear-trainer-stack{display:flex;flex-direction:column;gap:var(--pb-space-4)}.ear-game__top-controls{display:flex;flex-wrap:wrap;gap:var(--pb-space-6);align-items:flex-start}.pb-pmg-root{display:inline-flex;flex-direction:column;gap:0}.pb-pmg-root[data-size=xs]{--_pmg-cell-w:22px;--_pmg-cell-h:14px;--_pmg-dot:6px;--_pmg-label-w:16px;--_pmg-fs:9px}.pb-pmg-root[data-size=sm]{--_pmg-cell-w:30px;--_pmg-cell-h:20px;--_pmg-dot:10px;--_pmg-label-w:22px;--_pmg-fs:11px}.pb-pmg-row{display:flex;align-items:center}.pb-pmg-label{width:var(--_pmg-label-w);flex-shrink:0;font-size:var(--_pmg-fs);color:var(--pb-text-secondary,#8a8a8a);text-align:right;padding-right:3px;line-height:1}.pb-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(--pb-border,#e8e8e8);position:relative}.pb-pmg-cell[data-beat=true]{border-left-color:var(--pb-border-strong,#c0c0c0)}.pb-pmg-cell[data-active=true]{background:color-mix(in srgb,#18a0fb 12%,transparent)}.pb-pmg-string-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--pb-border,#e8e8e8);transform:translateY(-50%);pointer-events:none}.pb-pmg-dot{width:var(--_pmg-dot);height:var(--_pmg-dot);border-radius:50%;background:#1a1a1a;position:relative;z-index:1;flex-shrink:0}.pb-pmg-dot[data-active=true]{background:#18a0fb}.pb-ppfb-root{display:flex;flex-direction:column;gap:6px}.pb-ppfb-root--rotated .pb-fretboard-svg{transform:rotate(-90deg)}.pb-ppfb-root--rotated .pb-fretboard-svg text{transform-box:fill-box;transform-origin:center;transform:rotate(90deg)}.pb-ppfb-name{text-align:center;font-weight:600;font-size:16px;color:var(--pb-text-primary,#1a1a1a)}.pb-ppfb-strings{text-align:center;font-size:12px;color:var(--pb-accent,#18a0fb);font-weight:500}.pb-ppfb-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding-top:var(--pb-space-2)}.pb-ppfb-note-badge{font-size:12px;font-weight:600;color:var(--pb-accent,#18a0fb);background:color-mix(in srgb,#18a0fb 10%,transparent);border-radius:4px;padding:2px 6px;white-space:nowrap}.pb-update-notification{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--pb-surface,var(--g-color-base-background));border-top:1px solid var(--pb-border,var(--g-color-line-generic));box-shadow:0 -2px 12px rgba(0,0,0,.12);padding:var(--pb-space-3) var(--pb-space-5);animation:pb-slide-up .3s ease-out}.pb-update-notification__body{max-width:1360px;margin:0 auto;display:flex;align-items:center;gap:var(--pb-space-4);flex-wrap:wrap}.pb-update-notification__message{flex:1 1 0;min-width:200px;color:var(--pb-text,var(--g-color-text-primary))}.pb-update-notification__actions{display:flex;gap:var(--pb-space-2);flex-shrink:0}}@layer app-components{}@layer app-components{@keyframes pb-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sa-cookie-bar{--sa-brand-accent:var(--pb-accent,#8f52cc);--sa-text-secondary:var(--pb-text-secondary,var(--g-color-text-secondary));--sa-surface-raised:var(--pb-surface,var(--g-color-base-background));--sa-border-primary:var(--pb-border,var(--g-color-line-generic));--sa-shadow-lg:var(--pb-shadow-2);position:fixed;bottom:16px;right:16px;z-index:1000;max-width:420px;width:calc(100% - 32px)}.sa-cookie-consent-accepted .sa-cookie-bar{display:none}.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)}}@layer app-components{@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}}}@layer app-components{.pb-offline{display:flex;justify-content:center;padding:var(--pb-space-7) 0}.pb-offline__card{max-width:540px;text-align:center;display:flex;flex-direction:column;gap:var(--pb-space-3);padding:var(--pb-space-7);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);background:var(--pb-surface)}.pb-offline__icon{font-size:48px}.pb-offline__title{font-size:24px;font-weight:600;margin:0;color:var(--pb-text)}.pb-offline__text{color:var(--pb-text-secondary);line-height:1.55;margin:0}.pb-offline__text--en{font-size:14px;opacity:.85}.pb-offline__actions{margin-top:var(--pb-space-3)}.pb-offline__btn{display:inline-block;padding:var(--pb-space-2) var(--pb-space-5);border-radius:var(--pb-radius-md);background:var(--pb-accent,#8f52cc);color:#fff;font-weight:600;text-decoration:none}.pb-rec-panel{margin-top:var(--pb-space-7)}.pb-rec-panel__title{margin-bottom:12px}.pb-rec-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pb-rec-panel__card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:10px;border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.pb-rec-panel__card:hover{border-color:var(--pb-accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.pb-rec-panel__card-header{display:flex;align-items:center;gap:6px}.pb-rec-panel__type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--pb-radius-xs);background:var(--pb-surface-muted);color:var(--pb-text-tertiary);font-family:var(--g-font-family-monospace);white-space:nowrap}.pb-rec-panel__type-badge--related{background:color-mix(in srgb,var(--pb-accent) 12%,transparent);color:var(--pb-accent)}.pb-rec-panel__type-badge--next-page{background:color-mix(in srgb,#2e7d32 12%,transparent);color:#2e7d32}.pb-rec-panel__type-badge--next-exercise{background:color-mix(in srgb,#e65100 12%,transparent);color:#e65100}.pb-rec-panel__type-badge--review{background:color-mix(in srgb,#6a1b9a 12%,transparent);color:#6a1b9a}.pb-rec-panel__type-badge--route-step{background:color-mix(in srgb,#0277bd 12%,transparent);color:#0277bd}.pb-rec-panel__tier-badge{font-size:10px;margin-left:auto;color:var(--pb-text-tertiary)}.pb-rec-panel__card-label{font-size:16px;font-weight:600;line-height:1.2}.pb-rec-panel__card-reason{font-size:13px;line-height:1.35;color:var(--pb-text-secondary)}.pb-rec-panel__auth-hint{margin-top:12px;font-size:14px;color:var(--pb-text-secondary);padding:12px 16px;border-radius:10px;background:var(--pb-surface-muted);border:1px solid var(--pb-border);text-align:center}.pb-rec-panel__auth-hint a{color:var(--pb-accent);text-decoration:underline}.pb-rec-panel__loading{display:flex;gap:12px}.pb-rec-panel__skeleton{height:96px;border-radius:10px;background:var(--pb-surface-muted);border:1px solid var(--pb-border);flex:1;animation:pb-rec-pulse 1.5s ease-in-out infinite}}@layer app-components{@keyframes pb-rec-pulse{0%,to{opacity:1}50%{opacity:.5}}}@layer app-components{@media (max-width:600px){.pb-rec-panel__grid{grid-template-columns:1fr}.pb-rec-panel__loading{flex-direction:column}}}@layer app-components{.pb-hub-header{display:flex;flex-direction:column;gap:var(--pb-space-3);margin-bottom:var(--pb-content-section-gap)}.hub-page>.pb-hub-header,.pb-daily-stack>.pb-hub-header,.pb-home>.pb-hub-header,.pb-hub-header>.pb-breadcrumbs,.pb-stack>.pb-hub-header{margin-bottom:0}[class*=space-y-]>.pb-hub-header,[class*=space-y-]>.pb-hub-header+*{margin-top:0}}@layer app-components{@media (max-width:640px){.pb-hub-header{margin-bottom:var(--pb-space-6)}.hub-page>.pb-hub-header{margin-bottom:0}}}@layer app-components{.pb-hub-header__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--pb-space-4);flex-wrap:wrap}.pb-hub-header__text{min-width:0;flex:1}.pb-hub-header__actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--pb-space-2)}.pb-hub-header__actions--detail .pb-detail-actions,.pb-hub-header__actions--detail .pb-detail-actions__row{height:36px}}@layer app-components{@media (max-width:768px){.pb-hub-header__top{flex-direction:column;align-items:stretch;gap:22px}.pb-hub-header__actions{width:100%;align-items:stretch}.pb-hub-header__actions>*{width:100%}.pb-hub-header__actions .pb-share-bar{display:flex;width:100%;gap:8px;align-items:center}.pb-hub-header__actions .pb-share-bar>.pb-share-btn{flex:0 0 auto;width:36px;height:36px}.pb-hub-header__actions .pb-share-bar>.g-button{flex:1 1 auto;min-width:0}.pb-hub-header__actions--detail{display:flex;flex-direction:column;width:calc(100vw - 32px - var(--pb-page-padding-tablet) - var(--pb-page-padding-tablet));max-width:100%;align-self:flex-start}.pb-hub-header__actions--detail .pb-detail-actions{flex-direction:row;align-items:center;width:100%;height:44px;min-width:0}.pb-hub-header__actions--detail .pb-detail-actions__root-select{flex:1 1 auto;width:auto;min-width:0}.pb-hub-header__actions--detail .pb-root-select-nav,.pb-hub-header__actions--detail .pb-root-select-nav>*{width:100%!important}.pb-hub-header__actions--detail .pb-root-select-nav .g-select-control{height:44px!important;min-height:44px;max-height:44px}.pb-hub-header__actions--detail .pb-detail-actions__row{display:flex;flex:0 0 auto;justify-content:flex-start;gap:var(--pb-space-2);width:auto;height:44px}.pb-hub-header__actions--detail .pb-compare-btn,.pb-hub-header__actions--detail .pb-detail-actions__mobile-share,.pb-hub-header__actions--detail .pb-fav-btn{flex:0 0 44px;width:44px;min-width:44px}.pb-hub-header__actions--detail .pb-detail-actions__mobile-share{display:block;height:44px}.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .pb-page-share,.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .pb-share-bar{width:44px;height:44px}.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .pb-share-btn{display:none}.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .g-button{width:44px;min-width:44px}.pb-hub-header__actions--detail>.pb-page-share{display:none}.pb-hub-header__actions--detail .pb-compare-btn .g-button,.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .g-button,.pb-hub-header__actions--detail .pb-fav-btn.g-button{height:44px!important;padding-inline:0}.pb-hub-header__actions--detail .pb-compare-btn__content,.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .pb-share-native-content{justify-content:center}.pb-hub-header__actions--detail .pb-fav-btn__label{display:none!important}.pb-hub-header__actions--detail .pb-fav-btn.g-button{gap:0}.pb-hub-header__actions--detail .pb-fav-btn.g-button .g-button__text{width:0;min-width:0;overflow:hidden}.pb-hub-header__actions--detail .pb-fav-btn.g-button .g-button__icon{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}.pb-hub-header__actions--detail .pb-compare-btn__label,.pb-hub-header__actions--detail .pb-detail-actions__mobile-share .pb-share-native-content>span{display:none}}}@layer app-components{@media (max-width:640px){.pb-hub-header__actions--detail{width:calc(100vw - var(--pb-page-padding-mobile) - var(--pb-page-padding-mobile))}}}@layer app-components{.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--pb-space-4)}.pb-tile{display:flex;flex-direction:column;gap:var(--pb-space-2);padding:var(--pb-space-3);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);transition:border-color .15s,background .15s;text-decoration:none;color:inherit;box-sizing:border-box}.pb-tile:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-tile--full-height{height:100%}.pb-tile--disabled{opacity:.5;pointer-events:none}.pb-tile__title{font-size:16px;font-weight:600;line-height:1.2}.pb-tile__sub{font-size:13px;color:var(--pb-text-secondary)}.pb-tile__meta{display:flex;align-items:center;gap:var(--pb-space-2);margin-top:auto;padding-top:var(--pb-space-1)}.pb-tile__formula{font-family:var(--font-ibm-plex-mono),monospace;font-size:12px;color:var(--pb-text-tertiary)}.pb-catalog-filters{display:flex;flex-direction:column;gap:12px}.pb-tfilt-search-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pb-space-3)}.pb-tfilt-search-input{flex:1 1 220px;height:36px;padding:0 var(--pb-space-3);border:1px solid var(--pb-border);border-radius:var(--pb-radius-sm);background:var(--pb-surface);color:var(--pb-text);font:inherit}.pb-tfilt-search-input:focus{outline:none;border-color:var(--pb-accent)}.pb-tfilt-search-input:focus-visible{outline:2px solid var(--pb-focus-ring);outline-offset:2px}.pb-tfilt-mlabel{display:none}}@layer app-components{@media (max-width:640px){.pb-catalog-filters{gap:4px}.pb-tfilt-mlabel{display:block;margin-bottom:4px;text-align:left}.pb-tfilt-mlabel:not(:first-child){margin-top:12px}.pb-chip-row__label{display:none}.pb-tfilt-search-row{flex-wrap:nowrap}.pb-tfilt-search-input{flex:7 1 0;min-width:0}.pb-tfilt-search-row>.g-select{flex:3 1 0;width:auto!important;min-width:0}.pb-tfilt-chips-row{flex-wrap:nowrap}.pb-tfilt-chips-row>.pb-chip{flex:1 1 0;min-width:0;justify-content:center;text-align:center;padding-inline:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-tfilt-reset-btn{flex:0 0 auto}.pb-tfilt-reset-btn.pb-tfilt-reset-btn--hidden{visibility:hidden;pointer-events:none}}}@layer app-components{.pb-tfilt-reset-btn--hidden{display:none}}@layer app-components{@media (max-width:640px){.pb-tfilt-reset-btn--hidden{display:inline-flex}}}@layer app-components{.pb-tfilt-chips-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2);align-items:center}.pb-chip[data-active=true]{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:#000;font-weight:600}.dark .pb-chip[data-active=true]{color:var(--pb-accent)}.pb-root-chip{min-width:36px}}@layer app-components{@media (max-width:640px){.pb-chip-row .pb-root-chip{flex:1 1 auto}}}@layer app-components{.pb-tfilt-reset-btn{height:36px;padding:0 var(--pb-space-3);border:none;background:transparent;color:var(--pb-text-secondary);font:inherit;font-size:14px;cursor:pointer;border-radius:var(--pb-radius-sm)}.pb-tfilt-reset-btn:hover{color:var(--pb-text)}.pb-selector-bar__label{font-size:12px;letter-spacing:.05em;line-height:1.4;font-weight:500;text-transform:uppercase;color:var(--pb-text-secondary);min-width:-moz-fit-content;min-width:fit-content}.pb-empty-state{padding:var(--pb-space-8) var(--pb-space-4);text-align:center;border:1px dashed var(--pb-border);border-radius:var(--pb-radius-md)}.pb-back-link,.pb-empty-state{color:var(--pb-text-secondary)}.pb-back-link{display:inline-block;margin-bottom:var(--pb-space-3);text-decoration:none;font-size:14px}.pb-back-link:hover{color:var(--pb-accent)}.pb-howto-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pb-space-3)}.pb-transpose{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-deflist{display:grid;grid-template-columns:max-content 1fr;gap:var(--pb-space-2) var(--pb-space-5);margin:0}.pb-deflist>div{display:contents}.pb-deflist dt{color:var(--pb-text-secondary);font-size:14px}.pb-deflist dd{margin:0;font-weight:500}.pb-diagram-frame{overflow-x:auto;border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:#ffffff;padding:var(--pb-space-3)}.pb-diagram-svg{display:block;width:100%;height:auto}.pb-export-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pb-space-3)}.pb-export-row .pb-selector-bar__label{display:inline-flex;align-items:center;gap:6px}.pb-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-4)}}@layer app-components{@media (max-width:768px){.pb-compare-grid{grid-template-columns:1fr}}}@layer app-components{.pb-finder-kb .pb-key{cursor:pointer}.pb-freq-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:0}.pb-freq-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.pb-freq-table td,.pb-freq-table th{border:1px solid var(--pb-border);text-align:center;padding:0}.pb-freq-table thead th{padding:8px 6px;background:var(--pb-surface-muted);vertical-align:middle}.pb-freq-oct-name{display:block;font-size:11px;font-weight:500;line-height:1.15;color:var(--pb-text-secondary)}.pb-freq-oct-name__narrow{display:none}}@layer app-components{@media (max-width:640px){.pb-freq-oct-name__wide{display:none}.pb-freq-oct-name__narrow{display:flex;flex-direction:column}}}@layer app-components{.pb-freq-oct-num{display:block;margin-top:2px;font-size:15px;font-weight:700;line-height:1.1;color:var(--pb-text);font-variant-numeric:tabular-nums}.pb-freq-corner{background:var(--pb-surface-muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--pb-text-secondary)}.pb-freq-corner,.pb-freq-note{position:sticky;left:0;z-index:1}.pb-freq-note{padding:6px 12px;background:var(--pb-surface-muted);font-family:var(--font-ibm-plex-mono),monospace;font-weight:600;min-width:52px}.pb-freq-note.is-black{color:var(--pb-text-secondary)}.pb-freq-cell{width:100%;min-width:62px;padding:8px 12px 8px 8px;border:none;background:var(--pb-surface);color:var(--pb-text);font-family:var(--font-ibm-plex-mono),monospace;font-size:12.5px;font-weight:400;cursor:pointer;text-align:right;font-variant-numeric:tabular-nums}.pb-freq-unit{font-size:.8em;color:var(--pb-text-secondary)}.pb-freq-cell:hover{background:var(--pb-accent-soft)}.pb-freq-table tbody tr:hover .pb-freq-cell{background:color-mix(in srgb,var(--pb-accent) 5%,var(--pb-surface))}.pb-freq-table tbody tr:hover .pb-freq-cell:hover{background:var(--pb-accent-soft)}.pb-enh-card{align-items:flex-start;gap:var(--pb-space-2)}.pb-enh-pair{display:flex;align-items:center;gap:var(--pb-space-2);background:none;border:none;cursor:pointer;font:inherit;color:var(--pb-text);padding:0}.pb-enh-spelling{font-size:28px;font-weight:600}.pb-enh-eq{font-size:20px;color:var(--pb-text-secondary)}.pb-enh-link,.pb-enh-pair:hover .pb-enh-spelling{color:var(--pb-accent)}.pb-enh-link{text-decoration:none;font-size:13px}.pb-enh-link:hover{text-decoration:underline}.pb-chord-row{display:flex;flex-wrap:nowrap;gap:var(--pb-space-3)}.pb-chord-row__item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1 0;min-width:0;padding:var(--pb-space-2);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}}@layer app-components{@media (max-width:640px){.pb-chord-row{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.pb-chord-row__item{flex:0 0 auto;min-width:140px}}}@layer app-components{.pb-chord-row__item:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-chord-row__roman{font-family:var(--font-ibm-plex-mono),monospace;font-size:13px;color:var(--pb-text-secondary)}.pb-chord-row__label{font-weight:600;font-size:14px}.pb-chord-row__item .pb-kbd-diagram{--pb-key-white-h:10rem;--pb-key-black-h:6.2rem}.pb-prog-play{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-prog-play .pb-playback-bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-3)}.pb-prog-play .pb-playback-bar .g-button{width:100%}}@layer app-components{@media (max-width:640px){.pb-prog-play .pb-chord-row{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.pb-prog-play .pb-chord-row__item{flex:initial;min-width:0}.pb-prog-play .pb-playback-bar{grid-template-columns:1fr}}}@layer app-components{.pb-difficulty-meter{display:inline-flex;gap:2px;align-items:center}.pb-difficulty-dot{display:inline-flex;color:var(--pb-border-strong)}.pb-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:var(--pb-space-4)}.pb-ref-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--pb-space-2);padding:var(--pb-space-4) var(--pb-space-4);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);text-decoration:none;color:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.pb-ref-card:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,transparent);box-shadow:var(--pb-shadow-1)}.pb-ref-card__diagram{display:flex;justify-content:center;width:100%;margin-bottom:var(--pb-space-1)}.pb-ref-card .pb-kbd-diagram{--pb-key-white-h:7.5rem;--pb-key-black-h:4.65rem}.pb-ref-card .pb-kbd-diagram .pb-key__label{display:none}.pb-ref-card__title{font-size:16px;font-weight:600;line-height:1.2;color:var(--pb-text)}.pb-ref-card__sub{font-size:14px;color:var(--pb-text-secondary)}.pb-keysig-value{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pb-space-2)}.pb-keysig-value__text{margin:0}.pb-footnote-commentary{font-size:var(--pb-fs-secondary);line-height:1.6;color:var(--pb-text-secondary);padding:var(--pb-space-3) var(--pb-space-4);background:var(--pb-surface-muted);border-radius:var(--pb-radius-sm)}.pb-footnote-commentary .pb-footnote{color:var(--pb-text);font-weight:500}.pb-ref-card__formula{font-family:var(--font-ibm-plex-mono),monospace;font-size:12px;color:var(--pb-text-tertiary);margin-top:auto;padding-top:var(--pb-space-1)}.pb-prefooter__col{min-width:0}.pb-related-stack{display:flex;flex-direction:column;gap:var(--pb-space-7)}.pb-related-group__title{margin:0 0 var(--pb-space-3) 0}.pb-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--pb-space-3)}.pb-link-card{display:flex;flex-direction:column;gap:2px;padding:var(--pb-space-3);border:1px solid var(--pb-border);border-radius:var(--pb-radius-xs);background:var(--pb-surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.pb-link-card:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-link-card__title{font-weight:500;font-size:15px;color:var(--pb-text)}.pb-link-card__sub{font-size:12px;color:var(--pb-text-secondary)}.pb-resolution-card{display:flex;flex-direction:column;gap:var(--pb-space-2);padding:var(--pb-space-4);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface);transition:border-color .15s}.pb-resolution-card__head{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-resolution-card__title{font-size:14px;font-weight:600;color:var(--pb-text)}.pb-resolution-card__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--pb-radius-xs);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pb-resolution-card__body{font-size:14px;line-height:1.5;color:var(--pb-text-secondary)}.pb-resolution-card__target{display:flex;align-items:center;gap:var(--pb-space-2);font-size:14px;font-weight:500}.pb-resolution-card--deceptive{border-left:3px solid var(--pb-warning)}.pb-resolution-card--deceptive .pb-resolution-card__badge{background:color-mix(in srgb,var(--pb-warning) 15%,transparent);color:var(--pb-warning-text)}.pb-resolution-card--modal{border-left:3px solid var(--pb-interval-tritone)}.pb-resolution-card--modal .pb-resolution-card__badge{background:color-mix(in srgb,var(--pb-interval-tritone) 15%,transparent);color:var(--pb-interval-text-tritone)}.pb-resolution-card--functional{border-left:3px solid var(--pb-success)}.pb-resolution-card--functional .pb-resolution-card__badge{background:color-mix(in srgb,var(--pb-success) 15%,transparent);color:var(--pb-success-text)}.pb-resolution-card--jazz{border-left:3px solid var(--pb-interval-5)}.pb-resolution-card--jazz .pb-resolution-card__badge{background:color-mix(in srgb,var(--pb-interval-5) 15%,transparent);color:var(--pb-interval-text-5)}.pb-resolution-stepper{display:flex;flex-direction:column;gap:16px}.pb-resolution-stepper__item{display:flex;flex-direction:column;gap:0;background:var(--pb-surface-muted);border-radius:10px;padding:14px 16px}.pb-resolution-stepper__flow{display:flex;align-items:center;gap:12px}.pb-resolution-stepper__card,.pb-resolution-stepper__flow>.pb-chord-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:12px 16px;border-radius:8px;border:1px solid var(--pb-border);background:var(--pb-surface);min-width:90px;flex:1 1 0}.pb-resolution-stepper__flow--equal-cards{align-items:stretch}.pb-resolution-stepper__flow--equal-cards>.pb-resolution-stepper__card{justify-content:center}.pb-resolution-stepper__flow--equal-cards>.pb-resolution-stepper__chevron{align-self:center}.pb-resolution-stepper__flow--linked-cards{align-items:stretch}.pb-resolution-stepper__flow--linked-cards>.pb-chord-card,.pb-resolution-stepper__flow--linked-cards>.pb-resolution-stepper__card{min-height:60px;justify-content:center}.pb-resolution-stepper__flow--linked-cards>.pb-resolution-arrow-col,.pb-resolution-stepper__flow--linked-cards>.pb-resolution-stepper__chevron{align-self:center}.pb-resolution-stepper__card[data-color=accent]{border-color:var(--pb-accent)}.pb-resolution-stepper__card[data-color=orange]{border-color:var(--pb-interval-b3)}.pb-resolution-stepper__card[data-color=green]{border-color:var(--pb-interval-4)}.pb-resolution-stepper__card[data-color=accent] .pb-resolution-stepper__degree{color:var(--pb-accent-text)}.pb-resolution-stepper__card[data-color=orange] .pb-resolution-stepper__degree{color:var(--pb-interval-text-b3)}.pb-resolution-stepper__card[data-color=green] .pb-resolution-stepper__degree{color:var(--pb-interval-text-4)}.pb-resolution-stepper__card[data-interval]{border-color:var(--_ic,var(--pb-border))}.pb-resolution-stepper__card[data-interval] .pb-resolution-stepper__degree{color:var(--_ic-text)}.pb-resolution-stepper__degree{font-size:12px;font-weight:600;font-family:var(--g-font-family-monospace,monospace);line-height:1.2}.pb-resolution-stepper__note{font-size:16px;font-weight:600;line-height:1.2}.pb-resolution-stepper__en{font-size:11px;color:var(--pb-text-secondary);line-height:1.2}.pb-resolution-stepper__card--link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.pb-resolution-stepper__card--link:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))}.pb-resolution-stepper__chevron{color:var(--pb-text-secondary);flex-shrink:0}.pb-resolution-stepper__comment{margin-top:12px;padding-top:12px;border-top:1px solid var(--pb-border);font-size:13px;color:var(--pb-text-secondary);line-height:1.6}.pb-chord-mode-step{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:opacity .15s}.pb-chord-mode-step:hover{opacity:.85}.pb-chord-mode-step__card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:8px;border:1px solid var(--pb-border);background:var(--pb-surface);min-width:56px;transition:border-color .15s,background .15s}.pb-chord-mode-step:hover .pb-chord-mode-step__card{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))}.pb-chord-mode-step__card--mode{border-color:color-mix(in srgb,var(--pb-accent) 40%,var(--pb-border));background:color-mix(in srgb,var(--pb-accent) 6%,var(--pb-surface))}.pb-chord-mode-step__card-title{font-weight:600;font-size:14px;line-height:1.2}.pb-chord-mode-step__card-sub{font-size:11px;color:var(--pb-text-secondary);font-family:var(--g-font-family-monospace,monospace)}.pb-chord-mode-step__chevron{color:var(--pb-text-tertiary);flex-shrink:0}.pb-fn-chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,auto));gap:8px;margin-top:8px}.pb-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(--pb-border));background:color-mix(in srgb,var(--_fc,var(--pb-border)) 6%,var(--pb-surface));text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;min-width:0}.pb-fn-chord-card:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--_fc,var(--pb-accent)) 25%,transparent)}.pb-fn-chord-card__symbol{font-weight:600;font-size:18px;line-height:1.2}.pb-fn-chord-card__degree{font-size:11px;font-weight:600;color:var(--_fc,var(--pb-text-tertiary));font-family:var(--g-font-family-monospace,monospace)}.pb-search-modal{width:min(560px,90vw);padding:var(--pb-space-4)}.pb-search-modal-input{margin-bottom:var(--pb-space-3)}.pb-search-modal-results{max-height:380px;overflow-y:auto;border-top:1px solid var(--pb-border);padding-top:var(--pb-space-2)}.pb-search-result-item{display:flex;align-items:center;gap:var(--pb-space-3);padding:var(--pb-space-2) var(--pb-space-3);border-radius:var(--pb-radius-xs);text-decoration:none;color:var(--pb-text);transition:background .1s}.pb-search-result-item--active,.pb-search-result-item:hover{background:var(--pb-accent-soft)}.pb-search-result-icon{flex-shrink:0;width:24px;text-align:center;font-size:16px}.pb-search-result-text{display:flex;flex-direction:column;min-width:0}.pb-search-result-title{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-search-result-cat{font-size:13px;color:var(--pb-text-secondary)}.pb-search-show-all{display:block;width:100%;padding:var(--pb-space-3);margin-top:var(--pb-space-2);border:none;background:none;color:var(--pb-accent-text);font-weight:500;font-size:14px;cursor:pointer;text-align:center;border-top:1px solid var(--pb-border)}.pb-search-show-all:hover{text-decoration:underline}.pb-search-modal-empty{padding:var(--pb-space-5) var(--pb-space-3);text-align:center;color:var(--pb-text-secondary);font-size:14px}.pb-search-modal-hint{display:flex;align-items:center;justify-content:center;padding-top:var(--pb-space-3);border-top:1px solid var(--pb-border);margin-top:var(--pb-space-2);font-size:12px;color:var(--pb-text-secondary)}.pb-search-modal-hint kbd{display:inline-block;padding:2px 6px;border:1px solid var(--pb-border);border-radius:4px;font-family:inherit;font-size:11px;background:var(--pb-bg);margin:0 2px}.pb-search-modal-hint-label{margin-inline-start:3px}.pb-search-modal-hint-sep{margin:0 var(--pb-space-2)}.pb-search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pb-space-3)}.pb-search-result-card{display:flex;flex-direction:column;gap:var(--pb-space-1);padding:var(--pb-space-4);border:1px solid var(--pb-border);border-radius:var(--pb-radius-sm);background:var(--pb-surface);text-decoration:none;color:var(--pb-text);transition:border-color .15s,box-shadow .15s}.pb-search-result-card:hover{border-color:var(--pb-accent);box-shadow:var(--pb-shadow-1)}.pb-search-result-card-title{font-weight:500;font-size:14px}.pb-search-result-card-desc{font-size:13px;color:var(--pb-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pb-search-page,.pb-search-page-wrap{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-search-input-wrap{max-width:560px}.pb-search-page-sections{display:flex;flex-direction:column;gap:var(--pb-space-6)}.pb-search-page-sections h2{display:flex;align-items:center;gap:var(--pb-space-2);margin-bottom:var(--pb-space-3)}.note-selector-grid{display:flex;flex-wrap:wrap;gap:8px}.note-selector-grid .g-button:hover{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.note-selector-info{display:flex;gap:8px;align-items:center;margin-top:12px}.pb-srch-input-wrap{max-width:600px;margin-bottom:var(--pb-space-7)}.pb-srch-empty{padding:var(--pb-space-6);text-align:center}.pb-srch-count-badge{margin-left:var(--pb-space-2);vertical-align:middle;display:inline-block}.pb-data-table-wrap{overflow-x:auto}.pb-data-table{width:100%;border-collapse:collapse;font-size:var(--pb-fs-caption)}.pb-data-table-head-row{border-bottom:1px solid var(--pb-border);text-align:left}.pb-data-table-th{padding:var(--pb-space-2) var(--pb-space-3);font-weight:var(--pb-fw-label);color:var(--pb-text-secondary)}.pb-data-table-row{border-bottom:1px solid var(--pb-border)}.pb-data-table-cell{padding:10px var(--pb-space-3)}.pb-data-table-cell--muted{color:var(--pb-text-secondary)}.pb-data-table-primary{font-weight:var(--pb-fw-label)}.pb-data-table-secondary{color:var(--pb-text-secondary);font-size:var(--pb-fs-micro)}.pb-data-table-status-extra{margin-left:var(--pb-space-1);display:inline-block}.pb-data-table-empty{padding:var(--pb-space-7) 0;text-align:center}.pb-freq-filter-row{align-items:flex-start;padding-bottom:var(--pb-space-4);border-bottom:1px solid var(--pb-divider)}.pb-freq-cell-bold{font-weight:600}.pb-freq-cell-hint,.pb-freq-cell-sec{color:var(--pb-text-secondary)}.pb-freq-cell-hint{font-size:.875rem}.pb-freq-table-shell{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);overflow:hidden}.pb-freq-play-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.pb-freq-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--pb-space-4)}.pb-freq-alert-list{font-family:var(--g-font-family-monospace,monospace);font-size:14px;display:flex;flex-direction:column;gap:6px}.pb-freq-alert-formula{margin-top:6px;font-size:13px;opacity:.7}.pb-theory-item--full{grid-column:1/-1;min-width:0}.pb-theory-item__value--strong{font-weight:600}.pb-theory-section-stack{display:flex;flex-direction:column;gap:var(--pb-theory-gap)}.pb-theory-line{margin:4px 0 0;font-size:16px}.pb-theory-section-stack .pb-theory-card-row{margin-top:4px}.pb-theory-page-section{margin-top:var(--pb-space-7)}.pb-theory-section-helper{margin-bottom:var(--pb-space-3);font-size:11px;font-style:italic}.pb-theory-h3-suffix{font-weight:400;font-size:.85em;margin-left:var(--pb-space-2)}.pb-theory-row-help{margin-bottom:var(--pb-space-2)}.pb-theory-card-row,.pb-theory-card-row--stretch{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-theory-card-row--stretch{align-items:stretch}.pb-theory-block-outer{margin-top:var(--pb-space-6);padding-top:var(--pb-space-5);border-top:1px solid var(--pb-divider)}.pb-theory-section-stack--lg{display:flex;flex-direction:column;gap:var(--pb-space-5)}.pb-theory-label-mb{margin-bottom:var(--pb-space-2)}.pb-theory-example-tile{padding:var(--pb-space-3) var(--pb-space-4);background:var(--pb-surface);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-divider)}.pb-theory-example-title-lg{font-weight:600;font-size:15px;margin-bottom:6px}.pb-theory-song-tile{padding:var(--pb-space-3) var(--pb-space-4);border-radius:var(--pb-radius-xs);border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-theory-song-title-lg{font-weight:600;font-size:15px;margin-bottom:2px}.pb-theory-song-link{text-decoration:none}.pb-theory-block-section{padding-top:var(--pb-space-4)}.pb-theory-grid--pt-2{padding-top:var(--pb-space-2)}.pb-theory-formula-mono{font-weight:600;font-size:16px;font-family:var(--g-font-family-monospace)}.pb-theory-formula-mono--btn{font-size:var(--pb-fs-button)}.pb-theory-formula-aside{font-size:12px;color:var(--pb-text-secondary);margin-left:var(--pb-space-2)}.pb-theory-inversion-meta{font-size:12px;color:var(--pb-text-secondary);line-height:1.2;font-family:var(--g-font-family-monospace)}.pb-theory-aside-ml{margin-left:6px}.pb-pos-voicing-list{display:flex;flex-direction:column;gap:3px}.pb-pos-voicing-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--pb-space-2);padding:var(--pb-space-1) var(--pb-space-2);border-radius:5px;background:var(--pb-surface);border:1px solid var(--pb-border);font-size:13px}.pb-pos-voicing-row--root{background:var(--pb-accent-soft,rgba(98,128,255,.12));border-color:var(--pb-accent)}.pb-pos-voicing-string{color:var(--pb-text-secondary);font-size:11px}.pb-pos-voicing-name{font-weight:600}.pb-pos-voicing-sub{font-weight:400;color:var(--pb-text-secondary);margin-left:3px;font-size:11px}.pb-pos-voicing-dup{color:var(--pb-text-tertiary);font-size:10px;margin-left:var(--pb-space-1)}.pb-pos-voicing-degree{font-size:11px;font-weight:600;font-family:var(--g-font-family-monospace,monospace)}.pb-pos-summary-row{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.pb-pos-summary-tag-accent{color:var(--pb-accent-text);margin-left:var(--pb-space-1);font-size:11px}.pb-pos-summary-tag-muted{color:var(--pb-text-secondary);margin-left:var(--pb-space-1);font-size:11px}.pb-pos-summary-mutedstr{color:var(--pb-text-tertiary);font-size:11px;margin-left:3px}.pb-pos-interval-pill{display:inline-flex;align-items:center;gap:var(--pb-space-1);padding:3px var(--pb-space-2);border-radius:4px;font-size:12px;font-weight:600;background:var(--pb-surface);border:1px solid var(--pb-border)}.pb-pos-interval-meta{font-weight:400;font-size:11px;color:var(--pb-text-secondary)}.pb-pos-doubled-line{font-size:12px;color:var(--pb-text-secondary)}.pb-theory-piano-link{display:inline-flex;align-items:center;gap:var(--pb-space-2);padding:10px 18px;border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface);text-decoration:none;color:inherit;font-weight:600}.pb-scale-conn-parent-card{display:inline-flex;flex-direction:column;padding:var(--pb-space-3) var(--pb-space-5)}.pb-tuning-gauge-row{display:flex;align-items:center;gap:10px}.pb-tuning-gauge-circle{display:inline-block;width:16px;height:16px;border-radius:50%;border:var(--pb-gauge-bw,1px) solid var(--pb-text-secondary);flex-shrink:0;box-sizing:border-box}.pb-tuning-gauge-label{font-weight:600;font-family:var(--g-font-family-monospace,monospace)}.pb-tuning-warning-row{border-radius:6px}.pb-tuning-warning-icon{color:var(--pb-warning);flex-shrink:0}.pb-tuning-string-num{line-height:1;min-width:16px}.pb-prog-fn-chord-link{text-decoration:none;padding:var(--pb-space-1) var(--pb-space-2);border-radius:6px;border:1px solid var(--pb-border);background:var(--pb-surface-muted)}.pb-prog-conn-roman{font-size:11px;color:var(--pb-text-secondary);line-height:1;font-family:var(--g-font-family-monospace)}.pb-prog-conn-scale-name{font-size:14px;font-weight:600;line-height:1.1}.pb-prog-conn-cad-list{display:flex;flex-direction:column;gap:6px}.pb-prog-conn-cad-list .pb-note-row__note{flex:0 0 72px}.pb-prog-conn-cad-list .pb-note-row__desc{flex:1}.pb-prog-conn-cad-card{display:flex;align-items:center;gap:10px;padding:var(--pb-space-2) var(--pb-space-3);background:var(--pb-surface-muted);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.pb-prog-conn-cad-card--link{background:var(--pb-surface)}.pb-prog-conn-cad-card--link:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-prog-conn-cad-card__name{flex:1 1 auto}.pb-prog-conn-cad-card__arrow{flex:0 0 auto;color:var(--pb-text-tertiary);transition:color .15s,transform .15s}.pb-prog-conn-cad-card--link:hover .pb-prog-conn-cad-card__arrow{color:var(--pb-accent);transform:translateX(2px)}.pb-theory-variations{display:flex;flex-direction:column;gap:var(--pb-space-2);margin:0;padding-block:var(--pb-space-2)}.pb-theory-variations__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--pb-space-3);padding:var(--pb-space-2) var(--pb-space-3);border:1px solid var(--pb-border);border-radius:var(--pb-radius-sm);background:var(--pb-surface-muted)}.pb-theory-variations__item .pb-theory-item__label{margin:0}.pb-theory-variations__formula{flex:0 0 auto;font-size:var(--pb-fs-secondary);color:var(--pb-text);white-space:nowrap}}@layer app-components{}@layer app-components{}@layer app-components{}@layer app-components{}@layer app-components{}@layer app-components{@media (max-width:480px){.pb-theory-variations__item{flex-direction:column;align-items:flex-start;gap:var(--pb-space-1)}}}@layer app-components{.pb-scb-section{padding-block:var(--pb-space-4)}.pb-scb-title-meta{font-weight:400;font-size:.85em;margin-left:var(--pb-space-2)}.pb-scb-strip{display:flex;gap:var(--pb-space-2);flex-wrap:wrap;align-items:stretch}.pb-scb-card-static{cursor:default}.pb-scb-roman{font-size:15px;font-weight:600;color:var(--_role-color);line-height:1;font-family:var(--g-font-family-monospace,monospace)}.pb-scb-name{font-size:20px;font-weight:600;line-height:1.1}.pb-scb-quality{font-size:13px;color:var(--pb-text-secondary);line-height:1}.pb-scb-notes{font-size:12px;color:var(--pb-text-tertiary);line-height:1.3;text-align:center}.pb-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}.pb-scb-func[data-has-label=true]{background:color-mix(in srgb,var(--_role-color) 12%,transparent);color:var(--_role-color)}.pb-roman-box{display:flex;align-items:center;min-height:68px;padding:var(--pb-space-2) var(--pb-space-3);border-radius:var(--pb-radius-sm,8px);background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-roman-box,.pb-roman-box .pb-roman-pills{justify-content:center}.pb-roman-pills{flex-wrap:wrap}.pb-roman-pill-segment,.pb-roman-pills{display:flex;align-items:center;gap:4px}.pb-roman-pill-sep{color:#bbb;font-size:10px}.pb-roman-pill{display:inline-block;padding:2px var(--pb-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}.pb-roman-pill[data-quality=minor]{background:#ede9fe;color:#5b21b6}.pb-roman-pill[data-quality=dim]{background:#fef3c7;color:#92400e}.pb-prog-tile-stack{display:flex;flex-direction:column;gap:0}.pb-prog-tile-stack>.pb-roman-box,.pb-prog-tile-stack>.pb-roman-pills{margin-bottom:var(--pb-space-4)}.pb-prog-tile-head{margin-bottom:6px}.pb-prog-tile-summary{margin-bottom:var(--pb-space-4)}.pb-prog-tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.pb-prog-tile-chords{flex-wrap:wrap}.pb-prog-chord-segment,.pb-prog-tile-chords{display:flex;align-items:center;gap:4px}.pb-prog-chord{display:inline-block;padding:2px var(--pb-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}.pb-prog-chord[data-quality=minor]{background:#ede9fe;color:#5b21b6}.pb-prog-chord[data-quality=dim]{background:#fef3c7;color:#92400e}.pb-cad-tags-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;margin-top:var(--pb-space-1)}.pb-cad-tags-row .pb-difficulty-meter{align-self:flex-start}.pb-cad-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;border-radius:4px;background:var(--pb-surface-muted);color:var(--pb-text-secondary);white-space:nowrap}.pb-cad-tag[data-type]{color:var(--_cad-color);background:color-mix(in srgb,var(--_cad-color) 10%,transparent)}.pb-cad-tags-row .pb-difficulty-meter{margin-left:auto}.pb-cad-tags-row--split{flex-wrap:nowrap;align-items:flex-start}.pb-cad-tags-row__tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 50%;min-width:0}.pb-cad-tags-row--split .pb-difficulty-meter{margin-left:auto;flex:0 0 auto}}@layer app-components{@media (max-width:640px){.pb-cad-tags-row--split{flex-direction:column;align-items:flex-start;gap:6px}.pb-cad-tags-row--split .pb-difficulty-meter{margin-left:0}}}@layer app-components{.pb-scales-root-chip{min-width:36px;text-decoration:none}.pb-scales-tile-stack{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-scales-dna-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pb-scales-dna-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.pb-scales-dna-note{font-size:10px;color:var(--pb-text-secondary);line-height:1}.pb-scales-tile-body{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-scales-tile-body .pb-h4{margin-bottom:0}.pb-scales-tile-summary{margin-top:0}.pb-skel-scales-stack{display:flex;flex-direction:column;gap:var(--pb-space-6)}.pb-skel-scales-head{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-skel-scales-title{height:36px;width:30%}.pb-skel-scales-sub{height:18px;width:60%}.pb-skel-scales-tile{height:80px}.pb-tools-shell{display:flex;flex-direction:column;gap:var(--pb-space-6);width:100%}.pb-tools-loading{min-height:320px;border-radius:var(--pb-radius-lg);background:linear-gradient(90deg,var(--pb-surface) 25%,var(--pb-surface-muted) 50%,var(--pb-surface) 75%);background-size:200% 100%;animation:pb-tools-loading 1.2s ease-in-out infinite}}@layer app-components{@keyframes pb-tools-loading{to{background-position:-200% 0}}.pb-tool-copy{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--pb-space-1)}.pb-tool-copy__status{max-width:300px;color:var(--pb-text-secondary);font-size:12px;line-height:1.35}.pb-tool-copy__status:empty{display:none}.pb-tool-copy__status.is-error{color:var(--pb-danger-text,#c0362c)}.pb-tool-guide{display:flex;flex-direction:column;gap:var(--pb-space-4);padding-top:var(--pb-space-4);border-top:1px solid var(--pb-border)}.pb-tool-guide__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pb-space-3);margin:0;padding:0;list-style:none;counter-reset:tool-step}.pb-tool-guide__steps li{counter-increment:tool-step;padding:var(--pb-space-4);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface)}.pb-tool-guide__steps li:before{content:counter(tool-step);display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:var(--pb-space-2);border-radius:50%;background:var(--pb-accent-soft);color:var(--pb-accent-text);font-weight:600}.pb-tool-guide__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pb-space-4);margin-block:var(--pb-space-3)}}@layer app-components{@media (max-width:700px){.pb-tool-guide__cards,.pb-tool-guide__steps{grid-template-columns:1fr}}}@layer app-components{.pb-tools-panel{padding:var(--pb-space-4);background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg)}.pb-tools-panel--lg{padding:var(--pb-space-5)}.pb-tools-panel-label{margin-bottom:var(--pb-space-2)}.pb-tools-result-label{margin-bottom:10px}.pb-tools-button-row{display:flex;flex-wrap:wrap;gap:6px}.pb-tools-root-button{min-width:44px}.pb-tools-interval-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:360px}.pb-tools-interval-button{padding:10px var(--pb-space-1);border-radius:var(--pb-radius-md);border:1px solid var(--pb-border);background:var(--pb-bg);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.pb-tools-interval-button--active{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-tools-interval-button--root{cursor:default;opacity:.9}.pb-tools-interval-button-label{font-size:var(--pb-fs-secondary);font-weight:600;color:var(--pb-text)}.pb-tools-interval-button-label--active{color:var(--pb-accent)}.pb-tools-interval-button-sublabel{font-size:9px;color:var(--pb-text-secondary);line-height:1}.pb-tools-actions-row{margin-top:10px;display:flex;gap:var(--pb-space-2);align-items:center}.pb-tools-result-stack{display:flex;flex-direction:column;gap:var(--pb-space-5)}.pb-tools-panel-stack{display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-tools-chord-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2);align-items:center}.pb-tools-builder-chord{padding:var(--pb-space-4) var(--pb-space-6);min-width:100px;border-color:var(--pb-accent)}.pb-tools-builder-chord-name{font-size:28px;font-weight:600;line-height:1.1;color:var(--pb-accent)}.pb-tools-builder-chord-formula{font-size:var(--pb-fs-caption);color:var(--pb-text-secondary);line-height:1}.pb-tools-builder-chord-cta{font-size:11px;color:var(--pb-accent);margin-top:var(--pb-space-1)}.pb-tools-notes-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-tools-note-cell{display:flex;flex-direction:column;align-items:center;gap:var(--pb-space-1);padding:var(--pb-space-2) 14px;border-radius:var(--pb-radius-md);background:var(--pb-bg);border:1px solid var(--pb-border)}.pb-tools-note-cell--root{background:var(--pb-accent-soft);border-color:var(--pb-accent)}.pb-tools-note-name{font-weight:600;font-size:1rem}.pb-tools-note-interval{font-size:10px}.pb-tools-chip{padding:6px var(--pb-space-3);border-radius:var(--pb-radius-md);border:1px solid var(--pb-border);background:var(--pb-bg);cursor:pointer;font-size:.875rem}.pb-tools-shell--narrow{max-width:720px}.pb-tools-form-label{display:block;margin-bottom:6px}.pb-tools-form-label--lg{margin-bottom:var(--pb-space-2)}.pb-tools-form-label--xs,.pb-tools-tiny-label{margin-bottom:var(--pb-space-1)}.pb-tools-tiny-label{display:block;opacity:.6}.pb-tools-section-label{display:block;margin-bottom:6px;opacity:.5;text-transform:uppercase;letter-spacing:.05em}.pb-tools-section-label--lg{margin-bottom:var(--pb-space-2)}.pb-tools-textarea-mono{font-family:var(--g-font-family-monospace,ui-monospace,monospace);line-height:1.8}.pb-tools-toggle-row{display:flex;gap:var(--pb-space-2)}.pb-tools-numeric-display{font-size:18px}.pb-tools-key-controls{display:flex;align-items:center;gap:var(--pb-space-4);flex-wrap:wrap}.pb-tools-key-display{font-size:17px}.pb-tools-arrow-divider{opacity:.4}.pb-tools-text-muted{opacity:.5}.pb-tools-select-bold{font-weight:600}.pb-tools-result-section{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-tools-button-row--centered{align-items:center}.pb-tools-button-row--gap-2{gap:var(--pb-space-2)}.pb-tools-original-chord{padding:var(--pb-space-1) var(--pb-space-3);border-radius:6px;font-size:15px;border:1px solid var(--pb-border);background:var(--pb-surface);opacity:.55;font-family:var(--g-font-family-monospace,ui-monospace,monospace)}.pb-tools-non-chord{opacity:.3;font-size:var(--pb-fs-caption);padding:0 2px}.pb-tools-transposed-chord-name{font-size:var(--pb-fs-h4);font-weight:600;line-height:1.1}.pb-tools-transposed-chord-formula{font-size:11px;color:var(--pb-text-secondary);line-height:1}.pb-tools-transposed-chord-plain{padding:7px 18px;border-radius:var(--pb-radius-xs);font-size:18px;font-weight:600;border:2px solid var(--pb-border);background:var(--pb-surface);font-family:var(--g-font-family-monospace,ui-monospace,monospace)}.pb-tools-transposed-chord-plain--active{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-tools-shell--reharm-gap{gap:28px}.pb-tools-textarea-mono--lg{font-size:var(--pb-fs-body)}.pb-tools-arrow-divider-lg{opacity:.4;font-size:var(--pb-fs-body-xl)}.pb-tools-select-bold--lg{font-size:var(--pb-fs-body)}.pb-tools-pill-toggle-row{display:flex;align-self:flex-start}.pb-tools-original-wrap{margin-bottom:10px}.pb-tools-chord-pill{padding:6px var(--pb-space-4);border-radius:var(--pb-radius-xs);font-size:17px;font-weight:600;border:2px solid var(--pb-border);background:var(--pb-surface);cursor:pointer;transition:border-color .15s,background .15s;font-family:var(--g-font-family-monospace,ui-monospace,monospace);white-space:nowrap}.pb-tools-chord-pill--active{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-tools-chord-pill--ghost{opacity:.5;font-size:15px}.pb-tools-non-chord-tight{opacity:.3;font-size:var(--pb-fs-caption)}.pb-tools-link-button{color:var(--pb-accent);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.pb-tools-link-button--mb-3{margin-bottom:var(--pb-space-3)}.pb-tools-subs-list{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-tools-subs-row{display:flex;align-items:center;gap:var(--pb-space-3);padding:10px 14px;border:1px solid var(--pb-border);border-radius:0;background:var(--pb-surface)}.pb-tools-subs-chord-col{min-width:80px}.pb-tools-subs-chord-static{cursor:default}.pb-tools-subs-type{font-weight:600}.pb-tools-analysis-panel{padding:var(--pb-space-3) var(--pb-space-4);border:1px solid var(--pb-border);border-radius:0;background:var(--pb-surface)}.pb-tools-analysis-panel--secondary{opacity:.75}.pb-tools-analysis-header{display:flex;align-items:center;gap:var(--pb-space-3);margin-bottom:var(--pb-space-2)}.pb-tools-analysis-key{font-size:var(--pb-fs-h4);font-weight:800;color:var(--pb-text)}.pb-tools-score-bar{flex:1;height:6px;border-radius:3px;background:var(--pb-border)}.pb-tools-score-bar-fill{height:100%;border-radius:3px;transition:width .3s;width:var(--bar-pct,0);background:var(--bar-color,var(--pb-accent))}.pb-tools-analysis-roles{display:flex;flex-wrap:wrap;gap:6px}.pb-tools-role-pill{padding:2px 10px;border-radius:6px;font-size:var(--pb-fs-caption);font-family:var(--g-font-family-monospace,ui-monospace,monospace);background:var(--pb-surface);border:1px solid var(--pb-border);color:var(--pb-text-secondary)}.pb-tools-role-pill--fits{background:var(--pb-accent-soft);border-color:var(--pb-accent);color:var(--pb-text)}.pb-tools-role-roman{font-size:10px;margin-left:var(--pb-space-1);opacity:.6}.pb-tools-analysis-warning{margin-top:6px}.pb-tools-tuner-svg{display:block;margin:0 auto}.pb-tools-tuner-needle{transition:cx .1s ease-out}.pb-tuner-stack .pb-tools-settings-row{border-bottom:none;padding-bottom:0}.pb-tools-settings-row .pb-tuner-instrument-select{width:200px;max-width:100%}.pb-tools-settings-row .pb-tuner-instrument-select .g-select,.pb-tools-settings-row .pb-tuner-instrument-select .g-select-control,.pb-tools-settings-row .pb-tuner-instrument-select .g-select-control__button{width:100%}.pb-tools-settings-row{align-items:flex-start;padding-bottom:var(--pb-space-4);border-bottom:1px solid var(--pb-divider)}.pb-tools-strings-meta{margin-left:var(--pb-space-2)}.pb-tools-tune-progress-dot{width:12px;height:12px;border-radius:50%;transition:background .2s;background:var(--dot-bg,var(--pb-border))}.pb-tools-tune-success-banner{background:var(--pb-success);color:#fff;font-weight:600;text-align:center}.pb-tools-tune-card-runtime{position:relative;border-color:var(--card-border,var(--pb-border));background:var(--card-bg,transparent)}.pb-tools-tune-check-badge{position:absolute;top:-6px;right:-6px;font-size:var(--pb-fs-secondary)}.pb-tools-tune-meta-italic{font-size:8px;color:var(--pb-text-secondary);font-style:italic}.pb-tools-tune-likely-hint{font-size:9px;color:var(--pb-warning);font-weight:600}.pb-tools-tune-display-stack{display:flex;flex-direction:column;align-items:center;gap:var(--pb-space-3)}.pb-tools-tune-target-wrap{text-align:center;margin-bottom:var(--pb-space-1)}.pb-tools-tune-target-emphasis{font-weight:600;margin-left:var(--pb-space-2);color:var(--pb-accent);font-size:var(--pb-fs-h4)}.pb-tools-tune-detected-display{font-size:2.5rem;font-weight:800;line-height:1;color:var(--pb-text);text-align:center}.pb-tools-tune-detected-freq{margin-top:2px;text-align:center}.pb-tools-tune-cents-big{font-size:18px;font-weight:600;text-align:center;color:var(--status-color,var(--pb-text))}.pb-tools-tune-cents-detail{font-size:var(--pb-fs-caption);color:var(--pb-text-secondary);font-family:var(--g-font-family-monospace,ui-monospace,monospace);text-align:center}.pb-tools-tune-prompt{font-size:var(--pb-fs-secondary)}.pb-tools-tune-placeholder{padding:var(--pb-space-4) 0}.pb-cs-segment{display:inline-flex;flex-direction:column;vertical-align:bottom}.pb-cs-chord-line{height:20px;line-height:20px}.pb-cs-chord{color:var(--pb-accent);font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}.pb-cs-text{font-size:15px;line-height:22px;white-space:pre}.pb-cs-blank-line{height:18px}.pb-cs-plain-line{font-size:15px;line-height:22px;color:var(--pb-text-secondary);padding-top:20px}.pb-cs-chord-line-row{display:flex;flex-wrap:wrap;align-items:flex-end;line-height:1}.pb-cs-controls-row{display:flex;gap:var(--pb-space-3);align-items:center;flex-wrap:wrap}.pb-cs-transpose-btn{padding:var(--pb-space-1) 14px;border-radius:var(--pb-radius);border:1px solid var(--pb-border);background:var(--pb-surface);cursor:pointer;font-size:18px;line-height:1}.pb-cs-transpose-value{min-width:42px;text-align:center;font-size:15px;font-weight:600;color:var(--pb-text)}.pb-cs-link-btn,.pb-cs-transpose-value--active{color:var(--pb-accent)}.pb-cs-link-btn{background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.pb-cs-link-btn--start{align-self:flex-start}.pb-cs-cols-row{display:flex;gap:var(--pb-space-6);align-items:flex-start;flex-wrap:wrap}.pb-cs-input-col{flex:1 1 300px;display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-cs-textarea{width:100%;padding:10px var(--pb-space-3);font-family:var(--g-font-family-monospace);font-size:14px;line-height:1.6;color:var(--pb-text);resize:vertical;box-sizing:border-box}.pb-cs-rendered-panel,.pb-cs-textarea{border:1px solid var(--pb-border);border-radius:var(--pb-radius);background:var(--pb-surface)}.pb-cs-rendered-panel{flex:1 1 320px;padding:var(--pb-space-4) var(--pb-space-5);min-height:260px}.pb-cs-lines-stack{display:flex;flex-direction:column;gap:0}.pb-cs-help-panel{padding:10px 14px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);max-width:600px}.pb-gallery-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--pb-space-3)}.pb-gallery-subtitle{margin-top:4px;display:block}.pb-gallery-empty{padding:var(--pb-space-7);text-align:center;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg)}.pb-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pb-space-4)}.pb-gallery-img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:8px;background:#0f3460}.pb-gallery-meta{display:block;margin-top:2px}.pb-gallery-open-link{margin-top:auto}.pb-gallery-pager{display:flex;gap:var(--pb-space-3);justify-content:center;padding-top:var(--pb-space-2)}.pb-gallery-pager-num{align-self:center}.pb-ka-picker-row{align-items:flex-end}.pb-ka-picker-row--top{align-items:flex-start}.pb-ka-prog-row{align-items:center}.pb-ka-chord-card{cursor:default}.pb-ka-arrow{opacity:.4}.pb-ka-role-card{min-width:48px;text-align:center}.pb-ka-role-card .pb-prog-conn-roman{font-weight:600;color:var(--pb-danger)}.pb-ka-role-card[data-fits=true] .pb-prog-conn-roman{color:var(--pb-accent)}.pb-capo-shape-step{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-capo-shape-step__chord{flex:1;min-width:0;cursor:pointer}.pb-capo-shape-step__arrow{flex-shrink:0;color:var(--pb-text-tertiary)}.pb-generator-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pb-space-4);margin-bottom:var(--pb-space-4);flex-wrap:wrap}.pb-generator-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.pb-voice-leading-compare{padding:16px;border-radius:10px;background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-voice-leading-compare__title{font-size:11px;line-height:16px;letter-spacing:.06em;font-weight:600;text-transform:uppercase;color:var(--pb-text-secondary);margin:0 0 12px}.pb-voice-leading-compare__grid{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:4px 12px;align-items:center}.pb-voice-leading-compare__head{font-size:11px;line-height:16px;letter-spacing:.06em;font-weight:600;text-transform:uppercase;color:var(--pb-text-secondary);padding-bottom:4px}.pb-voice-leading-compare__string{font-size:12px;color:var(--pb-text-secondary);white-space:nowrap}.pb-voice-leading-compare__note-box{display:inline-flex;align-items:baseline;gap:4px;padding:4px 12px;border-radius:6px;background:var(--pb-surface);border:1px solid var(--pb-divider);font-weight:600;font-size:13px;line-height:1.4;min-width:120px;box-sizing:border-box}.pb-voice-leading-compare__note-box--muted{background:transparent;border-color:var(--pb-divider);color:var(--pb-text-secondary);font-weight:400;min-width:120px;justify-content:center}.pb-voice-leading-compare__note-en{font-size:11px;font-weight:400;color:var(--pb-text-secondary)}.pb-voice-leading-compare__fret{font-size:10px;font-weight:400;opacity:.5}.pb-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}.pb-voice-leading-compare__delta[data-state=empty]{color:var(--pb-text-secondary);font-weight:400}.pb-voice-leading-compare__delta[data-state=common]{color:var(--pb-accent-text)}.pb-voice-leading-compare__delta[data-state=same]{color:var(--pb-text-secondary);font-weight:400}.pb-voice-leading-compare__delta[data-state=down]{color:#2196F3}.pb-voice-leading-compare__delta[data-state=up]{color:var(--pb-interval-text-b3)}.pb-voice-leading-compare__legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--pb-divider)}.pb-voice-leading-compare__legend-item{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--pb-text-secondary);line-height:1}.pb-voice-leading-compare__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pb-voice-leading-compare__legend-dot--down{background:#2196F3}.pb-voice-leading-compare__legend-dot--up{background:var(--pb-interval-b3)}.pb-voice-leading-compare__legend-dot--common{background:var(--pb-accent)}}@layer app-components{}@layer app-components{@media (max-width:600px){.pb-voice-leading-compare__grid{min-width:480px}.pb-voice-leading-compare{overflow-x:auto;-webkit-overflow-scrolling:touch}}}@layer app-components{.pb-vl-3col-grid{display:grid;grid-template-columns:1fr 88px 1fr;gap:var(--pb-space-4);align-items:end}.pb-vl-3col-grid--center,.pb-vl-symbol-col{align-items:center}.pb-vl-symbol-col{display:flex;flex-direction:column}.pb-vl-symbol{font-size:16px;font-weight:600}.pb-vl-symbol--accent{color:var(--pb-accent-text)}.pb-vl-symbol-label{font-size:11px;color:var(--pb-text-secondary)}.pb-vl-diagram-panel{padding:var(--pb-space-4);border-radius:var(--pb-radius-md);border:1px solid var(--pb-border);background:var(--pb-surface);width:100%}.pb-vl-diagram-panel--accent-border{border-color:var(--pb-accent)}.pb-vl-center-col{display:flex;flex-direction:column;align-items:center;gap:6px}.pb-vl-score-box{padding:var(--pb-space-2) 14px;border-radius:var(--pb-radius-xs);background:var(--pb-surface-muted);border:1px solid var(--pb-border);text-align:center}.pb-vl-score-distance{font-size:22px;font-weight:600}.pb-vl-score-caption{font-size:10px}.pb-vl-chevron,.pb-vl-score-caption{color:var(--pb-text-secondary)}}@layer app-utilities{.pb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.pb-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}.pb-link:hover{text-decoration-color:currentColor}button.pb-link{background:none;border:none;cursor:pointer;padding:0;font:inherit}.pb-link--accent{color:var(--pb-accent-text)}.pb-link--accent:hover{color:var(--pb-accent-hover)}.pb-link--muted{color:var(--pb-text-secondary)}.pb-link--muted:hover{color:var(--pb-accent-text)}.pb-link-inline{color:var(--pb-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--pb-accent) 40%,transparent);transition:color .15s,text-decoration-color .15s}.pb-link-inline:hover{color:var(--pb-accent-hover);text-decoration-color:var(--pb-accent-hover)}.pb-interactive-link{transition:border-color .15s,background .15s,color .15s}.pb-interactive-link:hover{border-color:var(--pb-accent)!important;background:color-mix(in srgb,var(--pb-accent) 8%,transparent)!important;color:var(--pb-text)!important}.pb-divider,hr{border:0;border-top:1px solid var(--pb-divider);margin:0}@keyframes pb-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pb-diagram-fade{animation:pb-fadein .2s ease}.pb-accent-badge{color:#000}.dark .pb-accent-badge{color:var(--pb-accent)}.pb-position-label{color:var(--pb-text-secondary)}.pb-position-label.is-selected{color:#000}.dark .pb-position-label.is-selected{color:var(--pb-accent)}.pb-scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin}.pb-scroll-x::-webkit-scrollbar{height:4px}.pb-scroll-x::-webkit-scrollbar-thumb{background:var(--pb-border-strong);border-radius:2px}.pb-compat-more{list-style:none;cursor:pointer;color:var(--pb-accent);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;line-height:1.4}.pb-compat-more::-webkit-details-marker,.pb-compat-more::marker{display:none;content:""}.pb-advanced-details{border-top:1px solid var(--pb-divider);padding-top:12px}.pb-advanced-summary{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--pb-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}.pb-advanced-summary--open,.pb-advanced-summary:hover{color:var(--pb-accent)}.pb-quiz-answer[data-state=question]:hover{background:color-mix(in srgb,var(--pb-accent) 8%,transparent)!important;border-color:var(--pb-accent)!important;color:var(--pb-text)!important}.pb-rel-block{margin-top:var(--pb-space-7);padding-top:var(--pb-space-6);border-top:1px solid var(--pb-border);display:flex;flex-direction:column;gap:var(--pb-space-5)}.pb-rel-block-header{display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-3)}.pb-rel-block-group{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-rel-block-group-title{font-size:var(--pb-fs-caption);line-height:var(--pb-lh-caption);letter-spacing:.05em;font-weight:var(--pb-fw-h3);text-transform:uppercase;color:var(--pb-text-secondary)}.pb-rel-block-chips{display:flex;flex-wrap:wrap;gap:6px}.pb-rel-block-link{text-decoration:none}.pb-prose{max-width:720px}.pb-learn-layout__main .pb-prose{max-width:none}.pb-link-plain{color:inherit;text-decoration:none}.pb-article-nav{padding-top:var(--pb-space-6);border-top:1px solid var(--pb-divider);margin-top:var(--pb-space-4);max-width:760px}}:root{color-scheme:light}.dark{color-scheme:dark}