/* Official Fluent v9 token CSS; task-only live overlay, no root DOM or account writes. */
html[data-fluent-webos] { --borderRadiusNone: 0; --borderRadiusSmall: 2px; --borderRadiusMedium: 4px; --borderRadiusLarge: 6px; --borderRadiusXLarge: 8px; --borderRadius2XLarge: 12px; --borderRadius3XLarge: 16px; --borderRadius4XLarge: 24px; --borderRadius5XLarge: 32px; --borderRadius6XLarge: 40px; --borderRadiusCircular: 10000px; --fontSizeBase100: 10px; --fontSizeBase200: 12px; --fontSizeBase300: 14px; --fontSizeBase400: 16px; --fontSizeBase500: 20px; --fontSizeBase600: 24px; --fontSizeHero700: 28px; --fontSizeHero800: 32px; --fontSizeHero900: 40px; --fontSizeHero1000: 68px; --lineHeightBase100: 14px; --lineHeightBase200: 16px; --lineHeightBase300: 20px; --lineHeightBase400: 22px; --lineHeightBase500: 28px; --lineHeightBase600: 32px; --lineHeightHero700: 36px; --lineHeightHero800: 40px; --lineHeightHero900: 52px; --lineHeightHero1000: 92px; --fontFamilyBase: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --fontFamilyMonospace: Consolas, "Cascadia Code", monospace; --fontFamilyNumeric: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --fontWeightRegular: 400; --fontWeightMedium: 500; --fontWeightSemibold: 600; --fontWeightBold: 700; --strokeWidthThin: 1px; --strokeWidthThick: 2px; --strokeWidthThicker: 3px; --strokeWidthThickest: 4px; --spacingHorizontalNone: 0; --spacingHorizontalXXS: 2px; --spacingHorizontalXS: 4px; --spacingHorizontalSNudge: 6px; --spacingHorizontalS: 8px; --spacingHorizontalMNudge: 10px; --spacingHorizontalM: 12px; --spacingHorizontalL: 16px; --spacingHorizontalXL: 20px; --spacingHorizontalXXL: 24px; --spacingHorizontalXXXL: 32px; --spacingVerticalNone: 0; --spacingVerticalXXS: 2px; --spacingVerticalXS: 4px; --spacingVerticalSNudge: 6px; --spacingVerticalS: 8px; --spacingVerticalMNudge: 10px; --spacingVerticalM: 12px; --spacingVerticalL: 16px; --spacingVerticalXL: 20px; --spacingVerticalXXL: 24px; --spacingVerticalXXXL: 32px; --durationUltraFast: 50ms; --durationFaster: 100ms; --durationFast: 150ms; --durationNormal: 200ms; --durationGentle: 250ms; --durationSlow: 300ms; --durationSlower: 400ms; --durationUltraSlow: 500ms; --curveAccelerateMax: cubic-bezier(0.9,0.1,1,0.2); --curveAccelerateMid: cubic-bezier(1,0,1,1); --curveAccelerateMin: cubic-bezier(0.8,0,0.78,1); --curveDecelerateMax: cubic-bezier(0.1,0.9,0.2,1); --curveDecelerateMid: cubic-bezier(0,0,0,1); --curveDecelerateMin: cubic-bezier(0.33,0,0.1,1); --curveEasyEaseMax: cubic-bezier(0.8,0,0.2,1); --curveEasyEase: cubic-bezier(0.33,0,0.67,1); --curveLinear: cubic-bezier(0,0,1,1); --colorNeutralForeground1: #242424; --colorNeutralForeground1Hover: #242424; --colorNeutralForeground1Pressed: #242424; --colorNeutralForeground1Selected: #242424; --colorNeutralForeground2: #424242; --colorNeutralForeground2Hover: #242424; --colorNeutralForeground2Pressed: #242424; --colorNeutralForeground2Selected: #242424; --colorNeutralForeground2BrandHover: #0f6cbd; --colorNeutralForeground2BrandPressed: #115ea3; --colorNeutralForeground2BrandSelected: #0f6cbd; --colorNeutralForeground3: #616161; --colorNeutralForeground3Hover: #424242; --colorNeutralForeground3Pressed: #424242; --colorNeutralForeground3Selected: #424242; --colorNeutralForeground3BrandHover: #0f6cbd; --colorNeutralForeground3BrandPressed: #115ea3; --colorNeutralForeground3BrandSelected: #0f6cbd; --colorNeutralForeground4: #707070; --colorNeutralForeground5: #616161; --colorNeutralForeground5Hover: #242424; --colorNeutralForeground5Pressed: #242424; --colorNeutralForeground5Selected: #242424; --colorNeutralForegroundDisabled: #bdbdbd; --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4); --colorBrandForegroundLink: #115ea3; --colorBrandForegroundLinkHover: #0f548c; --colorBrandForegroundLinkPressed: #0c3b5e; --colorBrandForegroundLinkSelected: #115ea3; --colorNeutralForeground2Link: #424242; --colorNeutralForeground2LinkHover: #242424; --colorNeutralForeground2LinkPressed: #242424; --colorNeutralForeground2LinkSelected: #242424; --colorCompoundBrandForeground1: #0f6cbd; --colorCompoundBrandForeground1Hover: #115ea3; --colorCompoundBrandForeground1Pressed: #0f548c; --colorBrandForeground1: #0f6cbd; --colorBrandForeground2: #115ea3; --colorBrandForeground2Hover: #0f548c; --colorBrandForeground2Pressed: #0a2e4a; --colorNeutralForeground1Static: #242424; --colorNeutralForegroundStaticInverted: #ffffff; --colorNeutralForegroundInverted: #ffffff; --colorNeutralForegroundInvertedHover: #ffffff; --colorNeutralForegroundInvertedPressed: #ffffff; --colorNeutralForegroundInvertedSelected: #ffffff; --colorNeutralForegroundInverted2: #ffffff; --colorNeutralForegroundOnBrand: #ffffff; --colorNeutralForegroundInvertedLink: #ffffff; --colorNeutralForegroundInvertedLinkHover: #ffffff; --colorNeutralForegroundInvertedLinkPressed: #ffffff; --colorNeutralForegroundInvertedLinkSelected: #ffffff; --colorBrandForegroundInverted: #479ef5; --colorBrandForegroundInvertedHover: #62abf5; --colorBrandForegroundInvertedPressed: #479ef5; --colorBrandForegroundOnLight: #0f6cbd; --colorBrandForegroundOnLightHover: #115ea3; --colorBrandForegroundOnLightPressed: #0e4775; --colorBrandForegroundOnLightSelected: #0f548c; --colorNeutralBackground1: #ffffff; --colorNeutralBackground1Hover: #f5f5f5; --colorNeutralBackground1Pressed: #e0e0e0; --colorNeutralBackground1Selected: #ebebeb; --colorNeutralBackground2: #fafafa; --colorNeutralBackground2Hover: #f0f0f0; --colorNeutralBackground2Pressed: #dbdbdb; --colorNeutralBackground2Selected: #e6e6e6; --colorNeutralBackground3: #f5f5f5; --colorNeutralBackground3Hover: #ebebeb; --colorNeutralBackground3Pressed: #d6d6d6; --colorNeutralBackground3Selected: #e0e0e0; --colorNeutralBackground4: #f0f0f0; --colorNeutralBackground4Hover: #fafafa; --colorNeutralBackground4Pressed: #f5f5f5; --colorNeutralBackground4Selected: #ffffff; --colorNeutralBackground5: #ebebeb; --colorNeutralBackground5Hover: #f5f5f5; --colorNeutralBackground5Pressed: #f0f0f0; --colorNeutralBackground5Selected: #fafafa; --colorNeutralBackground6: #e6e6e6; --colorNeutralBackground7: #00000000; --colorNeutralBackground7Hover: #ebebeb; --colorNeutralBackground7Pressed: #d6d6d6; --colorNeutralBackground7Selected: #00000000; --colorNeutralBackground8: #fcfcfc; --colorNeutralBackgroundInverted: #292929; --colorNeutralBackgroundInvertedHover: #3d3d3d; --colorNeutralBackgroundInvertedPressed: #1f1f1f; --colorNeutralBackgroundInvertedSelected: #383838; --colorNeutralBackgroundStatic: #333333; --colorNeutralBackgroundAlpha: rgba(255, 255, 255, 0.5); --colorNeutralBackgroundAlpha2: rgba(255, 255, 255, 0.8); --colorSubtleBackground: transparent; --colorSubtleBackgroundHover: #f5f5f5; --colorSubtleBackgroundPressed: #e0e0e0; --colorSubtleBackgroundSelected: #ebebeb; --colorSubtleBackgroundLightAlphaHover: rgba(255, 255, 255, 0.7); --colorSubtleBackgroundLightAlphaPressed: rgba(255, 255, 255, 0.5); --colorSubtleBackgroundLightAlphaSelected: transparent; --colorSubtleBackgroundInverted: transparent; --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1); --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3); --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2); --colorTransparentBackground: transparent; --colorTransparentBackgroundHover: transparent; --colorTransparentBackgroundPressed: transparent; --colorTransparentBackgroundSelected: transparent; --colorNeutralBackgroundDisabled: #f0f0f0; --colorNeutralBackgroundDisabled2: #ffffff; --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1); --colorNeutralStencil1: #e6e6e6; --colorNeutralStencil2: #fafafa; --colorNeutralStencil1Alpha: rgba(0, 0, 0, 0.1); --colorNeutralStencil2Alpha: rgba(0, 0, 0, 0.05); --colorBackgroundOverlay: rgba(0, 0, 0, 0.4); --colorScrollbarOverlay: rgba(0, 0, 0, 0.5); --colorBrandBackground: #0f6cbd; --colorBrandBackgroundHover: #115ea3; --colorBrandBackgroundPressed: #0c3b5e; --colorBrandBackgroundSelected: #0f548c; --colorCompoundBrandBackground: #0f6cbd; --colorCompoundBrandBackgroundHover: #115ea3; --colorCompoundBrandBackgroundPressed: #0f548c; --colorBrandBackgroundStatic: #0f6cbd; --colorBrandBackground2: #ebf3fc; --colorBrandBackground2Hover: #cfe4fa; --colorBrandBackground2Pressed: #96c6fa; --colorBrandBackground3Static: #0f548c; --colorBrandBackground4Static: #0c3b5e; --colorBrandBackgroundInverted: #ffffff; --colorBrandBackgroundInvertedHover: #ebf3fc; --colorBrandBackgroundInvertedPressed: #b4d6fa; --colorBrandBackgroundInvertedSelected: #cfe4fa; --colorNeutralCardBackground: #fafafa; --colorNeutralCardBackgroundHover: #ffffff; --colorNeutralCardBackgroundPressed: #f5f5f5; --colorNeutralCardBackgroundSelected: #ebebeb; --colorNeutralCardBackgroundDisabled: #f0f0f0; --colorNeutralStrokeAccessible: #616161; --colorNeutralStrokeAccessibleHover: #575757; --colorNeutralStrokeAccessiblePressed: #4d4d4d; --colorNeutralStrokeAccessibleSelected: #0f6cbd; --colorNeutralStroke1: #d1d1d1; --colorNeutralStroke1Hover: #c7c7c7; --colorNeutralStroke1Pressed: #b3b3b3; --colorNeutralStroke1Selected: #bdbdbd; --colorNeutralStroke2: #e0e0e0; --colorNeutralStroke3: #f0f0f0; --colorNeutralStroke4: #ebebeb; --colorNeutralStroke4Hover: #e0e0e0; --colorNeutralStroke4Pressed: #d6d6d6; --colorNeutralStroke4Selected: #ebebeb; --colorNeutralStrokeSubtle: #e0e0e0; --colorNeutralStrokeOnBrand: #ffffff; --colorNeutralStrokeOnBrand2: #ffffff; --colorNeutralStrokeOnBrand2Hover: #ffffff; --colorNeutralStrokeOnBrand2Pressed: #ffffff; --colorNeutralStrokeOnBrand2Selected: #ffffff; --colorBrandStroke1: #0f6cbd; --colorBrandStroke2: #b4d6fa; --colorBrandStroke2Hover: #77b7f7; --colorBrandStroke2Pressed: #0f6cbd; --colorBrandStroke2Contrast: #b4d6fa; --colorCompoundBrandStroke: #0f6cbd; --colorCompoundBrandStrokeHover: #115ea3; --colorCompoundBrandStrokePressed: #0f548c; --colorNeutralStrokeDisabled: #e0e0e0; --colorNeutralStrokeDisabled2: #ebebeb; --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4); --colorTransparentStroke: transparent; --colorTransparentStrokeInteractive: transparent; --colorTransparentStrokeDisabled: transparent; --colorNeutralStrokeAlpha: rgba(0, 0, 0, 0.05); --colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2); --colorStrokeFocus1: #ffffff; --colorStrokeFocus2: #000000; --colorNeutralShadowAmbient: rgba(0,0,0,0.12); --colorNeutralShadowKey: rgba(0,0,0,0.14); --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.06); --colorNeutralShadowKeyLighter: rgba(0,0,0,0.07); --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.20); --colorNeutralShadowKeyDarker: rgba(0,0,0,0.24); --colorBrandShadowAmbient: rgba(0,0,0,0.30); --colorBrandShadowKey: rgba(0,0,0,0.25); --colorPaletteRedBackground1: #fdf6f6; --colorPaletteRedBackground2: #f1bbbc; --colorPaletteRedBackground3: #d13438; --colorPaletteRedForeground1: #bc2f32; --colorPaletteRedForeground2: #751d1f; --colorPaletteRedForeground3: #d13438; --colorPaletteRedBorderActive: #d13438; --colorPaletteRedBorder1: #f1bbbc; --colorPaletteRedBorder2: #d13438; --colorPaletteGreenBackground1: #f1faf1; --colorPaletteGreenBackground2: #9fd89f; --colorPaletteGreenBackground3: #107c10; --colorPaletteGreenForeground1: #0e700e; --colorPaletteGreenForeground2: #094509; --colorPaletteGreenForeground3: #107c10; --colorPaletteGreenBorderActive: #107c10; --colorPaletteGreenBorder1: #9fd89f; --colorPaletteGreenBorder2: #107c10; --colorPaletteDarkOrangeBackground1: #fdf6f3; --colorPaletteDarkOrangeBackground2: #f4bfab; --colorPaletteDarkOrangeBackground3: #da3b01; --colorPaletteDarkOrangeForeground1: #c43501; --colorPaletteDarkOrangeForeground2: #7a2101; --colorPaletteDarkOrangeForeground3: #da3b01; --colorPaletteDarkOrangeBorderActive: #da3b01; --colorPaletteDarkOrangeBorder1: #f4bfab; --colorPaletteDarkOrangeBorder2: #da3b01; --colorPaletteYellowBackground1: #fffef5; --colorPaletteYellowBackground2: #fef7b2; --colorPaletteYellowBackground3: #fde300; --colorPaletteYellowForeground1: #817400; --colorPaletteYellowForeground2: #817400; --colorPaletteYellowForeground3: #fde300; --colorPaletteYellowBorderActive: #fde300; --colorPaletteYellowBorder1: #fef7b2; --colorPaletteYellowBorder2: #fde300; --colorPaletteBerryBackground1: #fdf5fc; --colorPaletteBerryBackground2: #edbbe7; --colorPaletteBerryBackground3: #c239b3; --colorPaletteBerryForeground1: #af33a1; --colorPaletteBerryForeground2: #6d2064; --colorPaletteBerryForeground3: #c239b3; --colorPaletteBerryBorderActive: #c239b3; --colorPaletteBerryBorder1: #edbbe7; --colorPaletteBerryBorder2: #c239b3; --colorPaletteLightGreenBackground1: #f2fbf2; --colorPaletteLightGreenBackground2: #a7e3a5; --colorPaletteLightGreenBackground3: #13a10e; --colorPaletteLightGreenForeground1: #11910d; --colorPaletteLightGreenForeground2: #0b5a08; --colorPaletteLightGreenForeground3: #13a10e; --colorPaletteLightGreenBorderActive: #13a10e; --colorPaletteLightGreenBorder1: #a7e3a5; --colorPaletteLightGreenBorder2: #13a10e; --colorPaletteMarigoldBackground1: #fefbf4; --colorPaletteMarigoldBackground2: #f9e2ae; --colorPaletteMarigoldBackground3: #eaa300; --colorPaletteMarigoldForeground1: #d39300; --colorPaletteMarigoldForeground2: #835b00; --colorPaletteMarigoldForeground3: #eaa300; --colorPaletteMarigoldBorderActive: #eaa300; --colorPaletteMarigoldBorder1: #f9e2ae; --colorPaletteMarigoldBorder2: #eaa300; --colorPaletteRedForegroundInverted: #dc5e62; --colorPaletteGreenForegroundInverted: #359b35; --colorPaletteYellowForegroundInverted: #fef7b2; --colorPaletteDarkRedBackground2: #d69ca5; --colorPaletteDarkRedForeground2: #420610; --colorPaletteDarkRedBorderActive: #750b1c; --colorPaletteCranberryBackground2: #eeacb2; --colorPaletteCranberryForeground2: #6e0811; --colorPaletteCranberryBorderActive: #c50f1f; --colorPalettePumpkinBackground2: #efc4ad; --colorPalettePumpkinForeground2: #712d09; --colorPalettePumpkinBorderActive: #ca5010; --colorPalettePeachBackground2: #ffddb3; --colorPalettePeachForeground2: #8f4e00; --colorPalettePeachBorderActive: #ff8c00; --colorPaletteGoldBackground2: #ecdfa5; --colorPaletteGoldForeground2: #6c5700; --colorPaletteGoldBorderActive: #c19c00; --colorPaletteBrassBackground2: #e0cea2; --colorPaletteBrassForeground2: #553e06; --colorPaletteBrassBorderActive: #986f0b; --colorPaletteBrownBackground2: #ddc3b0; --colorPaletteBrownForeground2: #50301a; --colorPaletteBrownBorderActive: #8e562e; --colorPaletteForestBackground2: #bdd99b; --colorPaletteForestForeground2: #294903; --colorPaletteForestBorderActive: #498205; --colorPaletteSeafoamBackground2: #a8f0cd; --colorPaletteSeafoamForeground2: #00723b; --colorPaletteSeafoamBorderActive: #00cc6a; --colorPaletteDarkGreenBackground2: #9ad29a; --colorPaletteDarkGreenForeground2: #063b06; --colorPaletteDarkGreenBorderActive: #0b6a0b; --colorPaletteLightTealBackground2: #a6e9ed; --colorPaletteLightTealForeground2: #00666d; --colorPaletteLightTealBorderActive: #00b7c3; --colorPaletteTealBackground2: #9bd9db; --colorPaletteTealForeground2: #02494c; --colorPaletteTealBorderActive: #038387; --colorPaletteSteelBackground2: #94c8d4; --colorPaletteSteelForeground2: #00333f; --colorPaletteSteelBorderActive: #005b70; --colorPaletteBlueBackground2: #a9d3f2; --colorPaletteBlueForeground2: #004377; --colorPaletteBlueBorderActive: #0078d4; --colorPaletteRoyalBlueBackground2: #9abfdc; --colorPaletteRoyalBlueForeground2: #002c4e; --colorPaletteRoyalBlueBorderActive: #004e8c; --colorPaletteCornflowerBackground2: #c8d1fa; --colorPaletteCornflowerForeground2: #2c3c85; --colorPaletteCornflowerBorderActive: #4f6bed; --colorPaletteNavyBackground2: #a3b2e8; --colorPaletteNavyForeground2: #001665; --colorPaletteNavyBorderActive: #0027b4; --colorPaletteLavenderBackground2: #d2ccf8; --colorPaletteLavenderForeground2: #3f3682; --colorPaletteLavenderBorderActive: #7160e8; --colorPalettePurpleBackground2: #c6b1de; --colorPalettePurpleForeground2: #341a51; --colorPalettePurpleBorderActive: #5c2e91; --colorPaletteGrapeBackground2: #d9a7e0; --colorPaletteGrapeForeground2: #4c0d55; --colorPaletteGrapeBorderActive: #881798; --colorPaletteLilacBackground2: #e6bfed; --colorPaletteLilacForeground2: #63276d; --colorPaletteLilacBorderActive: #b146c2; --colorPalettePinkBackground2: #f7c0e3; --colorPalettePinkForeground2: #80215d; --colorPalettePinkBorderActive: #e43ba6; --colorPaletteMagentaBackground2: #eca5d1; --colorPaletteMagentaForeground2: #6b0043; --colorPaletteMagentaBorderActive: #bf0077; --colorPalettePlumBackground2: #d696c0; --colorPalettePlumForeground2: #43002b; --colorPalettePlumBorderActive: #77004d; --colorPaletteBeigeBackground2: #d7d4d4; --colorPaletteBeigeForeground2: #444241; --colorPaletteBeigeBorderActive: #7a7574; --colorPaletteMinkBackground2: #cecccb; --colorPaletteMinkForeground2: #343231; --colorPaletteMinkBorderActive: #5d5a58; --colorPalettePlatinumBackground2: #cdd6d8; --colorPalettePlatinumForeground2: #3b4447; --colorPalettePlatinumBorderActive: #69797e; --colorPaletteAnchorBackground2: #bcc3c7; --colorPaletteAnchorForeground2: #202427; --colorPaletteAnchorBorderActive: #394146; --colorStatusSuccessBackground1: #f1faf1; --colorStatusSuccessBackground2: #9fd89f; --colorStatusSuccessBackground3: #107c10; --colorStatusSuccessForeground1: #0e700e; --colorStatusSuccessForeground2: #094509; --colorStatusSuccessForeground3: #107c10; --colorStatusSuccessForegroundInverted: #54b054; --colorStatusSuccessBorderActive: #107c10; --colorStatusSuccessBorder1: #9fd89f; --colorStatusSuccessBorder2: #107c10; --colorStatusWarningBackground1: #fff9f5; --colorStatusWarningBackground2: #fdcfb4; --colorStatusWarningBackground3: #f7630c; --colorStatusWarningForeground1: #bc4b09; --colorStatusWarningForeground2: #8a3707; --colorStatusWarningForeground3: #bc4b09; --colorStatusWarningForegroundInverted: #faa06b; --colorStatusWarningBorderActive: #f7630c; --colorStatusWarningBorder1: #fdcfb4; --colorStatusWarningBorder2: #bc4b09; --colorStatusDangerBackground1: #fdf3f4; --colorStatusDangerBackground2: #eeacb2; --colorStatusDangerBackground3: #c50f1f; --colorStatusDangerForeground1: #b10e1c; --colorStatusDangerForeground2: #6e0811; --colorStatusDangerForeground3: #c50f1f; --colorStatusDangerForegroundInverted: #dc626d; --colorStatusDangerBorderActive: #c50f1f; --colorStatusDangerBorder1: #eeacb2; --colorStatusDangerBorder2: #c50f1f; --colorStatusDangerBackground3Hover: #b10e1c; --colorStatusDangerBackground3Pressed: #960b18; --shadow2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14); --shadow4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14); --shadow8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14); --shadow16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14); --shadow28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14); --shadow64: 0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14); --shadow2Brand: 0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25); --shadow4Brand: 0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25); --shadow8Brand: 0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25); --shadow16Brand: 0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25); --shadow28Brand: 0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25); --shadow64Brand: 0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25);  }html[data-fluent-webos]{--p-surface:#ffffff;--p-panel:#fafafa;--p-text:#242424;--p-muted:#424242;--p-border:#d1d1d1;--p-selection:#ebf3fc;--p-accent:#0f6cbd;--p-on-accent:#ffffff;--p-font:"Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--p-font-size:14px;--p-weight:400;}
@media(prefers-color-scheme:dark){html[data-fluent-webos]:not([data-fluent-scheme="light"]) { --borderRadiusNone: 0; --borderRadiusSmall: 2px; --borderRadiusMedium: 4px; --borderRadiusLarge: 6px; --borderRadiusXLarge: 8px; --borderRadius2XLarge: 12px; --borderRadius3XLarge: 16px; --borderRadius4XLarge: 24px; --borderRadius5XLarge: 32px; --borderRadius6XLarge: 40px; --borderRadiusCircular: 10000px; --fontSizeBase100: 10px; --fontSizeBase200: 12px; --fontSizeBase300: 14px; --fontSizeBase400: 16px; --fontSizeBase500: 20px; --fontSizeBase600: 24px; --fontSizeHero700: 28px; --fontSizeHero800: 32px; --fontSizeHero900: 40px; --fontSizeHero1000: 68px; --lineHeightBase100: 14px; --lineHeightBase200: 16px; --lineHeightBase300: 20px; --lineHeightBase400: 22px; --lineHeightBase500: 28px; --lineHeightBase600: 32px; --lineHeightHero700: 36px; --lineHeightHero800: 40px; --lineHeightHero900: 52px; --lineHeightHero1000: 92px; --fontFamilyBase: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --fontFamilyMonospace: Consolas, "Cascadia Code", monospace; --fontFamilyNumeric: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --fontWeightRegular: 400; --fontWeightMedium: 500; --fontWeightSemibold: 600; --fontWeightBold: 700; --strokeWidthThin: 1px; --strokeWidthThick: 2px; --strokeWidthThicker: 3px; --strokeWidthThickest: 4px; --spacingHorizontalNone: 0; --spacingHorizontalXXS: 2px; --spacingHorizontalXS: 4px; --spacingHorizontalSNudge: 6px; --spacingHorizontalS: 8px; --spacingHorizontalMNudge: 10px; --spacingHorizontalM: 12px; --spacingHorizontalL: 16px; --spacingHorizontalXL: 20px; --spacingHorizontalXXL: 24px; --spacingHorizontalXXXL: 32px; --spacingVerticalNone: 0; --spacingVerticalXXS: 2px; --spacingVerticalXS: 4px; --spacingVerticalSNudge: 6px; --spacingVerticalS: 8px; --spacingVerticalMNudge: 10px; --spacingVerticalM: 12px; --spacingVerticalL: 16px; --spacingVerticalXL: 20px; --spacingVerticalXXL: 24px; --spacingVerticalXXXL: 32px; --durationUltraFast: 50ms; --durationFaster: 100ms; --durationFast: 150ms; --durationNormal: 200ms; --durationGentle: 250ms; --durationSlow: 300ms; --durationSlower: 400ms; --durationUltraSlow: 500ms; --curveAccelerateMax: cubic-bezier(0.9,0.1,1,0.2); --curveAccelerateMid: cubic-bezier(1,0,1,1); --curveAccelerateMin: cubic-bezier(0.8,0,0.78,1); --curveDecelerateMax: cubic-bezier(0.1,0.9,0.2,1); --curveDecelerateMid: cubic-bezier(0,0,0,1); --curveDecelerateMin: cubic-bezier(0.33,0,0.1,1); --curveEasyEaseMax: cubic-bezier(0.8,0,0.2,1); --curveEasyEase: cubic-bezier(0.33,0,0.67,1); --curveLinear: cubic-bezier(0,0,1,1); --colorNeutralForeground1: #ffffff; --colorNeutralForeground1Hover: #ffffff; --colorNeutralForeground1Pressed: #ffffff; --colorNeutralForeground1Selected: #ffffff; --colorNeutralForeground2: #d6d6d6; --colorNeutralForeground2Hover: #ffffff; --colorNeutralForeground2Pressed: #ffffff; --colorNeutralForeground2Selected: #ffffff; --colorNeutralForeground2BrandHover: #479ef5; --colorNeutralForeground2BrandPressed: #2886de; --colorNeutralForeground2BrandSelected: #479ef5; --colorNeutralForeground3: #adadad; --colorNeutralForeground3Hover: #d6d6d6; --colorNeutralForeground3Pressed: #d6d6d6; --colorNeutralForeground3Selected: #d6d6d6; --colorNeutralForeground3BrandHover: #479ef5; --colorNeutralForeground3BrandPressed: #2886de; --colorNeutralForeground3BrandSelected: #479ef5; --colorNeutralForeground4: #999999; --colorNeutralForeground5: #adadad; --colorNeutralForeground5Hover: #ffffff; --colorNeutralForeground5Pressed: #ffffff; --colorNeutralForeground5Selected: #ffffff; --colorNeutralForegroundDisabled: #5c5c5c; --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4); --colorBrandForegroundLink: #479ef5; --colorBrandForegroundLinkHover: #62abf5; --colorBrandForegroundLinkPressed: #2886de; --colorBrandForegroundLinkSelected: #479ef5; --colorNeutralForeground2Link: #d6d6d6; --colorNeutralForeground2LinkHover: #ffffff; --colorNeutralForeground2LinkPressed: #ffffff; --colorNeutralForeground2LinkSelected: #ffffff; --colorCompoundBrandForeground1: #479ef5; --colorCompoundBrandForeground1Hover: #62abf5; --colorCompoundBrandForeground1Pressed: #2886de; --colorBrandForeground1: #479ef5; --colorBrandForeground2: #62abf5; --colorBrandForeground2Hover: #96c6fa; --colorBrandForeground2Pressed: #ebf3fc; --colorNeutralForeground1Static: #242424; --colorNeutralForegroundStaticInverted: #ffffff; --colorNeutralForegroundInverted: #242424; --colorNeutralForegroundInvertedHover: #242424; --colorNeutralForegroundInvertedPressed: #242424; --colorNeutralForegroundInvertedSelected: #242424; --colorNeutralForegroundInverted2: #242424; --colorNeutralForegroundOnBrand: #ffffff; --colorNeutralForegroundInvertedLink: #ffffff; --colorNeutralForegroundInvertedLinkHover: #ffffff; --colorNeutralForegroundInvertedLinkPressed: #ffffff; --colorNeutralForegroundInvertedLinkSelected: #ffffff; --colorBrandForegroundInverted: #0f6cbd; --colorBrandForegroundInvertedHover: #115ea3; --colorBrandForegroundInvertedPressed: #0f548c; --colorBrandForegroundOnLight: #0f6cbd; --colorBrandForegroundOnLightHover: #115ea3; --colorBrandForegroundOnLightPressed: #0e4775; --colorBrandForegroundOnLightSelected: #0f548c; --colorNeutralBackground1: #292929; --colorNeutralBackground1Hover: #3d3d3d; --colorNeutralBackground1Pressed: #1f1f1f; --colorNeutralBackground1Selected: #383838; --colorNeutralBackground2: #1f1f1f; --colorNeutralBackground2Hover: #333333; --colorNeutralBackground2Pressed: #141414; --colorNeutralBackground2Selected: #2e2e2e; --colorNeutralBackground3: #141414; --colorNeutralBackground3Hover: #292929; --colorNeutralBackground3Pressed: #0a0a0a; --colorNeutralBackground3Selected: #242424; --colorNeutralBackground4: #0a0a0a; --colorNeutralBackground4Hover: #1f1f1f; --colorNeutralBackground4Pressed: #000000; --colorNeutralBackground4Selected: #1a1a1a; --colorNeutralBackground5: #000000; --colorNeutralBackground5Hover: #141414; --colorNeutralBackground5Pressed: #050505; --colorNeutralBackground5Selected: #0f0f0f; --colorNeutralBackground6: #333333; --colorNeutralBackground7: #00000000; --colorNeutralBackground7Hover: #1a1a1a; --colorNeutralBackground7Pressed: #0a0a0a; --colorNeutralBackground7Selected: #00000000; --colorNeutralBackground8: #292929; --colorNeutralBackgroundInverted: #ffffff; --colorNeutralBackgroundInvertedHover: #f5f5f5; --colorNeutralBackgroundInvertedPressed: #e0e0e0; --colorNeutralBackgroundInvertedSelected: #ebebeb; --colorNeutralBackgroundStatic: #3d3d3d; --colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5); --colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7); --colorSubtleBackground: transparent; --colorSubtleBackgroundHover: #383838; --colorSubtleBackgroundPressed: #2e2e2e; --colorSubtleBackgroundSelected: #333333; --colorSubtleBackgroundLightAlphaHover: rgba(36, 36, 36, 0.8); --colorSubtleBackgroundLightAlphaPressed: rgba(36, 36, 36, 0.5); --colorSubtleBackgroundLightAlphaSelected: transparent; --colorSubtleBackgroundInverted: transparent; --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1); --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3); --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2); --colorTransparentBackground: transparent; --colorTransparentBackgroundHover: transparent; --colorTransparentBackgroundPressed: transparent; --colorTransparentBackgroundSelected: transparent; --colorNeutralBackgroundDisabled: #141414; --colorNeutralBackgroundDisabled2: #292929; --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1); --colorNeutralStencil1: #575757; --colorNeutralStencil2: #333333; --colorNeutralStencil1Alpha: rgba(255, 255, 255, 0.1); --colorNeutralStencil2Alpha: rgba(255, 255, 255, 0.05); --colorBackgroundOverlay: rgba(0, 0, 0, 0.5); --colorScrollbarOverlay: rgba(255, 255, 255, 0.6); --colorBrandBackground: #115ea3; --colorBrandBackgroundHover: #0f6cbd; --colorBrandBackgroundPressed: #0c3b5e; --colorBrandBackgroundSelected: #0f548c; --colorCompoundBrandBackground: #479ef5; --colorCompoundBrandBackgroundHover: #62abf5; --colorCompoundBrandBackgroundPressed: #2886de; --colorBrandBackgroundStatic: #0f6cbd; --colorBrandBackground2: #082338; --colorBrandBackground2Hover: #0c3b5e; --colorBrandBackground2Pressed: #061724; --colorBrandBackground3Static: #0f548c; --colorBrandBackground4Static: #0c3b5e; --colorBrandBackgroundInverted: #ffffff; --colorBrandBackgroundInvertedHover: #ebf3fc; --colorBrandBackgroundInvertedPressed: #b4d6fa; --colorBrandBackgroundInvertedSelected: #cfe4fa; --colorNeutralCardBackground: #333333; --colorNeutralCardBackgroundHover: #3d3d3d; --colorNeutralCardBackgroundPressed: #2e2e2e; --colorNeutralCardBackgroundSelected: #383838; --colorNeutralCardBackgroundDisabled: #141414; --colorNeutralStrokeAccessible: #adadad; --colorNeutralStrokeAccessibleHover: #bdbdbd; --colorNeutralStrokeAccessiblePressed: #b3b3b3; --colorNeutralStrokeAccessibleSelected: #479ef5; --colorNeutralStroke1: #666666; --colorNeutralStroke1Hover: #757575; --colorNeutralStroke1Pressed: #6b6b6b; --colorNeutralStroke1Selected: #707070; --colorNeutralStroke2: #525252; --colorNeutralStroke3: #3d3d3d; --colorNeutralStroke4: #3d3d3d; --colorNeutralStroke4Hover: #2e2e2e; --colorNeutralStroke4Pressed: #242424; --colorNeutralStroke4Selected: #3d3d3d; --colorNeutralStrokeSubtle: #0a0a0a; --colorNeutralStrokeOnBrand: #292929; --colorNeutralStrokeOnBrand2: #ffffff; --colorNeutralStrokeOnBrand2Hover: #ffffff; --colorNeutralStrokeOnBrand2Pressed: #ffffff; --colorNeutralStrokeOnBrand2Selected: #ffffff; --colorBrandStroke1: #479ef5; --colorBrandStroke2: #0e4775; --colorBrandStroke2Hover: #0e4775; --colorBrandStroke2Pressed: #0a2e4a; --colorBrandStroke2Contrast: #0e4775; --colorCompoundBrandStroke: #479ef5; --colorCompoundBrandStrokeHover: #62abf5; --colorCompoundBrandStrokePressed: #2886de; --colorNeutralStrokeDisabled: #424242; --colorNeutralStrokeDisabled2: #3d3d3d; --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4); --colorTransparentStroke: transparent; --colorTransparentStrokeInteractive: transparent; --colorTransparentStrokeDisabled: transparent; --colorNeutralStrokeAlpha: rgba(255, 255, 255, 0.1); --colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2); --colorStrokeFocus1: #000000; --colorStrokeFocus2: #ffffff; --colorNeutralShadowAmbient: rgba(0,0,0,0.24); --colorNeutralShadowKey: rgba(0,0,0,0.28); --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.12); --colorNeutralShadowKeyLighter: rgba(0,0,0,0.14); --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.40); --colorNeutralShadowKeyDarker: rgba(0,0,0,0.48); --colorBrandShadowAmbient: rgba(0,0,0,0.30); --colorBrandShadowKey: rgba(0,0,0,0.25); --colorPaletteRedBackground1: #3f1011; --colorPaletteRedBackground2: #751d1f; --colorPaletteRedBackground3: #d13438; --colorPaletteRedForeground1: #e37d80; --colorPaletteRedForeground2: #f1bbbc; --colorPaletteRedForeground3: #e37d80; --colorPaletteRedBorderActive: #e37d80; --colorPaletteRedBorder1: #d13438; --colorPaletteRedBorder2: #e37d80; --colorPaletteGreenBackground1: #052505; --colorPaletteGreenBackground2: #094509; --colorPaletteGreenBackground3: #107c10; --colorPaletteGreenForeground1: #54b054; --colorPaletteGreenForeground2: #9fd89f; --colorPaletteGreenForeground3: #9fd89f; --colorPaletteGreenBorderActive: #54b054; --colorPaletteGreenBorder1: #107c10; --colorPaletteGreenBorder2: #9fd89f; --colorPaletteDarkOrangeBackground1: #411200; --colorPaletteDarkOrangeBackground2: #7a2101; --colorPaletteDarkOrangeBackground3: #da3b01; --colorPaletteDarkOrangeForeground1: #e9835e; --colorPaletteDarkOrangeForeground2: #f4bfab; --colorPaletteDarkOrangeForeground3: #e9835e; --colorPaletteDarkOrangeBorderActive: #e9835e; --colorPaletteDarkOrangeBorder1: #da3b01; --colorPaletteDarkOrangeBorder2: #e9835e; --colorPaletteYellowBackground1: #4c4400; --colorPaletteYellowBackground2: #817400; --colorPaletteYellowBackground3: #fde300; --colorPaletteYellowForeground1: #feee66; --colorPaletteYellowForeground2: #fef7b2; --colorPaletteYellowForeground3: #fdea3d; --colorPaletteYellowBorderActive: #feee66; --colorPaletteYellowBorder1: #fde300; --colorPaletteYellowBorder2: #fdea3d; --colorPaletteBerryBackground1: #3a1136; --colorPaletteBerryBackground2: #6d2064; --colorPaletteBerryBackground3: #c239b3; --colorPaletteBerryForeground1: #da7ed0; --colorPaletteBerryForeground2: #edbbe7; --colorPaletteBerryForeground3: #d161c4; --colorPaletteBerryBorderActive: #da7ed0; --colorPaletteBerryBorder1: #c239b3; --colorPaletteBerryBorder2: #d161c4; --colorPaletteLightGreenBackground1: #063004; --colorPaletteLightGreenBackground2: #0b5a08; --colorPaletteLightGreenBackground3: #13a10e; --colorPaletteLightGreenForeground1: #5ec75a; --colorPaletteLightGreenForeground2: #a7e3a5; --colorPaletteLightGreenForeground3: #3db838; --colorPaletteLightGreenBorderActive: #5ec75a; --colorPaletteLightGreenBorder1: #13a10e; --colorPaletteLightGreenBorder2: #3db838; --colorPaletteMarigoldBackground1: #463100; --colorPaletteMarigoldBackground2: #835b00; --colorPaletteMarigoldBackground3: #eaa300; --colorPaletteMarigoldForeground1: #f2c661; --colorPaletteMarigoldForeground2: #f9e2ae; --colorPaletteMarigoldForeground3: #efb839; --colorPaletteMarigoldBorderActive: #f2c661; --colorPaletteMarigoldBorder1: #eaa300; --colorPaletteMarigoldBorder2: #efb839; --colorPaletteRedForegroundInverted: #d13438; --colorPaletteGreenForegroundInverted: #107c10; --colorPaletteYellowForegroundInverted: #817400; --colorPaletteDarkRedBackground2: #590815; --colorPaletteDarkRedForeground2: #d69ca5; --colorPaletteDarkRedBorderActive: #ac4f5e; --colorPaletteCranberryBackground2: #6e0811; --colorPaletteCranberryForeground2: #eeacb2; --colorPaletteCranberryBorderActive: #dc626d; --colorPalettePumpkinBackground2: #712d09; --colorPalettePumpkinForeground2: #efc4ad; --colorPalettePumpkinBorderActive: #df8e64; --colorPalettePeachBackground2: #8f4e00; --colorPalettePeachForeground2: #ffddb3; --colorPalettePeachBorderActive: #ffba66; --colorPaletteGoldBackground2: #6c5700; --colorPaletteGoldForeground2: #ecdfa5; --colorPaletteGoldBorderActive: #dac157; --colorPaletteBrassBackground2: #553e06; --colorPaletteBrassForeground2: #e0cea2; --colorPaletteBrassBorderActive: #c1a256; --colorPaletteBrownBackground2: #50301a; --colorPaletteBrownForeground2: #ddc3b0; --colorPaletteBrownBorderActive: #bb8f6f; --colorPaletteForestBackground2: #294903; --colorPaletteForestForeground2: #bdd99b; --colorPaletteForestBorderActive: #85b44c; --colorPaletteSeafoamBackground2: #00723b; --colorPaletteSeafoamForeground2: #a8f0cd; --colorPaletteSeafoamBorderActive: #5ae0a0; --colorPaletteDarkGreenBackground2: #063b06; --colorPaletteDarkGreenForeground2: #9ad29a; --colorPaletteDarkGreenBorderActive: #4da64d; --colorPaletteLightTealBackground2: #00666d; --colorPaletteLightTealForeground2: #a6e9ed; --colorPaletteLightTealBorderActive: #58d3db; --colorPaletteTealBackground2: #02494c; --colorPaletteTealForeground2: #9bd9db; --colorPaletteTealBorderActive: #4cb4b7; --colorPaletteSteelBackground2: #00333f; --colorPaletteSteelForeground2: #94c8d4; --colorPaletteSteelBorderActive: #4496a9; --colorPaletteBlueBackground2: #004377; --colorPaletteBlueForeground2: #a9d3f2; --colorPaletteBlueBorderActive: #5caae5; --colorPaletteRoyalBlueBackground2: #002c4e; --colorPaletteRoyalBlueForeground2: #9abfdc; --colorPaletteRoyalBlueBorderActive: #4a89ba; --colorPaletteCornflowerBackground2: #2c3c85; --colorPaletteCornflowerForeground2: #c8d1fa; --colorPaletteCornflowerBorderActive: #93a4f4; --colorPaletteNavyBackground2: #001665; --colorPaletteNavyForeground2: #a3b2e8; --colorPaletteNavyBorderActive: #546fd2; --colorPaletteLavenderBackground2: #3f3682; --colorPaletteLavenderForeground2: #d2ccf8; --colorPaletteLavenderBorderActive: #a79cf1; --colorPalettePurpleBackground2: #341a51; --colorPalettePurpleForeground2: #c6b1de; --colorPalettePurpleBorderActive: #9470bd; --colorPaletteGrapeBackground2: #4c0d55; --colorPaletteGrapeForeground2: #d9a7e0; --colorPaletteGrapeBorderActive: #b55fc1; --colorPaletteLilacBackground2: #63276d; --colorPaletteLilacForeground2: #e6bfed; --colorPaletteLilacBorderActive: #cf87da; --colorPalettePinkBackground2: #80215d; --colorPalettePinkForeground2: #f7c0e3; --colorPalettePinkBorderActive: #ef85c8; --colorPaletteMagentaBackground2: #6b0043; --colorPaletteMagentaForeground2: #eca5d1; --colorPaletteMagentaBorderActive: #d957a8; --colorPalettePlumBackground2: #5a003b; --colorPalettePlumForeground2: #d696c0; --colorPalettePlumBorderActive: #ad4589; --colorPaletteBeigeBackground2: #444241; --colorPaletteBeigeForeground2: #d7d4d4; --colorPaletteBeigeBorderActive: #afabaa; --colorPaletteMinkBackground2: #343231; --colorPaletteMinkForeground2: #cecccb; --colorPaletteMinkBorderActive: #9e9b99; --colorPalettePlatinumBackground2: #3b4447; --colorPalettePlatinumForeground2: #cdd6d8; --colorPalettePlatinumBorderActive: #a0adb2; --colorPaletteAnchorBackground2: #202427; --colorPaletteAnchorForeground2: #bcc3c7; --colorPaletteAnchorBorderActive: #808a90; --colorStatusSuccessBackground1: #052505; --colorStatusSuccessBackground2: #094509; --colorStatusSuccessBackground3: #107c10; --colorStatusSuccessForeground1: #54b054; --colorStatusSuccessForeground2: #9fd89f; --colorStatusSuccessForeground3: #9fd89f; --colorStatusSuccessBorderActive: #54b054; --colorStatusSuccessForegroundInverted: #0e700e; --colorStatusSuccessBorder1: #107c10; --colorStatusSuccessBorder2: #9fd89f; --colorStatusWarningBackground1: #4a1e04; --colorStatusWarningBackground2: #8a3707; --colorStatusWarningBackground3: #f7630c; --colorStatusWarningForeground1: #faa06b; --colorStatusWarningForeground2: #fdcfb4; --colorStatusWarningForeground3: #f98845; --colorStatusWarningBorderActive: #faa06b; --colorStatusWarningForegroundInverted: #bc4b09; --colorStatusWarningBorder1: #f7630c; --colorStatusWarningBorder2: #f98845; --colorStatusDangerBackground1: #3b0509; --colorStatusDangerBackground2: #6e0811; --colorStatusDangerBackground3: #c50f1f; --colorStatusDangerForeground1: #dc626d; --colorStatusDangerForeground2: #eeacb2; --colorStatusDangerForeground3: #eeacb2; --colorStatusDangerBorderActive: #dc626d; --colorStatusDangerForegroundInverted: #b10e1c; --colorStatusDangerBorder1: #c50f1f; --colorStatusDangerBorder2: #dc626d; --colorStatusDangerBackground3Hover: #b10e1c; --colorStatusDangerBackground3Pressed: #960b18; --shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28); --shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28); --shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28); --shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28); --shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28); --shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28); --shadow2Brand: 0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25); --shadow4Brand: 0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25); --shadow8Brand: 0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25); --shadow16Brand: 0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25); --shadow28Brand: 0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25); --shadow64Brand: 0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25);  }html[data-fluent-webos]:not([data-fluent-scheme="light"]){--p-surface:#292929;--p-panel:#1f1f1f;--p-text:#ffffff;--p-muted:#d6d6d6;--p-border:#666666;--p-selection:#082338;--p-accent:#115ea3;--p-on-accent:#ffffff;--p-font:"Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--p-font-size:14px;--p-weight:400;}}
html[data-fluent-webos][data-fluent-scheme="dark"] { --borderRadiusNone: 0; --borderRadiusSmall: 2px; --borderRadiusMedium: 4px; --borderRadiusLarge: 6px; --borderRadiusXLarge: 8px; --borderRadius2XLarge: 12px; --borderRadius3XLarge: 16px; --borderRadius4XLarge: 24px; --borderRadius5XLarge: 32px; --borderRadius6XLarge: 40px; --borderRadiusCircular: 10000px; --fontSizeBase100: 10px; --fontSizeBase200: 12px; --fontSizeBase300: 14px; --fontSizeBase400: 16px; --fontSizeBase500: 20px; --fontSizeBase600: 24px; --fontSizeHero700: 28px; --fontSizeHero800: 32px; --fontSizeHero900: 40px; --fontSizeHero1000: 68px; --lineHeightBase100: 14px; --lineHeightBase200: 16px; --lineHeightBase300: 20px; --lineHeightBase400: 22px; --lineHeightBase500: 28px; --lineHeightBase600: 32px; --lineHeightHero700: 36px; --lineHeightHero800: 40px; --lineHeightHero900: 52px; --lineHeightHero1000: 92px; --fontFamilyBase: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --fontFamilyMonospace: Consolas, "Cascadia Code", monospace; --fontFamilyNumeric: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --fontWeightRegular: 400; --fontWeightMedium: 500; --fontWeightSemibold: 600; --fontWeightBold: 700; --strokeWidthThin: 1px; --strokeWidthThick: 2px; --strokeWidthThicker: 3px; --strokeWidthThickest: 4px; --spacingHorizontalNone: 0; --spacingHorizontalXXS: 2px; --spacingHorizontalXS: 4px; --spacingHorizontalSNudge: 6px; --spacingHorizontalS: 8px; --spacingHorizontalMNudge: 10px; --spacingHorizontalM: 12px; --spacingHorizontalL: 16px; --spacingHorizontalXL: 20px; --spacingHorizontalXXL: 24px; --spacingHorizontalXXXL: 32px; --spacingVerticalNone: 0; --spacingVerticalXXS: 2px; --spacingVerticalXS: 4px; --spacingVerticalSNudge: 6px; --spacingVerticalS: 8px; --spacingVerticalMNudge: 10px; --spacingVerticalM: 12px; --spacingVerticalL: 16px; --spacingVerticalXL: 20px; --spacingVerticalXXL: 24px; --spacingVerticalXXXL: 32px; --durationUltraFast: 50ms; --durationFaster: 100ms; --durationFast: 150ms; --durationNormal: 200ms; --durationGentle: 250ms; --durationSlow: 300ms; --durationSlower: 400ms; --durationUltraSlow: 500ms; --curveAccelerateMax: cubic-bezier(0.9,0.1,1,0.2); --curveAccelerateMid: cubic-bezier(1,0,1,1); --curveAccelerateMin: cubic-bezier(0.8,0,0.78,1); --curveDecelerateMax: cubic-bezier(0.1,0.9,0.2,1); --curveDecelerateMid: cubic-bezier(0,0,0,1); --curveDecelerateMin: cubic-bezier(0.33,0,0.1,1); --curveEasyEaseMax: cubic-bezier(0.8,0,0.2,1); --curveEasyEase: cubic-bezier(0.33,0,0.67,1); --curveLinear: cubic-bezier(0,0,1,1); --colorNeutralForeground1: #ffffff; --colorNeutralForeground1Hover: #ffffff; --colorNeutralForeground1Pressed: #ffffff; --colorNeutralForeground1Selected: #ffffff; --colorNeutralForeground2: #d6d6d6; --colorNeutralForeground2Hover: #ffffff; --colorNeutralForeground2Pressed: #ffffff; --colorNeutralForeground2Selected: #ffffff; --colorNeutralForeground2BrandHover: #479ef5; --colorNeutralForeground2BrandPressed: #2886de; --colorNeutralForeground2BrandSelected: #479ef5; --colorNeutralForeground3: #adadad; --colorNeutralForeground3Hover: #d6d6d6; --colorNeutralForeground3Pressed: #d6d6d6; --colorNeutralForeground3Selected: #d6d6d6; --colorNeutralForeground3BrandHover: #479ef5; --colorNeutralForeground3BrandPressed: #2886de; --colorNeutralForeground3BrandSelected: #479ef5; --colorNeutralForeground4: #999999; --colorNeutralForeground5: #adadad; --colorNeutralForeground5Hover: #ffffff; --colorNeutralForeground5Pressed: #ffffff; --colorNeutralForeground5Selected: #ffffff; --colorNeutralForegroundDisabled: #5c5c5c; --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4); --colorBrandForegroundLink: #479ef5; --colorBrandForegroundLinkHover: #62abf5; --colorBrandForegroundLinkPressed: #2886de; --colorBrandForegroundLinkSelected: #479ef5; --colorNeutralForeground2Link: #d6d6d6; --colorNeutralForeground2LinkHover: #ffffff; --colorNeutralForeground2LinkPressed: #ffffff; --colorNeutralForeground2LinkSelected: #ffffff; --colorCompoundBrandForeground1: #479ef5; --colorCompoundBrandForeground1Hover: #62abf5; --colorCompoundBrandForeground1Pressed: #2886de; --colorBrandForeground1: #479ef5; --colorBrandForeground2: #62abf5; --colorBrandForeground2Hover: #96c6fa; --colorBrandForeground2Pressed: #ebf3fc; --colorNeutralForeground1Static: #242424; --colorNeutralForegroundStaticInverted: #ffffff; --colorNeutralForegroundInverted: #242424; --colorNeutralForegroundInvertedHover: #242424; --colorNeutralForegroundInvertedPressed: #242424; --colorNeutralForegroundInvertedSelected: #242424; --colorNeutralForegroundInverted2: #242424; --colorNeutralForegroundOnBrand: #ffffff; --colorNeutralForegroundInvertedLink: #ffffff; --colorNeutralForegroundInvertedLinkHover: #ffffff; --colorNeutralForegroundInvertedLinkPressed: #ffffff; --colorNeutralForegroundInvertedLinkSelected: #ffffff; --colorBrandForegroundInverted: #0f6cbd; --colorBrandForegroundInvertedHover: #115ea3; --colorBrandForegroundInvertedPressed: #0f548c; --colorBrandForegroundOnLight: #0f6cbd; --colorBrandForegroundOnLightHover: #115ea3; --colorBrandForegroundOnLightPressed: #0e4775; --colorBrandForegroundOnLightSelected: #0f548c; --colorNeutralBackground1: #292929; --colorNeutralBackground1Hover: #3d3d3d; --colorNeutralBackground1Pressed: #1f1f1f; --colorNeutralBackground1Selected: #383838; --colorNeutralBackground2: #1f1f1f; --colorNeutralBackground2Hover: #333333; --colorNeutralBackground2Pressed: #141414; --colorNeutralBackground2Selected: #2e2e2e; --colorNeutralBackground3: #141414; --colorNeutralBackground3Hover: #292929; --colorNeutralBackground3Pressed: #0a0a0a; --colorNeutralBackground3Selected: #242424; --colorNeutralBackground4: #0a0a0a; --colorNeutralBackground4Hover: #1f1f1f; --colorNeutralBackground4Pressed: #000000; --colorNeutralBackground4Selected: #1a1a1a; --colorNeutralBackground5: #000000; --colorNeutralBackground5Hover: #141414; --colorNeutralBackground5Pressed: #050505; --colorNeutralBackground5Selected: #0f0f0f; --colorNeutralBackground6: #333333; --colorNeutralBackground7: #00000000; --colorNeutralBackground7Hover: #1a1a1a; --colorNeutralBackground7Pressed: #0a0a0a; --colorNeutralBackground7Selected: #00000000; --colorNeutralBackground8: #292929; --colorNeutralBackgroundInverted: #ffffff; --colorNeutralBackgroundInvertedHover: #f5f5f5; --colorNeutralBackgroundInvertedPressed: #e0e0e0; --colorNeutralBackgroundInvertedSelected: #ebebeb; --colorNeutralBackgroundStatic: #3d3d3d; --colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5); --colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7); --colorSubtleBackground: transparent; --colorSubtleBackgroundHover: #383838; --colorSubtleBackgroundPressed: #2e2e2e; --colorSubtleBackgroundSelected: #333333; --colorSubtleBackgroundLightAlphaHover: rgba(36, 36, 36, 0.8); --colorSubtleBackgroundLightAlphaPressed: rgba(36, 36, 36, 0.5); --colorSubtleBackgroundLightAlphaSelected: transparent; --colorSubtleBackgroundInverted: transparent; --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1); --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3); --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2); --colorTransparentBackground: transparent; --colorTransparentBackgroundHover: transparent; --colorTransparentBackgroundPressed: transparent; --colorTransparentBackgroundSelected: transparent; --colorNeutralBackgroundDisabled: #141414; --colorNeutralBackgroundDisabled2: #292929; --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1); --colorNeutralStencil1: #575757; --colorNeutralStencil2: #333333; --colorNeutralStencil1Alpha: rgba(255, 255, 255, 0.1); --colorNeutralStencil2Alpha: rgba(255, 255, 255, 0.05); --colorBackgroundOverlay: rgba(0, 0, 0, 0.5); --colorScrollbarOverlay: rgba(255, 255, 255, 0.6); --colorBrandBackground: #115ea3; --colorBrandBackgroundHover: #0f6cbd; --colorBrandBackgroundPressed: #0c3b5e; --colorBrandBackgroundSelected: #0f548c; --colorCompoundBrandBackground: #479ef5; --colorCompoundBrandBackgroundHover: #62abf5; --colorCompoundBrandBackgroundPressed: #2886de; --colorBrandBackgroundStatic: #0f6cbd; --colorBrandBackground2: #082338; --colorBrandBackground2Hover: #0c3b5e; --colorBrandBackground2Pressed: #061724; --colorBrandBackground3Static: #0f548c; --colorBrandBackground4Static: #0c3b5e; --colorBrandBackgroundInverted: #ffffff; --colorBrandBackgroundInvertedHover: #ebf3fc; --colorBrandBackgroundInvertedPressed: #b4d6fa; --colorBrandBackgroundInvertedSelected: #cfe4fa; --colorNeutralCardBackground: #333333; --colorNeutralCardBackgroundHover: #3d3d3d; --colorNeutralCardBackgroundPressed: #2e2e2e; --colorNeutralCardBackgroundSelected: #383838; --colorNeutralCardBackgroundDisabled: #141414; --colorNeutralStrokeAccessible: #adadad; --colorNeutralStrokeAccessibleHover: #bdbdbd; --colorNeutralStrokeAccessiblePressed: #b3b3b3; --colorNeutralStrokeAccessibleSelected: #479ef5; --colorNeutralStroke1: #666666; --colorNeutralStroke1Hover: #757575; --colorNeutralStroke1Pressed: #6b6b6b; --colorNeutralStroke1Selected: #707070; --colorNeutralStroke2: #525252; --colorNeutralStroke3: #3d3d3d; --colorNeutralStroke4: #3d3d3d; --colorNeutralStroke4Hover: #2e2e2e; --colorNeutralStroke4Pressed: #242424; --colorNeutralStroke4Selected: #3d3d3d; --colorNeutralStrokeSubtle: #0a0a0a; --colorNeutralStrokeOnBrand: #292929; --colorNeutralStrokeOnBrand2: #ffffff; --colorNeutralStrokeOnBrand2Hover: #ffffff; --colorNeutralStrokeOnBrand2Pressed: #ffffff; --colorNeutralStrokeOnBrand2Selected: #ffffff; --colorBrandStroke1: #479ef5; --colorBrandStroke2: #0e4775; --colorBrandStroke2Hover: #0e4775; --colorBrandStroke2Pressed: #0a2e4a; --colorBrandStroke2Contrast: #0e4775; --colorCompoundBrandStroke: #479ef5; --colorCompoundBrandStrokeHover: #62abf5; --colorCompoundBrandStrokePressed: #2886de; --colorNeutralStrokeDisabled: #424242; --colorNeutralStrokeDisabled2: #3d3d3d; --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4); --colorTransparentStroke: transparent; --colorTransparentStrokeInteractive: transparent; --colorTransparentStrokeDisabled: transparent; --colorNeutralStrokeAlpha: rgba(255, 255, 255, 0.1); --colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2); --colorStrokeFocus1: #000000; --colorStrokeFocus2: #ffffff; --colorNeutralShadowAmbient: rgba(0,0,0,0.24); --colorNeutralShadowKey: rgba(0,0,0,0.28); --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.12); --colorNeutralShadowKeyLighter: rgba(0,0,0,0.14); --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.40); --colorNeutralShadowKeyDarker: rgba(0,0,0,0.48); --colorBrandShadowAmbient: rgba(0,0,0,0.30); --colorBrandShadowKey: rgba(0,0,0,0.25); --colorPaletteRedBackground1: #3f1011; --colorPaletteRedBackground2: #751d1f; --colorPaletteRedBackground3: #d13438; --colorPaletteRedForeground1: #e37d80; --colorPaletteRedForeground2: #f1bbbc; --colorPaletteRedForeground3: #e37d80; --colorPaletteRedBorderActive: #e37d80; --colorPaletteRedBorder1: #d13438; --colorPaletteRedBorder2: #e37d80; --colorPaletteGreenBackground1: #052505; --colorPaletteGreenBackground2: #094509; --colorPaletteGreenBackground3: #107c10; --colorPaletteGreenForeground1: #54b054; --colorPaletteGreenForeground2: #9fd89f; --colorPaletteGreenForeground3: #9fd89f; --colorPaletteGreenBorderActive: #54b054; --colorPaletteGreenBorder1: #107c10; --colorPaletteGreenBorder2: #9fd89f; --colorPaletteDarkOrangeBackground1: #411200; --colorPaletteDarkOrangeBackground2: #7a2101; --colorPaletteDarkOrangeBackground3: #da3b01; --colorPaletteDarkOrangeForeground1: #e9835e; --colorPaletteDarkOrangeForeground2: #f4bfab; --colorPaletteDarkOrangeForeground3: #e9835e; --colorPaletteDarkOrangeBorderActive: #e9835e; --colorPaletteDarkOrangeBorder1: #da3b01; --colorPaletteDarkOrangeBorder2: #e9835e; --colorPaletteYellowBackground1: #4c4400; --colorPaletteYellowBackground2: #817400; --colorPaletteYellowBackground3: #fde300; --colorPaletteYellowForeground1: #feee66; --colorPaletteYellowForeground2: #fef7b2; --colorPaletteYellowForeground3: #fdea3d; --colorPaletteYellowBorderActive: #feee66; --colorPaletteYellowBorder1: #fde300; --colorPaletteYellowBorder2: #fdea3d; --colorPaletteBerryBackground1: #3a1136; --colorPaletteBerryBackground2: #6d2064; --colorPaletteBerryBackground3: #c239b3; --colorPaletteBerryForeground1: #da7ed0; --colorPaletteBerryForeground2: #edbbe7; --colorPaletteBerryForeground3: #d161c4; --colorPaletteBerryBorderActive: #da7ed0; --colorPaletteBerryBorder1: #c239b3; --colorPaletteBerryBorder2: #d161c4; --colorPaletteLightGreenBackground1: #063004; --colorPaletteLightGreenBackground2: #0b5a08; --colorPaletteLightGreenBackground3: #13a10e; --colorPaletteLightGreenForeground1: #5ec75a; --colorPaletteLightGreenForeground2: #a7e3a5; --colorPaletteLightGreenForeground3: #3db838; --colorPaletteLightGreenBorderActive: #5ec75a; --colorPaletteLightGreenBorder1: #13a10e; --colorPaletteLightGreenBorder2: #3db838; --colorPaletteMarigoldBackground1: #463100; --colorPaletteMarigoldBackground2: #835b00; --colorPaletteMarigoldBackground3: #eaa300; --colorPaletteMarigoldForeground1: #f2c661; --colorPaletteMarigoldForeground2: #f9e2ae; --colorPaletteMarigoldForeground3: #efb839; --colorPaletteMarigoldBorderActive: #f2c661; --colorPaletteMarigoldBorder1: #eaa300; --colorPaletteMarigoldBorder2: #efb839; --colorPaletteRedForegroundInverted: #d13438; --colorPaletteGreenForegroundInverted: #107c10; --colorPaletteYellowForegroundInverted: #817400; --colorPaletteDarkRedBackground2: #590815; --colorPaletteDarkRedForeground2: #d69ca5; --colorPaletteDarkRedBorderActive: #ac4f5e; --colorPaletteCranberryBackground2: #6e0811; --colorPaletteCranberryForeground2: #eeacb2; --colorPaletteCranberryBorderActive: #dc626d; --colorPalettePumpkinBackground2: #712d09; --colorPalettePumpkinForeground2: #efc4ad; --colorPalettePumpkinBorderActive: #df8e64; --colorPalettePeachBackground2: #8f4e00; --colorPalettePeachForeground2: #ffddb3; --colorPalettePeachBorderActive: #ffba66; --colorPaletteGoldBackground2: #6c5700; --colorPaletteGoldForeground2: #ecdfa5; --colorPaletteGoldBorderActive: #dac157; --colorPaletteBrassBackground2: #553e06; --colorPaletteBrassForeground2: #e0cea2; --colorPaletteBrassBorderActive: #c1a256; --colorPaletteBrownBackground2: #50301a; --colorPaletteBrownForeground2: #ddc3b0; --colorPaletteBrownBorderActive: #bb8f6f; --colorPaletteForestBackground2: #294903; --colorPaletteForestForeground2: #bdd99b; --colorPaletteForestBorderActive: #85b44c; --colorPaletteSeafoamBackground2: #00723b; --colorPaletteSeafoamForeground2: #a8f0cd; --colorPaletteSeafoamBorderActive: #5ae0a0; --colorPaletteDarkGreenBackground2: #063b06; --colorPaletteDarkGreenForeground2: #9ad29a; --colorPaletteDarkGreenBorderActive: #4da64d; --colorPaletteLightTealBackground2: #00666d; --colorPaletteLightTealForeground2: #a6e9ed; --colorPaletteLightTealBorderActive: #58d3db; --colorPaletteTealBackground2: #02494c; --colorPaletteTealForeground2: #9bd9db; --colorPaletteTealBorderActive: #4cb4b7; --colorPaletteSteelBackground2: #00333f; --colorPaletteSteelForeground2: #94c8d4; --colorPaletteSteelBorderActive: #4496a9; --colorPaletteBlueBackground2: #004377; --colorPaletteBlueForeground2: #a9d3f2; --colorPaletteBlueBorderActive: #5caae5; --colorPaletteRoyalBlueBackground2: #002c4e; --colorPaletteRoyalBlueForeground2: #9abfdc; --colorPaletteRoyalBlueBorderActive: #4a89ba; --colorPaletteCornflowerBackground2: #2c3c85; --colorPaletteCornflowerForeground2: #c8d1fa; --colorPaletteCornflowerBorderActive: #93a4f4; --colorPaletteNavyBackground2: #001665; --colorPaletteNavyForeground2: #a3b2e8; --colorPaletteNavyBorderActive: #546fd2; --colorPaletteLavenderBackground2: #3f3682; --colorPaletteLavenderForeground2: #d2ccf8; --colorPaletteLavenderBorderActive: #a79cf1; --colorPalettePurpleBackground2: #341a51; --colorPalettePurpleForeground2: #c6b1de; --colorPalettePurpleBorderActive: #9470bd; --colorPaletteGrapeBackground2: #4c0d55; --colorPaletteGrapeForeground2: #d9a7e0; --colorPaletteGrapeBorderActive: #b55fc1; --colorPaletteLilacBackground2: #63276d; --colorPaletteLilacForeground2: #e6bfed; --colorPaletteLilacBorderActive: #cf87da; --colorPalettePinkBackground2: #80215d; --colorPalettePinkForeground2: #f7c0e3; --colorPalettePinkBorderActive: #ef85c8; --colorPaletteMagentaBackground2: #6b0043; --colorPaletteMagentaForeground2: #eca5d1; --colorPaletteMagentaBorderActive: #d957a8; --colorPalettePlumBackground2: #5a003b; --colorPalettePlumForeground2: #d696c0; --colorPalettePlumBorderActive: #ad4589; --colorPaletteBeigeBackground2: #444241; --colorPaletteBeigeForeground2: #d7d4d4; --colorPaletteBeigeBorderActive: #afabaa; --colorPaletteMinkBackground2: #343231; --colorPaletteMinkForeground2: #cecccb; --colorPaletteMinkBorderActive: #9e9b99; --colorPalettePlatinumBackground2: #3b4447; --colorPalettePlatinumForeground2: #cdd6d8; --colorPalettePlatinumBorderActive: #a0adb2; --colorPaletteAnchorBackground2: #202427; --colorPaletteAnchorForeground2: #bcc3c7; --colorPaletteAnchorBorderActive: #808a90; --colorStatusSuccessBackground1: #052505; --colorStatusSuccessBackground2: #094509; --colorStatusSuccessBackground3: #107c10; --colorStatusSuccessForeground1: #54b054; --colorStatusSuccessForeground2: #9fd89f; --colorStatusSuccessForeground3: #9fd89f; --colorStatusSuccessBorderActive: #54b054; --colorStatusSuccessForegroundInverted: #0e700e; --colorStatusSuccessBorder1: #107c10; --colorStatusSuccessBorder2: #9fd89f; --colorStatusWarningBackground1: #4a1e04; --colorStatusWarningBackground2: #8a3707; --colorStatusWarningBackground3: #f7630c; --colorStatusWarningForeground1: #faa06b; --colorStatusWarningForeground2: #fdcfb4; --colorStatusWarningForeground3: #f98845; --colorStatusWarningBorderActive: #faa06b; --colorStatusWarningForegroundInverted: #bc4b09; --colorStatusWarningBorder1: #f7630c; --colorStatusWarningBorder2: #f98845; --colorStatusDangerBackground1: #3b0509; --colorStatusDangerBackground2: #6e0811; --colorStatusDangerBackground3: #c50f1f; --colorStatusDangerForeground1: #dc626d; --colorStatusDangerForeground2: #eeacb2; --colorStatusDangerForeground3: #eeacb2; --colorStatusDangerBorderActive: #dc626d; --colorStatusDangerForegroundInverted: #b10e1c; --colorStatusDangerBorder1: #c50f1f; --colorStatusDangerBorder2: #dc626d; --colorStatusDangerBackground3Hover: #b10e1c; --colorStatusDangerBackground3Pressed: #960b18; --shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28); --shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28); --shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28); --shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28); --shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28); --shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28); --shadow2Brand: 0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25); --shadow4Brand: 0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25); --shadow8Brand: 0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25); --shadow16Brand: 0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25); --shadow28Brand: 0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25); --shadow64Brand: 0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25);  }html[data-fluent-webos][data-fluent-scheme="dark"]{--p-surface:#292929;--p-panel:#1f1f1f;--p-text:#ffffff;--p-muted:#d6d6d6;--p-border:#666666;--p-selection:#082338;--p-accent:#115ea3;--p-on-accent:#ffffff;--p-font:"Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--p-font-size:14px;--p-weight:400;}
html[data-fluent-webos] { --fontFamilyBase: var(--p-font); --fontFamilyNumeric: var(--p-font); --fontSizeBase300: var(--p-font-size,14px); --fontWeightRegular: var(--p-weight,400); --colorNeutralBackground1: var(--p-surface); --colorNeutralBackground2: var(--p-panel); --colorNeutralForeground1: var(--p-text); --colorNeutralForeground2: var(--p-muted); --colorNeutralStroke1: var(--p-border); --colorNeutralStrokeAccessible: var(--p-border); --colorNeutralBackground1Selected: var(--p-selection); --colorNeutralForegroundOnBrand: var(--p-on-accent,#fff); --colorBrandBackground: var(--p-accent); --colorBrandForeground1: var(--p-accent); --colorBrandForeground2: var(--p-accent); --colorBrandStroke1: var(--p-accent); --colorStrokeFocus2: var(--p-accent); --colorNeutralBackground1Hover: color-mix(in srgb,var(--p-surface),var(--p-text) 6%); --colorNeutralBackground1Pressed: color-mix(in srgb,var(--p-surface),var(--p-text) 12%); --colorNeutralBackgroundDisabled: color-mix(in srgb,var(--p-surface),var(--p-muted) 10%); --colorNeutralForegroundDisabled: color-mix(in srgb,var(--p-text),var(--p-surface) 55%); --colorBrandBackgroundHover: color-mix(in srgb,var(--p-accent),black 8%); --colorBrandBackgroundPressed: color-mix(in srgb,var(--p-accent),black 15%); --borderRadiusMedium: var(--p-control-radius,4px); --durationNormal: var(--p-duration,200ms); --durationFast: var(--p-duration,150ms);  }html[data-fluent-webos] [data-personalization-window] { --fontFamilyBase: var(--p-font); --fontFamilyNumeric: var(--p-font); --fontSizeBase300: var(--p-font-size,14px); --fontWeightRegular: var(--p-weight,400); --colorNeutralBackground1: var(--p-surface); --colorNeutralBackground2: var(--p-panel); --colorNeutralForeground1: var(--p-text); --colorNeutralForeground2: var(--p-muted); --colorNeutralStroke1: var(--p-border); --colorNeutralStrokeAccessible: var(--p-border); --colorNeutralBackground1Selected: var(--p-selection); --colorNeutralForegroundOnBrand: var(--p-on-accent,#fff); --colorBrandBackground: var(--p-accent); --colorBrandForeground1: var(--p-accent); --colorBrandForeground2: var(--p-accent); --colorBrandStroke1: var(--p-accent); --colorStrokeFocus2: var(--p-accent); --colorNeutralBackground1Hover: color-mix(in srgb,var(--p-surface),var(--p-text) 6%); --colorNeutralBackground1Pressed: color-mix(in srgb,var(--p-surface),var(--p-text) 12%); --colorNeutralBackgroundDisabled: color-mix(in srgb,var(--p-surface),var(--p-muted) 10%); --colorNeutralForegroundDisabled: color-mix(in srgb,var(--p-text),var(--p-surface) 55%); --colorBrandBackgroundHover: color-mix(in srgb,var(--p-accent),black 8%); --colorBrandBackgroundPressed: color-mix(in srgb,var(--p-accent),black 15%); --borderRadiusMedium: var(--p-control-radius,4px); --durationNormal: var(--p-duration,200ms); --durationFast: var(--p-duration,150ms);  }
html[data-fluent-webos] body{font-family:var(--p-font);}
@media(prefers-reduced-motion:reduce){html[data-fluent-webos] { --durationUltraFast: 0ms; --durationFaster: 0ms; --durationFast: 0ms; --durationNormal: 0ms; --durationGentle: 0ms; --durationSlow: 0ms; --durationSlower: 0ms; --durationUltraSlow: 0ms;  }html[data-fluent-webos] [data-personalization-window] { --durationUltraFast: 0ms; --durationFaster: 0ms; --durationFast: 0ms; --durationNormal: 0ms; --durationGentle: 0ms; --durationSlow: 0ms; --durationSlower: 0ms; --durationUltraSlow: 0ms;  }}

/* app/fluent-workspace.css */
/* Fluent workspace appearance adapter. Imported after legacy styles by the app.
 * No dimensions, layout, scrolling, hit targets or virtual-row rules belong here.
 * All selectors require the Fluent provider ancestor; portals need the same ancestor.
 */
[data-fluent-webos] :is(.workspace-window, .vertical-title-window:not(.is-desktop-surface), .window-dialog) {
  color: var(--p-text);
  background-color: var(--p-surface);
  border-color: var(--p-border);
  font-family: var(--p-font);
}

[data-fluent-webos] :is(.workspace-window-bar, .workspace-statusbar, .vertical-title-rail, .vertical-window-options, .right-group-header, .blank-region-tabs, .tree-table-toolbar, .compact-tree-title, .compact-child-title, .compact-table-title, .common-tree-toolbar) {
  color: var(--p-text) !important;
  background: var(--p-panel) !important;
  border-color: var(--p-border) !important;
}
[data-fluent-webos] :is(.workspace-window-content, .workspace-custom-content, .workspace-window-panel, .vertical-title-window:not(.is-desktop-surface) .vertical-window-content, .system-tree-table, .child-data-table, .unified-data-table) {
  color: var(--p-text);
  background-color: var(--p-surface);
  border-color: var(--p-border);
}
[data-fluent-webos] :is(.window-brand-caption, .window-brand-caption strong, .vertical-window-drag, .tree-title-caption, .tree-table-name) {
  color: var(--p-text) !important;
}
[data-fluent-webos] :is(.workspace-refresh-status, .workspace-statusbar small, .table-sort-indicator) {
  color: var(--p-muted);
}

/* Keep compound window-button handlers and native controls intact. */
[data-fluent-webos] :is(.workspace-window, .vertical-title-window:not(.is-desktop-surface), .window-dialog) :is(button, select, input, textarea) {
  color: var(--p-text);
  accent-color: var(--p-accent);
  border-color: var(--p-border);
  font-family: inherit;
}
[data-fluent-webos] :is(.window-controls, .vertical-title-rail, .workspace-window-tabs, .common-tree-toolbar, .child-title-actions) button {
  color: var(--p-text) !important;
  border-color: var(--p-border);
}
[data-fluent-webos] :is(.window-controls, .vertical-title-rail) button {
  background: transparent !important;
}
[data-fluent-webos] :is(.workspace-window, .vertical-title-window:not(.is-desktop-surface), .window-dialog) button:not(:disabled):not([aria-disabled="true"]):hover {
  background-color: var(--p-selection);
}
[data-fluent-webos] :is(.window-controls, .vertical-title-rail) button:not(:disabled):hover {
  background: var(--p-selection) !important;
}
[data-fluent-webos] :is(.window-controls .window-close, .vertical-title-rail .vertical-window-close):not(:disabled):hover {
  background: var(--destructive, #c42b1c) !important;
  color: var(--destructive-foreground, #fff) !important;
}
[data-fluent-webos] :is(.workspace-window, .vertical-title-window:not(.is-desktop-surface), .window-dialog) :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline-color: var(--p-accent) !important;
}
[data-fluent-webos] :is(.workspace-window-tabs [role="tab"][aria-selected="true"], .workspace-window-tabs [role="tab"][data-state="active"], .workspace-window-tab.active, .workspace-statusbar button.active) {
  color: var(--p-accent) !important;
  background: var(--p-selection) !important;
  box-shadow: inset 0 -2px var(--p-accent);
}

/* Only paint real cells. The virtual spacer retains all original inline geometry. */
[data-fluent-webos] .unified-data-table :is(th, td) {
  color: var(--p-text);
  border-color: var(--p-border) !important;
}
[data-fluent-webos] .unified-data-table th {
  background-color: var(--p-panel) !important;
  color: var(--p-text) !important;
}
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) tr:not(.virtual-spacer) > td {
  background-color: var(--p-surface);
  color: var(--p-text);
}
[data-fluent-webos] :is(.left-region-stack, .management-tree-pane) .system-tree-table tr:not(.virtual-spacer):not(.data-row-selected):not(.tree-table-selected):not([data-multi-selected="true"]) > td {
  background-color: var(--p-surface);
}
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) tr:not(.virtual-spacer):not(.data-row-selected):not(.tree-table-selected):not([data-multi-selected="true"]):not([aria-selected="true"]):hover > td {
  background-color: color-mix(in srgb, var(--p-selection) 50%, var(--p-surface));
}
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) tr:not(.virtual-spacer):is(.data-row-selected, .tree-table-selected, [data-multi-selected="true"], [aria-selected="true"]) > td {
  background-color: var(--p-selection) !important;
  color: var(--p-text);
}
/* Specific enough to replace the legacy white !important cell selection. */
[data-fluent-webos] :is(.left-region-stack, .management-tree-pane) .system-tree-table tr:not(.virtual-spacer) > td:is(.column-selected, .cell-selected),
[data-fluent-webos] .unified-data-table tr:not(.virtual-spacer) > :is(td, th):is(.column-selected, .cell-selected) {
  background-color: var(--p-selection) !important;
  color: var(--p-text);
  outline-color: var(--p-accent);
}
[data-fluent-webos] .unified-data-table tr.data-row-selected > td:first-child::before {
  background-color: var(--p-accent);
}
[data-fluent-webos] .unified-data-table tr[data-row-locked="true"] > td {
  color: var(--p-muted);
}
[data-fluent-webos] :is(.unified-relation-toggle, .relation-square-toggle, .row-drag-handle, .array-cell-link) {
  color: var(--p-accent);
  border-color: var(--p-border);
}
[data-fluent-webos] .unified-relation-lines {
  border-color: var(--p-border);
}
[data-fluent-webos] .unified-data-table [data-drop] {
  outline-color: var(--p-accent);
  border-color: var(--p-accent);
}

/* Paint editors without imposing ordinary input heights on 20/29px table cells. */
[data-fluent-webos] :is(.workspace-window, .vertical-title-window:not(.is-desktop-surface), .window-dialog) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  background-color: var(--p-surface);
  color: var(--p-text);
  border-color: var(--p-border);
}
[data-fluent-webos] :is(.editable-cell, .configured-table-cell, .configured-cell-summary) {
  color: var(--p-text);
  background-color: inherit;
}
[data-fluent-webos] :is(.editable-cell, .configured-table-cell, .configured-cell-summary):focus-within {
  outline-color: var(--p-accent);
}
[data-fluent-webos] :is(.workspace-window, .vertical-title-window:not(.is-desktop-surface), .window-dialog) [aria-invalid="true"],
[data-fluent-webos] :is(.bad-relation, .configured-table-cell.is-invalid) {
  color: var(--destructive, #c42b1c);
  outline-color: var(--destructive, #c42b1c);
  border-color: var(--destructive, #c42b1c);
}
[data-fluent-webos] :is(.left-tree-all-operations-menu, .vertical-window-options, .window-dialog [role="menu"], .workspace-window [role="menu"]) {
  background-color: var(--p-surface);
  color: var(--p-text);
  border-color: var(--p-border);
}
[data-fluent-webos] :is(.left-tree-all-operations-menu, .vertical-window-options, .window-dialog [role="menu"], .workspace-window [role="menu"]) :is(button, [role="menuitem"]):not(:disabled):hover {
  background-color: var(--p-selection);
  color: var(--p-text);
}

/* Management split panes have legacy explicit surfaces; retain their geometry. */
[data-fluent-webos] :is(.management-tree-panel, .management-data-panel) {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
}

/* Opaque frozen-name cells must use the active theme, including the child table. */
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) tr:not(.virtual-spacer) > td.tree-name-column {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
}
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) th.tree-name-column {
  background: var(--p-panel) !important;
  color: var(--p-text) !important;
}
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) tr:not(.virtual-spacer):not(.data-row-selected):not(.tree-table-selected):not([data-multi-selected="true"]):not([aria-selected="true"]):hover > td.tree-name-column {
  background: color-mix(in srgb, var(--p-selection) 50%, var(--p-surface)) !important;
}
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) tr:not(.virtual-spacer):is(.data-row-selected, .tree-table-selected, [data-multi-selected="true"], [aria-selected="true"]) > td.tree-name-column,
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) tr:not(.virtual-spacer) > td.tree-name-column:is(.column-selected, .cell-selected),
[data-fluent-webos] :is(.system-tree-table, .child-data-table, .unified-data-table) th.tree-name-column.column-selected {
  background: var(--p-selection) !important;
  color: var(--p-text) !important;
}

/* Match the management selection rule's full legacy chain, without its white paint. */
[data-fluent-webos] .management-workspace :is(.left-region-stack, .management-tree-pane) .system-tree-table .tree-table-scroll table tr > :is(th.column-selected, td.column-selected, td.cell-selected) {
  background: var(--p-selection) !important;
  color: var(--p-text) !important;
}

/* app/fluent-desktop.css */
/* Fluent desktop paint only. Wallpaper, placement, paging, gestures and visibility
 * remain owned by the original desktop. Window chrome is in fluent-workspace.css.
 * Existing --p-* semantic tokens also serve nested light/dark provider themes.
 */
[data-fluent-webos] :is(.webos-taskbar, .desktop-dock-tray, .taskbar-window-menu, .desktop-dock-tooltip, .desktop-dock-demo) {
  background: var(--p-panel) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
}
[data-fluent-webos] :is(.webos-task-pages, .webos-taskbar > button) {
  background-color: var(--p-panel);
  color: var(--p-text);
}
[data-fluent-webos] :is(.webos-taskbar-brand, .webos-taskbar small) {
  color: var(--p-muted) !important;
}
[data-fluent-webos] :is(.webos-taskbar, .taskbar-window-menu) button {
  color: var(--p-text) !important;
}
[data-fluent-webos] :is(.webos-taskbar, .taskbar-window-menu) button:not(:disabled):not([aria-disabled="true"]):hover {
  background: var(--p-selection) !important;
  color: var(--p-text) !important;
}
[data-fluent-webos] .webos-taskbar button:is([aria-pressed="true"], [aria-expanded="true"]) {
  background: var(--p-selection) !important;
  color: var(--p-accent) !important;
  border-color: var(--p-accent);
}
[data-fluent-webos] .taskbar-window-count {
  background-color: var(--p-accent);
  color: var(--primary-foreground);
}

/* Reuse original start-menu sections and native tab semantics. */
[data-fluent-webos] :is(.webos-start-menu, .start-prototype, .start-prototype-body, .start-prototype-space, .start-app-panel) {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
}
[data-fluent-webos] :is(.start-prototype-rail, .start-prototype-footer) {
  background: var(--p-panel) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
}
[data-fluent-webos] .start-prototype button {
  color: var(--p-text);
  border-color: var(--p-border);
}
[data-fluent-webos] .start-prototype :is(button, a):not(:disabled):not([aria-disabled="true"]):hover {
  background: var(--p-selection) !important;
  color: var(--p-text) !important;
}
[data-fluent-webos] .start-prototype :is(.start-prototype-rail, .start-app-tabs) button[aria-selected="true"],
[data-fluent-webos] .start-prototype-footer button[aria-pressed="true"] {
  background: var(--p-selection) !important;
  color: var(--p-accent) !important;
  border-color: var(--p-accent);
}
[data-fluent-webos] :is(.start-profile-info small, .start-info-row small, .start-prototype-space p, .start-app-empty) {
  color: var(--p-muted) !important;
}
[data-fluent-webos] .start-footer-separator {
  background-color: var(--p-border) !important;
}

/* Context menus: only surface paint; retain native menu coordinates and sizing. */
[data-fluent-webos] :is(.webos-context-menu, .desktop-context-menu, .desktop-shortcut-menu, .desktop-folder-menu, .windows-desktop-menu, .desktop-menu-sub, .desktop-selection-menu, .desktop-right-drop-menu) {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
}
[data-fluent-webos] :is(.desktop-menu-titlebar, .desktop-menu-statusbar, .desktop-selection-menu-heading) {
  background: var(--p-panel);
  color: var(--p-text);
  border-color: var(--p-border);
}
[data-fluent-webos] :is(.desktop-selection-menu-footer, .desktop-menu-description) {
  color: var(--p-muted);
  border-color: var(--p-border);
}
[data-fluent-webos] :is(.webos-context-menu, .desktop-context-menu, .desktop-shortcut-menu, .desktop-folder-menu, .windows-desktop-menu, .desktop-menu-sub, .desktop-selection-menu, .desktop-right-drop-menu) :is(button, [role="menuitem"]) {
  color: var(--p-text) !important;
}
[data-fluent-webos] :is(.webos-context-menu, .desktop-context-menu, .desktop-shortcut-menu, .desktop-folder-menu, .windows-desktop-menu, .desktop-menu-sub, .desktop-selection-menu, .desktop-right-drop-menu) :is(button, [role="menuitem"]):not(:disabled):not([aria-disabled="true"]):hover {
  background: var(--p-selection) !important;
}
[data-fluent-webos] :is(.windows-desktop-menu, .desktop-menu-sub, .desktop-selection-menu) hr {
  border-color: var(--p-border);
}
/* Original menu CSS suppresses focus outlines: restore an explicit theme ring. */
[data-fluent-webos] :is(.webos-taskbar, .desktop-dock-tray, .taskbar-window-menu, .start-prototype, .webos-context-menu, .desktop-context-menu, .desktop-shortcut-menu, .desktop-folder-menu, .windows-desktop-menu, .desktop-menu-sub, .desktop-selection-menu, .desktop-right-drop-menu) :is(button, a, [tabindex]):focus-visible {
  outline: 2px solid var(--p-accent) !important;
  outline-offset: -2px;
}

/* app/fluent-surfaces.css */
/* Neutral application surfaces only. Original layout, chart colors, content and interaction remain owned by each application. */
[data-fluent-webos] .everything-applications.control-programs {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .backup-center {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .prism-control-panel.windows-control-panel {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .codex-task-body aside,
[data-fluent-webos] .codex-task-body main {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .ai-chat-panel>pre {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .ai-team-workbench-layout>aside,
[data-fluent-webos] .ai-team-workbench-layout>main {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .development-layout>aside,
[data-fluent-webos] .development-layout>main {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .data-source-manager {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .ndn-sites article,
[data-fluent-webos] .ndn-communication section {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

[data-fluent-webos] .automation-editor {
  background: var(--p-surface) !important;
  color: var(--p-text) !important;
  border-color: var(--p-border) !important;
  color-scheme: inherit;
}

/* System application directory: neutral controls, never artwork or explicit content colors. */
[data-fluent-webos] :is(.everything-applications .control-program-heading,.everything-applications .control-category-list,.everything-applications .control-icon-grid>button,.everything-context-menu,.everything-context-menu>button,.everything-properties) { background:var(--p-surface) !important; color:var(--p-text) !important; border-color:var(--p-border); color-scheme:inherit; font-family:var(--p-font); }
[data-fluent-webos] :is(.everything-applications .control-category>h2,.everything-applications .control-icon-grid>button>.everything-app-name,.everything-properties h2,.everything-properties h3,.everything-properties .everything-description,.everything-properties dd) { color:var(--p-text) !important; border-color:var(--p-border); }
[data-fluent-webos] :is(.everything-applications .control-program-heading>span,.everything-applications .control-category>h2>small,.everything-properties header p,.everything-properties dt,.everything-properties dd small) { color:var(--p-muted) !important; }
[data-fluent-webos] :is(.everything-applications .control-icon-grid>button:hover,.everything-context-menu>button:hover,.everything-context-menu>button:focus-visible) { background:var(--p-panel) !important; border-color:var(--p-accent) !important; outline-color:var(--p-accent); }
[data-fluent-webos] .everything-applications .control-icon-grid>button[aria-pressed=true] { background:var(--p-selection) !important; border-color:var(--p-accent) !important; outline-color:var(--p-accent); }
[data-fluent-webos] .everything-applications .control-icon-grid>button:focus-visible { outline-color:var(--p-accent) !important; }
[data-fluent-webos] :is(.everything-applications .control-icon-grid>button>svg,.everything-properties a) { color:var(--p-accent) !important; }
[data-fluent-webos] .everything-context-menu>button:disabled { color:var(--p-muted) !important; }

[data-fluent-webos] .everything-properties-note { background:var(--p-panel) !important; color:var(--p-muted) !important; }
[data-fluent-webos] .everything-properties dl { border-color:var(--p-border); }

/* deploy/frontend-patches/fluent-v9-20261031/task-only-theme/controls-geometry.css */
/* Preserve measured original control boxes at the 29 finite graft sites. */
html[data-fluent-webos] :is(.log-form,.add-column-form) .fui-Input{height:32px;min-height:0;box-sizing:border-box;padding-block:0;}
html[data-fluent-webos] .log-form .fui-Input{padding-inline:7px;}
html[data-fluent-webos] .add-column-form .fui-Input{padding-inline:8px;}
html[data-fluent-webos] :is(.log-form,.add-column-form) .fui-Input > input{height:100%;min-height:0;box-sizing:border-box;padding:0;border:0;background:transparent;box-shadow:none;font:inherit;}
html[data-fluent-webos] :is(.log-form,.add-column-form,.tree-actions-strip) .fui-Button{min-width:0;}
html[data-fluent-webos] :is(.log-form,.add-column-form){background:var(--p-surface);color:var(--p-text);border-color:var(--p-border);}
html[data-fluent-webos] :is(.log-form,.add-column-form) .fui-Button{padding-inline:10px;font-weight:500;}

[data-fluent-webos] .everything-properties>header{border-bottom-color:var(--p-border)}

/* Preserve original Settings geometry when the five buttons use Fluent primitives. */
[data-fluent-webos] .prism-settings .fui-Button{font:inherit;vertical-align:baseline;min-width:0}
[data-fluent-webos] .prism-settings-heading>.fui-Button{border:0;display:block}
[data-fluent-webos] .prism-settings-actions .fui-Button{display:inline-flex}
[data-fluent-webos] .prism-settings .prism-settings-save.fui-Button{padding:5px 9px;border:1px solid var(--skin-ccd7e5,#ccd7e5)}
[data-fluent-webos] .personalization-center .prism-fluent-optional-text{display:contents;font:inherit}
[data-fluent-webos] .personalization-center .prism-fluent-optional-text>input{font:inherit;flex:0 1 auto;width:auto;min-width:0}
[data-fluent-webos] .personalization-center .prism-fluent-optional-text::before,[data-fluent-webos] .personalization-center .prism-fluent-optional-text::after{display:none}
[data-fluent-webos] .personalization-center .prism-fluent-optional-text>input:focus-visible{outline:2px solid var(--p-accent,#007f9e);outline-offset:2px}