/* Generated Style Master storefront snapshot. Build with tools/build_shopify_static_style.py. */
:root {
  --gui-bg: #F5F8F9;
  --gui-panel: #FFFFFF;
  --gui-panel-2: #EDF3F5;
  --gui-panel-3: #DFE9ED;
  --gui-sidebar: #E9F0F3;
  --gui-yellow-soft: #EDF3F5;
  --gui-blue-focus: #DFE9ED;
  --gui-line: #66818D;
  --gui-line-soft: #DFE9ED;
  --gui-text: #192E38;
  --gui-muted: #485D66;
  --gui-black: #192E38;
  --gui-yellow-label: #155773;
  --gui-blue: #155773;
  --gui-blue-dark: #0C3E55;
  --gui-green: #235D38;
  --gui-red: #922E31;
  --gui-orange: #76430E;
  --gui-cyan: #17546B;
  --gui-yellow: #165B78;
  --gui-yellow-hover: #104358;
  --gui-font-body: Lufga, Arial, Helvetica, sans-serif;
  --gui-font-ui: Lufga, Arial, Helvetica, sans-serif;
  --gui-base-size: 16px;
  --gui-font-weight: 400;
  --gui-page-title-size: 27px;
  --gui-page-title-weight: 700;
  --gui-micro-size: 11px;
  --gui-micro-weight: 600;
  --gui-frame-color: #66818D;
  --gui-frame-width: 2px;
  --gui-divider: #66818D;
  --gui-divider-width: 1px;
  --gui-sidebar-width: 285px;
  --gui-content-pad-x: 24px;
  --gui-content-pad-y: 22px;
  --gui-gap: 12px;
  --gui-topbar-pad-x: 24px;
  --gui-topbar-pad-y: 16px;
  --gui-nav-bg: #E9F0F3;
  --gui-nav-alt-bg: #EDF3F5;
  --gui-nav-text: #192E38;
  --gui-nav-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-nav-size: 14px;
  --gui-nav-weight: 600;
  --gui-nav-pad-x: 13px;
  --gui-nav-pad-y: 7px;
  --gui-nav-gap: 2px;
  --gui-nav-marker: 4px;
  --gui-nav-hover-bg: #DFE9ED;
  --gui-nav-hover-text: #192E38;
  --gui-nav-hover-marker: #155773;
  --gui-nav-active-bg: #165B78;
  --gui-nav-active-text: #FFFFFF;
  --gui-nav-active-marker: #FFFFFF;
  --gui-button-bg: #165B78;
  --gui-button-text: #FFFFFF;
  --gui-button-hover-bg: #104358;
  --gui-button-border: #165B78;
  --gui-button-border-width: 1px;
  --gui-button-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-button-size: 14px;
  --gui-button-weight: 600;
  --gui-button-pad-x: 12px;
  --gui-button-pad-y: 9px;
  --gui-button-gap: 9px;
  --gui-section-bg: #173440;
  --gui-section-text: #F4FBFD;
  --gui-section-secondary: #CADCE4;
  --gui-section-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-section-size: 15px;
  --gui-section-weight: 700;
  --gui-section-pad-x: 12px;
  --gui-section-pad-y: 10px;
  --xf3-tripod-giant-opacity-pct: 5;
  --xf3-tripod-family-opacity-pct: 5;
  --xf3-tripod-small-opacity-pct: 34;
  --xf3-tripod-sidebar-opacity-pct: 18;
  --xf3-tripod-giant-size: 650px;
  --xf3-tripod-sidebar-size: 220px;
  --xf3-tripod-section-size: 48px;
  --xf3-tripod-contrast: 135%;
  --xf3-motion-intensity-pct: 30;
  --xf3-motion-distance: 6.0px;
  --xf3-motion-angle: 3.0deg;
  --xf3-motion-speed: 18s;
  --xf3-motion-speed-fast: 9.9s;
  --xf3-motion-speed-slow: 25.2s;
  --xf3-world-stars-opacity-pct: 15;
  --xf3-world-mountains-opacity-pct: 8;
  --xf3-world-trees-opacity-pct: 8;
  --xf3-world-celestial-opacity-pct: 12;
  --xf3-world-landscape-opacity-pct: 7;
  --xf3-world-landscape-height: 150px;
  --xf3-heading-radius: 9px;
  --xf3-heading-tripod-size: 48px;
  --xf3-mountain-scale: 120%;
  --xf3-tree-scale: 115%;
  --gui-scroll-width: 13px;
  --gui-scroll-track: #E9F0F3;
  --gui-scroll-thumb: #66818D;
  --gui-scroll-thumb-hover: #155773;
  --gui-scroll-thumb-border: #E9F0F3;
  --gui-scroll-thumb-border-width: 2px;
  --gui-table-head: #DFE9ED;
  --gui-table-even: #EDF3F5;
  --gui-table-hover: #DFE9ED;
  --gui-table-size: 14px;
  --gui-table-head-size: 12px;
  --gui-form-bg: #FFFFFF;
  --gui-form-border: #66818D;
  --gui-form-focus: #155773;
  --gui-form-ring: #155773;
  --gui-form-pad: 10px;
  --gui-warning-border: #846019;
  --gui-warning-bg: #FFF2CF;
  --gui-danger-border: #9C403B;
  --gui-danger-bg: #FCE9E8;
  --gui-good-border: #376C49;
  --gui-good-bg: #E4F1E7;
  --gui-info-border: #376D8A;
  --gui-info-bg: #E4EFF6;
}

:root.xform3-themed[data-xf3-theme="desert-paper"] {
  --gui-bg: #F9F2E5;
  --gui-panel: #FFFAF0;
  --gui-panel-2: #F1E7D6;
  --gui-panel-3: #E7D8C0;
  --gui-sidebar: #EFE3CE;
  --gui-yellow-soft: #F1E7D6;
  --gui-blue-focus: #E7D8C0;
  --gui-line: #8B7254;
  --gui-line-soft: #E7D8C0;
  --gui-text: #36291D;
  --gui-muted: #62503D;
  --gui-black: #36291D;
  --gui-yellow-label: #70401F;
  --gui-blue: #70401F;
  --gui-blue-dark: #512B17;
  --gui-green: #235D38;
  --gui-red: #922E31;
  --gui-orange: #76430E;
  --gui-cyan: #17546B;
  --gui-yellow: #784723;
  --gui-yellow-hover: #59301B;
  --gui-font-body: XF3Cormorant, Georgia, serif;
  --gui-font-ui: Lufga, Arial, Helvetica, sans-serif;
  --gui-base-size: 17px;
  --gui-font-weight: 400;
  --gui-page-title-size: 27px;
  --gui-page-title-weight: 700;
  --gui-micro-size: 11px;
  --gui-micro-weight: 600;
  --gui-frame-color: #8B7254;
  --gui-frame-width: 2px;
  --gui-divider: #8B7254;
  --gui-divider-width: 1px;
  --gui-sidebar-width: 285px;
  --gui-content-pad-x: 24px;
  --gui-content-pad-y: 22px;
  --gui-gap: 12px;
  --gui-topbar-pad-x: 24px;
  --gui-topbar-pad-y: 16px;
  --gui-nav-bg: #EFE3CE;
  --gui-nav-alt-bg: #F1E7D6;
  --gui-nav-text: #36291D;
  --gui-nav-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-nav-size: 14px;
  --gui-nav-weight: 600;
  --gui-nav-pad-x: 13px;
  --gui-nav-pad-y: 7px;
  --gui-nav-gap: 2px;
  --gui-nav-marker: 4px;
  --gui-nav-hover-bg: #E7D8C0;
  --gui-nav-hover-text: #36291D;
  --gui-nav-hover-marker: #70401F;
  --gui-nav-active-bg: #784723;
  --gui-nav-active-text: #FFFAF0;
  --gui-nav-active-marker: #FFFAF0;
  --gui-button-bg: #784723;
  --gui-button-text: #FFFAF0;
  --gui-button-hover-bg: #59301B;
  --gui-button-border: #784723;
  --gui-button-border-width: 1px;
  --gui-button-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-button-size: 14px;
  --gui-button-weight: 600;
  --gui-button-pad-x: 12px;
  --gui-button-pad-y: 9px;
  --gui-button-gap: 9px;
  --gui-section-bg: #493421;
  --gui-section-text: #FFF1D5;
  --gui-section-secondary: #E1C9A9;
  --gui-section-font: XF3Cormorant, Georgia, serif;
  --gui-section-size: 18px;
  --gui-section-weight: 700;
  --gui-section-pad-x: 12px;
  --gui-section-pad-y: 10px;
  --xf3-tripod-giant-opacity-pct: 5;
  --xf3-tripod-family-opacity-pct: 5;
  --xf3-tripod-small-opacity-pct: 34;
  --xf3-tripod-sidebar-opacity-pct: 18;
  --xf3-tripod-giant-size: 650px;
  --xf3-tripod-sidebar-size: 220px;
  --xf3-tripod-section-size: 48px;
  --xf3-tripod-contrast: 135%;
  --xf3-motion-intensity-pct: 30;
  --xf3-motion-distance: 6.0px;
  --xf3-motion-angle: 3.0deg;
  --xf3-motion-speed: 18s;
  --xf3-motion-speed-fast: 9.9s;
  --xf3-motion-speed-slow: 25.2s;
  --xf3-world-stars-opacity-pct: 15;
  --xf3-world-mountains-opacity-pct: 8;
  --xf3-world-trees-opacity-pct: 8;
  --xf3-world-celestial-opacity-pct: 12;
  --xf3-world-landscape-opacity-pct: 7;
  --xf3-world-landscape-height: 150px;
  --xf3-heading-radius: 9px;
  --xf3-heading-tripod-size: 48px;
  --xf3-mountain-scale: 120%;
  --xf3-tree-scale: 115%;
  --gui-scroll-width: 13px;
  --gui-scroll-track: #EFE3CE;
  --gui-scroll-thumb: #8B7254;
  --gui-scroll-thumb-hover: #70401F;
  --gui-scroll-thumb-border: #EFE3CE;
  --gui-scroll-thumb-border-width: 2px;
  --gui-table-head: #E7D8C0;
  --gui-table-even: #F1E7D6;
  --gui-table-hover: #E7D8C0;
  --gui-table-size: 14px;
  --gui-table-head-size: 12px;
  --gui-form-bg: #FFFAF0;
  --gui-form-border: #8B7254;
  --gui-form-focus: #70401F;
  --gui-form-ring: #70401F;
  --gui-form-pad: 10px;
  --gui-warning-border: #846019;
  --gui-warning-bg: #FFF2CF;
  --gui-danger-border: #9C403B;
  --gui-danger-bg: #FCE9E8;
  --gui-good-border: #376C49;
  --gui-good-bg: #E4F1E7;
  --gui-info-border: #376D8A;
  --gui-info-bg: #E4EFF6;
}

:root.xform3-themed[data-xf3-theme="galactic-blue"] {
  --gui-bg: #111B2B;
  --gui-panel: #17243A;
  --gui-panel-2: #1D2D46;
  --gui-panel-3: #293D55;
  --gui-sidebar: #111E31;
  --gui-yellow-soft: #1D2D46;
  --gui-blue-focus: #293D55;
  --gui-line: #7895AE;
  --gui-line-soft: #293D55;
  --gui-text: #E9F1F8;
  --gui-muted: #B5C6D6;
  --gui-black: #E9F1F8;
  --gui-yellow-label: #9EDCFF;
  --gui-blue: #9EDCFF;
  --gui-blue-dark: #D0EFFF;
  --gui-green: #AFDFB2;
  --gui-red: #FFC0B8;
  --gui-orange: #F8CD95;
  --gui-cyan: #B4DFEC;
  --gui-yellow: #93D2F2;
  --gui-yellow-hover: #B9E6FC;
  --gui-font-body: Lufga, Arial, Helvetica, sans-serif;
  --gui-font-ui: Lufga, Arial, Helvetica, sans-serif;
  --gui-base-size: 16px;
  --gui-font-weight: 400;
  --gui-page-title-size: 26px;
  --gui-page-title-weight: 700;
  --gui-micro-size: 11px;
  --gui-micro-weight: 600;
  --gui-frame-color: #7895AE;
  --gui-frame-width: 2px;
  --gui-divider: #7895AE;
  --gui-divider-width: 1px;
  --gui-sidebar-width: 285px;
  --gui-content-pad-x: 24px;
  --gui-content-pad-y: 22px;
  --gui-gap: 12px;
  --gui-topbar-pad-x: 24px;
  --gui-topbar-pad-y: 16px;
  --gui-nav-bg: #111E31;
  --gui-nav-alt-bg: #1D2D46;
  --gui-nav-text: #E9F1F8;
  --gui-nav-font: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-nav-size: 13px;
  --gui-nav-weight: 600;
  --gui-nav-pad-x: 13px;
  --gui-nav-pad-y: 7px;
  --gui-nav-gap: 2px;
  --gui-nav-marker: 4px;
  --gui-nav-hover-bg: #293D55;
  --gui-nav-hover-text: #E9F1F8;
  --gui-nav-hover-marker: #9EDCFF;
  --gui-nav-active-bg: #93D2F2;
  --gui-nav-active-text: #102331;
  --gui-nav-active-marker: #102331;
  --gui-button-bg: #93D2F2;
  --gui-button-text: #102331;
  --gui-button-hover-bg: #B9E6FC;
  --gui-button-border: #93D2F2;
  --gui-button-border-width: 1px;
  --gui-button-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-button-size: 14px;
  --gui-button-weight: 600;
  --gui-button-pad-x: 12px;
  --gui-button-pad-y: 9px;
  --gui-button-gap: 9px;
  --gui-section-bg: #0D1727;
  --gui-section-text: #B6E5FC;
  --gui-section-secondary: #B9CADB;
  --gui-section-font: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-section-size: 15px;
  --gui-section-weight: 700;
  --gui-section-pad-x: 12px;
  --gui-section-pad-y: 10px;
  --xf3-tripod-giant-opacity-pct: 5;
  --xf3-tripod-family-opacity-pct: 5;
  --xf3-tripod-small-opacity-pct: 34;
  --xf3-tripod-sidebar-opacity-pct: 18;
  --xf3-tripod-giant-size: 650px;
  --xf3-tripod-sidebar-size: 220px;
  --xf3-tripod-section-size: 48px;
  --xf3-tripod-contrast: 135%;
  --xf3-motion-intensity-pct: 30;
  --xf3-motion-distance: 6.0px;
  --xf3-motion-angle: 3.0deg;
  --xf3-motion-speed: 18s;
  --xf3-motion-speed-fast: 9.9s;
  --xf3-motion-speed-slow: 25.2s;
  --xf3-world-stars-opacity-pct: 15;
  --xf3-world-mountains-opacity-pct: 8;
  --xf3-world-trees-opacity-pct: 8;
  --xf3-world-celestial-opacity-pct: 12;
  --xf3-world-landscape-opacity-pct: 7;
  --xf3-world-landscape-height: 150px;
  --xf3-heading-radius: 9px;
  --xf3-heading-tripod-size: 48px;
  --xf3-mountain-scale: 120%;
  --xf3-tree-scale: 115%;
  --gui-scroll-width: 13px;
  --gui-scroll-track: #111E31;
  --gui-scroll-thumb: #7895AE;
  --gui-scroll-thumb-hover: #9EDCFF;
  --gui-scroll-thumb-border: #111E31;
  --gui-scroll-thumb-border-width: 2px;
  --gui-table-head: #293D55;
  --gui-table-even: #1D2D46;
  --gui-table-hover: #293D55;
  --gui-table-size: 14px;
  --gui-table-head-size: 12px;
  --gui-form-bg: #17243A;
  --gui-form-border: #7895AE;
  --gui-form-focus: #9EDCFF;
  --gui-form-ring: #9EDCFF;
  --gui-form-pad: 10px;
  --gui-warning-border: #E0BC77;
  --gui-warning-bg: #332916;
  --gui-danger-border: #EBA49C;
  --gui-danger-bg: #352020;
  --gui-good-border: #91C4A5;
  --gui-good-bg: #1C3129;
  --gui-info-border: #96C4E6;
  --gui-info-bg: #1C2C3B;
}

:root.xform3-themed[data-xf3-theme="violet-observatory"] {
  --gui-bg: #211B2C;
  --gui-panel: #2A2238;
  --gui-panel-2: #352B45;
  --gui-panel-3: #453653;
  --gui-sidebar: #271E35;
  --gui-yellow-soft: #352B45;
  --gui-blue-focus: #453653;
  --gui-line: #A08CAF;
  --gui-line-soft: #453653;
  --gui-text: #F1EAF8;
  --gui-muted: #CBBAD9;
  --gui-black: #F1EAF8;
  --gui-yellow-label: #E1C8FF;
  --gui-blue: #E1C8FF;
  --gui-blue-dark: #F1E1FF;
  --gui-green: #AFDFB2;
  --gui-red: #FFC0B8;
  --gui-orange: #F8CD95;
  --gui-cyan: #B4DFEC;
  --gui-yellow: #D4B8F1;
  --gui-yellow-hover: #E9D5FC;
  --gui-font-body: Lufga, Arial, Helvetica, sans-serif;
  --gui-font-ui: Lufga, Arial, Helvetica, sans-serif;
  --gui-base-size: 15px;
  --gui-font-weight: 400;
  --gui-page-title-size: 26px;
  --gui-page-title-weight: 700;
  --gui-micro-size: 11px;
  --gui-micro-weight: 600;
  --gui-frame-color: #A08CAF;
  --gui-frame-width: 2px;
  --gui-divider: #A08CAF;
  --gui-divider-width: 1px;
  --gui-sidebar-width: 285px;
  --gui-content-pad-x: 24px;
  --gui-content-pad-y: 22px;
  --gui-gap: 12px;
  --gui-topbar-pad-x: 24px;
  --gui-topbar-pad-y: 16px;
  --gui-nav-bg: #271E35;
  --gui-nav-alt-bg: #352B45;
  --gui-nav-text: #F1EAF8;
  --gui-nav-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-nav-size: 14px;
  --gui-nav-weight: 600;
  --gui-nav-pad-x: 13px;
  --gui-nav-pad-y: 7px;
  --gui-nav-gap: 2px;
  --gui-nav-marker: 4px;
  --gui-nav-hover-bg: #453653;
  --gui-nav-hover-text: #F1EAF8;
  --gui-nav-hover-marker: #E1C8FF;
  --gui-nav-active-bg: #D4B8F1;
  --gui-nav-active-text: #291C37;
  --gui-nav-active-marker: #291C37;
  --gui-button-bg: #D4B8F1;
  --gui-button-text: #291C37;
  --gui-button-hover-bg: #E9D5FC;
  --gui-button-border: #D4B8F1;
  --gui-button-border-width: 1px;
  --gui-button-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-button-size: 14px;
  --gui-button-weight: 600;
  --gui-button-pad-x: 12px;
  --gui-button-pad-y: 9px;
  --gui-button-gap: 9px;
  --gui-section-bg: #191320;
  --gui-section-text: #E8D1FF;
  --gui-section-secondary: #D1BCE2;
  --gui-section-font: XF3Cormorant, Georgia, serif;
  --gui-section-size: 18px;
  --gui-section-weight: 700;
  --gui-section-pad-x: 12px;
  --gui-section-pad-y: 10px;
  --xf3-tripod-giant-opacity-pct: 5;
  --xf3-tripod-family-opacity-pct: 5;
  --xf3-tripod-small-opacity-pct: 34;
  --xf3-tripod-sidebar-opacity-pct: 18;
  --xf3-tripod-giant-size: 650px;
  --xf3-tripod-sidebar-size: 220px;
  --xf3-tripod-section-size: 48px;
  --xf3-tripod-contrast: 135%;
  --xf3-motion-intensity-pct: 30;
  --xf3-motion-distance: 6.0px;
  --xf3-motion-angle: 3.0deg;
  --xf3-motion-speed: 18s;
  --xf3-motion-speed-fast: 9.9s;
  --xf3-motion-speed-slow: 25.2s;
  --xf3-world-stars-opacity-pct: 15;
  --xf3-world-mountains-opacity-pct: 9;
  --xf3-world-trees-opacity-pct: 8;
  --xf3-world-celestial-opacity-pct: 12;
  --xf3-world-landscape-opacity-pct: 7;
  --xf3-world-landscape-height: 150px;
  --xf3-heading-radius: 9px;
  --xf3-heading-tripod-size: 48px;
  --xf3-mountain-scale: 120%;
  --xf3-tree-scale: 115%;
  --gui-scroll-width: 13px;
  --gui-scroll-track: #271E35;
  --gui-scroll-thumb: #A08CAF;
  --gui-scroll-thumb-hover: #E1C8FF;
  --gui-scroll-thumb-border: #271E35;
  --gui-scroll-thumb-border-width: 2px;
  --gui-table-head: #453653;
  --gui-table-even: #352B45;
  --gui-table-hover: #453653;
  --gui-table-size: 14px;
  --gui-table-head-size: 12px;
  --gui-form-bg: #2A2238;
  --gui-form-border: #A08CAF;
  --gui-form-focus: #E1C8FF;
  --gui-form-ring: #E1C8FF;
  --gui-form-pad: 10px;
  --gui-warning-border: #E0BC77;
  --gui-warning-bg: #332916;
  --gui-danger-border: #EBA49C;
  --gui-danger-bg: #352020;
  --gui-good-border: #91C4A5;
  --gui-good-bg: #1C3129;
  --gui-info-border: #96C4E6;
  --gui-info-bg: #1C2C3B;
}

:root.xform3-themed[data-xf3-theme="green-terminal"] {
  --gui-bg: #101C15;
  --gui-panel: #17271D;
  --gui-panel-2: #1F3225;
  --gui-panel-3: #2B4131;
  --gui-sidebar: #14231A;
  --gui-yellow-soft: #1F3225;
  --gui-blue-focus: #2B4131;
  --gui-line: #7FA087;
  --gui-line-soft: #2B4131;
  --gui-text: #E0EFE0;
  --gui-muted: #B3CEB8;
  --gui-black: #E0EFE0;
  --gui-yellow-label: #B6E6A4;
  --gui-blue: #B6E6A4;
  --gui-blue-dark: #D7F6C9;
  --gui-green: #AFDFB2;
  --gui-red: #FFC0B8;
  --gui-orange: #F8CD95;
  --gui-cyan: #B4DFEC;
  --gui-yellow: #A2D68E;
  --gui-yellow-hover: #C1E8B1;
  --gui-font-body: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-font-ui: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-base-size: 15px;
  --gui-font-weight: 400;
  --gui-page-title-size: 26px;
  --gui-page-title-weight: 700;
  --gui-micro-size: 11px;
  --gui-micro-weight: 600;
  --gui-frame-color: #7FA087;
  --gui-frame-width: 2px;
  --gui-divider: #7FA087;
  --gui-divider-width: 1px;
  --gui-sidebar-width: 285px;
  --gui-content-pad-x: 24px;
  --gui-content-pad-y: 22px;
  --gui-gap: 12px;
  --gui-topbar-pad-x: 24px;
  --gui-topbar-pad-y: 16px;
  --gui-nav-bg: #14231A;
  --gui-nav-alt-bg: #1F3225;
  --gui-nav-text: #E0EFE0;
  --gui-nav-font: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-nav-size: 13px;
  --gui-nav-weight: 600;
  --gui-nav-pad-x: 13px;
  --gui-nav-pad-y: 7px;
  --gui-nav-gap: 2px;
  --gui-nav-marker: 4px;
  --gui-nav-hover-bg: #2B4131;
  --gui-nav-hover-text: #E0EFE0;
  --gui-nav-hover-marker: #B6E6A4;
  --gui-nav-active-bg: #A2D68E;
  --gui-nav-active-text: #172D1D;
  --gui-nav-active-marker: #172D1D;
  --gui-button-bg: #A2D68E;
  --gui-button-text: #172D1D;
  --gui-button-hover-bg: #C1E8B1;
  --gui-button-border: #A2D68E;
  --gui-button-border-width: 1px;
  --gui-button-font: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-button-size: 14px;
  --gui-button-weight: 600;
  --gui-button-pad-x: 12px;
  --gui-button-pad-y: 9px;
  --gui-button-gap: 9px;
  --gui-section-bg: #0B1710;
  --gui-section-text: #C8EDB7;
  --gui-section-secondary: #B5D2B8;
  --gui-section-font: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-section-size: 15px;
  --gui-section-weight: 700;
  --gui-section-pad-x: 12px;
  --gui-section-pad-y: 10px;
  --xf3-tripod-giant-opacity-pct: 5;
  --xf3-tripod-family-opacity-pct: 5;
  --xf3-tripod-small-opacity-pct: 34;
  --xf3-tripod-sidebar-opacity-pct: 18;
  --xf3-tripod-giant-size: 650px;
  --xf3-tripod-sidebar-size: 220px;
  --xf3-tripod-section-size: 48px;
  --xf3-tripod-contrast: 135%;
  --xf3-motion-intensity-pct: 30;
  --xf3-motion-distance: 6.0px;
  --xf3-motion-angle: 3.0deg;
  --xf3-motion-speed: 18s;
  --xf3-motion-speed-fast: 9.9s;
  --xf3-motion-speed-slow: 25.2s;
  --xf3-world-stars-opacity-pct: 15;
  --xf3-world-mountains-opacity-pct: 8;
  --xf3-world-trees-opacity-pct: 8;
  --xf3-world-celestial-opacity-pct: 12;
  --xf3-world-landscape-opacity-pct: 7;
  --xf3-world-landscape-height: 150px;
  --xf3-heading-radius: 9px;
  --xf3-heading-tripod-size: 48px;
  --xf3-mountain-scale: 120%;
  --xf3-tree-scale: 115%;
  --gui-scroll-width: 13px;
  --gui-scroll-track: #14231A;
  --gui-scroll-thumb: #7FA087;
  --gui-scroll-thumb-hover: #B6E6A4;
  --gui-scroll-thumb-border: #14231A;
  --gui-scroll-thumb-border-width: 2px;
  --gui-table-head: #2B4131;
  --gui-table-even: #1F3225;
  --gui-table-hover: #2B4131;
  --gui-table-size: 14px;
  --gui-table-head-size: 12px;
  --gui-form-bg: #17271D;
  --gui-form-border: #7FA087;
  --gui-form-focus: #B6E6A4;
  --gui-form-ring: #B6E6A4;
  --gui-form-pad: 10px;
  --gui-warning-border: #E0BC77;
  --gui-warning-bg: #332916;
  --gui-danger-border: #EBA49C;
  --gui-danger-bg: #352020;
  --gui-good-border: #91C4A5;
  --gui-good-bg: #1C3129;
  --gui-info-border: #96C4E6;
  --gui-info-bg: #1C2C3B;
}

:root.xform3-themed[data-xf3-theme="copper-night"] {
  --gui-bg: #251B18;
  --gui-panel: #2F231E;
  --gui-panel-2: #3B2B24;
  --gui-panel-3: #4A352D;
  --gui-sidebar: #2A1D18;
  --gui-yellow-soft: #3B2B24;
  --gui-blue-focus: #4A352D;
  --gui-line: #AC8D76;
  --gui-line-soft: #4A352D;
  --gui-text: #F3E8DA;
  --gui-muted: #D0BBAB;
  --gui-black: #F3E8DA;
  --gui-yellow-label: #F2C89E;
  --gui-blue: #F2C89E;
  --gui-blue-dark: #FFE1BD;
  --gui-green: #AFDFB2;
  --gui-red: #FFC0B8;
  --gui-orange: #F8CD95;
  --gui-cyan: #B4DFEC;
  --gui-yellow: #E7B284;
  --gui-yellow-hover: #F7CAA5;
  --gui-font-body: Lufga, Arial, Helvetica, sans-serif;
  --gui-font-ui: Lufga, Arial, Helvetica, sans-serif;
  --gui-base-size: 16px;
  --gui-font-weight: 400;
  --gui-page-title-size: 26px;
  --gui-page-title-weight: 700;
  --gui-micro-size: 11px;
  --gui-micro-weight: 600;
  --gui-frame-color: #AC8D76;
  --gui-frame-width: 2px;
  --gui-divider: #AC8D76;
  --gui-divider-width: 1px;
  --gui-sidebar-width: 285px;
  --gui-content-pad-x: 24px;
  --gui-content-pad-y: 22px;
  --gui-gap: 12px;
  --gui-topbar-pad-x: 24px;
  --gui-topbar-pad-y: 16px;
  --gui-nav-bg: #2A1D18;
  --gui-nav-alt-bg: #3B2B24;
  --gui-nav-text: #F3E8DA;
  --gui-nav-font: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --gui-nav-size: 14px;
  --gui-nav-weight: 600;
  --gui-nav-pad-x: 13px;
  --gui-nav-pad-y: 7px;
  --gui-nav-gap: 2px;
  --gui-nav-marker: 4px;
  --gui-nav-hover-bg: #4A352D;
  --gui-nav-hover-text: #F3E8DA;
  --gui-nav-hover-marker: #F2C89E;
  --gui-nav-active-bg: #E7B284;
  --gui-nav-active-text: #2F1E13;
  --gui-nav-active-marker: #2F1E13;
  --gui-button-bg: #E7B284;
  --gui-button-text: #2F1E13;
  --gui-button-hover-bg: #F7CAA5;
  --gui-button-border: #E7B284;
  --gui-button-border-width: 1px;
  --gui-button-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-button-size: 14px;
  --gui-button-weight: 600;
  --gui-button-pad-x: 12px;
  --gui-button-pad-y: 9px;
  --gui-button-gap: 9px;
  --gui-section-bg: #1C1411;
  --gui-section-text: #F4D1AF;
  --gui-section-secondary: #DCC0A8;
  --gui-section-font: Lufga, Arial, Helvetica, sans-serif;
  --gui-section-size: 15px;
  --gui-section-weight: 700;
  --gui-section-pad-x: 12px;
  --gui-section-pad-y: 10px;
  --xf3-tripod-giant-opacity-pct: 5;
  --xf3-tripod-family-opacity-pct: 5;
  --xf3-tripod-small-opacity-pct: 34;
  --xf3-tripod-sidebar-opacity-pct: 18;
  --xf3-tripod-giant-size: 650px;
  --xf3-tripod-sidebar-size: 220px;
  --xf3-tripod-section-size: 48px;
  --xf3-tripod-contrast: 135%;
  --xf3-motion-intensity-pct: 30;
  --xf3-motion-distance: 6.0px;
  --xf3-motion-angle: 3.0deg;
  --xf3-motion-speed: 18s;
  --xf3-motion-speed-fast: 9.9s;
  --xf3-motion-speed-slow: 25.2s;
  --xf3-world-stars-opacity-pct: 15;
  --xf3-world-mountains-opacity-pct: 8;
  --xf3-world-trees-opacity-pct: 8;
  --xf3-world-celestial-opacity-pct: 12;
  --xf3-world-landscape-opacity-pct: 7;
  --xf3-world-landscape-height: 150px;
  --xf3-heading-radius: 9px;
  --xf3-heading-tripod-size: 48px;
  --xf3-mountain-scale: 120%;
  --xf3-tree-scale: 115%;
  --gui-scroll-width: 13px;
  --gui-scroll-track: #2A1D18;
  --gui-scroll-thumb: #AC8D76;
  --gui-scroll-thumb-hover: #F2C89E;
  --gui-scroll-thumb-border: #2A1D18;
  --gui-scroll-thumb-border-width: 2px;
  --gui-table-head: #4A352D;
  --gui-table-even: #3B2B24;
  --gui-table-hover: #4A352D;
  --gui-table-size: 14px;
  --gui-table-head-size: 12px;
  --gui-form-bg: #2F231E;
  --gui-form-border: #AC8D76;
  --gui-form-focus: #F2C89E;
  --gui-form-ring: #F2C89E;
  --gui-form-pad: 10px;
  --gui-warning-border: #E0BC77;
  --gui-warning-bg: #332916;
  --gui-danger-border: #EBA49C;
  --gui-danger-bg: #352020;
  --gui-good-border: #91C4A5;
  --gui-good-bg: #1C3129;
  --gui-info-border: #96C4E6;
  --gui-info-bg: #1C2C3B;
}
/* Shared presentation adapter. Values come exclusively from Style Master runtime CSS. */
.xform3-themed {
 --surface:var(--gui-bg);--bg:var(--gui-bg);--paper:var(--gui-panel);--panel:var(--gui-panel);--sidebar:var(--gui-sidebar);
 --text:var(--gui-text);--ink:var(--gui-text);--muted:var(--gui-muted);--line:var(--gui-line);--border:var(--gui-line);
 --accent:var(--gui-yellow);--yellow:var(--gui-yellow);--selected:var(--gui-nav-active-bg);--hover:var(--gui-nav-hover-bg);
 color:var(--gui-text)!important;background:var(--gui-bg)!important;font-family:var(--gui-font-body)!important;
}
.xform3-themed body {color:var(--gui-text)!important;background:var(--gui-bg)!important;font-family:var(--gui-font-body)!important}
.xform3-themed :is(main,article,.workspace,.app-shell,.shell,.panel,.card,.document,.content,.empty){color:var(--gui-text);background-color:var(--gui-panel)}
.xform3-themed :is(aside,#sidebar,.sidebar,#tabs){background:var(--gui-sidebar)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
.xform3-themed :is(h1,h2,h3,h4){font-family:var(--gui-font-ui)!important}
.xform3-themed :is(.project-category h2,article h2,.section-bar){background:var(--gui-section-bg)!important;color:var(--gui-section-text)!important;border-radius:var(--xf3-heading-radius)!important}
.xform3-themed :is(button,.button,.btn){background-color:var(--gui-button-bg);color:var(--gui-button-text);border-color:var(--gui-button-border);font-family:var(--gui-button-font)!important;border-radius:var(--xf3-heading-radius)}
.xform3-themed :is(button,.button,.btn):hover{background-color:var(--gui-button-hover-bg)}
.xform3-themed :is(input,select,textarea){background-color:var(--gui-form-bg)!important;color:var(--gui-text)!important;border-color:var(--gui-form-border)!important;font-family:var(--gui-font-ui)!important}
html.xform3-themed input::placeholder,html.xform3-themed textarea::placeholder{color:var(--gui-muted);opacity:1}
html.xform3-themed select option{background:var(--gui-form-bg,var(--gui-panel));color:var(--gui-text)}
.xform3-themed th{background:var(--gui-table-head)!important;color:var(--gui-text)!important}
.xform3-themed td{border-color:var(--gui-line)!important}
.xform3-themed tr:nth-child(even){background-color:var(--gui-table-even)}
.xform3-themed a{color:var(--gui-blue)}
.xform3-themed #projects .project-link{font-family:var(--gui-nav-font)!important;color:var(--gui-nav-text)!important;background:var(--gui-nav-bg)!important}
.xform3-themed #projects .project-link:hover{background:var(--gui-nav-hover-bg)!important;color:var(--gui-nav-hover-text)!important}
.xform3-themed #projects .project-link[aria-current=true]{background:var(--gui-nav-active-bg)!important;color:var(--gui-nav-active-text)!important}
#xform3-theme-picker{position:fixed;left:12px;bottom:12px;z-index:2147483000;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:5px 7px;align-items:center;width:280px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:9px;background:var(--gui-sidebar,var(--gui-panel,#fff));color:var(--gui-text,#111);font:12px/1.2 var(--gui-font-ui,system-ui);container-type:inline-size}
#xform3-theme-picker .xform3-control-field{display:grid;grid-template-columns:34px minmax(0,1fr);grid-row:auto;align-items:center;gap:5px;margin:0;min-width:0;letter-spacing:normal;text-transform:none}
#xform3-theme-picker .xform3-theme-field{grid-column:1/-1}
#xform3-theme-picker .xform3-control-name{grid-column:1;grid-row:1;font-size:10px;font-weight:600;color:var(--gui-muted,#666)}
#xform3-theme-picker select{grid-column:2;grid-row:1;width:100%;max-width:100%;min-width:0;height:28px;box-sizing:border-box;padding:3px 6px;border:1px solid var(--gui-line,#777);border-radius:var(--xf3-heading-radius,2px);background:var(--gui-panel,#fff);color:var(--gui-text,#111);font:500 11px/1.2 var(--gui-font-ui,system-ui);letter-spacing:normal}
#xform3-theme-picker #xform3-motion{grid-column:2;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:95px;height:28px;margin:0;padding:3px 7px;border:1px solid var(--gui-line,#777);border-radius:var(--xf3-heading-radius,2px);background:var(--gui-panel,#fff);color:var(--gui-text,#111);font:500 11px/1.2 var(--gui-font-ui,system-ui);letter-spacing:normal;white-space:nowrap;cursor:pointer}
#xform3-theme-picker #xform3-motion::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gui-green,#3b8063);flex:none}
#xform3-theme-picker #xform3-motion[aria-pressed=false]::before{background:var(--gui-muted,#777)}
#xform3-theme-picker :is(select,button):focus-visible{outline:2px solid var(--gui-form-focus,var(--gui-blue,#4080bf));outline-offset:2px}
#xform3-theme-picker #xform3-motion:hover{background:var(--gui-panel-2,#edf0ed)}
#xform3-theme-picker [role=status]{grid-column:1/-1;font-size:10px;color:var(--gui-muted,#666)}
#xform3-theme-picker [role=status]:empty{display:none}
body:has(>.workspace) .project-view #xform3-theme-picker{display:none}
html:has(#xform3-theme-picker) [data-theme-profile-switcher]{visibility:hidden}
@media print{#xform3-theme-picker{display:none}}

#xform3-theme-picker[hidden]{display:none}
@font-face{font-family:Lufga;src:url('./xf3-lufga-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Lufga;src:url('./xf3-lufga-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
.xform3-themed{--panel-2:var(--gui-panel-2);--panel-3:var(--gui-panel-3);--panel-soft:var(--gui-panel-2);--line-soft:var(--gui-line-soft);--yellow-soft:var(--gui-yellow-soft);--blue:var(--gui-blue);--green:var(--gui-green);--red:var(--gui-red);--orange:var(--gui-orange);--cyan:var(--gui-cyan);--nav:var(--gui-sidebar)}
.xform3-themed :is(.brand,main>header,.order-card,.order-row,.metric,.stat,.kpi,.reference-document pre,article pre,aside footer){background-color:var(--gui-panel)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
.xform3-themed :is(.order-card-head,.order-card-status,.order-card-actions,.order-row-head,blockquote,article code){background-color:var(--gui-panel-2)!important;color:var(--gui-text)!important}
.xform3-themed :is(.flow-heading h2,.reference-document summary,.section-title){background:var(--gui-section-bg)!important;color:var(--gui-section-text)!important;border-radius:var(--xf3-heading-radius)}
.xform3-themed nav :is(button,a.document){background:var(--gui-nav-bg)!important;color:var(--gui-nav-text)!important;font-family:var(--gui-nav-font)!important}
.xform3-themed nav :is(button.active,button[aria-selected=true],a[aria-current=page]){background:var(--gui-nav-active-bg)!important;color:var(--gui-nav-active-text)!important;border-left-color:var(--gui-nav-active-marker)!important}
.xform3-themed nav :is(button,a.document):hover{background:var(--gui-nav-hover-bg)!important;color:var(--gui-nav-hover-text)!important}
.xform3-themed :is(.muted,.hint,.subtitle,.flow-description,.order-card-status){color:var(--gui-muted)!important}
.xform3-themed ::-webkit-scrollbar{width:var(--gui-scroll-width);height:var(--gui-scroll-width)}
.xform3-themed ::-webkit-scrollbar-track{background:var(--gui-scroll-track)}
.xform3-themed ::-webkit-scrollbar-thumb{background:var(--gui-scroll-thumb)}
/* Website preview consumes the same tokens; its retired local palette picker is hidden. */
.xform3-themed label:has(>#themeSelect){display:none}
:root.xform3-themed{--fg:var(--gui-text);--ui-bg:var(--gui-panel);--ui-fg:var(--gui-text);--ui-border:var(--gui-line);--font-sans:var(--gui-font-body);--brand-name-color:var(--gui-text);--brand-tagline-color:var(--gui-blue);--logo-color:var(--gui-text);--nav-radius:var(--xf3-heading-radius)}
.xform3-themed :is(h1,h3,h4,.metric strong,.stat strong,.kpi strong){color:var(--gui-text)!important}
.xform3-themed :is(.sidebar-foot,.note,.empty){background:var(--gui-panel-2)!important;color:var(--gui-text)!important}
.xform3-themed :is(.eyebrow,.brand-sub){color:var(--gui-muted)!important}
.xform3-themed :is(.pill,.tag){background:var(--gui-panel-2)!important;color:var(--gui-text)!important}
.xform3-themed a:is(.sheet-link,.button,.btn){background:var(--gui-button-bg)!important;color:var(--gui-button-text)!important}
.xform3-themed :is(.warning,.warn){background-color:var(--gui-warning-bg);border-color:var(--gui-warning-border)}
.xform3-themed :is(.danger,.error){background-color:var(--gui-danger-bg);border-color:var(--gui-danger-border)}
.xform3-themed :is(.success,.good){background-color:var(--gui-good-bg);border-color:var(--gui-good-border)}

/* One compact shared dock, with separate scenery and tripod switches. */
#xform3-theme-picker.xform3-style-docked{position:static;max-width:none;width:100%;padding:0;background:transparent;z-index:auto}
#xform3-style-extensions:empty{display:none}
html.xform3-style-docked body:has(>.workspace) #tabs{padding-right:12px;min-height:0}
html.xform3-style-docked body:has(>#xform3-theme-picker:not([hidden])):not(:has(>.workspace)){padding-top:0!important}
.xform3-embedded .top-actions :is(.xf3-motion-toggle,[data-theme-profile-switcher]),.xform3-style-docked .top-actions :is(.xf3-motion-toggle,[data-theme-profile-switcher]){display:none!important}
.nav-pane>#xform3-theme-picker.xform3-style-docked{margin-top:auto;padding:9px 12px;box-sizing:border-box;flex-shrink:0}
#xform3-theme-picker[hidden]{display:none!important}

.xform3-embedded .xf3-world-controls{display:none!important}
#xform3-theme-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}
#xform3-style-extensions{display:contents;min-width:0}
#xform3-theme-picker #xform3-style-extensions .xf3-world-controls{display:contents}
#xform3-theme-picker #xform3-style-extensions>.xform3-control-field,
#xform3-theme-picker #xform3-style-extensions .xf3-world-controls>.xform3-control-field{grid-column:1/-1}
#xform3-theme-picker #xf3-scenery-mode,#xform3-theme-picker #suite-xf3-scenery-mode,
#xform3-theme-picker #xform3-motion{grid-row:auto;grid-column:auto;justify-self:stretch;min-width:0;width:100%;height:28px;box-sizing:border-box;margin:0;padding:3px 4px;border:1px solid var(--gui-line,#777);border-radius:var(--xf3-heading-radius,2px);background:var(--gui-panel,#fff);color:var(--gui-text,#111);font:500 10px/1.2 var(--gui-font-ui,system-ui);white-space:nowrap;text-align:center;cursor:pointer;clip-path:none}
#xform3-theme-picker #xf3-scenery-mode,#xform3-theme-picker #suite-xf3-scenery-mode{grid-column:1}
#xform3-theme-picker #xform3-motion{grid-column:2}
#xform3-theme-picker #xf3-scenery-mode:hover,#xform3-theme-picker #suite-xf3-scenery-mode:hover{background:var(--gui-panel-2,#edf0ed)}
#xform3-style-extensions .xf3-world-controls{display:block;width:100%;max-width:none}
@container(max-width:279px){#xform3-theme-picker #xform3-motion{grid-column:2}}
@container(max-width:190px){#xform3-theme-picker .xform3-control-field{grid-template-columns:minmax(0,1fr)}#xform3-theme-picker .xform3-control-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#xform3-theme-picker select{grid-column:1}}

/* The narrow editor has a scrolling navigation strip, so reserve a footer bay. */
@media(max-width:700px){
 html.xform3-style-docked:not(.xform3-embedded):has(body.tripodized-gui){--xform3-dock-reserve:calc(126px + env(safe-area-inset-bottom,0px))}
 html.xform3-style-docked:not(.xform3-embedded):has(#xform3-theme-picker [role=status]:not(:empty)){--xform3-dock-reserve:calc(146px + env(safe-area-inset-bottom,0px))}
 html.xform3-style-docked:not(.xform3-embedded) body.tripodized-gui>.shell{height:calc(100dvh - var(--xform3-dock-reserve));padding-bottom:0}
 html.xform3-style-docked:not(.xform3-embedded) .nav-pane>#xform3-theme-picker.xform3-style-docked{position:fixed;left:max(8px,env(safe-area-inset-left,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));width:min(285px,calc(100vw - 16px));max-width:285px;margin:0;padding:8px;background:var(--gui-sidebar,var(--gui-panel,#fff));border:1px solid var(--gui-line,#777);border-radius:var(--xf3-heading-radius,2px);z-index:2147483000}
}

#xform3-theme-picker [hidden]{display:none!important}
#xform3-style-update{grid-column:1/-1;font:500 11px var(--gui-font-ui);padding:6px;white-space:normal}

/* The shared dock is the sole configuration UI, including standalone editor mode. */
.xform3-style-docked .xf3-world-controls{display:none!important}
/* Legacy application surfaces must use the same light/dark palette as their text. */
.xform3-themed .app-shell>header{background:var(--gui-sidebar)!important;color:var(--gui-text)!important}
.xform3-themed :is(table,td,form,details,.worksheet,.reference-document){background-color:var(--gui-panel)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
.xform3-themed tr:nth-child(even)>td{background-color:var(--gui-table-even,var(--gui-panel-2))!important}
.xform3-themed .sheet-grid tr:hover>td{background-color:var(--gui-panel-2)!important}
.xform3-themed nav a{color:var(--gui-nav-text)!important;background:var(--gui-nav-bg)!important}
.xform3-themed nav a[aria-current]{color:var(--gui-nav-active-text)!important;background:var(--gui-nav-active-bg)!important}
.xform3-themed nav a:hover{color:var(--gui-nav-hover-text)!important;background:var(--gui-nav-hover-bg)!important}
.xform3-themed :is(.worker-tabs,.sheet-tabs) a{color:var(--gui-nav-text)!important;background:var(--gui-nav-bg)!important}
.xform3-themed :is(.worker-tabs,.sheet-tabs) a[aria-current]{color:var(--gui-nav-active-text)!important;background:var(--gui-nav-active-bg)!important}
.xform3-themed .worksheet h2{color:var(--gui-text)!important}
.xform3-themed body:has(#workspace #results) :is(header,#controls,#stats,#count,.pagination){background:var(--gui-panel)!important;color:var(--gui-text)!important}
.xform3-themed #results .row{background:var(--gui-panel)!important;color:var(--gui-text)!important}
.xform3-themed #results .row:hover{background:var(--gui-panel-2)!important}
.xform3-themed #results .row :is(strong,p){color:var(--gui-text)!important}

.xform3-themed .nav-pane a{background:var(--gui-nav-bg)!important;color:var(--gui-nav-text)!important}
.xform3-themed .nav-pane a:hover{background:var(--gui-nav-hover-bg)!important;color:var(--gui-nav-hover-text)!important}
.xform3-themed #workspace #detail,.xform3-themed #workspace .results,.xform3-themed #workspace #result-count{background:var(--gui-panel)!important;color:var(--gui-text)!important}

.xform3-themed button:is(.warning,.warn,.danger,.error,.success,.good){color:var(--gui-text)!important}
.xform3-themed button:is(.warning,.warn,.danger,.error,.success,.good) *{color:inherit!important}
.xform3-themed body:has(#introText) main.content{width:auto;min-width:0;box-sizing:border-box}
.xform3-themed .metrics:has(>.metric){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.xform3-themed .metric{container-type:inline-size}
.xform3-themed .metric strong{font-size:clamp(18px,12cqi,30px);overflow-wrap:anywhere}
.xform3-themed .gui-section{background:var(--gui-panel)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
.xform3-themed .gui-section-head{background:var(--gui-section-bg)!important;color:var(--gui-section-text)!important}
.xform3-themed .gui-section-head :is(h2,span){color:var(--gui-section-text)!important}
/* Keep foreground/background pairs together across legacy dashboard styles. */
.xform3-themed :is(.brand-mark,.brand>.mark,.brand>span,.status-pill){background:var(--gui-nav-active-bg)!important;color:var(--gui-nav-active-text)!important;border-color:var(--gui-line)!important}
.xform3-themed nav :is(a,button) span{color:inherit!important}
.xform3-themed :is(.nav-section-title,.reference-section>h2){background:var(--gui-section-bg)!important;color:var(--gui-section-text)!important}
.xform3-themed button.active{background:var(--gui-nav-active-bg)!important;color:var(--gui-nav-active-text)!important}
.xform3-themed .status-tab.has-alerts{background:var(--gui-warning-bg)!important;color:var(--gui-text)!important}
.xform3-themed .status-tab.has-alerts :is(span,strong){color:inherit!important}
.xform3-themed .current>span{background:var(--gui-nav-active-bg)!important;color:var(--gui-nav-active-text)!important}
.xform3-themed .lab-view-modes button{background:var(--gui-button-bg)!important;color:var(--gui-button-text)!important}
.xform3-themed :is(header,.panel,.card,.fact,.railnote,.ship-detail,.next-step,.track-link,main>section){background-color:var(--gui-panel)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
.xform3-themed :is(.lede,.kpi .value,.metric>b,.brand-title,.order-cell b,.time-cell span){color:var(--gui-text)!important}
.xform3-themed :is(.brand small,header small,.topbar p,.tools p,.metric small,#view-description,#result-count,.timeline-note,.sheet-note,.sheet-caption span){color:var(--gui-muted)!important}
.xform3-themed :is(.mark,.case-chip){background:var(--gui-nav-active-bg)!important;color:var(--gui-nav-active-text)!important}
.xform3-themed .case-chip *{color:inherit!important}
.xform3-themed .notice{background:var(--gui-warning-bg)!important;color:var(--gui-text)!important;border-color:var(--gui-warning-border)!important}
.xform3-themed .gui-section-head{background:var(--gui-section-bg)!important;color:var(--gui-section-text)!important}
.xform3-themed :is(.xf3v2__safety,.xf3v2 legend,.xf3v2 label span){color:var(--gui-muted)!important}
.xform3-themed .xf3v2__section-title button{color:var(--gui-blue)!important}
.xform3-themed :is(.page-kicker,.topbar small,header p,main>nav>span){color:var(--gui-muted)!important}
.xform3-themed .fact .value{color:var(--gui-text)!important}
.xform3-themed .badge{background:var(--gui-panel-2)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}

/* Shelf Studio keeps its own sidebar markup. Pair every surface with theme text. */
html.xform3-themed body .studio-sidebar{background:var(--gui-sidebar)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
html.xform3-themed .studio-sidebar>strong,
html.xform3-themed .studio-sidebar>.brand,
html.xform3-themed .studio-sidebar .reference-link{background:var(--gui-sidebar)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
html.xform3-themed .studio-sidebar>nav{gap:0!important;background:var(--gui-sidebar)!important}
html.xform3-themed .studio-sidebar a:not(.brand){background:var(--gui-nav-bg)!important;color:var(--gui-nav-text)!important;border-color:transparent!important}
html.xform3-themed .studio-sidebar a:not(.brand):hover{background:var(--gui-nav-hover-bg)!important;color:var(--gui-nav-hover-text)!important;border-left-color:var(--gui-nav-active-marker)!important}
html.xform3-themed .studio-sidebar a[aria-current="page"]{background:var(--gui-nav-active-bg)!important;color:var(--gui-nav-active-text)!important;border-left-color:var(--gui-nav-active-marker)!important}
html.xform3-themed .studio-sidebar .reference-link{margin-top:auto;border-top:1px solid var(--gui-line)!important}

/* Finance's dark chart headings must carry the same foreground as their surface. */
html.xform3-themed body:has(#spendingChart) .sectionhead{background:var(--gui-section-bg)!important;color:var(--gui-section-text)!important;border-color:var(--gui-line)!important}
html.xform3-themed body:has(#spendingChart) .sectionhead :is(h2,span,.muted){color:var(--gui-section-text)!important}
html.xform3-themed body:has(#spendingChart) .sectionhead button{background:var(--gui-button-bg)!important;color:var(--gui-button-text)!important;border-color:var(--gui-button-border)!important}
html.xform3-themed body:has(#spendingChart) :is(.series.selected,.chartwrap,.trendyears article,.insight){background:var(--gui-panel-2)!important;color:var(--gui-text)!important;border-color:var(--gui-line)!important}
html.xform3-themed body:has(#spendingChart) .barrow{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:3px 10px;padding:8px 10px!important;background:var(--gui-panel-2)!important;color:var(--gui-text)!important;border:1px solid var(--gui-line)!important;white-space:normal;min-width:0}
html.xform3-themed body:has(#spendingChart) .barrow>span:first-child{min-width:0;overflow-wrap:anywhere}
html.xform3-themed body:has(#spendingChart) .barrow>b{float:none!important;align-self:start;white-space:nowrap;color:var(--gui-text)!important}
html.xform3-themed body:has(#spendingChart) .barrow>span:last-child{grid-column:1/-1;background:var(--gui-scroll-track)!important;margin-top:4px!important}
html.xform3-themed body:has(#spendingChart) td button{background:transparent!important;color:var(--gui-blue)!important;border:0!important;text-decoration:underline;text-underline-offset:2px;text-align:left;white-space:normal}

/* Only decoration-owned nodes receive layout changes. Operational controls retain their dimensions. */
.xf3-suite-stage{height:100px;min-height:100px;max-height:100px;position:relative;overflow:hidden;pointer-events:none;isolation:isolate;flex-shrink:0}
.xf3-suite-stage>.xf3-habitat{width:100%!important;height:100%!important;margin:0!important;max-width:none!important;padding:0!important}
.xf3-suite-stage .xf3-scene{height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
.xf3-suite-stage .xf3-scene-caption{display:none}
.xf3-suite-stage:not(.xf3-suite-sidebar-scene) .xf3-actor{--actor-size:clamp(70px,8vw,110px)}
.xf3-suite-sidebar-scene{height:90px;min-height:90px;max-height:90px}
.xf3-suite-nav{position:relative}
.xf3-nav-guide{pointer-events:none!important}
.xf3-world-paused :is(.xf3-suite-stage,.xf3-nav-guide) *, .xf3-world-hidden :is(.xf3-suite-stage,.xf3-nav-guide) *{animation-play-state:paused!important;transition:none!important}
.xf3-scenery-locked .xf3-suite-stage .xf3-scene :is(.xf3-sky-event,.xf3-celestial-art,.xf3-star,.xf3-tree){animation-play-state:paused!important}
.xf3-world-paused:not(.xf3-scenery-locked):not(.xf3-world-hidden) .xf3-suite-stage .xf3-scene.is-visible :is(.xf3-sky-event,.xf3-celestial-art,.xf3-star,.xf3-tree){animation-play-state:running!important}
.xf3-world-hidden .xf3-nav-guide,.xf3-world-paused .xf3-nav-guide{visibility:hidden!important}
body.sidebar-collapsed .xf3-suite-sidebar-scene{display:none}
@media(prefers-reduced-motion:reduce){:is(.xf3-suite-stage,.xf3-nav-guide),:is(.xf3-suite-stage,.xf3-nav-guide) *{animation:none!important;transition:none!important}}
@media(max-height:650px){.xf3-suite-sidebar-scene{height:60px;min-height:60px;max-height:60px}}
@media print{.xf3-suite-stage,.xf3-nav-guide{display:none!important}}

.xf3-suite-guide-bank{position:absolute;width:180px;height:0;overflow:hidden;visibility:hidden;pointer-events:none}

/* Dashboard navigation can fold independently of the Realm sidebar. */
body.xf3-secondary-enabled .xf3-secondary-menu{isolation:isolate}
body[data-xf3-suite-project=order-router] .brand>.brand-mark,
body[data-xf3-suite-project=order-master] .brand>.brand-mark,
body[data-xf3-suite-project=work-router] .brand>.brand-mark,
body[data-xf3-suite-project=listing-router] .brand>.brand-mark,
body[data-xf3-suite-project=wayfair-store] .brand>.brand-mark,
body[data-xf3-suite-project=shelf-reference-guide] .brand>.brand-mark{display:none!important}
body[data-xf3-suite-project=order-master] .brand-sub{display:none!important}
body[data-xf3-suite-project=finance] aside>a.brand{font-size:0!important}
body[data-xf3-suite-project=finance] aside>a.brand>span{display:none!important}
body[data-xf3-suite-project=finance] aside>a.brand>small{display:block;font-size:18px!important;line-height:1.15;letter-spacing:.04em}
html.xform3-themed .shell>aside>header>.mark{display:none!important}
@media(min-width:781px) and (max-width:1300px){body[data-xf3-suite-project=order-master] :is(.kpi-grid,.fact-grid){grid-template-columns:repeat(2,minmax(0,1fr))}body[data-xf3-suite-project=order-master] .split-grid{grid-template-columns:1fr}}
body.xf3-secondary-enabled .xf3-secondary-menu :is(nav a,nav button,.nav-section a,.nav-section button){white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.xf3-secondary-enabled .xf3-secondary-menu :is(nav a,nav button,.nav-section a,.nav-section button)[data-xf3-menu-long]{font-size:11px!important;letter-spacing:-.03em!important;padding-left:6px!important;padding-right:3px!important}
body[data-xf3-secondary-project=order-router] .xf3-secondary-menu nav button>span:first-child{width:22px!important}
body.xf3-secondary-enabled .xf3-secondary-menu :is(nav a,nav button,.nav-section a,.nav-section button):hover{overflow:visible}
body.xf3-secondary-enabled .xf3-secondary-toggle{position:absolute!important;top:4px!important;right:0!important;left:auto!important;z-index:1000;width:16px!important;height:60px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-left:2px solid color-mix(in srgb,var(--gui-text,#17202a) 65%,transparent)!important;border-radius:6px 0 0 6px!important;background:color-mix(in srgb,var(--gui-panel,#fff) 24%,transparent)!important;color:var(--gui-text,#17202a)!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--gui-panel,#fff) 62%,transparent),-1px 1px 3px color-mix(in srgb,var(--gui-text,#17202a) 30%,transparent);font-size:0!important;opacity:1;cursor:pointer;line-height:1!important}
body.xf3-secondary-enabled .xf3-secondary-toggle::before{content:"‹\A‹\A‹";white-space:pre;font:900 17px/16px var(--gui-font-ui,system-ui);letter-spacing:-1px;text-shadow:1px 0 0 color-mix(in srgb,var(--gui-panel,#fff) 80%,transparent)}
body.xf3-secondary-enabled .xf3-secondary-toggle[aria-expanded=false]::before{content:"›\A›\A›"}
body.xf3-secondary-enabled .xf3-secondary-toggle:hover,body.xf3-secondary-enabled .xf3-secondary-toggle:focus-visible{color:var(--gui-blue,#2b7da2)!important;border-left-color:currentColor!important;opacity:1}
body.xf3-secondary-collapsed .xf3-secondary-menu>:not(.xf3-secondary-toggle){display:none!important}
body.xf3-secondary-collapsed .xf3-secondary-menu{width:36px!important;min-width:36px!important;padding:0!important;overflow:visible!important}
body.xf3-secondary-collapsed[data-xf3-secondary-layout=grid] [data-xf3-secondary-root]{grid-template-columns:36px minmax(0,1fr)!important}
body.xf3-secondary-collapsed[data-xf3-secondary-layout=fixed] main{margin-left:36px!important}
body.xf3-secondary-collapsed[data-xf3-secondary-layout=body-padding]{padding-left:36px!important}
@media(max-width:780px){body[data-xf3-secondary-project=order-router] .xf3-secondary-menu nav{grid-template-columns:minmax(0,1fr)!important}body.xf3-secondary-collapsed[data-xf3-secondary-layout=grid] [data-xf3-secondary-root]{grid-template-columns:minmax(0,1fr)!important}body.xf3-secondary-collapsed .xf3-secondary-menu{width:100%!important;height:68px!important;min-height:68px!important}body.xf3-secondary-collapsed[data-xf3-secondary-layout=fixed] main{margin-left:0!important}body.xf3-secondary-collapsed[data-xf3-secondary-layout=body-padding]{padding-left:0!important}}
@media print{.xf3-secondary-toggle{display:none!important}}

/* One scenic settings bay: live artwork behind the shared controls. */
#sidebar>.settings:has(>.xf3-suite-sidebar-scene){position:relative;isolation:isolate;min-height:248px;padding-top:120px;justify-content:flex-end;overflow-x:hidden;background:var(--gui-sidebar,var(--sidebar))}
#sidebar>.settings>.xf3-suite-sidebar-scene{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;max-height:none}
#sidebar>.settings:has(>.xf3-suite-sidebar-scene)::after{content:'';position:absolute;inset:35% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,color-mix(in srgb,var(--gui-sidebar,#fff) 65%,transparent))}
#sidebar>.settings>#xform3-theme-picker{position:relative;z-index:2;border:0;background:transparent}
#sidebar>.settings #xform3-theme-picker .xform3-control-name{background:color-mix(in srgb,var(--gui-panel,#fff) 85%,transparent);border-radius:3px;padding:3px 2px;color:var(--gui-text,#17202a)}
#sidebar>.settings #xform3-theme-picker :is(select,button){background:color-mix(in srgb,var(--gui-panel,#fff) 84%,transparent)!important;backdrop-filter:blur(4px);color:var(--gui-text,#17202a)!important}
@media(max-height:650px){#sidebar>.settings:has(>.xf3-suite-sidebar-scene){min-height:210px;padding-top:82px}}
/* Visitors leave their scoped navigation home for a viewport overlay. */
.xf3-nav-guide.is-button-visitor{animation:xf3-button-pass var(--button-duration,2.1s) var(--button-easing,ease-in-out) both}
.xf3-nav-guide.is-button-visitor>svg{animation-duration:var(--button-duration,2.1s);animation-fill-mode:both}
.xf3-nav-guide.is-button-visitor[data-button-entry=sprint]>svg{animation-name:xf3-button-sprint}
.xf3-nav-guide.is-button-visitor[data-button-entry=leap]>svg{animation-name:xf3-button-leap}
.xf3-nav-guide.is-button-visitor[data-button-entry=swoop]>svg{animation-name:xf3-button-swoop}
.xf3-nav-guide.is-button-visitor[data-button-entry=skid]>svg{animation-name:xf3-button-skid}
@media(prefers-reduced-motion:reduce){.xf3-nav-guide.is-button-visitor{display:none}}

.xf3-suite-stage:not(.xf3-suite-sidebar-scene){height:150px;min-height:150px;max-height:150px;width:100%;grid-column:1/-1}
.xf3-suite-stage.xf3-suite-header-scene{position:absolute;inset:0;z-index:0;width:auto;height:100%;min-height:0;max-height:none;pointer-events:none}
.xf3-suite-stage.xf3-suite-section-scene{height:82px;min-height:82px;max-height:82px;margin-bottom:12px;border-radius:8px;mask-image:linear-gradient(#000 75%,transparent)}
@media(max-width:600px){.xf3-suite-stage:not(.xf3-suite-sidebar-scene){height:110px;min-height:110px;max-height:110px}.xf3-suite-stage.xf3-suite-section-scene{height:68px;min-height:68px;max-height:68px}}
/* A visitor is reparented outside the scoped artwork tree. Keep its box explicit. */
.xf3-nav-guide.is-button-visitor{position:fixed;display:block;right:auto;bottom:auto;width:var(--guide-size,54px);height:calc(var(--guide-size,54px)*1.4);min-width:0;max-width:none;margin:0;padding:0;transform:none;opacity:1;z-index:2147482000;pointer-events:none!important;--xf3-gait-duration:var(--button-gait-duration,1.8s)}
.xf3-nav-guide.is-button-visitor>svg{display:block;width:100%;height:100%;overflow:visible;transform:scaleX(var(--button-facing,1));transform-origin:50% 65%}
.xf3-nav-guide.is-button-visitor[data-reaction=chase]{transform:translateX(var(--react-x,0px))!important;transition:transform .18s ease-out}
.xf3-nav-guide.is-button-visitor>.xf3-guide-scan{position:absolute;left:calc(var(--button-travel,120px)*-1);top:35%;width:var(--button-travel,120px);height:2px;background:linear-gradient(90deg,transparent,#91f4f5,#f7ffde,transparent);opacity:0;pointer-events:none}
.xf3-nav-guide.is-button-visitor[data-reaction=scan]>.xf3-guide-scan{animation:xf3-guide-analyze 1.8s ease-in-out infinite}
.xf3-nav-guide.is-button-visitor[data-reaction=kick]>svg{animation:xf3-guide-kick 1.1s cubic-bezier(.25,.8,.3,1) both!important}
@keyframes xf3-guide-analyze{0%,100%{opacity:0;scale:.25 1;translate:-15px 0}35%,70%{opacity:.9;scale:1 1;translate:12px 0}}
@keyframes xf3-guide-kick{0%,100%{translate:0 0;rotate:0deg}28%{translate:8px -11px;rotate:12deg}57%{translate:var(--kick-x,24px) -8px;rotate:-20deg}78%{translate:calc(var(--kick-x,24px)*.7) 2px;rotate:7deg}}
@media(prefers-reduced-motion:reduce){.xf3-nav-guide.is-button-visitor[data-reaction=scan]>.xf3-guide-scan{animation:none!important;opacity:0!important}.xf3-nav-guide.is-button-visitor[data-reaction=kick]>svg{animation:none!important}}

/* Realm's single portrait environment, owned by Style Master. */
#sidebar.xf3-realm-landscape{position:relative;isolation:isolate}
#sidebar.xf3-realm-landscape>.xf3-suite-sidebar-scene{position:fixed;left:0;top:0;width:inherit;height:100dvh;min-height:0;max-height:none;z-index:-1;background:var(--gui-sidebar);overflow:hidden;pointer-events:none}
#sidebar.xf3-realm-landscape>.xf3-suite-sidebar-scene::before{content:'';position:absolute;inset:-12px;background:url('./xf3-store-horizon.svg') center/100% 100% no-repeat;opacity:.72;animation:xf3-realm-atmosphere 30s ease-in-out infinite alternate}
#sidebar.xf3-realm-landscape>.xf3-suite-sidebar-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--gui-sidebar) 76%,transparent),color-mix(in srgb,var(--gui-sidebar) 42%,transparent) 65%,transparent)}
#sidebar .realm-sky-details{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
#sidebar .realm-sky-star{fill:color-mix(in srgb,var(--gui-text,#17202a) 62%,#a3daef);opacity:.7;animation:xf3-realm-star var(--star-time,11s) ease-in-out var(--star-delay,0s) infinite}
#sidebar .realm-sky-star.is-bright{fill:#fff8da;stroke:color-mix(in srgb,var(--gui-text,#17202a) 76%,#739aba);stroke-width:.65;paint-order:stroke fill}
#sidebar .realm-sky-star.is-faint{fill:color-mix(in srgb,var(--gui-text,#17202a) 48%,#b4d4e5)}
#sidebar .realm-sky-cloud{fill:#c8dce4;opacity:.085;animation:xf3-realm-cloud 31s ease-in-out infinite alternate}
#sidebar .realm-sky-cloud.cloud-b{fill:#edcfdd;opacity:.07;animation-duration:39s;animation-direction:alternate-reverse}
#sidebar .realm-shooting-star{opacity:0;animation:xf3-realm-meteor 27s ease-out 7s infinite}
@keyframes xf3-realm-star{0%,100%{opacity:calc(var(--star-peak,.78)*.45)}45%{opacity:var(--star-peak,.78)}52%{opacity:.14}60%{opacity:calc(var(--star-peak,.78)*.8)}}
@keyframes xf3-realm-cloud{from{translate:-14px 0;opacity:.04}to{translate:21px -6px;opacity:.13}}
@keyframes xf3-realm-meteor{0%,57%,100%{opacity:0;transform:translate(0,0)}59%{opacity:.85}63%{opacity:0;transform:translate(-95px,42px)}}
#sidebar#sidebar.xf3-realm-landscape>.realm-searchlight{position:fixed;inset:0 auto auto 0;width:270px;height:100dvh;z-index:2;overflow:hidden;pointer-events:none}
#sidebar .realm-searchlight-head{transform-origin:22px 858px;transition:transform .82s cubic-bezier(.16,.7,.25,1)}
#sidebar .realm-turret-eye{transform-origin:22px 839px;transition:transform .78s cubic-bezier(.18,.72,.22,1)}
#sidebar .realm-searchlight-pupil{transition:transform .55s ease-out}
#sidebar .realm-searchlight-legs{transform-origin:22px 899px;transform:translateX(var(--turret-x,0px)) scaleY(var(--turret-leg-scale,1));transition:transform 1.15s cubic-bezier(.18,.72,.25,1)}
#sidebar .realm-turret-body{transform:translate(var(--turret-x,0px),var(--turret-rise,0px));transition:transform 1.15s cubic-bezier(.18,.72,.25,1)}
#sidebar .realm-searchlight[data-stance=rise]{--turret-rise:-9px;--turret-leg-scale:1.22}
#sidebar .realm-searchlight[data-stance=crouch]{--turret-rise:5px;--turret-leg-scale:.88}
#sidebar .realm-searchlight[data-stance=stride]{--turret-rise:-2px;--turret-leg-scale:1.05}
#sidebar .realm-turret-limb{transform-box:view-box}
#sidebar .realm-turret-limb-left{transform-origin:13px 857px}
#sidebar .realm-turret-limb-center{transform-origin:22px 864px}
#sidebar .realm-turret-limb-right{transform-origin:31px 858px}
#sidebar .realm-searchlight[data-stance=stride] .realm-turret-limb-left{animation:xf3-turret-left-step 2.1s ease-in-out infinite}
#sidebar .realm-searchlight[data-stance=stride] .realm-turret-limb-center{animation:xf3-turret-center-step 2.1s ease-in-out infinite}
#sidebar .realm-searchlight[data-stance=stride] .realm-turret-limb-right{animation:xf3-turret-right-step 2.1s ease-in-out infinite}
@keyframes xf3-turret-left-step{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg) translateY(-3px)}58%{transform:rotate(2deg)}}
@keyframes xf3-turret-center-step{0%,100%{transform:translateY(0)}55%{transform:translateY(-2px)}}
@keyframes xf3-turret-right-step{0%,100%{transform:rotate(0)}25%{transform:rotate(2deg)}62%{transform:rotate(7deg) translateY(-3px)}}
#sidebar .realm-searchlight-cone{opacity:0;transition:opacity .5s}
#sidebar .realm-searchlight-ray{fill:none;stroke:color-mix(in srgb,#168cac 76%,var(--gui-text,#17202a));stroke-width:1.4;opacity:0;vector-effect:non-scaling-stroke;transition:opacity .45s}
#sidebar .realm-searchlight-shot{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #fff)}
#sidebar .realm-searchlight-bullet{fill:#ffd181;stroke:#a93f48;stroke-width:.85;opacity:0;filter:drop-shadow(0 0 2px #ffb674)}
#sidebar .realm-searchlight-impact{fill:none;stroke:#fff6cf;stroke-width:1.4;opacity:0;vector-effect:non-scaling-stroke;transform-origin:211px 0}
#sidebar .realm-searchlight[data-mode=scan] .realm-searchlight-ray{opacity:.28}
#sidebar .realm-searchlight[data-mode=scan] .realm-searchlight-cone{opacity:.08}
#sidebar .realm-searchlight[data-mode=aim] .realm-searchlight-ray{opacity:.12}
#sidebar .realm-searchlight[data-mode=spotlight] .realm-searchlight-ray{opacity:.86;stroke-width:2}
#sidebar .realm-searchlight[data-mode=spotlight] .realm-searchlight-cone{opacity:.96}
#sidebar .realm-searchlight[data-mode=laser-red] .realm-searchlight-shot{stroke:#ff5265;animation:xf3-search-fire 1.4s ease-out both}
#sidebar .realm-searchlight[data-mode=laser-blue] .realm-searchlight-shot{stroke:#4baaff;animation:xf3-search-fire 1.4s ease-out both}
#sidebar .realm-searchlight[data-mode^="laser-"] .realm-searchlight-impact{animation:xf3-search-impact 1.4s ease-out both}
#sidebar .realm-searchlight[data-mode=bullets] .realm-searchlight-bullet{animation:xf3-search-bullet 1.1s linear both}
#sidebar .realm-searchlight[data-mode=bullets] .realm-searchlight-bullet-b{animation-delay:.2s}
#sidebar .realm-searchlight[data-mode=bullets] .realm-searchlight-bullet-c{animation-delay:.4s}
#sidebar .realm-turret-leg{fill:none;stroke:#273846;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}
#sidebar .realm-turret-leg-armor{fill:#dce5e6;stroke:#607782;stroke-width:.8}
#sidebar .realm-turret-feet{fill:none;stroke:#1c2b35;stroke-width:1.2;stroke-linecap:round}
#sidebar .realm-turret-core{fill:#263744;stroke:#182936;stroke-width:1.2}
#sidebar .realm-turret-left-wing{fill:#748c99;stroke:#2a3b47;stroke-width:1}
#sidebar .realm-turret-shell{stroke:#5a7381;stroke-width:1.15}
#sidebar .realm-turret-facet{fill:#9aaeb5;opacity:.62}
#sidebar .realm-turret-right-wing{fill:#edf1ed;stroke:#607782;stroke-width:1}
#sidebar .realm-side-cannon{opacity:0;transform-origin:35px 837px;transform:scale(.15);transition:opacity .35s ease-out,transform .55s cubic-bezier(.16,.7,.25,1)}
#sidebar .realm-searchlight[data-cannon=open] .realm-side-cannon{opacity:1;transform:scale(1)}
#sidebar .realm-side-cannon-shell{fill:#d9e5e7;stroke:#263b49;stroke-width:1}
#sidebar .realm-side-cannon-muzzle{fill:#1b2934;stroke:#9abdc9;stroke-width:.9}
#sidebar .realm-searchlight[data-mode=laser-blue] .realm-side-cannon-muzzle{fill:#64d4ff}
#sidebar .realm-searchlight[data-mode=bullets] .realm-side-cannon-muzzle{fill:#ffcf76}
#sidebar .realm-turret-seam{fill:none;stroke:#859da7;stroke-width:.8}
#sidebar .realm-turret-barrel{fill:#28343e;stroke:#b8c9cb;stroke-width:.7}
#sidebar .realm-searchlight-lens{fill:#17262f;stroke:#f7f9f7;stroke-width:1.15}
#sidebar .realm-turret-iris-ring{fill:none;stroke:#ff8590;stroke-width:.75;stroke-dasharray:6 3 2 4;animation:xf3-turret-iris-scan 5.8s linear infinite}
#sidebar .realm-searchlight-pupil{fill:#e23840;filter:drop-shadow(0 0 2px #ff4d58);animation:xf3-turret-eye-breathe 6.4s ease-in-out infinite}
#sidebar .realm-searchlight[data-mode^="laser-"] .realm-searchlight-pupil,#sidebar .realm-searchlight[data-mode=bullets] .realm-searchlight-pupil{fill:#f0414d}
#sidebar .realm-turret-glint{fill:#fff}
#sidebar .realm-turret-antenna{fill:none;stroke:#273846;stroke-width:1.15;stroke-linecap:round}
@keyframes xf3-turret-iris-scan{to{stroke-dashoffset:-45}}
@keyframes xf3-turret-eye-breathe{0%,35%,63%,100%{opacity:1;filter:drop-shadow(0 0 2px #ff4d58)}43%,46%{opacity:.42;filter:drop-shadow(0 0 1px #ff4d58)}70%,73%{filter:drop-shadow(0 0 4px #ff817b)}}
#sidebar .realm-searchlight[data-mode^="laser-"] .realm-turret-left-wing{translate:-2px 0}
#sidebar .realm-searchlight[data-mode^="laser-"] .realm-turret-right-wing{translate:2px 0}
#sidebar :is(.realm-turret-left-wing,.realm-turret-right-wing){transition:translate .45s ease-out}
@keyframes xf3-search-fire{0%{opacity:0;stroke-dashoffset:100}24%{opacity:1;stroke-dashoffset:0}74%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:-12}}
@keyframes xf3-search-bullet{0%{opacity:0;transform:translate(0,0)}12%{opacity:1;transform:translate(0,0)}82%{opacity:1;transform:translate(var(--xf3-shot-x,189px),var(--xf3-shot-y,-841px))}100%{opacity:0;transform:translate(var(--xf3-shot-x,189px),var(--xf3-shot-y,-841px))}}
@keyframes xf3-search-impact{0%,72%{opacity:0;transform:scale(.35)}82%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
.xf3-world-paused #sidebar .realm-searchlight *,.xf3-world-hidden #sidebar .realm-searchlight *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#sidebar .realm-searchlight *{animation:none!important;transition:none!important}#sidebar .realm-searchlight :is(.realm-searchlight-cone,.realm-searchlight-ray,.realm-searchlight-shot,.realm-searchlight-bullet,.realm-searchlight-impact){opacity:0!important}}
body.sidebar-collapsed #sidebar#sidebar.xf3-realm-landscape>.realm-searchlight{display:none}
@media(max-width:700px){#sidebar#sidebar.xf3-realm-landscape>.realm-searchlight{width:220px}}
#sidebar#sidebar.xf3-realm-landscape>.settings{min-height:118px;padding:16px 10px 10px;position:relative;z-index:1}
#sidebar#sidebar.xf3-realm-landscape>.settings{min-height:101px;padding:6px 7px 5px 38px}
#sidebar#sidebar.xf3-realm-landscape>.settings>#xform3-theme-picker{width:100%;margin:0;gap:3px 4px}
#sidebar#sidebar.xf3-realm-landscape #xform3-theme-picker .xform3-control-field{grid-template-columns:28px minmax(0,1fr);gap:2px}
#sidebar#sidebar.xf3-realm-landscape #xform3-theme-picker .xform3-control-name{font-size:9px;padding:1px}
#sidebar#sidebar.xf3-realm-landscape #xform3-theme-picker select{height:23px;padding:1px 3px;font-size:10px}
#sidebar#sidebar.xf3-realm-landscape #xform3-theme-picker :is(#suite-xf3-scenery-mode,#xform3-motion){height:23px;min-width:0;padding:1px 2px;font-size:9px;letter-spacing:-.02em}
#sidebar#sidebar.xf3-realm-landscape #projects .project-link:not([aria-current=true]){background:color-mix(in srgb,var(--gui-sidebar) 44%,transparent)!important}
#sidebar#sidebar.xf3-realm-landscape #projects .project-link:hover{background:var(--gui-nav-hover-bg)!important}
/* Each recent visit has its own two-and-a-half-minute heat trail. Selection stays distinct. */
#sidebar#sidebar.xf3-realm-landscape #projects .project-link[data-xf3-visited]{--xf3-visit-base:color-mix(in srgb,var(--gui-sidebar,#fff) 44%,transparent);background:color-mix(in srgb,var(--xf3-visit-color) var(--xf3-visit-strength),var(--xf3-visit-base))!important;color:var(--gui-nav-text,var(--gui-text,#17202a))!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--xf3-visit-color) 75%,transparent);transition:background 20s linear,box-shadow 20s linear}
#sidebar#sidebar.xf3-realm-landscape #projects .project-link[data-xf3-visited]:not([aria-current=true]):hover{--xf3-visit-base:var(--gui-nav-hover-bg,#e9edf4)}
#sidebar#sidebar.xf3-realm-landscape #projects .project-link[data-xf3-visited][aria-current=true]{--xf3-visit-base:var(--gui-nav-active-bg,#dfe8ff);color:var(--gui-nav-active-text,var(--gui-text,#17202a))!important;box-shadow:inset 4px 0 0 var(--gui-nav-active-marker,#4773d5),0 0 0 1px color-mix(in srgb,var(--gui-nav-active-marker,#4773d5) 55%,transparent);font-weight:700}
#sidebar#sidebar.xf3-realm-landscape #projects .project-link.xf3-visit-fresh{transition-duration:.32s}
@media(prefers-reduced-motion:reduce){#sidebar#sidebar.xf3-realm-landscape #projects .project-link[data-xf3-visited]{transition:none!important}}
#sidebar#sidebar.xf3-realm-landscape .project-category h2{background:color-mix(in srgb,var(--gui-section-bg) 86%,transparent)!important}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong>span:first-child{font-family:var(--gui-font-ui,system-ui);font-size:16px;letter-spacing:.7px;font-weight:900;transform:perspective(160px) rotateY(-12deg);color:var(--gui-text);text-shadow:1px 1px var(--gui-panel-3),2px 2px color-mix(in srgb,var(--gui-blue) 60%,var(--gui-sidebar)),3px 3px 0 color-mix(in srgb,var(--gui-blue) 30%,var(--gui-sidebar));padding-left:3px}
:is(#sidebar,.xf3-brand-component) .realm-logo{filter:none}
:is(#sidebar,.xf3-brand-component) .realm-orbit{transform-origin:49px 51px;animation:xf3-realm-orbit 12s ease-in-out infinite}
#sidebar .realm-explorer>path:nth-child(1){transform-origin:37px 47px;animation:xf3-realm-leg 4s ease-in-out infinite}
#sidebar .realm-explorer>path:nth-child(2){transform-origin:50px 50px;animation:xf3-realm-leg 4s ease-in-out -2s infinite reverse}
#sidebar .realm-explorer>path:nth-child(3){transform-origin:60px 42px;animation:xf3-realm-leg 4s ease-in-out -1s infinite}
@keyframes xf3-realm-atmosphere{from{transform:translateY(-5px) scale(1.02);filter:hue-rotate(-8deg)}to{transform:translateY(5px) scale(1.04);filter:hue-rotate(12deg)}}
@keyframes xf3-realm-orbit{0%,100%{transform:rotate(15deg) scaleX(.9)}50%{transform:rotate(32deg) scaleX(1.05)}}
@keyframes xf3-realm-leg{0%,100%{rotate:-3deg}50%{rotate:4deg}}
.xf3-world-paused #sidebar .realm-logo *,.xf3-world-hidden #sidebar .realm-logo *,.xf3-world-paused #sidebar>.xf3-suite-sidebar-scene::before,.xf3-world-hidden #sidebar>.xf3-suite-sidebar-scene::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#sidebar .realm-logo *,#sidebar>.xf3-suite-sidebar-scene::before{animation:none!important}}
#sidebar#sidebar.xf3-realm-landscape #xform3-theme-picker{inset:auto}
:root[data-xf3-decor=mars]{--realm-vista-hue:28deg}
:root[data-xf3-decor=moonscape]{--realm-vista-hue:-18deg}
:root[data-xf3-decor=mystery]{--realm-vista-hue:12deg}
@keyframes xf3-realm-atmosphere{from{transform:translateY(-5px) scale(1.02);filter:hue-rotate(calc(var(--realm-vista-hue,0deg) - 8deg))}to{transform:translateY(5px) scale(1.04);filter:hue-rotate(calc(var(--realm-vista-hue,0deg) + 12deg))}}

/* A centered dimensional gateway, with motion controlled by the shared dock. */
#sidebar#sidebar.xf3-realm-landscape .brand{position:relative;z-index:3;justify-content:center;padding:0;height:82px;min-height:82px;overflow:visible}
#sidebar#sidebar.xf3-realm-landscape #projects{margin-top:10px}
#sidebar#sidebar.xf3-realm-landscape{width:270px}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand{position:relative;left:-8px;top:15px;justify-content:center;gap:3px;width:322px;min-width:322px;padding-right:4px;transform:scale(.78);transform-origin:center top}
body.sidebar-collapsed #sidebar#sidebar.xf3-realm-landscape{width:36px}
@media(max-width:700px){#sidebar#sidebar.xf3-realm-landscape{width:220px}}
@media(max-width:700px){:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand{top:8px;width:258px;min-width:258px;transform:scale(.79)}}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-logo{position:relative;left:-38px;top:8px;width:87px;height:113px;overflow:visible}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-name{font-size:39px;line-height:1.05}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong>span:first-child{font-size:18px;letter-spacing:1px}
#sidebar#sidebar.xf3-realm-landscape #collapse{position:absolute;right:0;top:4px;z-index:4;width:16px;height:60px;padding:0;border:0;border-left:2px solid color-mix(in srgb,var(--gui-text,#17202a) 65%,transparent);border-radius:6px 0 0 6px;background:color-mix(in srgb,var(--gui-panel,#fff) 24%,transparent)!important;color:var(--gui-text,#17202a);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--gui-panel,#fff) 62%,transparent),-1px 1px 3px color-mix(in srgb,var(--gui-text,#17202a) 30%,transparent);font-size:0;opacity:1;cursor:pointer}
#sidebar#sidebar.xf3-realm-landscape #collapse::before{content:"‹\A‹\A‹";white-space:pre;font-size:17px;font-weight:900;line-height:16px;letter-spacing:-1px;text-shadow:1px 0 0 color-mix(in srgb,var(--gui-panel,#fff) 80%,transparent)}
#sidebar#sidebar.xf3-realm-landscape #collapse[aria-expanded=false]::before{content:"›\A›\A›"}
#sidebar#sidebar.xf3-realm-landscape #collapse:hover{color:var(--gui-blue,#2b7da2);border-left-color:currentColor;opacity:1}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong{transform:translateX(-5px)}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape :is(.tag-letters,.tag-x-projections){translate:0 0}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .tag-three{translate:18px 0}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-tag{position:relative;top:15px}
@media(max-width:700px){:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape :is(.tag-letters,.tag-x-projections){translate:14px 0}:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .tag-three{translate:32px 0}}
:is(#sidebar,.xf3-brand-component) .realm-warp{transform-origin:49px 51px;animation:xf3-warp-turn 9s linear infinite;filter:drop-shadow(0 0 3px var(--gui-blue))}
:is(#sidebar,.xf3-brand-component) .realm-warp-trace{animation:xf3-warp-flow 3s linear infinite}
:is(#sidebar,.xf3-brand-component) .realm-warp-inner{transform-origin:49px 51px;animation:xf3-warp-turn 6s linear infinite reverse}
:is(#sidebar,.xf3-brand-component) .realm-orbit{animation:xf3-warp-tilt 7s ease-in-out infinite}
:is(#sidebar,.xf3-brand-component) .realm-x-beam-cone{fill:url(#xf3-x-light-fan);stroke:none;opacity:.85}
:is(#sidebar,.xf3-brand-component) .realm-x-beam-halo{stroke:url(#xf3-x-upper-light);stroke-width:6;opacity:.18}
:is(#sidebar,.xf3-brand-component) .realm-x-beam{stroke:url(#xf3-x-upper-light);stroke-width:2.4;opacity:.88}
:is(#sidebar,.xf3-brand-component) .realm-x-laser-halo{stroke:url(#xf3-x-lower-laser);stroke-width:4.2;opacity:.2;animation:xf3-x-laser-charge 7.8s linear infinite -1.6s}
:is(#sidebar,.xf3-brand-component) .realm-x-laser{stroke:url(#xf3-x-lower-laser);stroke-width:2;opacity:.96;animation:xf3-x-laser-charge 7.8s linear infinite -1.6s}
:is(#sidebar,.xf3-brand-component) .realm-x-beam-signal{stroke:#f0fdff;stroke-width:1.35;stroke-dasharray:13 87;stroke-dashoffset:102;opacity:0;animation:xf3-x-light-travel 10.4s ease-in-out infinite -3.2s}
:is(#sidebar,.xf3-brand-component) .realm-x-laser-signal{stroke:#f2fdff;stroke-width:1.25;stroke-dasharray:4 96;stroke-dashoffset:102;opacity:0;animation:xf3-x-laser-fire 7.8s ease-out infinite -1.6s}
@keyframes xf3-x-light-travel{0%,9%{opacity:0;stroke-dashoffset:101}16%{opacity:.9}65%{opacity:.9;stroke-dashoffset:0}73%,100%{opacity:0;stroke-dashoffset:-12}}
@keyframes xf3-x-laser-charge{0%,12%,39%,100%{opacity:.28}15%,29%{opacity:1}35%{opacity:.5}}
@keyframes xf3-x-laser-fire{0%,12%,39%,100%{opacity:0;stroke-dashoffset:102}15%{opacity:1;stroke-dashoffset:95}29%{opacity:1;stroke-dashoffset:-5}35%{opacity:0;stroke-dashoffset:-12}}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) :is(.realm-x-beam-signal,.realm-x-laser-signal){opacity:0}}
:is(#sidebar,.xf3-brand-component) .realm-warp{filter:none}
:is(#sidebar,.xf3-brand-component) .realm-logo :is(.realm-warp,.realm-portal-threshold){transition:filter .18s ease-out,opacity .18s ease-out}
:is(#sidebar,.xf3-brand-component) .realm-logo.realm-portal-flash .realm-warp{filter:brightness(2.6) saturate(1.5)}
:is(#sidebar,.xf3-brand-component) .realm-logo.realm-portal-flash .realm-portal-threshold{filter:brightness(2.4);opacity:1}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) .realm-logo.realm-portal-flash :is(.realm-warp,.realm-portal-threshold){filter:none!important}}
:is(#sidebar,.xf3-brand-component) .realm-warp>ellipse:first-child{stroke:#ed5a70;stroke-width:2.3;opacity:.9}
:is(#sidebar,.xf3-brand-component) .realm-warp-trace{stroke:color-mix(in srgb,#ec7979 78%,var(--gui-text,#17202a));stroke-width:2.8;opacity:.96}
:is(#sidebar,.xf3-brand-component) .realm-warp-inner{stroke:#436be8;stroke-width:2.2;stroke-dasharray:none;opacity:.92}
:is(#sidebar,.xf3-brand-component) .realm-orbit{stroke:color-mix(in srgb,#2ab98e 76%,var(--gui-text,#17202a));stroke-width:1.6;opacity:.5}
:is(#sidebar,.xf3-brand-component) .realm-scan-readout{font:700 6px monospace;letter-spacing:.35px}
:is(#sidebar,.xf3-brand-component) .realm-scan-ticks{stroke:#7ce1ed;opacity:.78}
:is(#sidebar,.xf3-brand-component) .realm-scan-digit-a{fill:#ffcf84}
:is(#sidebar,.xf3-brand-component) .realm-scan-digit-b{fill:#c6b7ff}
:is(#sidebar,.xf3-brand-component) .realm-portal-mouth{fill:url(#realm-portal-depth);opacity:.94}
:is(#sidebar,.xf3-brand-component) .realm-portal-rim{fill:none;stroke:#fff;stroke-width:1.55;opacity:.94}
:is(#sidebar,.xf3-brand-component) .realm-portal-inner{fill:#f8fbff;opacity:.2}
:is(#sidebar,.xf3-brand-component) .realm-portal-swirl{fill:none;stroke:#fff;stroke-width:1.75;stroke-linecap:round;stroke-dasharray:12 9 3 7;animation:xf3-portal-flow 4.8s linear infinite}
:is(#sidebar,.xf3-brand-component) .realm-portal-swirl-secondary{stroke:#e2dcff;stroke-width:1.1;stroke-dasharray:4 6 11 8;animation-duration:6.7s;animation-direction:reverse}
:is(#sidebar,.xf3-brand-component) .realm-portal-core{fill:#fff;opacity:.96}
:is(#sidebar,.xf3-brand-component) .realm-portal-star{fill:#fff;opacity:.9}
:is(#sidebar,.xf3-brand-component) .realm-portal-threshold{transform-origin:46px 107px;animation:xf3-portal-breathe 8s ease-in-out infinite}
@keyframes xf3-portal-breathe{0%,100%{opacity:.74;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1.04)}}
@keyframes xf3-portal-flow{to{stroke-dashoffset:-124}}
@keyframes xf3-warp-turn{to{rotate:360deg}}
@keyframes xf3-warp-flow{to{stroke-dashoffset:-118}}
@keyframes xf3-warp-tilt{0%,100%{transform:rotate(12deg) scaleX(.58)}50%{transform:rotate(42deg) scaleX(1.08)}}
@media(max-width:700px){:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-logo{left:-26px;top:11px;width:71px;height:104px}:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-tag{top:18px}:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-name{font-size:32px}:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong>span:first-child{font-size:15px}}
body.sidebar-collapsed #sidebar#sidebar.xf3-realm-landscape .brand{min-height:42px;padding:4px}
body.sidebar-collapsed #sidebar#sidebar.xf3-realm-landscape .realm-brand{display:none}
.xf3-world-paused :is(#sidebar,.xf3-brand-component) .realm-logo *,.xf3-world-hidden :is(#sidebar,.xf3-brand-component) .realm-logo *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) .realm-logo *{animation:none!important}}

/* A changing cast leaps through the same gateway; original character art stays intact. */
:is(#sidebar,.xf3-brand-component) .realm-guest{transform-origin:49px 51px;animation:xf3-realm-arrive 1.8s cubic-bezier(.2,.7,.25,1) both}
:is(#sidebar,.xf3-brand-component) .realm-guest>svg{filter:none}
:is(#sidebar,.xf3-brand-component) .realm-guest[data-arrival="1"]{animation-name:xf3-realm-vault}
:is(#sidebar,.xf3-brand-component) .realm-guest[data-arrival="2"]{animation-name:xf3-realm-dive}
:is(#sidebar,.xf3-brand-component) .realm-guest[data-arrival="3"]{animation-name:xf3-realm-side-run}
:is(#sidebar,.xf3-brand-component) .realm-guest[data-arrival="4"]{animation-name:xf3-realm-flash-in}
@keyframes xf3-realm-arrive{0%{opacity:0;transform:translate(0,-12px) scale(.05)}28%{opacity:1;transform:translate(0,-22px) scale(.6) rotate(-12deg)}65%{transform:translate(0,4px) scale(1.08) rotate(3deg)}100%{opacity:1;transform:none}}
@keyframes xf3-realm-vault{0%{opacity:0;transform:scale(.08) rotate(-40deg)}35%{opacity:1;transform:translate(-7px,-20px) scale(.8) rotate(18deg)}70%{transform:translate(3px,2px) scale(1.08) rotate(-5deg)}100%{opacity:1;transform:none}}
@keyframes xf3-realm-dive{0%{opacity:0;transform:scale(.08) rotate(25deg)}40%{opacity:1;transform:translate(8px,-16px) scale(.7) rotate(-15deg)}75%{transform:translate(-2px,4px) scale(1.04)}100%{opacity:1;transform:none}}
:is(#sidebar,.xf3-brand-component) .realm-guest.is-departing{animation:xf3-realm-walk-away 1.5s cubic-bezier(.45,0,.8,.8) both}
:is(#sidebar,.xf3-brand-component) .realm-guest.is-departing[data-departure="1"]{animation-name:xf3-realm-shrink-away}
:is(#sidebar,.xf3-brand-component) .realm-guest.is-departing[data-departure="2"]{animation-name:xf3-realm-leap-away}
:is(#sidebar,.xf3-brand-component) .realm-guest.is-departing[data-departure="3"]{animation-name:xf3-realm-run-down}
@keyframes xf3-realm-side-run{0%{opacity:0;transform:translateX(-70px) scale(.72)}38%{opacity:1;transform:translateX(-22px) scale(.88) rotate(8deg)}64%{transform:translateX(5px) scale(1.04) rotate(-5deg)}100%{opacity:1;transform:none}}
@keyframes xf3-realm-flash-in{0%,13%{opacity:0;transform:scale(.04)}16%{opacity:1;transform:scale(.18)}24%{opacity:.18;transform:scale(.38)}36%{opacity:1;transform:scale(.85)}64%{transform:scale(1.1)}100%{opacity:1;transform:none}}
@keyframes xf3-realm-walk-away{0%{opacity:1;transform:none}24%{transform:translate(-7px,1px) rotate(-5deg)}55%{opacity:.9;transform:translate(-25px,-3px) scale(.8) rotate(5deg)}100%{opacity:0;transform:translate(-65px,-7px) scale(.48)}}
@keyframes xf3-realm-shrink-away{0%{opacity:1;transform:none}35%{transform:translateY(-9px) scale(.8)}100%{opacity:0;transform:translateY(28px) scale(.06) rotate(35deg)}}
@keyframes xf3-realm-leap-away{0%{opacity:1;transform:none}35%{opacity:1;transform:translate(10px,-25px) scale(.96) rotate(18deg)}100%{opacity:0;transform:translate(70px,-48px) scale(.35) rotate(90deg)}}
@keyframes xf3-realm-run-down{0%{opacity:1;transform:none}38%{transform:translate(12px,9px) scale(.9) rotate(-8deg)}100%{opacity:0;transform:translate(53px,62px) scale(.4) rotate(14deg)}}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong{gap:5px;transform:perspective(220px) rotateY(-10deg);transform-origin:left center}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong>span:first-child{font-family:var(--gui-font-ui,system-ui);font-size:17px;font-weight:950;letter-spacing:1.4px;text-transform:uppercase;transform:skewY(-3deg);padding:0;color:var(--gui-text);text-shadow:0 1px var(--gui-panel),1px 2px var(--gui-blue),2px 3px var(--gui-sidebar),3px 4px var(--gui-sidebar)}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand .realm-name{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:900;font-style:normal;letter-spacing:1px;text-transform:uppercase;transform:skewY(-5deg);color:var(--gui-text);text-shadow:0 -1px var(--gui-panel),1px 1px var(--gui-panel-3),2px 2px var(--gui-blue),3px 3px var(--gui-sidebar),4px 4px var(--gui-sidebar),5px 6px 5px color-mix(in srgb,var(--gui-text) 28%,transparent)}
@media(max-width:700px){:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong>span:first-child{font-size:14px;letter-spacing:1px}:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand .realm-name{font-size:27px;letter-spacing:.6px}}
.xf3-world-paused :is(#sidebar,.xf3-brand-component) .realm-guest,.xf3-world-hidden :is(#sidebar,.xf3-brand-component) .realm-guest{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) .realm-guest{animation:none!important;opacity:1;transform:none}}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand .realm-name{font-size:29px;letter-spacing:.5px}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong>span:first-child{text-transform:none}
@media(max-width:700px){:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand .realm-name{font-size:23px;letter-spacing:.25px}}

/* Hand-drawn tag above a bent-tube robot-age neon wordmark. */
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong{gap:0;transform:none;min-width:0}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand strong>span:first-child{transform:rotate(-7deg);padding:0;text-shadow:none;line-height:1}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand .realm-name{transform:none;line-height:1;text-shadow:none;letter-spacing:0;padding:2px 3px;border-radius:5px;background:linear-gradient(135deg,#10182be8,#1d1334df);box-shadow:inset 0 0 0 1px #ab6de34d,0 2px 6px #10182b33}
.realm-graffiti{display:block;width:114px;height:37px;overflow:visible}
.realm-graffiti .tag-letters{stroke:#fff3c9;stroke-width:3.2;filter:drop-shadow(1px 1px 0 #9e476f)}
.realm-graffiti .tag-form{stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.realm-graffiti :is(.tag-form-o,.tag-form-r,.tag-form-m){stroke-width:4.35}
.realm-graffiti .tag-x-warm-shadow{fill:#0d4352;stroke:none}
.realm-graffiti .tag-x-cool-shadow{fill:#0d4352;stroke:none}
.realm-graffiti .tag-x-warm{fill:url(#xf3-x-body);stroke:#0b5866;stroke-width:.8}
.realm-graffiti .tag-x-cool{fill:url(#xf3-x-body);stroke:#0b5866;stroke-width:.8}
.realm-graffiti .tag-x-warm-facet{fill:#e5fff9;stroke:none;opacity:.63}
.realm-graffiti .tag-x-lower-blue{fill:url(#xf3-x-ice);stroke:#173577;stroke-width:.45}
.realm-graffiti .tag-x-lower-blue-facet{fill:#f1fbff;stroke:none;opacity:.46}
.realm-graffiti .tag-x-cool-facet{fill:#e5fff9;stroke:none;opacity:.63}
.realm-graffiti .tag-swash{stroke:#31c8de;stroke-width:2.5}
.realm-neon{display:block;width:126px;height:36px;overflow:visible;stroke:#baf8ff;stroke-width:1.6;filter:drop-shadow(0 0 2px #24cde8) drop-shadow(0 0 4px #4678ed)}
.realm-neon .neon-fault{animation:xf3-neon-contact 11s linear infinite}
.realm-neon .neon-fault-late{animation-delay:-4.5s;animation-duration:15s}
@keyframes xf3-neon-contact{0%,72%,78%,100%{opacity:1}73%,76%{opacity:.22}74.5%{opacity:.65}}
.xf3-world-paused :is(#sidebar,.xf3-brand-component) .realm-neon *,.xf3-world-hidden :is(#sidebar,.xf3-brand-component) .realm-neon *{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) .realm-neon *{animation:none!important;opacity:1}}
@media(max-width:700px){.realm-graffiti{width:90px;height:32px}.realm-neon{width:101px;height:30px}}

/* Oversized hand-lettered tag, with occasional randomized neon colour blooms. */
:is(#sidebar,.xf3-brand-component) .realm-graffiti{transform:translateX(-6px) scale(1.2);transform-origin:50% 60%}
@media(max-width:700px){:is(#sidebar,.xf3-brand-component) .realm-graffiti{transform:translateX(-8px) scale(1.08)}}
:is(#sidebar,.xf3-brand-component) .realm-tag.is-glowing .tag-letters{animation:xf3-tag-ink 3.6s ease-in-out both,xf3-tag-bloom 3.6s ease-in-out both}
@keyframes xf3-tag-bloom{0%,100%{filter:drop-shadow(1px 1px 0 #9e476f)}35%,58%{filter:drop-shadow(1px 1px 0 var(--realm-tag-glow))}}
@keyframes xf3-tag-ink{0%,100%{stroke:#fff3c9}35%,58%{stroke:var(--realm-tag-glow)}}
/* Folded neon tubing stays crisp. Separate power circuits fail and recharge. */
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three{filter:none;stroke-linecap:butt;stroke-linejoin:bevel}
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three-side{stroke:#261b2d;stroke-width:4.5}
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three-housing{stroke:#493044;stroke-width:4.7}
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three-glass{stroke:#92466f;stroke-width:3.4}
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three-core{stroke:#ff4c9e;stroke-width:2.55}
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three-highlight{stroke:#fff0fa;stroke-width:.55}
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three-top-power{opacity:.1;animation:xf3-three-top 31s linear infinite}
:is(#sidebar,.xf3-brand-component) .realm-graffiti .tag-three-bottom-power{opacity:.08;animation:xf3-three-bottom 31s linear infinite}
@keyframes xf3-three-top{0%,6%,44%,65%,100%{opacity:.09}7%{opacity:.45}8%,9%,33%{opacity:1}34%{opacity:.55}35%,39%{opacity:1}40%{opacity:.28}41%{opacity:.75}42%{opacity:.12}66%{opacity:.35}67%{opacity:.8}68%,91%{opacity:1}92%{opacity:.55}93%{opacity:1}94%{opacity:.15}95%{opacity:.7}96%{opacity:.1}}
@keyframes xf3-three-bottom{0%,7%,40%,65%,100%{opacity:.08}8%{opacity:.3}9%,30%{opacity:1}31%{opacity:.25}32%{opacity:1}34%{opacity:.12}35%{opacity:.95}36%{opacity:.08}37%{opacity:.75}38%,39%{opacity:.08}66%{opacity:.18}67%{opacity:.7}68%,88%{opacity:1}89%{opacity:.25}90%{opacity:.9}92%{opacity:.08}93%{opacity:.7}94%{opacity:.1}95%{opacity:.8}96%{opacity:.08}}
.xf3-world-paused :is(#sidebar,.xf3-brand-component) .realm-tag *,.xf3-world-hidden :is(#sidebar,.xf3-brand-component) .realm-tag *{animation:none!important}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) .realm-tag *{animation:none!important}}
.xf3-world-paused :is(#sidebar,.xf3-brand-component) .realm-graffiti :is(.tag-three-top-power,.tag-three-bottom-power),.xf3-world-hidden :is(#sidebar,.xf3-brand-component) .realm-graffiti :is(.tag-three-top-power,.tag-three-bottom-power){opacity:1!important}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) .realm-graffiti :is(.tag-three-top-power,.tag-three-bottom-power){opacity:1!important}}
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand .realm-name{position:relative;top:22px;left:45px}
#sidebar#sidebar.xf3-realm-landscape .brand{padding-bottom:0;min-height:82px}

/* A single faulty E sparks, loses power, then warms back up. */
:is(#sidebar,.xf3-brand-component) .realm-neon .neon-fault:not(.neon-fault-late){animation:xf3-neon-burnout 19s linear infinite}
:is(#sidebar,.xf3-brand-component) .realm-neon .neon-sparks{opacity:0;stroke:#fff3b0;stroke-width:1.1;transform-origin:44px 6px;animation:xf3-neon-spark 19s linear infinite}
@keyframes xf3-neon-burnout{0%,57%,80%,100%{opacity:1}59%{opacity:.65}61%{opacity:.06}73%{opacity:.06}76%{opacity:.4}}
@keyframes xf3-neon-spark{0%,57%,62%,100%{opacity:0;transform:scale(.6)}58.5%{opacity:.95;transform:scale(1)}60%{opacity:0;transform:scale(1.7)}}
.xf3-world-paused :is(#sidebar,.xf3-brand-component) .realm-neon .neon-sparks,.xf3-world-hidden :is(#sidebar,.xf3-brand-component) .realm-neon .neon-sparks{opacity:0!important}
@media(prefers-reduced-motion:reduce){:is(#sidebar,.xf3-brand-component) .realm-neon .neon-sparks{opacity:0!important}}
/* Open neon frame: only the tubes glow, the landscape remains visible through it. */
:is(#sidebar,.xf3-brand-component):is(#sidebar,.xf3-brand-component).xf3-realm-landscape .realm-brand .realm-name{background:transparent;box-shadow:none;border:1px solid #b6f4ff;border-radius:6px;padding:2px 3px;filter:drop-shadow(0 0 1px #27bddb) drop-shadow(0 0 3px #5069e6)}

/* Editorial-sized scenes sit inside chosen dashboard sections. The host keeps
   its own controls and data nodes; only our new stage is floated. */
.xf3-suite-art-host[data-art-flow=block]{display:flow-root}
.xf3-suite-stage.xf3-suite-interior{float:right;clear:none;grid-column:auto;width:min(27%,250px);height:clamp(145px,12vw,185px);min-height:0;max-height:none;margin:4px 0 15px clamp(18px,2.5vw,32px);background:transparent;pointer-events:none;border-radius:0;isolation:isolate}
.xf3-suite-stage.xf3-suite-interior[data-align=left]{float:left;margin:4px clamp(18px,2.5vw,32px) 15px 0}
.xf3-suite-stage.xf3-suite-interior[data-placement=interlude],.xf3-suite-stage.xf3-suite-interior[data-placement=after-host]{float:none;clear:both;display:block;width:min(38%,340px);height:170px;margin:13px 0 18px auto}
.xf3-suite-stage.xf3-suite-interior[data-placement=after-host][data-align=left]{margin-left:0;margin-right:auto}
.xf3-suite-stage.xf3-suite-interior[data-project=order-master][data-placement=after-host]{width:100%;height:clamp(180px,23vw,260px);margin:18px 0 22px}
.xf3-suite-stage.xf3-suite-interior[data-placement=grid-cell]{float:none;clear:none;display:block;width:100%;height:100%;min-height:145px;margin:0;align-self:stretch}
.xf3-suite-stage.xf3-suite-interior[data-shape=column]{width:clamp(205px,20%,310px);height:var(--xf3-column-height,460px);min-height:330px;max-height:900px;margin-top:6px;margin-bottom:12px}
.xf3-suite-stage.xf3-suite-interior[data-shape=column][data-extent=content]{width:clamp(220px,28%,320px);max-height:none}
.xf3-suite-stage.xf3-suite-interior[data-project=work-router][data-shape=column]{width:clamp(170px,21%,235px);margin-left:14px}
.xf3-suite-stage.xf3-suite-interior[data-shape=panorama]{width:min(68%,720px);height:clamp(180px,20vw,255px);max-height:255px}
.xf3-suite-stage.xf3-suite-interior[data-placement=slot]{float:none;clear:none;display:block;width:100%;height:100%;min-height:145px;max-height:none;margin:0}
.xf3-suite-stage.xf3-suite-interior[data-placement=slot][data-shape=column]{min-height:330px}
.xf3-suite-interior[data-shape=column] .xf3-scene{background:transparent!important}
.xf3-suite-interior[data-shape=column] .xf3-portrait-sky{overflow:visible}
.xf3-suite-interior[data-shape=column][data-extent=content] .xf3-portrait-sky{opacity:.28}
.xf3-suite-interior[data-shape=column] .xf3-actor{opacity:.88}
.xf3-suite-interior .xf3-actor[data-scene-role=horizon]{--actor-size:var(--actor-size);opacity:.78;z-index:1;max-height:30%}
.xf3-suite-interior .xf3-actor[data-scene-role=horizon] .xf3-sprite{opacity:.95}
.xf3-suite-interior[data-treatment=alpha] .xf3-scene{background:transparent!important}
.xf3-suite-interior[data-treatment=alpha] .xf3-scene :is(.xf3-solid-sky,.xf3-atmosphere){display:none!important}
.xf3-suite-interior[data-treatment=alpha]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 17%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 17%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.xf3-suite-interior[data-treatment=alpha][data-extent=content]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent 0,#000 24px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent 0,#000 24px,#000 calc(100% - 30px),transparent 100%)}
.xf3-suite-interior[data-treatment=portal]{border-radius:45% 7% 20% 5% / 25% 5% 14% 5%;overflow:hidden;box-shadow:0 12px 22px -20px color-mix(in srgb,var(--gui-text,#17202a) 38%,transparent)}
.xf3-suite-interior[data-treatment=portal] .xf3-scene{border-radius:inherit}
.xf3-suite-interior[data-treatment=arch]{border-radius:48% 48% 5% 5% / 43% 43% 6% 6%;overflow:hidden}
.xf3-suite-interior[data-treatment=aperture]{border-radius:45% 8% 40% 6% / 56% 7% 30% 6%;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 78% 27%,transparent 0 8%,#000 9%);mask-image:radial-gradient(circle at 78% 27%,transparent 0 8%,#000 9%)}
.xf3-suite-interior .xf3-scene-caption{display:none}
@media(min-width:1100px){.lab-specs>div:has(>.xf3-suite-interior[data-project=shopify-store]){grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
@media(min-width:851px) and (max-width:1099px){.lab-specs>div:has(>.xf3-suite-interior[data-project=shopify-store]){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:780px){.xf3-suite-stage.xf3-suite-interior,.xf3-suite-stage.xf3-suite-interior[data-align=left],.xf3-suite-stage.xf3-suite-interior[data-placement=interlude],.xf3-suite-stage.xf3-suite-interior[data-placement=after-host],.xf3-suite-stage.xf3-suite-interior[data-shape=column],.xf3-suite-stage.xf3-suite-interior[data-shape=panorama]{float:none;clear:both;display:block;width:min(100%,310px);height:145px;min-height:145px;max-height:145px;margin:12px auto 16px}.xf3-suite-stage.xf3-suite-interior[data-placement=grid-cell],.xf3-suite-stage.xf3-suite-interior[data-placement=slot]{width:100%;height:100%;margin:0}}

/* Curated Canadian vector accents keep their alpha channel and respect the host layout. */
.xf3-suite-canadian-accent{display:block;clear:both;width:min(100%,1120px);max-width:100%;margin:12px auto 18px;padding:0;border:0;background:transparent;pointer-events:none}
.xf3-suite-canadian-accent img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}
.xf3-suite-canadian-micro{float:right;display:block;width:44px;height:42px;max-width:20%;margin:-5px 4px 3px 9px;object-fit:contain;pointer-events:none}
.xf3-world-hidden :is(.xf3-suite-canadian-accent,.xf3-suite-canadian-micro){display:none!important}
@media(max-width:780px){.xf3-suite-canadian-accent{margin:8px auto 12px}.xf3-suite-canadian-micro{width:36px;height:36px;margin:0 2px 2px 6px}}
@media print{.xf3-suite-canadian-accent,.xf3-suite-canadian-micro{display:none!important}}

/* Compact reusable Realm mark. Consumers supply a destination sign, not a logo fork. */
[data-xf3-brand].xf3-brand-component { display:block; position:relative; width:270px; height:114px; color:var(--gui-blue); }
[data-xf3-brand] .realm-brand { position:absolute!important; left:0!important; top:0!important; display:block; width:322px!important; min-width:322px!important; height:139px; padding:0!important; transform:scale(.82)!important; transform-origin:left top!important; }
[data-xf3-brand] .realm-logo { position:absolute!important; display:block; left:0!important; top:16px!important; width:87px!important; height:113px!important; overflow:visible; color:var(--gui-blue); }
[data-xf3-brand] .realm-brand strong { position:absolute; display:flex; flex-direction:column; left:100px; top:27px; gap:0!important; transform:none!important; }
[data-xf3-brand] .realm-brand .realm-tag { top:0!important; transform:rotate(-7deg)!important; }
[data-xf3-brand] .realm-graffiti { width:114px!important; height:37px!important; transform:translateX(-6px) scale(1.2)!important; transform-origin:50% 60%; }
[data-xf3-brand] .realm-brand .realm-name { position:relative!important; top:22px!important; left:45px!important; padding:2px 3px!important; line-height:1; background:transparent!important; }
[data-xf3-brand] .realm-neon { width:126px!important; height:36px!important; }
[data-xf3-brand] :is(.tag-letters,.tag-x-projections) { translate:0 0!important; }
[data-xf3-brand] .tag-three { translate:18px 0!important; }
.xf3-world-paused [data-xf3-brand]:not(.xf3-logo-autoplay) .realm-guest { animation:none!important; opacity:1; transform:none; }

/* Acrylic storefront variant: deliberate motion, quiet metal and glass. */
[data-xf3-brand="store"] .realm-brand { width:300px!important; min-width:300px!important; height:106px; transform:scale(.88)!important; }
[data-xf3-brand="store"] .realm-logo { left:0!important; top:0!important; width:74px!important; height:97px!important; }
[data-xf3-brand="store"] .realm-warp>ellipse:first-child { stroke:var(--gui-blue)!important; stroke-width:1.1!important; opacity:.58!important; }
[data-xf3-brand="store"] .realm-warp-trace { stroke:var(--gui-blue)!important; stroke-width:1.4!important; opacity:.7!important; animation-duration:12s!important; }
[data-xf3-brand="store"] .realm-warp-inner { stroke:var(--gui-muted)!important; stroke-width:.9!important; opacity:.5!important; animation-duration:32s!important; }
[data-xf3-brand="store"] .realm-warp { animation-duration:36s!important; }
[data-xf3-brand="store"] .realm-orbit { stroke:var(--gui-blue)!important; stroke-width:1!important; opacity:.35!important; animation-duration:24s!important; }
[data-xf3-brand="store"] .realm-scan-readout { opacity:.45; }
[data-xf3-brand="store"] .realm-portal-threshold { opacity:.65; animation-duration:18s!important; }
[data-xf3-brand="store"] .store-prism-x { position:absolute; left:49px; top:1px; width:62px; height:90px; overflow:visible; }
.store-x-depth { fill:color-mix(in srgb,var(--gui-blue) 70%,var(--gui-text)); opacity:.7; }
.store-x-face { fill:color-mix(in srgb,var(--gui-blue) 44%,var(--gui-panel)); stroke:var(--gui-blue); stroke-width:.6; }
.store-x-edge { fill:none; stroke:color-mix(in srgb,var(--gui-panel) 85%,var(--gui-blue)); stroke-width:1.2; }
.store-x-light { fill:none; stroke:var(--gui-panel); stroke-width:1.5; stroke-dasharray:12 88; opacity:0; animation:store-prism-sheen 18s ease-in-out infinite; }
@keyframes store-prism-sheen { 0%,75% {opacity:0;stroke-dashoffset:100} 80% {opacity:.8} 94% {opacity:.8;stroke-dashoffset:0} 100% {opacity:0;stroke-dashoffset:-12} }
[data-xf3-brand="store"] .realm-brand .store-brand-type { left:112px!important; top:14px!important; display:block; }
[data-xf3-brand="store"] .realm-brand .store-brand-title { display:flex; align-items:baseline; gap:3px; padding:0!important; font-family:XF3Lufga,var(--gui-font-ui),sans-serif!important; font-size:43px!important; font-weight:600!important; letter-spacing:.01em!important; line-height:1!important; transform:none!important; text-shadow:none!important; color:var(--gui-text)!important; text-transform:none!important; }
[data-xf3-brand="store"] .store-brand-three { font-size:49px; font-weight:400; color:var(--gui-blue); }
[data-xf3-brand="store"] .store-brand-subtitle { display:block; margin-top:8px; font-family:var(--gui-font-ui),sans-serif; font-size:11px; font-weight:500; letter-spacing:.42em; color:var(--gui-muted); }
[data-xf3-brand="store"] .realm-guest[data-arrival] { animation:store-explorer-arrive 2s cubic-bezier(.2,.6,.3,1) both; }
[data-xf3-brand="store"] .realm-guest.is-departing[data-departure] { animation:store-explorer-leave 1.5s ease-in both; }
@keyframes store-explorer-arrive { from {opacity:0;transform:translateY(5px) scale(.9)} to {opacity:1;transform:none} }
@keyframes store-explorer-leave { to {opacity:0;transform:translateY(-3px) scale(.86)} }
.xf3-world-paused [data-xf3-brand="store"]:not(.xf3-logo-autoplay) .store-x-light,.xf3-world-hidden [data-xf3-brand="store"] .store-x-light { animation:none!important; opacity:0; }
@media(prefers-reduced-motion:reduce) { [data-xf3-brand="store"] .store-x-light,[data-xf3-brand="store"] .realm-guest { animation:none!important; } }

/* Store lettering takes its cue from interiors and design mastheads. */
[data-xf3-brand="store"] .realm-brand .store-brand-type { top:10px!important; }
[data-xf3-brand="store"] .realm-brand .store-brand-title { font-family:Didot,"Bodoni MT","Times New Roman",serif!important; font-size:55px!important; font-weight:400!important; letter-spacing:-.035em!important; gap:2px; }
[data-xf3-brand="store"] .store-brand-three { align-self:baseline; margin:0 0 0 5px; font-family:Didot,"Bodoni MT","Times New Roman",serif; font-size:68px; font-weight:400; line-height:.9; color:var(--gui-blue); }
[data-xf3-brand="store"] .store-brand-subtitle { display:flex; align-items:center; gap:12px; margin-top:4px; font-size:14px; font-weight:500; letter-spacing:.36em; color:var(--gui-text); }
[data-xf3-brand="store"] .store-brand-subtitle::after { content:""; display:block; width:38px; height:1px; background:color-mix(in srgb,var(--gui-blue) 40%,transparent); }

/* The store logo is the sole startup motion exception, until a deliberate toggle. */
@media(prefers-reduced-motion:no-preference) {
 html.xf3-world-paused:not(.xf3-world-hidden) :is(#xf3-store-logo-motion,[data-xf3-brand="store"]).xf3-logo-autoplay .realm-logo * { animation-play-state:running!important; }
}

/* A glass-gallery wordmark for the shelf store, retaining the living portal. */
[data-xf3-brand="store"] .realm-brand .store-brand-type { left:108px!important; top:13px!important; }
[data-xf3-brand="store"] .realm-brand .store-brand-title { font-family:XF3Lufga,var(--gui-font-ui),sans-serif!important; font-size:51px!important; font-weight:400!important; letter-spacing:-.045em!important; gap:2px; }
[data-xf3-brand="store"] .store-brand-three { font-family:inherit; font-size:62px; font-weight:300; margin-left:7px; }
[data-xf3-brand="store"] .store-brand-subtitle { margin-top:8px; font-size:10px; font-weight:500; letter-spacing:.22em; color:var(--gui-text); white-space:nowrap; }
[data-xf3-brand="store"] .store-brand-subtitle::after { display:none; }
[data-xf3-brand="store"] .store-x-face { fill:url(#store-cut-glass); stroke:color-mix(in srgb,var(--gui-blue) 65%,var(--gui-panel)); stroke-width:.65; }
[data-xf3-brand="store"] .store-x-depth { opacity:.55; }
[data-xf3-brand="store"] .store-x-edge { stroke:color-mix(in srgb,var(--gui-panel) 90%,var(--gui-blue)); stroke-width:1.5; }
[data-xf3-brand="store"] .store-gallery-edge { position:absolute; left:105px; top:91px; width:189px; height:13px; overflow:visible; fill:color-mix(in srgb,var(--gui-panel) 35%,transparent); stroke:color-mix(in srgb,var(--gui-blue) 42%,transparent); stroke-width:.8; }
[data-xf3-brand="store"] .store-gallery-edge path:last-child { fill:none; stroke:color-mix(in srgb,var(--gui-panel) 78%,var(--gui-blue)); }
@media(prefers-reduced-motion:no-preference) {
 html:not(.xf3-world-hidden) [data-xf3-brand="store"].xf3-logo-autoplay .store-x-light { animation:store-prism-sheen 18s ease-in-out infinite!important; }
}

/* Store wordmark, stronger cut edges and a compact single-word rhythm. */
[data-xf3-brand="store"] .store-prism-x { width:66px; left:48px; }
[data-xf3-brand="store"] .store-x-face { stroke:var(--gui-text); stroke-width:1.1; }
[data-xf3-brand="store"] .store-x-depth { fill:var(--gui-blue); opacity:1; }
[data-xf3-brand="store"] .store-x-edge { stroke:#efffff; stroke-width:1.35; }
[data-xf3-brand="store"] .realm-brand .store-brand-type { left:104px!important; top:13px!important; }
[data-xf3-brand="store"] .realm-brand .store-brand-title { font-size:54px!important; font-weight:500!important; letter-spacing:-.055em!important; gap:0; text-shadow:0 1px 0 color-mix(in srgb,var(--gui-panel) 70%,transparent)!important; }
[data-xf3-brand="store"] .store-brand-three { font-size:63px; font-weight:500; margin-left:0; letter-spacing:-.07em; color:var(--gui-blue); }
[data-xf3-brand="store"] .store-brand-subtitle { letter-spacing:.26em; }
[data-xf3-brand="store"] .store-brand-three { text-shadow:1px 1px 0 color-mix(in srgb,var(--gui-panel) 90%,var(--gui-blue)),2px 2px 0 color-mix(in srgb,var(--gui-blue) 60%,var(--gui-text)); }
/* Bespoke cut-acrylic lowercase lettering, paired with the prism X. */
[data-xf3-brand="store"] .realm-brand .store-brand-type { top:9px!important; left:104px!important; }
[data-xf3-brand="store"] .store-cut-word { display:block; width:188px; height:68px; overflow:visible; }
[data-xf3-brand="store"] .store-brand-subtitle { font-size:13px; font-weight:600; letter-spacing:.14em; margin-top:3px; }
[data-xf3-brand="store"] .store-gallery-edge { top:97px; }
/* Grand interiors masthead: solid editorial serifs, not outlined tubing. */
[data-xf3-brand="store"] .realm-brand .store-brand-type { top:1px!important; left:103px!important; }
[data-xf3-brand="store"] .store-editorial-word { display:block; width:192px; height:80px; overflow:visible; }
[data-xf3-brand="store"] .store-editorial-form { fill:var(--gui-text); }
[data-xf3-brand="store"] .store-editorial-three { fill:var(--gui-blue); }
[data-xf3-brand="store"] .store-brand-subtitle { font-size:15px; line-height:1.1; letter-spacing:.12em; margin-top:0; font-weight:700; color:var(--gui-text); text-shadow:0 1px 0 color-mix(in srgb,var(--gui-panel) 85%,transparent); }
[data-xf3-brand="store"] .store-gallery-edge { top:98px; opacity:.6; }
/* Store background: fine Realm artwork at its authored proportions, one continuous world. */
.xf3-store-world { --scene-ink:var(--gui-blue); --scene-muted:var(--gui-green); position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; user-select:none; }
.store-world-sky { position:absolute; inset:0 0 auto; width:100%; height:auto; max-height:520px; }
.store-world-star { fill:#f8f3dd; opacity:.7; animation:store-star-breathe 13s ease-in-out var(--star-delay) infinite; }
.store-world-clouds { animation:store-cloud-drift 95s ease-in-out infinite alternate; }
.store-world-glider { transform-box:fill-box; transform-origin:center; opacity:.72; }
.store-world-glider-a { animation:store-sky-glide-a 43s ease-in-out infinite alternate; }
.store-world-glider-b { animation:store-sky-glide-b 61s ease-in-out infinite alternate; }
.store-world-mid-sky { position:absolute;top:35.5%;left:0;width:100%;height:auto;overflow:visible; }
.store-world-bird-flight-a { animation:store-bird-flight-a 74s ease-in-out infinite alternate; }
.store-world-bird-flight-b { animation:store-bird-flight-b 91s ease-in-out infinite alternate; }
.store-world-land { position:absolute; width:100%; left:0; height:auto; aspect-ratio:1000/280; overflow:visible; mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent); animation:store-land-drift 84s ease-in-out infinite alternate; --relief-face:color-mix(in srgb,var(--scene-ink) 50%,var(--sky-bottom)); --relief-mid:var(--scene-muted); --relief-deep:color-mix(in srgb,var(--scene-ink) 72%,#24313b); --relief-night:color-mix(in srgb,var(--scene-ink) 58%,#17232b); --relief-edge:color-mix(in srgb,var(--sky-glow) 60%,#fff); }
.store-world-land .xf3-ridge-back { opacity:.18; }
.store-world-land .xf3-ridge-front { opacity:.24; }
.store-world-land .xf3-ground { opacity:.19; }
.store-world-aurora { top:11%; opacity:.57; filter:saturate(.82); }
.store-world-grove { top:34.5%; opacity:.46; filter:saturate(.76); animation-duration:112s; animation-direction:alternate-reverse; }
body[data-xf3-suite-project="shopify-store"] .xf3-story__science :is(h2,p) { text-shadow:0 1px 0 color-mix(in srgb,var(--gui-panel) 78%,transparent); }
.store-world-grove .xf3-ridge-back { opacity:.34; }
.store-world-grove .xf3-ridge-front { opacity:.42; }
.store-world-grove .xf3-ground { opacity:.3; }
.store-world-terraces { top:40%; opacity:.48; filter:saturate(.77); animation-duration:114s; }
.store-world-mushrooms { top:72%; opacity:.57; filter:saturate(.83); animation-duration:94s; animation-direction:alternate-reverse; }
.store-world-forest { bottom:0; opacity:.73; filter:saturate(.78); animation-duration:120s; }
.store-world-traveler { position:absolute; width:min(var(--walker-size),13vw); aspect-ratio:245/330; opacity:.65; filter:saturate(.76); transform-origin:50% 85%; animation-duration:var(--world-duration); animation-delay:var(--world-delay); animation-timing-function:ease-in-out; animation-iteration-count:infinite; animation-direction:alternate; }
.store-world-traveler>svg { width:100%; height:100%; overflow:visible; }
.store-world-traveler[data-route=amble] { animation-name:store-world-amble; }
.store-world-traveler[data-route=watch] { animation-name:store-world-watch; }
.store-world-traveler[data-route=glide] { animation-name:store-world-glide; }
.store-world-traveler[data-route=float] { opacity:.46; animation-name:store-world-float; }
.store-world-caravan { position:absolute; width:67%; left:17%; bottom:7%; height:70px; animation:store-caravan-travel 150s ease-in-out infinite alternate; }
.store-world-member { display:block; position:absolute; height:70px; }
.store-world-member>svg { width:100%; height:100%; }
@keyframes store-world-amble { from{transform:translate(-22px,4px)} to{transform:translate(45px,-9px)} }
@keyframes store-world-watch { from{transform:translateY(3px)} to{transform:translateY(-8px)} }
@keyframes store-world-glide { from{transform:translate(-38px,6px)} to{transform:translate(50px,-14px)} }
@keyframes store-world-float { from{transform:translate(-22px,12px) rotate(-4deg)} 55%{transform:translate(28px,-16px) rotate(3deg)} to{transform:translate(76px,-30px) rotate(-2deg)} }
@keyframes store-bird-flight-a { from{transform:translate(-32px,10px)} to{transform:translate(138px,-28px)} }
@keyframes store-bird-flight-b { from{transform:translate(48px,14px)} to{transform:translate(-116px,-22px)} }
@keyframes store-caravan-travel { from {transform:translateX(-4%)} to {transform:translateX(4%)} }
@keyframes store-land-drift { from{transform:translateX(-.8%)} to{transform:translateX(.8%)} }
@keyframes store-star-breathe { 0%,100%{opacity:.4} 48%{opacity:.95} }
@keyframes store-cloud-drift { to{transform:translateX(55px)} }
@keyframes store-sky-glide-a { from{translate:-13px 5px} to{translate:18px -11px} }
@keyframes store-sky-glide-b { from{translate:19px -3px} to{translate:-11px 9px} }
:is(.xf3-world-paused,.xf3-world-hidden) .xf3-store-world * { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) { .xf3-store-world * { animation:none!important; } }
@media(max-width:780px) { .store-world-land { width:130%; left:-15%; } .store-world-grove,.store-world-terraces,.store-world-mushrooms { opacity:.34; } .store-world-traveler { opacity:.58; } .store-world-traveler[data-route=float] { opacity:.35; } }
body[data-xf3-suite-project="shopify-store"] .xf3-nav-guide { display:none!important; }

/* Shelf preview artwork is light in all retained backdrop choices. Keep the
   control ink tied to the backdrop, rather than the shelf lighting swatch. */
html.xform3-themed .lab-page .lab-preview-chrome { --preview-annotation:#203542!important; }
html.xform3-themed .lab-page :is(.lab-preview-backgrounds,.lab-preview-material) { text-shadow:0 1px 1px rgb(255 255 255 / .8),0 0 7px rgb(255 255 255 / .55); }

/* Store shelf actions stay together at the right edge of the tab row. */
html.xform3-themed .lab-page .lab-order-tabs { align-items:center; }
html.xform3-themed .lab-page .lab-tab-actions { display:flex; align-items:center; gap:8px; flex:none; margin-left:auto; }
html.xform3-themed .lab-page .lab-tab-actions .lab-cart-tab-host { margin-left:0; }
html.xform3-themed .lab-page .lab-tab-actions .lab-chat-tab { min-height:39px; padding:7px 14px; border:1px solid var(--gui-line); border-radius:7px; background:color-mix(in srgb,var(--gui-panel) 88%,transparent); color:var(--gui-text); font:inherit; font-weight:650; white-space:nowrap; }
html.xform3-themed .lab-page .lab-tab-actions .lab-chat-tab:is(:hover,:focus-visible) { background:color-mix(in srgb,var(--gui-blue) 17%,var(--gui-panel))!important; color:var(--gui-text)!important; }

/* Fixed warm gold stays gold when a theme uses blue for its action token. */
html.xform3-themed .lab-page .lab-order-tab--cart { border:2px solid #a9711c!important; background:linear-gradient(155deg,#fff0ad,#e9bc4c)!important; box-shadow:0 2px 10px rgb(121 77 12 / .23); }
html.xform3-themed .lab-page .lab-order-tab--cart:has([aria-selected=true]) { background:linear-gradient(155deg,#ffe58b,#dfa832)!important; box-shadow:0 0 0 2px rgb(238 185 67 / .46),0 2px 12px rgb(121 77 12 / .28)!important; }
html.xform3-themed .lab-page .lab-order-tab--cart button { background:transparent!important; color:#302614!important; font-weight:800; }
html.xform3-themed .lab-page .lab-order-tab--cart button[aria-selected=true] { background:transparent!important; color:#302614!important; }
html.xform3-themed .lab-page .lab-order-tab--cart button:is(:hover,:focus-visible) { background:rgb(255 255 255 / .16)!important; color:#302614!important; }
html.xform3-themed .lab-page .lab-tab-actions .lab-order-tab--cart button:not(:disabled):is(:hover,:focus-visible) { background:rgb(255 255 255 / .16)!important; color:#302614!important; }
html.xform3-themed .lab-page .xf3v2__summary [data-add] { border:2px solid #a9711c!important; background:linear-gradient(155deg,#fff0ad,#e9bc4c)!important; color:#302614!important; box-shadow:0 2px 10px rgb(121 77 12 / .23); font-weight:800; }
html.xform3-themed .lab-page .xf3v2__summary [data-add]:not(:disabled):is(:hover,:focus-visible) { background:linear-gradient(155deg,#fff4bd,#f0c75d)!important; color:#302614!important; }
@media(max-width:680px) { html.xform3-themed .lab-page .lab-order-tabs { flex-wrap:wrap; } html.xform3-themed .lab-page .lab-tab-actions { margin-left:auto; } }

/* Product story is an editorial glass surface within the same continuous landscape. */
html.xform3-themed .lab-page .xf3-story { position:relative; isolation:isolate; }
html.xform3-themed .lab-page .xf3-story__eyebrow { color:color-mix(in srgb,var(--gui-blue) 76%,var(--gui-text)); letter-spacing:.16em; }
html.xform3-themed .lab-page .xf3-story__lead { border-color:color-mix(in srgb,var(--gui-line) 48%,transparent); }
html.xform3-themed .lab-page .xf3-story__copy { padding:clamp(18px,2.2vw,32px); margin-left:calc(-1 * clamp(18px,2.2vw,32px)); background:radial-gradient(ellipse 100% 94% at 34% 50%,color-mix(in srgb,var(--gui-panel) 72%,transparent),color-mix(in srgb,var(--gui-panel) 34%,transparent) 62%,transparent); }
html.xform3-themed .lab-page .xf3-story__hero-photo img { border-radius:6px; box-shadow:0 16px 34px rgb(29 64 75 / .15); }
html.xform3-themed .lab-page .xf3-story__science { background:none; text-shadow:0 1px 1px color-mix(in srgb,var(--gui-panel) 86%,transparent),0 0 12px var(--gui-panel); }
html.xform3-themed .lab-page .xf3-story__details { background:linear-gradient(90deg,color-mix(in srgb,var(--gui-panel) 51%,transparent),transparent 58%); }
html.xform3-themed .lab-page .xf3-story__detail-grid li { border-color:color-mix(in srgb,var(--gui-line) 52%,transparent); padding-right:12px; }
html.xform3-themed .lab-page .xf3-story figcaption { font-style:italic; letter-spacing:.012em; }
@media(max-width:620px) { html.xform3-themed .lab-page .xf3-story__copy { margin-left:0; } html.xform3-themed .lab-page .xf3-story__science { margin-inline:0; } }

/* Information pages share the open sky, with quieter editorial surfaces for reading. */
html.xform3-themed .xf3-store-info-page .xf3-store-info-main {
 position:relative;
 background:linear-gradient(145deg,color-mix(in srgb,var(--gui-panel) 93%,transparent),color-mix(in srgb,var(--gui-panel) 82%,transparent) 58%,color-mix(in srgb,var(--gui-panel) 89%,transparent));
 border-top:3px solid color-mix(in srgb,var(--gui-blue) 62%,var(--gui-panel));
 box-shadow:0 20px 55px rgb(34 69 79 / .09);
 backdrop-filter:blur(7px);
}
html.xform3-themed .xf3-store-info-page .xf3-store-info-main::before {
 content:"";position:absolute;right:clamp(24px,4vw,54px);top:30px;width:min(25%,180px);height:40px;pointer-events:none;
 background:repeating-linear-gradient(165deg,transparent 0 13px,color-mix(in srgb,var(--gui-blue) 37%,transparent) 14px,color-mix(in srgb,var(--gui-blue) 37%,transparent) 15px,transparent 16px 29px);
 mask-image:linear-gradient(90deg,transparent,#000 35%,transparent);
 opacity:.45;
}
html.xform3-themed .xf3-store-info-page .xf3-store-info-eyebrow { color:color-mix(in srgb,var(--gui-blue) 82%,var(--gui-text));letter-spacing:.2em; }
html.xform3-themed .xf3-store-info-page .xf3-store-info-main h1 { max-width:14ch;color:var(--gui-text);font-family:Georgia,serif;letter-spacing:-.055em; }
html.xform3-themed .xf3-store-info-page .xf3-store-info-intro { color:color-mix(in srgb,var(--gui-text) 88%,var(--gui-blue)); }
html.xform3-themed .xf3-store-info-page .xf3-store-info-grid { gap:clamp(14px,2vw,24px); }
html.xform3-themed .xf3-store-info-page .xf3-store-info-card {
 border:0;border-top:1px solid color-mix(in srgb,var(--gui-blue) 48%,var(--gui-line));border-radius:0;
 background:linear-gradient(160deg,color-mix(in srgb,var(--gui-panel) 77%,transparent),color-mix(in srgb,var(--gui-panel) 42%,transparent));
 padding-inline:clamp(17px,2.5vw,27px);
}
html.xform3-themed .xf3-store-info-page .xf3-store-info-card h2 { color:var(--gui-text);font-family:Georgia,serif;font-weight:600; }
html.xform3-themed .xf3-store-info-page .xf3-store-info-card a { color:var(--gui-blue);text-decoration-thickness:1px;text-underline-offset:4px; }
html.xform3-themed .xf3-store-info-page .xf3-store-info-card a:is(:hover,:focus-visible) { color:var(--gui-green); }
html.xform3-themed .xf3-store-info-page .xf3-store-info-card a[href^="tel:"] { display:inline-block;margin-block:2px;padding:1px 4px;border-bottom:1px solid color-mix(in srgb,var(--gui-blue) 38%,transparent);text-decoration:none; }
body:has(>.xf3-store-info-page) #xform3-theme-picker { left:8px;bottom:8px;width:154px;padding:6px;gap:4px; }
body:has(>.xf3-store-info-page) #xform3-theme-picker .xform3-control-field { grid-template-columns:minmax(0,1fr); }
body:has(>.xf3-store-info-page) #xform3-theme-picker .xform3-control-name { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
body:has(>.xf3-store-info-page) #xform3-theme-picker select { grid-column:1;height:27px; }
body:has(>.xf3-store-info-page) #xform3-theme-picker :is(#suite-xf3-scenery-mode,#xform3-motion) { font-size:9px;letter-spacing:-.035em; }

/* Store-only static scene moods. Background artwork stays in xf3-store-style.css. */
:root[data-xf3-scene="mystery"] .lab-page .lab-header::before{filter:hue-rotate(28deg) saturate(.85)}
:root[data-xf3-scene="moonscape"] .lab-page .lab-header::before{filter:hue-rotate(75deg) saturate(.62)}
:root[data-xf3-scene="mars"] .lab-page .lab-header::before{filter:sepia(.26) hue-rotate(-22deg) saturate(1.15)}
:root.xf3-world-paused .lab-page :is(.xf3-store-world,.xf3-suite-stage) *,
:root.xf3-world-paused .lab-page :is(.xf3-store-world,.xf3-suite-stage)::before{animation-play-state:paused!important}

@font-face{font-family:XF3Cormorant;src:url('./xf3-cormorant-garamond.woff2') format('woff2');font-weight:300 700;font-display:swap}