:root{--vds-beige-100: rgb(255, 255, 255);--vds-beige-200: rgb(250, 249, 247);--vds-beige-300: rgb(242, 241, 237);--vds-beige-400: rgb(235, 233, 227);--vds-beige-500: rgb(227, 225, 218);--vds-beige-600: rgb(220, 217, 208);--vds-beige-700: rgb(209, 205, 193);--vds-beige-800: rgb(170, 164, 151);--vds-dark-green-100: rgb(0, 0, 0);--vds-dark-green-200: rgb(5, 16, 5);--vds-dark-green-300: rgb(20, 26, 20);--vds-dark-green-400: rgb(27, 34, 27);--vds-dark-green-500: rgb(39, 48, 39);--vds-dark-green-600: rgb(51, 61, 51);--vds-dark-green-700: rgb(74, 79, 74);--vds-dark-green-800: rgb(102, 106, 102);--vds-grey-100: rgb(95, 95, 95);--vds-grey-200: rgb(164, 164, 164);--vds-green-50: rgb(234, 251, 236);--vds-green-100: rgb(190, 241, 196);--vds-green-200: rgb(147, 232, 157);--vds-green-300: rgb(104, 223, 118);--vds-green-400: rgb(61, 214, 79);--vds-green-500: rgb(49, 182, 68);--vds-green-600: rgb(39, 152, 56);--vds-green-700: rgb(29, 122, 44);--vds-green-800: rgb(19, 92, 32);--vds-green-850: rgb(9, 62, 20);--vds-green-900: rgb(7, 47, 15);--vds-green-950: rgb(5, 32, 10);--vds-yellow-50: rgb(254, 253, 231);--vds-yellow-100: rgb(253, 250, 187);--vds-yellow-200: rgb(250, 246, 142);--vds-yellow-300: rgb(247, 242, 97);--vds-yellow-400: rgb(244, 238, 52);--vds-yellow-500: rgb(219, 206, 50);--vds-yellow-600: rgb(193, 173, 47);--vds-yellow-700: rgb(167, 140, 44);--vds-yellow-800: rgb(141, 107, 41);--vds-yellow-850: rgb(115, 74, 38);--vds-yellow-900: rgb(86, 56, 29);--vds-yellow-950: rgb(57, 38, 20);--vds-red-50: rgb(254, 230, 230);--vds-red-100: rgb(254, 193, 193);--vds-red-200: rgb(253, 154, 154);--vds-red-300: rgb(252, 115, 115);--vds-red-400: rgb(251, 76, 76);--vds-red-500: rgb(220, 63, 69);--vds-red-600: rgb(187, 51, 60);--vds-red-700: rgb(154, 39, 51);--vds-red-800: rgb(121, 27, 42);--vds-red-850: rgb(88, 15, 33);--vds-red-900: rgb(66, 11, 25);--vds-red-950: rgb(44, 7, 17);--vds-blue-50: rgb(233, 248, 251);--vds-blue-100: rgb(213, 242, 248);--vds-blue-200: rgb(191, 235, 244);--vds-blue-300: rgb(169, 228, 240);--vds-blue-400: rgb(147, 221, 236);--vds-blue-500: rgb(124, 184, 202);--vds-blue-600: rgb(100, 147, 170);--vds-blue-700: rgb(76, 110, 138);--vds-blue-800: rgb(52, 73, 106);--vds-blue-850: rgb(28, 36, 74);--vds-blue-900: rgb(21, 27, 56);--vds-blue-950: rgb(14, 18, 38);--vds-purple-50: rgb(239, 231, 254);--vds-purple-100: rgb(233, 220, 254);--vds-purple-200: rgb(225, 209, 253);--vds-purple-300: rgb(217, 198, 252);--vds-purple-400: rgb(209, 187, 251);--vds-purple-500: rgb(178, 157, 219);--vds-purple-600: rgb(147, 127, 187);--vds-purple-700: rgb(116, 97, 155);--vds-purple-800: rgb(85, 67, 123);--vds-purple-850: rgb(54, 35, 92);--vds-purple-900: rgb(41, 26, 69);--vds-purple-950: rgb(28, 17, 46);--vds-pink-50: rgb(252, 232, 238);--vds-pink-100: rgb(250, 222, 229);--vds-pink-200: rgb(249, 210, 220);--vds-pink-300: rgb(248, 198, 211);--vds-pink-400: rgb(247, 186, 202);--vds-pink-500: rgb(222, 155, 174);--vds-pink-600: rgb(197, 124, 146);--vds-pink-700: rgb(172, 93, 118);--vds-pink-800: rgb(147, 62, 90);--vds-pink-850: rgb(122, 31, 61);--vds-pink-900: rgb(92, 23, 46);--vds-pink-950: rgb(62, 15, 31);--vds-orange-50: rgb(255, 239, 229);--vds-orange-100: rgb(255, 213, 186);--vds-orange-200: rgb(255, 185, 141);--vds-orange-300: rgb(255, 157, 96);--vds-orange-400: rgb(255, 129, 51);--vds-orange-500: rgb(224, 111, 41);--vds-orange-600: rgb(193, 93, 31);--vds-orange-700: rgb(162, 75, 21);--vds-orange-800: rgb(131, 57, 11);--vds-orange-850: rgb(102, 39, 0);--vds-orange-900: rgb(77, 29, 0);--vds-orange-950: rgb(52, 19, 0)}:root{--vds-surface-web-background: var(--vds-beige-100);--vds-surface-web-container-lowest: var(--vds-beige-200);--vds-surface-web-container-low: var(--vds-beige-300);--vds-surface-web-container: var(--vds-beige-400);--vds-surface-web-container-high: var(--vds-beige-500);--vds-surface-web-container-highest: var(--vds-beige-600);--vds-surface-apps-primary: var(--vds-beige-400);--vds-surface-apps-secondary: var(--vds-beige-300);--vds-surface-apps-tertiary: var(--vds-beige-200);--vds-surface-apps-quaternary: var(--vds-beige-100);--vds-on-surface-primary: var(--vds-dark-green-300);--vds-on-surface-secondary: rgba(20, 26, 20, .6);--vds-on-surface-tertiary: rgba(20, 26, 20, .3);--vds-on-surface-quaternary: rgba(20, 26, 20, .1);--vds-on-surface-outline: var(--vds-beige-700);--vds-on-surface-outline-hover: var(--vds-beige-800);--vds-signal-success: var(--vds-green-600);--vds-signal-warning: var(--vds-yellow-600);--vds-signal-error: var(--vds-red-600);--vds-signal-information: var(--vds-blue-600);--vds-signal-ai: var(--vds-purple-600);--vds-component-primary-default: var(--vds-dark-green-400);--vds-component-primary-hover: var(--vds-dark-green-500);--vds-component-primary-pressed: var(--vds-dark-green-600);--vds-component-primary-focused: var(--vds-dark-green-600);--vds-component-primary-disabled: rgba(27, 34, 27, .4);--vds-component-signal-accent-default: var(--vds-green-700);--vds-component-signal-accent-hover: var(--vds-green-800);--vds-component-signal-accent-pressed: var(--vds-green-850);--vds-component-signal-accent-focused: var(--vds-green-850);--vds-component-signal-accent-disabled: rgba(29, 122, 44, .4);--vds-component-signal-destructive-default: var(--vds-red-600);--vds-component-signal-destructive-hover: var(--vds-red-700);--vds-component-signal-destructive-pressed: var(--vds-red-800);--vds-component-signal-destructive-focused: var(--vds-red-800);--vds-component-signal-destructive-disabled: rgba(187, 51, 60, .4);--vds-on-component-primary-default: var(--vds-beige-100);--vds-on-component-signal-default: var(--vds-beige-100);--vds-on-component-signal-disabled: var(--vds-beige-100)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--vds-surface-web-background: var(--vds-dark-green-100);--vds-surface-web-container-lowest: var(--vds-dark-green-200);--vds-surface-web-container-low: var(--vds-dark-green-300);--vds-surface-web-container: var(--vds-dark-green-400);--vds-surface-web-container-high: var(--vds-dark-green-500);--vds-surface-web-container-highest: var(--vds-dark-green-600);--vds-surface-apps-primary: var(--vds-dark-green-100);--vds-surface-apps-secondary: var(--vds-dark-green-200);--vds-surface-apps-tertiary: var(--vds-dark-green-300);--vds-surface-apps-quaternary: var(--vds-dark-green-400);--vds-on-surface-primary: var(--vds-beige-300);--vds-on-surface-secondary: rgba(242, 241, 237, .6);--vds-on-surface-tertiary: rgba(255, 255, 255, .3);--vds-on-surface-quaternary: rgba(242, 241, 237, .2);--vds-on-surface-outline: var(--vds-dark-green-700);--vds-on-surface-outline-hover: var(--vds-dark-green-800);--vds-signal-success: var(--vds-green-400);--vds-signal-warning: var(--vds-yellow-400);--vds-signal-error: var(--vds-red-400);--vds-signal-information: var(--vds-blue-400);--vds-signal-ai: var(--vds-purple-400);--vds-component-primary-default: var(--vds-beige-400);--vds-component-primary-hover: var(--vds-beige-500);--vds-component-primary-pressed: var(--vds-beige-600);--vds-component-primary-focused: var(--vds-beige-600);--vds-component-primary-disabled: rgba(235, 233, 227, .4);--vds-component-signal-accent-default: var(--vds-green-700);--vds-component-signal-accent-hover: var(--vds-green-800);--vds-component-signal-accent-pressed: var(--vds-green-850);--vds-component-signal-accent-focused: var(--vds-green-850);--vds-component-signal-accent-disabled: rgba(29, 122, 44, .4);--vds-component-signal-destructive-default: var(--vds-red-600);--vds-component-signal-destructive-hover: var(--vds-red-700);--vds-component-signal-destructive-pressed: var(--vds-red-800);--vds-component-signal-destructive-focused: var(--vds-red-800);--vds-component-signal-destructive-disabled: rgba(187, 51, 60, .4);--vds-on-component-primary-default: var(--vds-dark-green-100);--vds-on-component-signal-default: var(--vds-beige-100);--vds-on-component-signal-disabled: rgba(255, 255, 255, .4)}}[data-theme=light]{--vds-surface-web-background: var(--vds-beige-100);--vds-surface-web-container-lowest: var(--vds-beige-200);--vds-surface-web-container-low: var(--vds-beige-300);--vds-surface-web-container: var(--vds-beige-400);--vds-surface-web-container-high: var(--vds-beige-500);--vds-surface-web-container-highest: var(--vds-beige-600);--vds-surface-apps-primary: var(--vds-beige-400);--vds-surface-apps-secondary: var(--vds-beige-300);--vds-surface-apps-tertiary: var(--vds-beige-200);--vds-surface-apps-quaternary: var(--vds-beige-100);--vds-on-surface-primary: var(--vds-dark-green-300);--vds-on-surface-secondary: rgba(20, 26, 20, .6);--vds-on-surface-tertiary: rgba(20, 26, 20, .3);--vds-on-surface-quaternary: rgba(20, 26, 20, .1);--vds-on-surface-outline: var(--vds-beige-700);--vds-on-surface-outline-hover: var(--vds-beige-800);--vds-signal-success: var(--vds-green-600);--vds-signal-warning: var(--vds-yellow-600);--vds-signal-error: var(--vds-red-600);--vds-signal-information: var(--vds-blue-600);--vds-signal-ai: var(--vds-purple-600);--vds-component-primary-default: var(--vds-dark-green-400);--vds-component-primary-hover: var(--vds-dark-green-500);--vds-component-primary-pressed: var(--vds-dark-green-600);--vds-component-primary-focused: var(--vds-dark-green-600);--vds-component-primary-disabled: rgba(27, 34, 27, .4);--vds-component-signal-accent-default: var(--vds-green-700);--vds-component-signal-accent-hover: var(--vds-green-800);--vds-component-signal-accent-pressed: var(--vds-green-850);--vds-component-signal-accent-focused: var(--vds-green-850);--vds-component-signal-accent-disabled: rgba(29, 122, 44, .4);--vds-component-signal-destructive-default: var(--vds-red-600);--vds-component-signal-destructive-hover: var(--vds-red-700);--vds-component-signal-destructive-pressed: var(--vds-red-800);--vds-component-signal-destructive-focused: var(--vds-red-800);--vds-component-signal-destructive-disabled: rgba(187, 51, 60, .4);--vds-on-component-primary-default: var(--vds-beige-100);--vds-on-component-signal-default: var(--vds-beige-100);--vds-on-component-signal-disabled: var(--vds-beige-100)}[data-theme=dark]{--vds-surface-web-background: var(--vds-dark-green-100);--vds-surface-web-container-lowest: var(--vds-dark-green-200);--vds-surface-web-container-low: var(--vds-dark-green-300);--vds-surface-web-container: var(--vds-dark-green-400);--vds-surface-web-container-high: var(--vds-dark-green-500);--vds-surface-web-container-highest: var(--vds-dark-green-600);--vds-surface-apps-primary: var(--vds-dark-green-100);--vds-surface-apps-secondary: var(--vds-dark-green-200);--vds-surface-apps-tertiary: var(--vds-dark-green-300);--vds-surface-apps-quaternary: var(--vds-dark-green-400);--vds-on-surface-primary: var(--vds-beige-300);--vds-on-surface-secondary: rgba(242, 241, 237, .6);--vds-on-surface-tertiary: rgba(255, 255, 255, .3);--vds-on-surface-quaternary: rgba(242, 241, 237, .2);--vds-on-surface-outline: var(--vds-dark-green-700);--vds-on-surface-outline-hover: var(--vds-dark-green-800);--vds-signal-success: var(--vds-green-400);--vds-signal-warning: var(--vds-yellow-400);--vds-signal-error: var(--vds-red-400);--vds-signal-information: var(--vds-blue-400);--vds-signal-ai: var(--vds-purple-400);--vds-component-primary-default: var(--vds-beige-400);--vds-component-primary-hover: var(--vds-beige-500);--vds-component-primary-pressed: var(--vds-beige-600);--vds-component-primary-focused: var(--vds-beige-600);--vds-component-primary-disabled: rgba(235, 233, 227, .4);--vds-component-signal-accent-default: var(--vds-green-700);--vds-component-signal-accent-hover: var(--vds-green-800);--vds-component-signal-accent-pressed: var(--vds-green-850);--vds-component-signal-accent-focused: var(--vds-green-850);--vds-component-signal-accent-disabled: rgba(29, 122, 44, .4);--vds-component-signal-destructive-default: var(--vds-red-600);--vds-component-signal-destructive-hover: var(--vds-red-700);--vds-component-signal-destructive-pressed: var(--vds-red-800);--vds-component-signal-destructive-focused: var(--vds-red-800);--vds-component-signal-destructive-disabled: rgba(187, 51, 60, .4);--vds-on-component-primary-default: var(--vds-dark-green-100);--vds-on-component-signal-default: var(--vds-beige-100);--vds-on-component-signal-disabled: rgba(255, 255, 255, .4)}:root{--vds-spacing-3xs: 4px;--vds-spacing-2xs: 8px;--vds-spacing-xs: 12px;--vds-spacing-sm: 16px;--vds-spacing-md: 20px;--vds-spacing-lg: 24px;--vds-spacing-xl: 28px;--vds-spacing-2xl: 32px;--vds-spacing-3xl: 36px;--vds-spacing-4xl: 40px;--vds-spacing-5xl: 44px;--vds-spacing-6xl: 48px;--vds-spacing-7xl: 64px;--vds-spacing-8xl: 80px;--vds-spacing-9xl: 96px;--vds-spacing-10xl: 112px;--vds-spacing-11xl: 128px;--vds-spacing-12xl: 144px}:root{--vds-icon-size-xs: 16px;--vds-icon-size-s: 20px;--vds-icon-size-m: 24px;--vds-icon-size-l: 28px;--vds-icon-size-xl: 32px}:root{--vds-border-radius-none: 0;--vds-border-radius-xs: 4px;--vds-border-radius-sm: 8px;--vds-border-radius-md: 12px;--vds-border-radius-lg: 16px;--vds-border-radius-xl: 24px;--vds-border-radius-full: 9999px}:root{--vds-web-display-1-font-family: "Oldschool Grotesk Compressed";--vds-web-display-1-font-weight: 700;--vds-web-display-1-text-case: uppercase;--vds-web-display-1-font-size: 64px;--vds-web-display-1-line-height: .95;--vds-web-display-1-letter-spacing: 0;--vds-web-button-1-font-family: "Protokoll";--vds-web-button-1-font-weight: 700;--vds-web-button-1-font-size: 14px;--vds-web-button-1-line-height: 1.2;--vds-web-button-1-letter-spacing: 0;--vds-web-button-2-font-family: "Protokoll";--vds-web-button-2-font-weight: 700;--vds-web-button-2-font-size: 12px;--vds-web-button-2-line-height: 1.4;--vds-web-button-2-letter-spacing: 0;--vds-web-hyperlink-1-font-family: "Protokoll";--vds-web-hyperlink-1-font-weight: 700;--vds-web-hyperlink-1-text-decoration: underline;--vds-web-hyperlink-1-font-size: 14px;--vds-web-hyperlink-1-line-height: 1.2;--vds-web-hyperlink-1-letter-spacing: 0;--vds-web-hyperlink-2-font-family: "Protokoll";--vds-web-hyperlink-2-font-weight: 700;--vds-web-hyperlink-2-text-decoration: underline;--vds-web-hyperlink-2-font-size: 12px;--vds-web-hyperlink-2-line-height: 1.2;--vds-web-hyperlink-2-letter-spacing: 0;--vds-web-h1-400-font-family: "Protokoll";--vds-web-h1-400-font-weight: 400;--vds-web-h1-400-font-size: 40px;--vds-web-h1-400-line-height: .95;--vds-web-h1-400-letter-spacing: 0;--vds-web-h1-500-font-family: "Protokoll";--vds-web-h1-500-font-weight: 500;--vds-web-h1-500-font-size: 40px;--vds-web-h1-500-line-height: .95;--vds-web-h1-500-letter-spacing: 0;--vds-web-h1-600-font-family: "Protokoll";--vds-web-h1-600-font-weight: 700;--vds-web-h1-600-font-size: 40px;--vds-web-h1-600-line-height: .95;--vds-web-h1-600-letter-spacing: 0;--vds-web-h2-400-font-family: "Protokoll";--vds-web-h2-400-font-weight: 400;--vds-web-h2-400-font-size: 32px;--vds-web-h2-400-line-height: 1;--vds-web-h2-400-letter-spacing: 0;--vds-web-h2-500-font-family: "Protokoll";--vds-web-h2-500-font-weight: 500;--vds-web-h2-500-font-size: 32px;--vds-web-h2-500-line-height: 1;--vds-web-h2-500-letter-spacing: 0;--vds-web-h2-600-font-family: "Protokoll";--vds-web-h2-600-font-weight: 700;--vds-web-h2-600-font-size: 32px;--vds-web-h2-600-line-height: 1;--vds-web-h2-600-letter-spacing: 0;--vds-web-h3-400-font-family: "Protokoll";--vds-web-h3-400-font-weight: 400;--vds-web-h3-400-font-size: 24px;--vds-web-h3-400-line-height: 1.1;--vds-web-h3-400-letter-spacing: 0;--vds-web-h3-500-font-family: "Protokoll";--vds-web-h3-500-font-weight: 500;--vds-web-h3-500-font-size: 24px;--vds-web-h3-500-line-height: 1.1;--vds-web-h3-500-letter-spacing: 0;--vds-web-h3-600-font-family: "Protokoll";--vds-web-h3-600-font-weight: 700;--vds-web-h3-600-font-size: 24px;--vds-web-h3-600-line-height: 1.1;--vds-web-h3-600-letter-spacing: 0;--vds-web-h4-400-font-family: "Protokoll";--vds-web-h4-400-font-weight: 400;--vds-web-h4-400-font-size: 20px;--vds-web-h4-400-line-height: 1.1;--vds-web-h4-400-letter-spacing: 0;--vds-web-h4-500-font-family: "Protokoll";--vds-web-h4-500-font-weight: 500;--vds-web-h4-500-font-size: 20px;--vds-web-h4-500-line-height: 1.1;--vds-web-h4-500-letter-spacing: 0;--vds-web-h4-600-font-family: "Protokoll";--vds-web-h4-600-font-weight: 700;--vds-web-h4-600-font-size: 20px;--vds-web-h4-600-line-height: 1.1;--vds-web-h4-600-letter-spacing: 0;--vds-web-h5-400-font-family: "Protokoll";--vds-web-h5-400-font-weight: 400;--vds-web-h5-400-font-size: 18px;--vds-web-h5-400-line-height: 1.2;--vds-web-h5-400-letter-spacing: 0;--vds-web-h5-500-font-family: "Protokoll";--vds-web-h5-500-font-weight: 500;--vds-web-h5-500-font-size: 18px;--vds-web-h5-500-line-height: 1.2;--vds-web-h5-500-letter-spacing: 0;--vds-web-h5-600-font-family: "Protokoll";--vds-web-h5-600-font-weight: 700;--vds-web-h5-600-font-size: 18px;--vds-web-h5-600-line-height: 1.2;--vds-web-h5-600-letter-spacing: 0;--vds-web-h6-400-font-family: "Protokoll";--vds-web-h6-400-font-weight: 400;--vds-web-h6-400-font-size: 16px;--vds-web-h6-400-line-height: 1.2;--vds-web-h6-400-letter-spacing: 0;--vds-web-h6-500-font-family: "Protokoll";--vds-web-h6-500-font-weight: 500;--vds-web-h6-500-font-size: 16px;--vds-web-h6-500-line-height: 1.2;--vds-web-h6-500-letter-spacing: 0;--vds-web-h6-600-font-family: "Protokoll";--vds-web-h6-600-font-weight: 700;--vds-web-h6-600-font-size: 16px;--vds-web-h6-600-line-height: 1.2;--vds-web-h6-600-letter-spacing: 0;--vds-web-overline-400-font-family: "Protokoll";--vds-web-overline-400-font-weight: 400;--vds-web-overline-400-text-case: uppercase;--vds-web-overline-400-font-size: 10px;--vds-web-overline-400-line-height: 1.4;--vds-web-overline-400-letter-spacing: 10%;--vds-web-overline-500-font-family: "Protokoll";--vds-web-overline-500-font-weight: 500;--vds-web-overline-500-text-case: uppercase;--vds-web-overline-500-font-size: 10px;--vds-web-overline-500-line-height: 1.4;--vds-web-overline-500-letter-spacing: 10%;--vds-web-overline-600-font-family: "Protokoll";--vds-web-overline-600-font-weight: 700;--vds-web-overline-600-text-case: uppercase;--vds-web-overline-600-font-size: 10px;--vds-web-overline-600-line-height: 1.4;--vds-web-overline-600-letter-spacing: 10%;--vds-web-caption-400-font-family: "Protokoll";--vds-web-caption-400-font-weight: 400;--vds-web-caption-400-font-size: 12px;--vds-web-caption-400-line-height: 1.4;--vds-web-caption-400-letter-spacing: 4%;--vds-web-caption-500-font-family: "Protokoll";--vds-web-caption-500-font-weight: 500;--vds-web-caption-500-font-size: 12px;--vds-web-caption-500-line-height: 1.4;--vds-web-caption-500-letter-spacing: 4%;--vds-web-caption-600-font-family: "Protokoll";--vds-web-caption-600-font-weight: 700;--vds-web-caption-600-font-size: 12px;--vds-web-caption-600-line-height: 1.4;--vds-web-caption-600-letter-spacing: 4%;--vds-web-body-400-font-family: "Protokoll";--vds-web-body-400-font-weight: 400;--vds-web-body-400-font-size: 14px;--vds-web-body-400-line-height: 1.2;--vds-web-body-400-letter-spacing: 0;--vds-web-body-500-font-family: "Protokoll";--vds-web-body-500-font-weight: 500;--vds-web-body-500-font-size: 14px;--vds-web-body-500-line-height: 1.2;--vds-web-body-500-letter-spacing: 0;--vds-web-body-600-font-family: "Protokoll";--vds-web-body-600-font-weight: 700;--vds-web-body-600-font-size: 14px;--vds-web-body-600-line-height: 1.2;--vds-web-body-600-letter-spacing: 0}@font-face{font-family:Protokoll;font-weight:400;src:url(/assets/ProtokollRegular-Web-DKZnjuHL.woff2) format("woff2"),url(/assets/ProtokollRegular-Web-BZ_F3Lmk.woff) format("woff");font-display:swap}@font-face{font-family:Protokoll;font-weight:500;src:url(/assets/ProtokollMedium-Web-zaw6s3SF.woff2) format("woff2"),url(/assets/ProtokollMedium-Web-BIhUzglm.woff) format("woff");font-display:swap}@font-face{font-family:Protokoll;font-weight:700;src:url(/assets/ProtokollBold-Web-NvBYAmom.woff2) format("woff2"),url(/assets/ProtokollBold-Web-DEDqwP4y.woff) format("woff");font-display:swap}:root{--color-bg: var(--vds-surface-web-background);--color-surface: var(--vds-surface-web-container-low);--color-surface-elevated: var(--vds-surface-web-container);--color-surface-high: var(--vds-surface-web-container-high);--color-border: var(--vds-on-surface-outline);--color-border-hover: var(--vds-on-surface-outline-hover);--color-text: var(--vds-on-surface-primary);--color-text-muted: var(--vds-on-surface-secondary);--color-text-subtle: var(--vds-on-surface-tertiary);--color-text-faint: var(--vds-on-surface-quaternary);--color-accent: var(--vds-signal-success);--color-accent-hover: var(--vds-green-300);--color-accent-dim: color-mix(in srgb, var(--vds-signal-success) 15%, transparent);--color-success: var(--vds-signal-success);--color-warning: var(--vds-signal-warning);--color-error: var(--vds-signal-error);--color-warning-hover: var(--vds-yellow-700);--color-info: var(--vds-signal-information);--color-success-btn: var(--vds-component-signal-accent-default);--color-success-btn-hover: var(--vds-component-signal-accent-hover);--color-danger-btn: var(--vds-component-signal-destructive-default);--color-danger-btn-hover: var(--vds-component-signal-destructive-hover);--color-on-btn: var(--vds-on-component-signal-default);--color-on-warning: var(--vds-dark-green-300);--color-completed: var(--vds-purple-400);--color-completed-bg: var(--vds-purple-500);--color-info-btn: var(--vds-blue-700);--color-info-btn-hover: var(--vds-blue-600);--color-replace-btn: var(--vds-orange-700);--color-replace-btn-hover: var(--vds-orange-600);--logo-filter: brightness(0);--font-mono: "SF Mono", "Cascadia Mono", "Consolas", "Menlo", monospace;--font-size-xs: var(--vds-web-overline-400-font-size);--font-size-sm: var(--vds-web-caption-400-font-size);--font-size-md: var(--vds-web-caption-400-font-size);--font-size-lg: var(--vds-web-body-400-font-size);--font-size-xl: var(--vds-web-h6-400-font-size);--font-size-2xl: var(--vds-web-h5-400-font-size);--font-size-3xl: var(--vds-web-h4-400-font-size);--font-size-4xl: var(--vds-web-h3-400-font-size);--font-size-5xl: var(--vds-web-h2-400-font-size);--line-height-none: 1;--line-height-snug: var(--vds-web-caption-400-line-height);--line-height-normal: var(--vds-web-body-400-line-height);--line-height-heading: var(--vds-web-h4-400-line-height);--font-weight-normal: var(--vds-web-body-400-font-weight);--font-weight-medium: var(--vds-web-body-500-font-weight);--font-weight-bold: var(--vds-web-body-600-font-weight);--radius-sm: var(--vds-border-radius-xs);--radius-xs: var(--vds-border-radius-sm);--radius-md: var(--vds-border-radius-md);--radius-lg: var(--vds-border-radius-lg);--icon-size-xs: var(--vds-icon-size-xs);--shadow-glow: 0 0 60px var(--color-accent-dim)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{font-size:16px}body{font-family:var(--vds-web-body-400-font-family),system-ui,-apple-system,sans-serif;font-size:var(--vds-web-h6-400-font-size);font-weight:var(--vds-web-body-400-font-weight);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.loading-container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-surface-elevated);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.login-container{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-backdrop{position:absolute;inset:0;overflow:hidden;z-index:0}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--color-accent) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 3%,transparent) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--color-accent) 0%,transparent 70%);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--color-info) 0%,transparent 70%);bottom:-150px;left:-100px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-glow)}.login-header{text-align:center;margin-bottom:2rem}.logo{width:75px;height:auto;display:inline-flex;align-items:center;justify-content:center}.logo-img{width:100%;height:100%;filter:var(--logo-filter)}.login-header .login-title{display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem}.login-header .subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.input-group input{width:100%;padding:.875rem 1rem;font-family:inherit;font-size:var(--font-size-xl);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .2s,box-shadow .2s}.input-group input::placeholder{color:var(--color-text-muted);opacity:.6}.input-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.error-message{padding:.75rem 1rem;background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-lg);text-align:center}.login-button{width:100%;padding:.875rem;font-family:inherit;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-bg);background-color:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;min-height:52px}.login-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:var(--color-bg);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{margin-top:1.5rem;text-align:center}.forgot-link{color:var(--color-text-muted);font-size:var(--font-size-lg);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--color-accent)}.page-footer{position:absolute;bottom:1.5rem;color:var(--color-text-muted);font-size:var(--font-size-md)}.dashboard{height:100vh;display:flex;flex-direction:column;overflow:hidden}.dashboard-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75rem 1.5rem;width:100%;justify-content:space-between;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.header-left{grid-column:1;display:flex;align-items:center;gap:.75rem;min-width:0}.header-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s}.header-back-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.header-title{display:flex;align-items:center;gap:.7rem;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.header-logo{height:1em;width:auto;filter:var(--logo-filter)}:root[data-theme=dark]{--logo-filter: brightness(0) invert(1)}.header-version{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.7}.update-available-btn{background:linear-gradient(135deg,var(--vds-orange-500),var(--vds-orange-400));color:var(--color-on-btn);border:none;padding:.35rem .75rem;border-radius:var(--vds-border-radius-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 2px 8px color-mix(in srgb,var(--vds-orange-500) 40%,transparent);transition:transform .15s ease,box-shadow .15s ease}.update-available-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--vds-orange-500) 60%,transparent)}.update-available-btn:active{transform:scale(.98)}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px color-mix(in srgb,var(--vds-orange-500) 40%,transparent)}50%{box-shadow:0 2px 16px color-mix(in srgb,var(--vds-orange-500) 70%,transparent)}}.header-match-id-container{display:inline-flex;align-items:center;gap:.35rem;min-width:0;flex-shrink:1}.header-match-id{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-text-muted);padding:.25rem .5rem;background-color:var(--color-surface-elevated);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.header-copy-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.header-copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-dim)}.header-copy-btn:active{transform:scale(.96)}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem;min-width:0;grid-column:3}.staff-badge{background:linear-gradient(135deg,var(--color-warning),var(--vds-yellow-700));color:var(--color-on-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:.15rem .5rem;border-radius:var(--vds-border-radius-xs);text-transform:uppercase}.user-name{color:var(--color-text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.theme-toggle-btn{width:28px;height:28px;padding:0;font-size:var(--font-size-xl);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s}.theme-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.logout-btn{padding:.5rem 1rem;font-family:inherit;font-size:var(--font-size-lg);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s}.logout-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.hotkeys-help-btn{width:28px;height:28px;padding:0;font-family:inherit;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:transparent;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hotkeys-help-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-dim);transform:scale(1.05)}.hotkeys-help-btn:active{transform:scale(.95)}.dashboard-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.match-list-container{flex:1;display:flex;flex-direction:column;padding:2rem;max-width:900px;margin:0 auto;width:100%;min-height:0}.completed-list-container{max-width:80vw}.match-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.match-list-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.match-list-header-actions{display:flex;align-items:center;gap:.75rem}.match-search-bar{display:flex;align-items:center;gap:.5rem;position:relative}.match-search-bar .match-search-input{width:260px;padding:.4rem 2rem .4rem .75rem;font-size:var(--font-size-base)}.match-search-clear{position:absolute;right:80px;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.1rem;line-height:1;color:var(--color-text-muted);background:none;border:none;border-radius:50%;cursor:pointer;transition:color .15s ease,background-color .15s ease}.match-search-clear:hover{color:var(--color-text);background-color:var(--color-surface-elevated)}.refresh-btn{padding:.5rem 1rem;font-family:inherit;font-size:var(--font-size-lg);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background-color .2s}.refresh-btn:hover:not(:disabled){border-color:var(--color-accent);background-color:var(--color-surface)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.match-table-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.match-table{width:100%;border-collapse:collapse;table-layout:fixed}.match-table th{text-align:left;padding:1rem 1.25rem;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-text-muted);background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.match-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.match-row{cursor:pointer;transition:background-color .15s}.match-row:hover{background-color:var(--color-surface-elevated)}.match-row:focus{outline:none;background-color:var(--color-accent-dim)}.match-row:last-child td{border-bottom:none}.match-id{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--color-accent)}.match-date{color:var(--color-text-muted);font-size:var(--font-size-lg)}.match-status{text-align:center;white-space:nowrap}.match-row-wip{background-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}.match-row-wip:hover{background-color:color-mix(in srgb,var(--color-accent) 15%,transparent)}.wip-badge{display:inline-block;padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 15%,transparent);border-radius:var(--radius-sm)}.invalid-btn{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-danger-btn);background-color:color-mix(in srgb,var(--color-danger-btn) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-danger-btn) 30%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.invalid-btn:hover{background-color:color-mix(in srgb,var(--color-danger-btn) 22%,transparent);border-color:color-mix(in srgb,var(--color-danger-btn) 50%,transparent)}.clear-btn,.unassign-btn{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.clear-btn:hover,.unassign-btn:hover{background-color:color-mix(in srgb,var(--color-warning) 22%,transparent);border-color:color-mix(in srgb,var(--color-warning) 50%,transparent)}.match-confirm-overlay{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg) 75%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease-out}.match-confirm-dialog{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:450px;width:90%;box-shadow:0 20px 60px color-mix(in srgb,var(--color-bg) 50%,transparent);animation:modal-slide-in .3s ease-out}.match-confirm-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--color-text);margin:0 0 1rem;text-align:center}.match-confirm-message{font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 .75rem;text-align:center;line-height:var(--line-height-normal)}.match-confirm-warning{font-size:var(--font-size-lg);color:var(--color-warning);margin:0 0 1.5rem;text-align:center;padding:.75rem;background-color:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-sm)}.match-confirm-buttons{display:flex;gap:1rem;justify-content:center}.match-confirm-cancel-btn{padding:.75rem 1.5rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,border-color .15s}.match-confirm-cancel-btn:hover{background-color:var(--color-surface);border-color:var(--color-text-muted)}.match-confirm-action-btn{padding:.75rem 1.5rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-on-btn);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,transform .1s}.match-confirm-action-btn:active{transform:scale(.98)}.match-confirm-action-btn-danger{background-color:var(--color-danger-btn)}.match-confirm-action-btn-danger:hover{background-color:var(--color-danger-btn-hover)}.match-confirm-action-btn-warning{background-color:var(--color-warning);color:var(--color-on-warning)}.match-confirm-action-btn-warning:hover{background-color:var(--color-warning-hover)}.assign-match-dialog{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:450px;width:90%;box-shadow:0 20px 60px color-mix(in srgb,var(--color-bg) 50%,transparent);animation:modal-slide-in .3s ease-out}.assign-match-id{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-text-muted);text-align:center;margin:-.5rem 0 1.25rem;word-break:break-all}.assign-match-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:.5rem}.assign-match-input{width:100%;padding:.625rem .875rem;font-family:inherit;font-size:var(--font-size-lg);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;margin-bottom:1rem;transition:border-color .2s,box-shadow .2s}.assign-match-input::placeholder{color:var(--color-text-muted);opacity:.5}.assign-match-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.assign-match-input:disabled{opacity:.6;cursor:not-allowed}.assign-match-error{font-size:var(--font-size-lg);color:var(--color-error);margin:-.5rem 0 1rem;text-align:center}.assign-match-submit-btn{background-color:var(--color-accent)}.assign-match-submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.assign-match-submit-btn:disabled{opacity:.5;cursor:not-allowed}.match-row-selected{background-color:color-mix(in srgb,var(--color-accent) 12%,transparent);box-shadow:inset 0 0 0 2px var(--color-accent)}.match-row-selected:hover{background-color:color-mix(in srgb,var(--color-accent) 18%,transparent)}.match-actions{text-align:right}.mode-buttons{display:flex;gap:.5rem;justify-content:flex-end}.mode-btn{padding:.375rem .875rem;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-transform:uppercase;cursor:pointer;transition:opacity .15s,transform .1s}.mode-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.mode-btn-annotate{background-color:var(--color-accent);color:var(--color-bg)}.mode-btn-review{background-color:var(--color-text-muted);color:var(--color-bg)}.match-hint{margin-top:1rem;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-lg)}.completed-match-table{table-layout:auto}.completed-match-row td{vertical-align:middle}.completed-download-btn{min-width:110px;text-transform:none}.completed-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.completed-pagination-label{color:var(--color-text-muted);font-size:var(--font-size-lg)}.completed-page-input{max-width:90px;text-align:center}.completed-pagination-btn{min-width:88px}.all-matches-status{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);white-space:nowrap}.status-available{background-color:color-mix(in srgb,var(--color-success-btn) 20%,transparent);color:var(--color-success)}.status-in-progress{background-color:color-mix(in srgb,var(--color-info) 20%,transparent);color:var(--color-info)}.status-completed{background-color:color-mix(in srgb,var(--color-completed-bg) 20%,transparent);color:var(--color-completed)}.status-invalidated{background-color:color-mix(in srgb,var(--color-danger-btn) 20%,transparent);color:var(--color-error)}.all-matches-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.sortable-header{cursor:pointer;user-select:none;white-space:nowrap}.sortable-header:hover{color:var(--color-info)}.mark-complete-btn{background-color:var(--color-success-btn);border-color:var(--color-success-btn);color:var(--color-on-btn)}.mark-complete-btn:hover:not(:disabled){background-color:var(--color-success);border-color:var(--color-success)}.mark-complete-btn:disabled{background-color:color-mix(in srgb,var(--color-success) 40%,transparent);border-color:color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-text-subtle)}.mark-incomplete-btn{background-color:color-mix(in srgb,var(--color-completed-bg) 18%,transparent);border-color:color-mix(in srgb,var(--color-completed-bg) 40%,transparent);color:var(--color-completed)}.mark-incomplete-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-completed-bg) 28%,transparent);border-color:color-mix(in srgb,var(--color-completed-bg) 55%,transparent)}.add-matches-fab{position:fixed;left:2rem;bottom:2rem;z-index:300;padding:1rem 1.5rem;border:none;border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-bg);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--color-accent) 35%,transparent);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.add-matches-fab:hover{transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--color-accent) 45%,transparent)}.add-matches-fab:active{transform:translateY(0)}.list-matches-fab{position:fixed;left:50%;transform:translate(-50%);bottom:2rem;z-index:300;padding:1rem 1.5rem;border:none;border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-bg);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--color-accent) 35%,transparent);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.list-matches-fab:hover{transform:translate(-50%) translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--color-accent) 45%,transparent)}.list-matches-fab:active{transform:translate(-50%) translateY(0)}.add-matches-dialog{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;width:550px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.add-matches-description{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:1rem;line-height:var(--line-height-normal);text-align:center}.add-matches-textarea{width:100%;min-height:300px;max-height:50vh;padding:.75rem 1rem;font-family:var(--font-mono);font-size:var(--font-size-lg);line-height:var(--line-height-snug);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;overflow-y:auto;box-sizing:border-box;margin-bottom:1rem}.add-matches-textarea::placeholder{color:var(--color-text-muted);opacity:.5}.add-matches-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim);outline:none}.add-matches-textarea:disabled{opacity:.6;cursor:not-allowed}.add-matches-error{font-size:var(--font-size-lg);color:var(--color-error);margin:-.5rem 0 1rem;text-align:center}.add-matches-submit-btn{background-color:var(--color-accent)}.add-matches-submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.add-matches-submit-btn:disabled{opacity:.5;cursor:not-allowed}.show-completed-fab{position:fixed;right:2rem;bottom:2rem;z-index:300;padding:1rem 1.5rem;border:none;border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-bg);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--color-accent) 35%,transparent);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.show-completed-fab:hover{transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--color-accent) 45%,transparent)}.show-completed-fab:active{transform:translateY(0)}.manual-uuid-section{margin-bottom:1.5rem;padding:1rem 1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.manual-uuid-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:.5rem}.manual-uuid-input-row{display:flex;gap:.5rem}.manual-uuid-input{flex:1;padding:.625rem .875rem;font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .2s,box-shadow .2s}.manual-uuid-input::placeholder{color:var(--color-text-muted);opacity:.5}.manual-uuid-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.manual-uuid-input:disabled{opacity:.6;cursor:not-allowed}.manual-uuid-btn{padding:.625rem 1rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-bg);background-color:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s,opacity .2s;min-width:70px;display:flex;align-items:center;justify-content:center}.manual-uuid-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.manual-uuid-btn:disabled{opacity:.5;cursor:not-allowed}.manual-uuid-btn.mode-btn-annotate{background-color:var(--color-accent)}.manual-uuid-btn.mode-btn-annotate:hover:not(:disabled){background-color:var(--color-accent-hover)}.manual-uuid-btn.mode-btn-review{background-color:var(--color-text-muted)}.manual-uuid-btn.mode-btn-review:hover:not(:disabled){background-color:var(--color-text)}.manual-uuid-hint{margin-top:.5rem;font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.7}.spinner-small{width:14px;height:14px;border:2px solid transparent;border-top-color:var(--color-bg);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:3rem;color:var(--color-text-muted)}.empty-state p{margin-bottom:.5rem}.empty-state-hint{font-size:var(--font-size-lg);opacity:.7}.error-banner{padding:1rem;background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--radius-sm);color:var(--color-error);text-align:center;margin-bottom:1rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.875rem 1.5rem;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);z-index:1000;animation:toast-in .3s ease-out}.toast-error{background-color:color-mix(in srgb,var(--color-error) 95%,transparent);color:var(--color-on-btn);box-shadow:0 4px 20px color-mix(in srgb,var(--color-error) 30%,transparent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.video-player-container{flex:1;display:flex;flex-direction:column;padding:.75rem 1rem 1rem;overflow:hidden;height:100%;box-sizing:border-box}.video-wrapper{flex:1;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg);border-radius:var(--radius-md);overflow:hidden;min-height:0;position:relative}.video-element{position:absolute;top:50%;left:50%;object-fit:contain;background-color:var(--color-bg);display:block;will-change:transform}.webgl-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.video-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-bg) 85%,transparent);z-index:20;gap:1rem}.video-loading-spinner{width:48px;height:48px;border:3px solid var(--color-surface-elevated);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.video-loading-text{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.video-insufficient-data-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-bg) 95%,transparent);z-index:25;gap:1rem;padding:2rem;text-align:center}.insufficient-data-icon{font-size:3rem;margin-bottom:.5rem}.insufficient-data-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--color-text);margin:0}.insufficient-data-message{font-size:var(--font-size-xl);color:var(--color-text-muted);max-width:400px;margin:0;line-height:var(--line-height-normal)}.insufficient-data-hint{font-size:var(--font-size-lg);color:var(--color-text-muted);opacity:.7;max-width:360px;margin:0}.insufficient-data-back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.insufficient-data-back-btn:hover{background-color:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.back-arrow-icon{width:18px;height:18px;flex-shrink:0}.video-controls{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;background-color:var(--color-bg);flex-shrink:0}.control-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,background-color .15s;min-width:2.5rem;height:2rem}.control-btn:hover{border-color:var(--color-accent);background-color:var(--color-surface-elevated)}.play-btn{min-width:3rem;font-size:var(--font-size-xl)}.play-icon,.pause-icon{width:18px;height:18px}.speed-selector{position:relative}.speed-btn{font-family:var(--font-mono);font-size:var(--font-size-md);min-width:2.75rem;font-weight:var(--font-weight-medium)}.speed-menu{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px color-mix(in srgb,var(--color-bg) 40%,transparent);overflow:hidden;z-index:100;min-width:64px}.speed-menu-item{display:block;width:100%;padding:.5rem .75rem;font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:center;transition:background-color .15s}.speed-menu-item:hover{background-color:var(--color-surface-elevated)}.speed-menu-item.active{color:var(--color-accent);background-color:var(--color-accent-dim)}.mute-btn{position:relative;padding:.5rem}.mute-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--color-text)}.mute-cross{position:absolute;width:var(--icon-size-xs);height:var(--icon-size-xs);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.overlay-btn{position:relative;padding:.5rem}.overlay-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--color-text)}.overlay-cross,.overlay-pause-indicator{position:absolute;width:var(--icon-size-xs);height:var(--icon-size-xs);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.zoom-btn{position:relative;padding:.5rem}.zoom-btn.active{background-color:var(--color-accent-dim);border-color:var(--color-accent)}.zoom-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--color-text)}.zoom-btn.active .zoom-icon{color:var(--color-accent)}.reset-view-btn{position:relative;padding:.5rem}.reset-view-btn.active{background-color:var(--color-accent-dim);border-color:var(--color-accent)}.reset-view-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--color-text)}.reset-view-btn.active .reset-view-icon{color:var(--color-accent)}.zoom-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:15}.time-display{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--color-accent);min-width:100px;text-align:center}.seek-buttons{display:flex;gap:.25rem}.seek-btn{font-size:var(--font-size-md);padding:.375rem .5rem;min-width:auto}.timeline-event-nav-btn{display:flex;align-items:center;justify-content:center;padding:.375rem .5rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-warning);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.timeline-event-nav-btn:hover{color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 20%,transparent);border-color:var(--color-warning)}.skip-icon{width:var(--icon-size-xs);height:var(--icon-size-xs)}.new-event-btn{background-color:var(--color-info-btn);border-color:var(--color-info-btn);color:var(--color-on-btn);font-weight:var(--font-weight-bold);padding:.5rem .75rem;margin-left:.5rem}.new-event-btn:hover{background-color:var(--color-info-btn-hover);border-color:var(--color-info-btn)}.progress-container{flex:1;height:2rem;display:flex;align-items:center;cursor:pointer;padding:0 .5rem}.progress-bar{position:relative;width:100%;height:4px;background-color:var(--color-surface-elevated);border-radius:2px;overflow:visible}.progress-filled{height:100%;background-color:var(--color-accent);border-radius:2px;transition:width .1s linear}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 4px color-mix(in srgb,var(--color-accent) 50%,transparent);transition:transform .1s,box-shadow .15s}.progress-container:hover .progress-handle{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 8px color-mix(in srgb,var(--color-accent) 70%,transparent)}.timeline-section{margin-top:.5rem;flex-shrink:0}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:1rem}.timeline-header-left{display:flex;align-items:center;gap:1rem}.timeline-mode-selector{display:flex;align-items:center;gap:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;height:28px}.timeline-mode-btn{padding:0 .625rem;height:100%;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:none;border-right:1px solid var(--color-border);cursor:pointer;transition:background-color .15s,color .15s;white-space:nowrap}.timeline-mode-btn:last-child{border-right:none}.timeline-mode-btn:hover{background-color:var(--color-surface-elevated);color:var(--color-text)}.timeline-mode-btn.active{background-color:var(--color-accent-dim);color:var(--color-accent)}.timeline-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.timeline-info{font-size:var(--font-size-md);color:var(--color-text-muted)}.timeline-info.timeline-range{padding-left:.75rem;border-left:1px solid var(--color-border);margin-left:.75rem;font-family:var(--font-mono)}.timeline-zoom{display:flex;align-items:center;gap:.5rem}.timeline-zoom-label{font-size:var(--font-size-md);color:var(--color-text-muted)}.timeline-zoom-slider{width:100px;height:4px;appearance:none;background-color:var(--color-surface-elevated);border-radius:2px;outline:none;cursor:pointer}.timeline-zoom-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background-color:var(--color-accent);border-radius:50%;cursor:pointer;transition:transform .15s}.timeline-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.timeline-zoom-slider::-moz-range-thumb{width:12px;height:12px;background-color:var(--color-accent);border-radius:50%;border:none;cursor:pointer}.timeline-zoom-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent);min-width:48px;text-align:right}.timeline-body{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-surface);position:relative}.timeline-labels{flex-shrink:0;background-color:var(--color-surface-elevated);border-right:1px solid var(--color-border);z-index:5;overflow:hidden}.timeline-row-label{display:flex;align-items:center;padding:0 .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;border-bottom:1px solid var(--color-text-faint);min-width:80px;box-sizing:border-box}.timeline-markers-label{background:transparent;border-bottom:none}.timeline-wrapper{position:relative;flex:1;min-width:0;overflow:hidden}.timeline-container{overflow:auto hidden;cursor:pointer}.timeline-content,.timeline-row{position:relative}.timeline-markers-row{background-color:color-mix(in srgb,var(--color-bg) 20%,transparent)}.timeline-event{transition:opacity .15s,transform .1s}.timeline-event:hover{opacity:1;transform:scaleY(1.1);z-index:5}.timeline-event-label{display:block;width:100%;height:100%;padding:0 4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:16px;color:var(--color-text);text-shadow:0 1px 2px color-mix(in srgb,var(--color-bg) 80%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;box-sizing:border-box}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background-color:var(--color-error);z-index:20;pointer-events:none;box-shadow:0 0 4px color-mix(in srgb,var(--color-error) 50%,transparent)}.timeline-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-error)}.timeline-overflow-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.375rem;z-index:10}.timeline-overflow-btn{width:24px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.timeline-overflow-btn:hover:not(:disabled){background-color:var(--color-surface-elevated);color:var(--color-accent);border-color:var(--color-accent)}.timeline-overflow-btn:disabled{opacity:.3;cursor:not-allowed}.timeline-overflow-info{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;padding:.125rem 0}.timeline-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-right:1px solid var(--color-border);transition:background-color .15s;box-sizing:border-box}.timeline-item:hover{background-color:var(--color-surface-elevated)}.timeline-item-marker{width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;margin-bottom:.125rem;flex-shrink:0}.timeline-item-time{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}@media(width<=480px){.login-container{padding:1rem}.login-card{padding:1.5rem}.login-title{font-size:var(--font-size-4xl)}}.event-detail-popup{position:absolute;top:0;left:50%;transform:translate(-50%);max-width:50%;min-width:340px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:0 8px 32px color-mix(in srgb,var(--color-bg) 50%,transparent);z-index:100;display:flex;flex-direction:column;overflow:hidden}.event-detail-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.event-team{display:inline-block;padding:.25rem .5rem;border-radius:var(--vds-border-radius-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-transform:uppercase;font-family:inherit}button.event-team.clickable{cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;appearance:none}button.event-team.clickable:hover{transform:scale(1.05)}button.event-team.clickable:active{transform:scale(.98)}.event-team.team-left{background-color:var(--team-bg, color-mix(in srgb, var(--vds-blue-500) 20%, transparent));color:var(--team-text, var(--vds-blue-400));border:1px solid var(--team-border, color-mix(in srgb, var(--vds-blue-500) 30%, transparent))}button.event-team.team-left.clickable:hover{background-color:var(--team-bg-hover, color-mix(in srgb, var(--vds-blue-500) 35%, transparent));border-color:var(--team-border-hover, color-mix(in srgb, var(--vds-blue-500) 50%, transparent))}.event-team.team-right{background-color:var(--team-bg, color-mix(in srgb, var(--vds-red-500) 20%, transparent));color:var(--team-text, var(--vds-red-400));border:1px solid var(--team-border, color-mix(in srgb, var(--vds-red-500) 30%, transparent))}button.event-team.team-right.clickable:hover{background-color:var(--team-bg-hover, color-mix(in srgb, var(--vds-red-500) 35%, transparent));border-color:var(--team-border-hover, color-mix(in srgb, var(--vds-red-500) 50%, transparent))}.event-team.team-unselected{background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);border:1px dashed color-mix(in srgb,var(--color-warning) 50%,transparent);animation:pulse-border 1.5s ease-in-out infinite}button.event-team.team-unselected.clickable:hover{background-color:color-mix(in srgb,var(--color-warning) 25%,transparent);border-color:color-mix(in srgb,var(--color-warning) 70%,transparent)}@keyframes pulse-border{0%,to{border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}50%{border-color:color-mix(in srgb,var(--color-warning) 70%,transparent)}}.event-title-section{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.event-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-name-select{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .5rem;cursor:pointer;outline:none;min-width:100px}.event-name-select:hover{border-color:var(--color-accent)}.event-name-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.event-name-select option{background-color:var(--color-surface);color:var(--color-text)}.event-confidence{font-size:var(--font-size-md);color:var(--color-text-muted);white-space:nowrap}.event-optimal-badge{padding:.125rem .375rem;background-color:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);border-radius:var(--vds-border-radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap}.event-period-timestamp{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background-color:var(--color-surface);padding:.25rem .5rem;border-radius:var(--vds-border-radius-xs);font-family:var(--font-mono);white-space:nowrap;margin-right:.25rem}.event-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-3xl);cursor:pointer;border-radius:var(--vds-border-radius-xs);transition:background-color .15s,color .15s}.event-close-btn:hover{background-color:var(--color-surface);color:var(--color-text)}.event-detail-body{padding:.625rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.event-detail-row{display:flex;align-items:center;gap:.5rem}.event-detail-main-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.event-jersey-section,.event-coords-section,.event-timestamp-section{display:flex;align-items:center;gap:.625rem}.event-label-inline{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.event-label{font-size:var(--font-size-lg);color:var(--color-text-muted);min-width:80px}.event-value{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--color-text)}.event-coords-value{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);transition:color .2s}.event-coords-value.proposed{color:var(--color-success)}.event-timestamp-value{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);transition:color .15s,background-color .15s}.event-timestamp-value.clickable{cursor:pointer;padding:.125rem .375rem;border-radius:3px;background-color:var(--color-text-faint)}.event-timestamp-value.clickable:hover{color:var(--color-info);background-color:color-mix(in srgb,var(--color-info) 15%,transparent)}.event-play-range-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-success) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);border-radius:var(--vds-border-radius-xs);color:var(--color-success);font-size:var(--font-size-xs);cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;margin-left:.375rem}.event-play-range-btn:hover{background-color:color-mix(in srgb,var(--color-success) 25%,transparent);border-color:color-mix(in srgb,var(--color-success) 60%,transparent);transform:scale(1.1)}.event-play-range-btn:active{transform:scale(.95)}.event-set-timestamp-btn{padding:.15rem .4rem;margin-left:-.25rem;background-color:color-mix(in srgb,var(--color-info) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-info) 40%,transparent);border-radius:var(--vds-border-radius-xs);color:var(--color-info);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .15s,border-color .15s}.event-set-timestamp-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-info) 25%,transparent);border-color:color-mix(in srgb,var(--color-info) 60%,transparent)}.event-set-timestamp-btn:disabled{opacity:.5;cursor:not-allowed}.event-jersey-input-container{display:flex;align-items:center;gap:.5rem}.event-jersey-input{width:52px;padding:.5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;transition:border-color .15s,background-color .15s}.event-jersey-input:focus{outline:none;border-color:var(--color-accent)}.event-jersey-input::placeholder{color:var(--color-text-subtle);font-weight:var(--font-weight-normal)}.event-jersey-input.empty{background-color:color-mix(in srgb,var(--color-error) 20%,transparent);border-color:color-mix(in srgb,var(--color-error) 50%,transparent)}.event-jersey-input.empty:focus{border-color:color-mix(in srgb,var(--color-error) 80%,transparent)}.event-jersey-warning{color:var(--color-warning);font-size:var(--font-size-xl);cursor:help;margin-left:.25rem}.event-label-inline.track-label{color:var(--color-warning);font-weight:var(--font-weight-bold)}.event-track-display{width:52px;padding:.5rem;background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);border-radius:var(--vds-border-radius-xs);color:var(--color-warning);font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center}.suggestion-track-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-none);color:var(--team-chip-track-text, var(--color-warning))}.event-propose-btn{padding:.375rem .625rem;background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);border-radius:var(--vds-border-radius-xs);color:var(--color-warning);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color .15s,border-color .15s}.event-propose-btn:hover{background-color:color-mix(in srgb,var(--color-warning) 25%,transparent);border-color:color-mix(in srgb,var(--color-warning) 60%,transparent)}.event-error{padding:.5rem;background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--vds-border-radius-xs);color:var(--color-error);font-size:var(--font-size-md);text-align:center}.event-suggestion-type-row{display:flex;align-items:center;gap:.75rem;padding:.25rem 0 0}.event-suggestion-area{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.event-type-section{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.event-type-select{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .375rem;cursor:pointer;outline:none;width:120px}.event-type-select:hover{border-color:var(--color-accent)}.event-type-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.event-type-select option{background-color:var(--color-surface);color:var(--color-text)}.event-suggestion-label{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-medium);cursor:help}.event-suggestion-players{display:flex;align-items:center;gap:.5rem;flex:1;cursor:help}.event-suggestion-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-mono);cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;border:2px solid}.event-suggestion-btn.team-left{background-color:var(--team-chip-bg, color-mix(in srgb, var(--vds-blue-500) 90%, transparent));border-color:var(--team-chip-border, var(--vds-blue-500));color:var(--team-chip-text, var(--color-on-btn))}.event-suggestion-btn.team-left:hover{transform:scale(1.15);box-shadow:0 0 12px var(--team-chip-shadow, color-mix(in srgb, var(--vds-blue-500) 50%, transparent))}.event-suggestion-btn.team-right{background-color:var(--team-chip-bg, color-mix(in srgb, var(--vds-red-500) 90%, transparent));border-color:var(--team-chip-border, var(--vds-red-500));color:var(--team-chip-text, var(--color-on-btn))}.event-suggestion-btn.team-right:hover{transform:scale(1.15);box-shadow:0 0 12px var(--team-chip-shadow, color-mix(in srgb, var(--vds-red-500) 50%, transparent))}.event-suggestion-btn.invalid-track{background:repeating-linear-gradient(135deg,#fffffff5 0 6px,#fbbf24f5 6px 12px);border-color:color-mix(in srgb,var(--color-text-subtle) 90%,transparent);color:var(--color-on-warning)}.event-suggestion-btn.invalid-track:hover{transform:scale(1.15);box-shadow:0 0 12px color-mix(in srgb,var(--color-text-subtle) 30%,transparent)}.event-suggestion-btn.invalid-track .suggestion-jersey{color:var(--color-on-warning);text-shadow:0 0 2px rgb(255 255 255 / 55%)}.event-suggestion-btn:active{transform:scale(.95)}.suggestion-hotkey{position:absolute;bottom:-6px;right:-6px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-mono);background-color:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm)}.suggestion-jersey{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-none);color:var(--team-chip-jersey-text, var(--team-chip-text, var(--color-on-btn)))}.event-detail-footer{padding:.625rem 1rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.event-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);color:var(--color-text);font-size:var(--font-size-xl);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.event-nav-btn:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent)}.event-nav-btn:disabled{opacity:.3;cursor:not-allowed}.event-nav-btn.interactive-next{background-color:color-mix(in srgb,var(--color-warning) 20%,transparent);border-color:color-mix(in srgb,var(--color-warning) 50%,transparent);color:var(--color-warning);font-size:var(--font-size-lg);min-width:40px}.event-nav-btn.interactive-next:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-warning) 35%,transparent);border-color:var(--color-warning);color:var(--vds-yellow-300)}.event-footer-center{flex:1;display:flex;justify-content:space-evenly;align-items:center}.event-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--vds-border-radius-xs);color:var(--color-error);font-size:var(--font-size-lg);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.event-delete-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:color-mix(in srgb,var(--color-error) 50%,transparent);color:var(--color-danger-btn)}.event-delete-btn:disabled{opacity:.6;cursor:not-allowed}.event-lineup-warning{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-danger-btn-hover);border-radius:50%;color:var(--color-on-btn);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:help;animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-danger-btn-hover) 50%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-danger-btn-hover) 0%,transparent)}}.event-pass-row{display:flex;align-items:center;gap:1rem;padding:.25rem 0 0;border-top:1px solid var(--color-border);margin-top:.5rem}.event-pass-warning{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--color-warning);border-radius:50%;color:var(--color-on-warning);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:help;flex-shrink:0}.event-pass-section{display:flex;align-items:center;gap:.5rem}.event-recipient-input{width:44px;padding:.375rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;transition:border-color .15s,background-color .15s}.event-recipient-input:focus{outline:none;border-color:var(--color-accent)}.event-recipient-input::placeholder{color:var(--color-text-subtle);font-weight:var(--font-weight-normal)}.event-recipient-input.empty{background-color:color-mix(in srgb,var(--color-warning) 10%,transparent);border-color:color-mix(in srgb,var(--color-warning) 40%,transparent)}.event-outcome-btn{padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--vds-border-radius-xs);cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;min-width:70px;text-align:center}.event-outcome-btn:hover{transform:scale(1.05)}.event-outcome-btn:active{transform:scale(.98)}.event-outcome-btn.outcome-unknown{background-color:color-mix(in srgb,var(--color-border) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);color:var(--color-text-muted)}.event-outcome-btn.outcome-pending{background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);color:var(--color-warning)}.event-outcome-btn.outcome-success{background-color:color-mix(in srgb,var(--color-success) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.event-outcome-btn.outcome-intercept{background-color:color-mix(in srgb,var(--color-warning) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);color:var(--color-warning)}.event-outcome-btn.outcome-failed{background-color:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);color:var(--color-error)}.event-outcome-btn.outcome-goal{background-color:color-mix(in srgb,var(--color-success) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.event-outcome-btn.outcome-out{background-color:color-mix(in srgb,var(--vds-orange-400) 20%,transparent);border:1px solid color-mix(in srgb,var(--vds-orange-400) 40%,transparent);color:var(--vds-orange-400)}.event-outcome-btn.outcome-saved{background-color:color-mix(in srgb,var(--color-info) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-info) 40%,transparent);color:var(--color-info)}.event-pass-length{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-muted);min-width:36px}.event-pass-cross-btn{padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--vds-border-radius-xs);cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;min-width:52px;text-align:center}.event-pass-cross-btn:hover{transform:scale(1.05)}.event-pass-cross-btn:active{transform:scale(.98)}.event-pass-cross-btn.cross-yes{background-color:color-mix(in srgb,var(--color-success) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.event-pass-cross-btn.cross-no{background-color:color-mix(in srgb,var(--vds-orange-400) 20%,transparent);border:1px solid color-mix(in srgb,var(--vds-orange-400) 40%,transparent);color:var(--vds-orange-400)}.event-assist-badge{padding:.125rem .5rem;background-color:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);border-radius:var(--vds-border-radius-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap}.event-shot-row{display:flex;align-items:center;gap:1rem;padding:.25rem 0 0;border-top:1px solid var(--color-border);margin-top:.5rem}.event-shot-section{display:flex;align-items:center;gap:.5rem}.event-shot-type-btn{padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--vds-border-radius-xs);cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;min-width:70px;text-align:center}.event-shot-type-btn:hover{transform:scale(1.05)}.event-shot-type-btn:active{transform:scale(.98)}.event-shot-type-btn.shot-type-unknown{background-color:color-mix(in srgb,var(--color-border) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);color:var(--color-text-muted)}.event-shot-type-btn.shot-type-set{background-color:color-mix(in srgb,var(--color-info) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-info) 40%,transparent);color:var(--color-info)}.event-save-row{display:flex;align-items:center;gap:1rem;padding:.25rem 0 0;border-top:1px solid var(--color-border);margin-top:.5rem}.event-save-section{display:flex;align-items:center;gap:.5rem}.event-save-type-btn{padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;cursor:pointer;border-radius:var(--vds-border-radius-xs);transition:background .1s,transform .1s;min-width:70px;text-align:center}.event-save-type-btn:hover{transform:scale(1.05)}.event-save-type-btn:active{transform:scale(.98)}.event-save-type-btn.save-type-empty{background-color:color-mix(in srgb,var(--color-border) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);color:var(--color-text-muted)}.event-save-type-btn.save-type-set{background-color:color-mix(in srgb,var(--color-success) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.event-goal-row{display:flex;align-items:center;gap:1rem;padding:.25rem 0 0;border-top:1px solid var(--color-border);margin-top:.5rem}.event-goal-section{display:flex;align-items:center;gap:.5rem}.event-goal-scorer{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:.125rem .5rem;border-radius:var(--vds-border-radius-xs);min-width:50px;text-align:center}.event-goal-scorer.empty{color:var(--color-text-muted);font-style:italic;font-weight:var(--font-weight-normal);font-size:var(--font-size-md)}.event-goal-scorer.team-left{color:var(--team-scorer-text, color-mix(in srgb, var(--vds-blue-500) 90%, transparent))}.event-goal-scorer.team-right{color:var(--team-scorer-text, color-mix(in srgb, var(--vds-red-500) 90%, transparent))}.event-goal-own-btn{padding:.25rem .75rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--vds-border-radius-xs);cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;min-width:70px;text-align:center;background-color:color-mix(in srgb,var(--color-success) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.event-goal-own-btn:hover{transform:scale(1.05)}.event-goal-own-btn:active{transform:scale(.98)}.event-goal-own-btn.own-goal-active{background-color:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);color:var(--color-error)}.event-outcome-only-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-top:1px solid var(--color-border);margin-top:.5rem}.event-outcome-section{display:flex;align-items:center;gap:.5rem}.event-duel-aerial-btn{padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--vds-border-radius-xs);cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;min-width:70px;text-align:center}.event-duel-aerial-btn:hover{transform:scale(1.05)}.event-duel-aerial-btn:active{transform:scale(.98)}.event-duel-aerial-btn.aerial{background-color:color-mix(in srgb,var(--color-success) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.event-duel-aerial-btn.ground{background-color:color-mix(in srgb,var(--vds-orange-400) 20%,transparent);border:1px solid color-mix(in srgb,var(--vds-orange-400) 40%,transparent);color:var(--vds-orange-400)}.event-duel-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-top:1px solid var(--color-border);margin-top:.5rem;flex-wrap:wrap}.duel-players-section{display:flex;align-items:center;gap:.5rem}.duel-players-list{display:flex;gap:.375rem;flex-wrap:wrap}.duel-player-chip{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-mono);border:2px solid;color:var(--color-on-btn)}.duel-player-chip.team-left{background-color:var(--team-chip-bg, color-mix(in srgb, var(--vds-blue-500) 90%, transparent));border-color:var(--team-chip-border, var(--vds-blue-500));color:var(--team-chip-text, var(--color-on-btn))}.duel-player-chip.team-right{background-color:var(--team-chip-bg, color-mix(in srgb, var(--vds-red-500) 90%, transparent));border-color:var(--team-chip-border, var(--vds-red-500));color:var(--team-chip-text, var(--color-on-btn))}.duel-player-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-none);color:var(--team-chip-jersey-text, var(--team-chip-text, var(--color-on-btn)))}.duel-track-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--team-chip-track-text, var(--color-warning))}.duel-player-remove{position:absolute;top:-6px;right:-6px;width:var(--icon-size-xs);height:var(--icon-size-xs);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background-color:var(--color-danger-btn);color:var(--color-on-btn);border:1.5px solid var(--color-surface);border-radius:50%;cursor:pointer;padding:0;line-height:var(--line-height-none);opacity:0;transition:opacity .15s}.duel-player-chip:hover .duel-player-remove{opacity:1}.event-timed-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-top:1px solid var(--color-border);margin-top:.5rem}.event-card-section{display:flex;align-items:center;gap:.375rem}.event-card-btn{width:22px;height:28px;border-radius:3px;border:2px solid;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;opacity:.35}.event-card-btn:hover{opacity:.7;transform:scale(1.1)}.event-card-btn.card-active{opacity:1;transform:scale(1.15);box-shadow:0 0 6px color-mix(in srgb,var(--color-text) 25%,transparent)}.event-card-btn.card-yellow{background-color:var(--color-warning);border-color:var(--color-warning-hover);color:var(--color-on-warning)}.event-card-btn.card-red{background-color:var(--color-danger-btn);border-color:var(--color-danger-btn-hover)}.event-confirm-btn{padding:.5rem 1.25rem;background-color:var(--color-success-btn);border:none;border-radius:var(--vds-border-radius-xs);color:var(--color-on-btn);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .15s,transform .1s}.event-confirm-btn:hover:not(:disabled){background-color:var(--color-success-btn-hover);transform:translateY(-1px)}.event-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.event-confirm-btn.system-proposal{background-color:var(--color-warning);color:var(--color-on-warning)}.event-confirm-btn.system-proposal:hover:not(:disabled){background-color:var(--color-warning-hover)}.event-auto-confirm-btn{padding:.125rem .5rem;background:transparent;border:1px solid var(--color-text-subtle);border-radius:var(--vds-border-radius-xs);color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;cursor:pointer;transition:all .2s ease;flex-shrink:0}.event-auto-confirm-btn:hover{background-color:var(--color-text-faint);border-color:var(--color-text-subtle);color:var(--color-text)}.event-auto-confirm-btn.active{background-color:color-mix(in srgb,var(--color-info) 20%,transparent);border-color:var(--color-info);color:var(--color-info)}.event-auto-confirm-btn.active:hover{background-color:color-mix(in srgb,var(--color-info) 30%,transparent)}.event-delete-confirm-overlay{position:absolute;inset:0;background-color:color-mix(in srgb,var(--color-bg) 70%,transparent);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);z-index:10}.event-delete-confirm-dialog{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:1rem;max-width:90%;text-align:center}.event-delete-confirm-message{margin:0 0 1rem;font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-snug)}.event-delete-confirm-message strong{color:var(--color-text)}.event-delete-confirm-buttons{display:flex;gap:.75rem;justify-content:center}.event-delete-cancel-btn{padding:.5rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;transition:background-color .15s,border-color .15s}.event-delete-cancel-btn:hover:not(:disabled){background-color:var(--color-surface-elevated);border-color:var(--color-text-muted)}.event-delete-confirm-btn{padding:.5rem 1rem;background-color:var(--color-danger-btn);border:none;border-radius:var(--vds-border-radius-xs);color:var(--color-on-btn);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .15s}.event-delete-confirm-btn:hover:not(:disabled){background-color:var(--color-danger-btn-hover)}.event-delete-cancel-btn:disabled,.event-delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.workflow-button-container{grid-column:2;display:flex;gap:1rem;align-items:center;justify-content:center}.mode-indicator{padding:.375rem 1rem;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-transform:uppercase}.mode-indicator-annotate{background-color:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}.undo-redo-container{display:flex;gap:.25rem}.undo-redo-btn{width:2.25rem;height:2.25rem;padding:0;font-size:var(--font-size-3xl);color:var(--color-text-muted);background-color:color-mix(in srgb,var(--color-border) 30%,transparent);border:1px solid color-mix(in srgb,var(--color-border-hover) 25%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.undo-redo-btn:hover:not(:disabled){color:var(--color-text);background-color:color-mix(in srgb,var(--color-border) 50%,transparent);border-color:color-mix(in srgb,var(--color-border-hover) 40%,transparent)}.undo-redo-btn:active:not(:disabled){transform:scale(.95)}.undo-redo-btn:disabled{opacity:.35;cursor:not-allowed}.workflow-btn{padding:.75rem 2rem;font-family:inherit;font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s;text-transform:uppercase}.workflow-btn:hover{transform:scale(1.05)}.workflow-btn:active{transform:scale(.98)}.workflow-btn-start{font-size:var(--font-size-3xl);color:var(--color-on-btn);background-color:var(--color-danger-btn-hover);box-shadow:0 4px 20px color-mix(in srgb,var(--color-danger-btn-hover) 40%,transparent)}.workflow-btn-start:hover{background-color:var(--vds-red-800);box-shadow:0 6px 25px color-mix(in srgb,var(--color-danger-btn-hover) 50%,transparent)}.workflow-btn-continue{font-size:var(--font-size-3xl);color:var(--color-on-btn);background-color:var(--color-info);box-shadow:0 4px 20px color-mix(in srgb,var(--color-info) 40%,transparent)}.workflow-btn-continue:hover{background-color:var(--vds-blue-600);box-shadow:0 6px 25px color-mix(in srgb,var(--color-info) 50%,transparent)}.workflow-btn-interactive{font-size:var(--font-size-lg);padding:.5rem 1rem;color:var(--color-text-muted);background-color:color-mix(in srgb,var(--color-border-hover) 15%,transparent);border:2px solid color-mix(in srgb,var(--color-border-hover) 40%,transparent);box-shadow:none}.workflow-btn-interactive:hover{color:var(--color-text);background-color:color-mix(in srgb,var(--color-border-hover) 25%,transparent);border-color:color-mix(in srgb,var(--color-border-hover) 60%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--color-border-hover) 20%,transparent)}.workflow-btn-interactive.active{color:var(--color-on-warning);background-color:var(--color-warning);border-color:var(--color-warning-hover);box-shadow:0 4px 16px color-mix(in srgb,var(--color-warning) 50%,transparent)}.workflow-btn-interactive.active:hover{background-color:var(--color-warning-hover);border-color:var(--vds-yellow-800);box-shadow:0 6px 20px color-mix(in srgb,var(--color-warning) 60%,transparent)}.workflow-btn-cancel{font-size:var(--font-size-md);padding:.375rem .75rem;color:var(--color-on-btn);background-color:var(--color-danger-btn);box-shadow:0 2px 8px color-mix(in srgb,var(--color-error) 30%,transparent)}.workflow-btn-cancel:hover{background-color:var(--color-danger-btn-hover);box-shadow:0 3px 12px color-mix(in srgb,var(--color-error) 40%,transparent)}.workflow-btn-completed{font-size:var(--font-size-md);padding:.4rem 1rem;color:var(--vds-green-900);background-color:var(--vds-green-300);box-shadow:0 2px 8px color-mix(in srgb,var(--color-success) 25%,transparent)}.workflow-btn-completed:hover{background-color:var(--color-success);box-shadow:0 3px 12px color-mix(in srgb,var(--color-success) 35%,transparent)}.event-progress-container{position:relative;min-width:120px;height:32px;padding:.4rem .75rem;font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--radius-md);background-color:var(--vds-green-850);box-shadow:0 2px 8px color-mix(in srgb,var(--color-success) 25%,transparent);overflow:hidden;box-sizing:border-box}.event-progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--vds-green-300);transition:width .3s ease-out;border-radius:var(--radius-md) 0 0 var(--radius-md)}.event-progress-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-on-btn);text-shadow:0 1px 2px color-mix(in srgb,var(--color-bg) 50%,transparent)}.finalize-modal-overlay{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg) 75%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.finalize-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:450px;width:90%;box-shadow:0 20px 60px color-mix(in srgb,var(--color-bg) 50%,transparent);animation:modal-slide-in .3s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.finalize-modal-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--color-text);margin:0 0 1rem;text-align:center}.finalize-modal-message{font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 .75rem;text-align:center;line-height:var(--line-height-normal)}.finalize-modal-warning{font-size:var(--font-size-lg);color:var(--color-warning);margin:0 0 1.5rem;text-align:center;padding:.75rem;background-color:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-sm)}.finalize-modal-buttons{display:flex;gap:1rem;justify-content:center}.finalize-cancel-btn{padding:.75rem 1.5rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,border-color .15s}.finalize-cancel-btn:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-text-muted)}.finalize-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.finalize-confirm-btn{padding:.75rem 1.5rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-on-btn);background-color:var(--color-success-btn);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,transform .1s}.finalize-confirm-btn:hover:not(:disabled){background-color:var(--color-success-btn-hover)}.finalize-confirm-btn:active:not(:disabled){transform:scale(.98)}.finalize-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.back-confirm-btn{padding:.75rem 1.5rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-on-warning);background-color:var(--color-warning);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,transform .1s}.back-confirm-btn:hover{background-color:var(--color-warning-hover)}.back-confirm-btn:active{transform:scale(.98)}.constraint-violations-dialog{position:fixed;top:60px;right:1rem;width:340px;max-height:calc(100vh - 80px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:0 8px 32px color-mix(in srgb,var(--color-bg) 50%,transparent);z-index:200;display:flex;flex-direction:column;overflow:hidden}.constraint-violations-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.constraint-violations-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text)}.constraint-violations-body{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.constraint-violation-item{padding:.625rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.375rem}.constraint-violation-description{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-warning)}.constraint-violation-section{display:flex;flex-direction:column;gap:.25rem}.constraint-violation-label{font-size:var(--font-size-md);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.constraint-violation-links{display:flex;flex-wrap:wrap;gap:.25rem}.constraint-violation-link{background:transparent;border:1px solid var(--color-border);color:var(--color-info);font-size:var(--font-size-md);font-family:var(--font-mono);padding:.125rem .375rem;border-radius:var(--vds-border-radius-xs);cursor:pointer;transition:background-color .15s,color .15s}.constraint-violation-link:hover{background-color:var(--color-surface);color:var(--color-info)}.constraint-violations-footer{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--color-border);flex-shrink:0}.constraint-violations-btn{flex:1;padding:.5rem 1rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,transform .1s}.constraint-violations-btn:disabled{opacity:.6;cursor:not-allowed}.constraint-violations-btn-force{background-color:var(--color-warning);color:var(--color-on-warning)}.constraint-violations-btn-force:hover:not(:disabled){background-color:var(--color-warning-hover)}.constraint-violations-btn-retry{background-color:var(--color-success-btn);color:var(--color-on-btn)}.constraint-violations-btn-retry:hover:not(:disabled){background-color:var(--color-success-btn-hover)}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:var(--color-warning);color:var(--color-on-warning);padding:.875rem 1.5rem;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);box-shadow:0 4px 20px color-mix(in srgb,var(--color-bg) 40%,transparent);z-index:2000;animation:toast-slide-in .3s ease-out;max-width:90%;text-align:center}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tracking-edit-popup{position:absolute;top:1rem;left:50%;transform:translate(-50%);min-width:280px;max-width:360px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:0 8px 32px color-mix(in srgb,var(--color-bg) 50%,transparent);z-index:100;display:flex;flex-direction:column;overflow:hidden}.tracking-edit-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.tracking-edit-title{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.tracking-edit-track-id{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);padding:.125rem .375rem;background-color:var(--color-surface);border-radius:var(--vds-border-radius-xs)}.tracking-edit-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-3xl);cursor:pointer;border-radius:var(--vds-border-radius-xs);transition:background-color .15s,color .15s}.tracking-edit-close-btn:hover{background-color:var(--color-surface);color:var(--color-text)}.tracking-edit-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.tracking-edit-row{display:flex;align-items:center;gap:1rem}.tracking-edit-label{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-medium);min-width:50px}.tracking-type-selector{position:relative;flex:1}.tracking-type-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color .15s,background-color .15s}.tracking-type-btn:hover{border-color:var(--color-accent);background-color:var(--color-surface)}.tracking-type-arrow{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:.5rem}.tracking-type-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);box-shadow:0 4px 12px color-mix(in srgb,var(--color-bg) 40%,transparent);overflow:hidden;z-index:110}.tracking-type-menu-item{display:block;width:100%;padding:.5rem .75rem;font-size:var(--font-size-lg);color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s}.tracking-type-menu-item:hover{background-color:var(--color-surface-elevated)}.tracking-type-menu-item.active{color:var(--color-accent);background-color:var(--color-accent-dim)}.tracking-jersey-input-container{flex:1;display:flex;align-items:center;gap:.5rem}.tracking-jersey-input{width:60px;padding:.5rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;transition:border-color .15s,background-color .15s}.tracking-jersey-input:focus{outline:none;border-color:var(--color-accent)}.tracking-jersey-input::placeholder{color:var(--color-text-subtle);font-weight:var(--font-weight-normal)}.tracking-jersey-input.disabled{opacity:.4;background-color:var(--color-surface);cursor:not-allowed}.tracking-jersey-hint{font-size:var(--font-size-md);color:var(--color-text-muted);font-style:italic}.tracking-edit-error{padding:.5rem;background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--vds-border-radius-xs);color:var(--color-error);font-size:var(--font-size-md);text-align:center}.tracking-edit-footer{padding:.75rem 1rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.75rem}.tracking-cancel-btn{padding:.5rem 1rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--vds-border-radius-xs);color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;transition:background-color .15s,border-color .15s}.tracking-cancel-btn:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-text-muted)}.tracking-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.tracking-apply-btn{padding:.5rem 1.25rem;background-color:var(--color-success-btn);border:none;border-radius:var(--vds-border-radius-xs);color:var(--color-on-btn);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .15s,transform .1s}.tracking-apply-btn:hover:not(:disabled){background-color:var(--color-success-btn-hover);transform:translateY(-1px)}.tracking-apply-btn:disabled{opacity:.4;cursor:not-allowed}.hotkeys-modal-overlay{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg) 85%,transparent);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fade-in .2s ease-out;padding:2rem 2rem 4rem}.hotkeys-modal{position:relative;width:80%;height:80%;max-width:1200px;max-height:800px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 25px 80px color-mix(in srgb,var(--color-bg) 60%,transparent);animation:modal-slide-in .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.hotkeys-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;padding:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);color:var(--color-text-muted);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.hotkeys-close-btn:hover{color:var(--color-text);background-color:var(--color-border);border-color:var(--color-text-muted);transform:scale(1.05)}.hotkeys-modal-title{font-size:var(--vds-web-h3-600-font-size);font-weight:var(--vds-web-h3-600-font-weight);line-height:var(--line-height-heading);color:var(--color-text);padding:1.5rem 2rem 1rem;margin:0;border-bottom:1px solid var(--color-border);flex-shrink:0}.hotkeys-content{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:2rem}.hotkeys-section{display:flex;flex-direction:column;gap:1rem}.hotkeys-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent);text-transform:uppercase;margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.hotkeys-list{display:flex;flex-direction:column;gap:1rem}.hotkey-item{display:flex;gap:1.5rem;padding:1rem;background-color:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.hotkey-keys{display:flex;align-items:flex-start;gap:.5rem;flex-shrink:0;min-width:180px;flex-wrap:wrap}.hotkey-key{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:32px;padding:0 .75rem;font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--color-border)}.hotkey-separator{color:var(--color-text-muted);font-size:var(--font-size-md);align-self:center}.hotkey-keys.mouse-action{min-width:180px}.mouse-action-label{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);background:linear-gradient(135deg,var(--color-surface-high) 0%,var(--color-surface-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap}.hotkey-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.hotkey-action{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.hotkey-details{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-normal)}.hotkey-modes{display:flex;flex-direction:column;gap:.375rem;margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.hotkey-mode{display:flex;gap:.5rem;font-size:var(--font-size-lg);line-height:var(--line-height-snug)}.hotkey-mode-name{color:var(--color-warning);font-weight:var(--font-weight-medium);flex-shrink:0}.hotkey-mode-behavior{color:var(--color-text-muted)}.hotkeys-tips{background-color:var(--color-surface-elevated);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--color-border)}.tips-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.75rem}.tips-list li{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-normal)}.tips-list li strong{color:var(--color-text)}.hotkeys-content::-webkit-scrollbar{width:8px}.hotkeys-content::-webkit-scrollbar-track{background-color:var(--color-surface);border-radius:var(--vds-border-radius-xs)}.hotkeys-content::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--vds-border-radius-xs)}.hotkeys-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.periods-editor-popup{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:620px;max-width:95%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px color-mix(in srgb,var(--color-bg) 40%,transparent);z-index:100;display:flex;flex-direction:column}.periods-editor-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.periods-editor-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;flex:1}.periods-editor-add-btn-header{padding:.375rem .625rem;font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s,color .15s}.periods-editor-add-btn-header:hover{background-color:var(--color-accent);color:var(--color-bg)}.periods-editor-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.periods-editor-close-btn:hover{color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}.periods-editor-body{padding:.75rem 1rem;max-height:380px;overflow-y:auto}.periods-editor-kits-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-bottom:.75rem;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-elevated)}.periods-editor-kits-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text)}.periods-editor-kit-legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-size-md);color:var(--color-text-muted)}.period-kit-color{width:14px;height:14px;border-radius:var(--vds-border-radius-xs);border:1px solid color-mix(in srgb,var(--color-text) 25%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-bg) 15%,transparent);flex-shrink:0}.periods-editor-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-lg)}.periods-editor-list{display:flex;flex-direction:column;gap:.5rem}.period-row{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.period-id{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent);min-width:60px}.period-timestamps{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}.period-timestamp-group{display:grid;grid-template-columns:36px 140px auto;align-items:center;gap:.5rem}.period-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;min-width:32px}.period-timestamp{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--color-text);width:140px;text-align:left}.period-timestamp.clickable{cursor:pointer;transition:color .15s}.period-timestamp.clickable:hover{color:var(--color-accent)}.period-set-btn{padding:.25rem .5rem;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);border:1px solid var(--color-accent);border-radius:var(--vds-border-radius-xs);cursor:pointer;transition:background-color .15s,color .15s;margin-left:0;justify-self:start}.period-set-btn:hover{background-color:var(--color-accent);color:var(--color-bg)}.period-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s,border-color .15s;align-self:center}.period-remove-btn:hover{color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:color-mix(in srgb,var(--color-error) 30%,transparent)}.period-kit-mapping-row{display:flex;flex-direction:column;gap:.35rem;min-width:190px;align-self:center}.period-kit-cycle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);cursor:pointer;transition:border-color .15s}.period-kit-cycle-btn:hover{border-color:var(--color-accent)}.period-kit-cycles{display:flex;align-items:center;gap:.35rem}.period-kit-swap-icon-btn{width:24px;height:32px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:border-color .15s,color .15s}.period-kit-swap-icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.period-kit-swap-arrow{line-height:var(--line-height-none);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.periods-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--color-border);gap:.75rem}.periods-editor-footer-right{display:flex;align-items:center;gap:.5rem}.periods-editor-add-btn{padding:.5rem .875rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.periods-editor-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.periods-editor-cancel-btn{padding:.5rem .875rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.periods-editor-cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.periods-editor-confirm-btn{padding:.5rem 1rem;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-bg);background-color:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.periods-editor-confirm-btn:hover{background-color:var(--color-accent-hover)}.periods-editor-body::-webkit-scrollbar{width:6px}.periods-editor-body::-webkit-scrollbar-track{background-color:var(--color-surface);border-radius:3px}.periods-editor-body::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.periods-editor-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.invalid-segment-popup{position:absolute;top:0;left:50%;transform:translate(-50%);width:540px;max-width:92%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px color-mix(in srgb,var(--color-bg) 40%,transparent);z-index:101;display:flex;flex-direction:column;overflow:hidden}.invalid-segment-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.invalid-segment-title{margin:0;flex:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.invalid-segment-body{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.875rem}.invalid-segment-timestamps-line{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-start}.invalid-segment-comment-group{display:flex;flex-direction:column;gap:.375rem}.invalid-segment-comment-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase}.invalid-segment-comment-input{width:100%;min-height:3.5rem;resize:vertical;font-family:inherit;font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .625rem;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.invalid-segment-comment-input:focus{outline:none;border-color:var(--color-accent)}.invalid-segment-footer{padding:.75rem 1rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.invalid-segment-footer-actions{display:flex;gap:.5rem}.invalid-segment-confirm-btn,.invalid-segment-cancel-btn,.invalid-segment-delete-btn{padding:.4rem .7rem;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;border:1px solid transparent;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.invalid-segment-confirm-btn{color:var(--color-on-btn);border-color:color-mix(in srgb,var(--color-error) 45%,transparent);background-color:color-mix(in srgb,var(--color-error) 85%,transparent)}.invalid-segment-confirm-btn:hover{background-color:var(--color-error)}.invalid-segment-cancel-btn{color:var(--color-text-muted);border-color:var(--color-border);background-color:var(--color-surface-elevated)}.invalid-segment-cancel-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.invalid-segment-delete-btn{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 45%,transparent);background-color:color-mix(in srgb,var(--color-error) 8%,transparent)}.invalid-segment-delete-btn:hover{color:var(--vds-red-100);border-color:color-mix(in srgb,var(--color-error) 80%,transparent);background-color:color-mix(in srgb,var(--color-error) 20%,transparent)}.timeline-step-controls{display:flex;align-items:center;gap:.5rem;margin-right:auto}.timeline-periods-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.timeline-periods-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.timeline-periods-btn svg{opacity:.7}.timeline-periods-btn:hover svg{opacity:1}.timeline-invalid-segment-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 45%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.timeline-invalid-segment-btn:hover{color:var(--vds-red-100);border-color:color-mix(in srgb,var(--color-error) 80%,transparent);background-color:color-mix(in srgb,var(--color-error) 22%,transparent)}.timeline-reactive-pause-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.timeline-reactive-pause-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.timeline-reactive-pause-btn.active{color:var(--color-accent);border-color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}.timeline-reactive-pause-btn svg{opacity:.7}.timeline-reactive-pause-btn:hover svg,.timeline-reactive-pause-btn.active svg{opacity:1}.manual-uuid-btn.replace-btn{background-color:var(--color-replace-btn);border-color:var(--color-replace-btn);color:var(--color-on-btn)}.manual-uuid-btn.replace-btn:hover:not(:disabled){background-color:var(--color-replace-btn-hover);border-color:var(--color-replace-btn-hover)}.manual-uuid-btn.replace-btn:disabled{background-color:color-mix(in srgb,var(--color-replace-btn) 40%,transparent);border-color:color-mix(in srgb,var(--color-replace-btn) 40%,transparent);color:var(--color-text-subtle)}.manual-uuid-btn.assign-btn,.mode-btn.assign-btn{background-color:var(--color-info-btn);border-color:var(--color-info-btn);color:var(--color-on-btn)}.manual-uuid-btn.assign-btn:hover:not(:disabled),.mode-btn.assign-btn:hover:not(:disabled){background-color:var(--color-info-btn-hover);border-color:var(--color-info-btn-hover)}.manual-uuid-btn.assign-btn:disabled,.mode-btn.assign-btn:disabled{background-color:color-mix(in srgb,var(--color-info-btn) 40%,transparent);border-color:color-mix(in srgb,var(--color-info-btn) 40%,transparent);color:var(--color-text-subtle)}.jump-to-time-overlay{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg) 60%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.jump-to-time-popup{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;min-width:280px;box-shadow:0 20px 60px color-mix(in srgb,var(--color-bg) 50%,transparent);animation:modal-slide-in .2s ease-out}.jump-to-time-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:.75rem}.jump-to-time-input-row{display:flex;gap:.5rem}.jump-to-time-input{flex:1;padding:.625rem .75rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-xl);font-family:inherit;outline:none;transition:border-color .15s}.jump-to-time-input:focus{border-color:var(--color-accent)}.jump-to-time-input::placeholder{color:var(--color-text-muted)}.jump-to-time-btn{padding:.625rem 1rem;background-color:var(--color-accent);border:none;border-radius:var(--radius-sm);color:var(--color-bg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color .15s}.jump-to-time-btn:hover{background-color:var(--color-accent-hover)}.jump-to-time-error{margin-top:.5rem;font-size:var(--font-size-md);color:var(--color-error)}.replace-files-overlay{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg) 70%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.replace-files-popup{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:0 8px 32px color-mix(in srgb,var(--color-bg) 40%,transparent)}.replace-files-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.replace-files-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.replace-files-close-btn{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-4xl);line-height:var(--line-height-none);cursor:pointer;padding:0;transition:color .15s}.replace-files-close-btn:hover{color:var(--color-text)}.replace-files-description{padding:.75rem 1.25rem;color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-normal);background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.replace-files-body{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.replace-files-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.replace-files-row:last-child{border-bottom:none}.replace-files-label{flex:0 0 140px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.replace-files-actions{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.replace-files-filename{flex:1;font-size:var(--font-size-md);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.replace-files-check{color:var(--color-accent);font-size:var(--font-size-lg);flex-shrink:0}.replace-files-spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.replace-files-clear-btn{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-xl);cursor:pointer;padding:.25rem;line-height:var(--line-height-none);transition:color .15s;flex-shrink:0}.replace-files-clear-btn:hover:not(:disabled){color:var(--color-error)}.replace-files-clear-btn:disabled{opacity:.5;cursor:not-allowed}.replace-files-select-btn{padding:.375rem .75rem;font-size:var(--font-size-md);font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s,border-color .15s}.replace-files-select-btn:hover:not(:disabled){background-color:var(--color-border);border-color:var(--color-text-muted)}.replace-files-select-btn:disabled{opacity:.5;cursor:not-allowed}.replace-files-row-error{color:var(--color-error);font-size:var(--font-size-md);flex:0 0 100%;margin-top:.25rem}.replace-files-error{padding:.75rem 1.25rem;color:var(--color-error);font-size:var(--font-size-lg);background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border-top:1px solid color-mix(in srgb,var(--color-error) 20%,transparent)}.replace-files-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--color-border);background-color:var(--color-surface-elevated);border-radius:0 0 var(--radius-md) var(--radius-md)}.replace-files-cancel-btn{padding:.5rem 1rem;font-size:var(--font-size-lg);font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,border-color .15s}.replace-files-cancel-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.replace-files-upload-btn{padding:.5rem 1.25rem;font-size:var(--font-size-lg);font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-on-btn);background-color:var(--vds-orange-700);border:1px solid var(--vds-orange-700);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s,border-color .15s}.replace-files-upload-btn:hover:not(:disabled){background-color:var(--vds-orange-600);border-color:var(--vds-orange-600)}.replace-files-upload-btn:disabled{background-color:color-mix(in srgb,var(--vds-orange-700) 40%,transparent);border-color:color-mix(in srgb,var(--vds-orange-700) 40%,transparent);cursor:not-allowed}.replace-files-progress-container{display:flex;align-items:center;gap:.75rem;flex:1;max-width:200px}.replace-files-progress-bar{flex:1;height:8px;background-color:var(--color-border);border-radius:var(--vds-border-radius-xs);overflow:hidden}.replace-files-progress-fill{height:100%;background-color:var(--color-accent);border-radius:var(--vds-border-radius-xs);transition:width .3s ease}.replace-files-progress-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);min-width:36px;text-align:right}