/* =========================================================
   EXACT LINEAR @FONT-FACE DECLARATIONS
   ========================================================= */

@font-face {
  font-family: 'Inter Variable';
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url('/assets/InterVariable-DiVDrmQJ.woff2') format('woff2');
  unicode-range: U+0-2B1B, U+2B1D-10FFFF;
}

@font-face {
  font-family: 'Inter Variable';
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  src: url('/assets/InterVariable-Italic-FCBEiFp6.woff2') format('woff2');
  unicode-range: U+0-2B1B, U+2B1D-10FFFF;
}

@font-face {
  font-family: 'Berkeley Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/Berkeley-Mono-Variable-D6o35ndE.woff2') format('woff2');
}

@font-face {
  font-family: 'Linear Thai';
  font-weight: 450;
  font-display: swap;
  font-style: normal;
  src: local(Thonburi), local(Thonburi-Regular), local(Sukhumvit Set), local(Tahoma), local(Garuda), local(Noto Sans Thai);
  unicode-range: U+E00-E7F;
}

/* The tokens themselves are StyleX variables in tokens.stylex.ts (#512); vite.config.ts
   compiles them to CSS for the app and the public website. */
html[data-theme='light'] {
  color-scheme: light;
}

html[data-theme='dark'] {
  color-scheme: dark;
}

:root {
  --bg-window: lch(2.595% 0.4 272 / 1);
  --bg-sidebar: lch(2.595% 0.4 272 / 1);
  --bg-canvas: lch(5.52% 0.4 272 / 1);
  --color-border-primary: lch(9.84% 1.48 272 / 1);
  --color-border-secondary: lch(14.16% 1.48 272 / 1);
  --color-border-tertiary: lch(16.32% 1.48 272 / 1);
  --resizer-line-color: lch(100% 0 0 / 0.15);
  --sidebar-resizer-track: lch(24.195% 1.48 272 / 1);
  --text-primary: lch(100% 0 272 / 1);
  --text-secondary: lch(90.451% 1.2 272 / 1);
  --text-tertiary: lch(61.803% 1.2 272 / 1);
  --text-muted: lch(41.778% 1.425 272 / 1);
  --text-quaternary: lch(36.975% 1.2 272 / 1);
  --canvas-shadow: 0px 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --canvas-border: 0.5px solid lch(13.08% 1.48 272 / 1);
  --tooltip-bg: lch(12.72% 0.85 272 / 1);
  --tooltip-border: lch(25.68% 1.93 272 / 1);
  --tooltip-fg: lch(91.178% 1.425 272 / 1);
  --tooltip-kbd-border: lch(20.28% 1.93 272 / 1);
  --tooltip-shadow: lch(0% 0 0 / 0.3) 0 0.5px 1px 1px;
  --dropdown-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.125), 0px 2px 5px 0px rgba(0, 0, 0, 0.125), 0px 1px 1px 0px rgba(0, 0, 0, 0.125);
  --dialog-elevation-shadow: 0 4px 40px lch(0% 0 0 / 0.1), 0 3px 20px lch(0% 0 0 / 0.125), 0 3px 12px lch(0% 0 0 / 0.125), 0 2px 8px lch(0% 0 0 / 0.125), 0 1px 1px lch(0% 0 0 / 0.125);
  --app-scrollbar-bg: lch(37.275% 1.2 272 / 1);
  --app-scrollbar-bg-hover: lch(37.375% 1.2 272 / 1);
  --app-scrollbar-bg-active: lch(36.975% 1.2 272 / 1);
  --item-hover-bg: lch(8.445% 1.3 272 / 1);
  --group-chevron: lch(20.032% 7 272 / 1);
  --group-chevron-hover: lch(90.826% 1.425 272 / 1);
  --group-title-fg: lch(90.826% 1.425 272 / 1);
  --group-count-fg: lch(63.304% 7 270.292 / 1);
  --settings-row-desc: lch(63.304% 1.425 272 / 1);
  --data-row-hover-bg: lch(9.345% 0.85 272 / 1);
  --item-active-bg: lch(13.845% 1.3 272 / 1);
  --sidebar-item-fg: lch(60.621% 1.2 272 / 1);
  --sidebar-item-fg-strong: var(--text-primary);
  --sidebar-item-hover-bg: var(--item-hover-bg);
  --sidebar-workspace-fg: lch(90.155% 1.2 272 / 1);
  --sidebar-icon-button-hover-bg: lch(10.149% 0.689 272 / 1);
  --sidebar-icon-button-active-bg: lch(10.695% 0.85 272 / 1);
  --sidebar-disclosure-fg: lch(35.024% 1.2 272 / 1);
  --breadcrumb-separator-fg: lch(61.803% 1.2 272 / 1);
  --row-selected-bg: lch(12.141% 17.792 286.445 / 1);
  --inbox-unread-dot: lch(47.918% 59.303 288.421 / 1);
  --inbox-row-hover-bg: lch(9.345% 0.85 272 / 1);
  --inbox-row-active-bg: lch(13.62% 0.85 272 / 1);
  --inbox-row-active-title: lch(91.269% 1.425 272 / 1);
  --inbox-row-active-fg: lch(65.078% 1.425 272 / 1);
  --inbox-group-header-bg: lch(9.232% 0.85 272 / 1);
  --inbox-tab-bg: lch(10.149% 0.593 272 / 1);
  --inbox-tab-active-bg: lch(16.706% 0.979 272 / 1);
  --inbox-tab-fg: lch(61.803% 1.2 272 / 1);
  --inbox-group-header-fg: lch(63.304% 1.425 272 / 1);
  --inbox-group-header-icon: lch(39.452% 1.425 272 / 1);
  --inbox-error-bg: lch(66% 80 48 / 1);
  --inbox-filter-bg: lch(9.345% 0.85 272 / 1);
  --inbox-filter-chip-bg: lch(10.149% 0.689 272 / 1);
  --row-selected-hover-bg: lch(15.966% 18.242 286.445 / 1);
  --checkbox-checked-bg: lch(47.918% 59.303 288.421 / 1);
  --checkbox-checked-fg: lch(100% 5 288.421 / 1);
  --checkbox-border-hover: lch(52.418% 61.103 288.421 / 1);
  --dock-button-bg: lch(13.861% 1.139 272 / 1);
  --dock-button-hover-bg: lch(18.49% 1.525 272 / 1);
  --dock-button-fg: lch(90.826% 1.425 272 / 1);
  --dock-button-ring: 0 0 0 0.5px lch(100% 0 0 / 0.143), 0 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --dock-button-ring-hover: 0 0 0 0.5px lch(100% 0 0 / 0.238), 0 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --dock-clear-hover-bg: lch(17.718% 1.043 272 / 1);
  --command-menu-shadow: lch(0% 0 0 / 0.1) 0px 4px 40px 0px, lch(0% 0 0 / 0.125) 0px 3px 20px 0px, lch(0% 0 0 / 0.125) 0px 3px 12px 0px, lch(0% 0 0 / 0.125) 0px 2px 8px 0px, lch(0% 0 0 / 0.125) 0px 1px 1px 0px;
  --command-menu-bg: lch(12.72% 0.85 272 / 1);
  --command-menu-border: lch(25.68% 1.93 272 / 1);
  --command-menu-text: lch(91.178% 1.425 272 / 1);
  --command-menu-text-selected: lch(100% 0 272 / 1);
  --command-menu-text-tertiary: lch(64.714% 1.425 272 / 1);
  --command-menu-placeholder: lch(41.778% 1.425 272 / 1);
  --command-menu-row-selected-bg: lch(20.82% 1.3 272 / 1);
  --command-menu-chip-bg: var(--command-menu-row-selected-bg);
  --command-menu-kbd-border: lch(20.28% 1.93 272 / 1);
  --toast-bg: var(--card-bg);
  --toast-shadow: 0 0 0 1px lch(100% 0 272 / 0.1), 0 6px 18px lch(0% 0 0 / 0.3), 0 3px 9px lch(0% 0 0 / 0.3), 0 1px 1px lch(0% 0 0 / 0.2);
  --toast-success-icon: #4cb782;
  --toast-error-icon: #f87171;
  --toast-warning-icon: #f0bf00;
  --session-current-text: #4cb782;
  --action-danger: lch(58% 73 29 / 1);
  --action-danger-hover: lch(53% 73 29 / 1);
  --action-danger-text: lch(100% 5 286.91 / 1);
  --tab-active-bg: lch(16.706% 0.979 272 / 1);
  --tab-inactive-bg: transparent;
  --sidebar-card-border: var(--card-border);
  --sidebar-tab-active-bg: var(--tab-active-bg);
  --sidebar-tab-hover-bg: var(--item-hover-bg);
  --sidebar-tab-inactive-bg: var(--card-bg);
  --sidebar-tab-active-text: var(--text-primary);
  --sidebar-tab-hover-text: var(--text-secondary);
  --sidebar-tab-inactive-text: var(--text-tertiary);
  --sidebar-tab-active-shadow: 0 0 0 1px lch(100% 0 272 / 0.16);
  --sidebar-tab-inactive-shadow: 0 0 0 1px lch(100% 0 272 / 0.1);
  --sidebar-tab-hover-shadow: 0 0 0 1px lch(100% 0 272 / 0.16);
  --card-bg: lch(9.232% 0.85 272 / 1);
  --card-border: lch(13.553% 1.93 272 / 1);
  --dock-bg: lch(9.232% 0.85 272 / 1);
  --dock-btn-bg: lch(13.861% 1.139 272 / 1);
  --checkbox-border-rest: lch(48.72% 1.48 272 / 1);
  --role-badge-bg: lch(48% 59.31 288.43 / 0.2);
  --settings-list-group-bg: lch(7.32% 0.85 272 / 1);
  --settings-list-group-count: lch(36.975% 1.2 272 / 1);
  --settings-list-row-hover-bg: lch(9.345% 0.85 272 / 1);
  --search-row-hover-bg: lch(9.345% 0.85 272 / 1);
  --search-row-active-bg: lch(13.62% 0.85 272 / 1);
  --search-header-border: lch(13.08% 1.48 272 / 1);
  --settings-list-muted: lch(61.803% 1.2 272 / 1);
  --settings-list-search-bg: lch(10.149% 0.689 272 / 1);
  --settings-list-search-border: lch(27.12% 1.48 272 / 1);
  --settings-list-search-border-hover: lch(24.32% 6.48 272 / 1);
  --role-badge-fg: lch(80% 80 288.43 / 1);
  --toggle-unchecked-bg: lch(47.551% 0.913 272 / 1);
  --toggle-unchecked-hover-bg: lch(56.807% 1.019 272 / 1);
  --toggle-checked-bg: lch(47.918% 59.303 288.421 / 1);
  --toggle-checked-hover-bg: lch(52.418% 61.103 288.421 / 1);
  --toggle-knob: lch(100% 5 288.421 / 1);
  --focus-ring-color: #6d78d5;
  --action-primary: #5e6ad2;
  --action-primary-hover: #6875e5;
  --button-primary-bg: var(--toggle-checked-bg);
  --button-primary-hover-bg: var(--toggle-checked-hover-bg);
  --button-primary-text: lch(100% 5 288.421 / 1);
  --calendar-weekend-bg: lch(13.553% 1.93 272 / 1);
  --calendar-selected-bg: var(--action-primary);
  --calendar-selected-fg: #ffffff;
  --calendar-cancel-bg: var(--color-border-secondary);
  --calendar-cancel-fg: var(--text-secondary);
  --calendar-cancel-shadow: none;
  --calendar-apply-bg: var(--action-primary);
  --calendar-apply-fg: #ffffff;
  --calendar-apply-shadow: none;
  --filter-menu-border: var(--color-border-secondary);
  --filter-menu-divider: var(--color-border-secondary);
  --filter-menu-text: var(--text-secondary);
  --filter-menu-text-active: var(--text-primary);
  --filter-menu-muted: var(--text-tertiary);
  --filter-menu-highlight: lch(17.3% 1.3 272 / 1);
  --menu-item-highlight: var(--filter-menu-highlight);
  --filter-checkbox-border: lch(54.1% 0 272 / 1);
  --filter-checkbox-selected: #5e6ad2;
  --filter-badge-border: lch(23.5% 1.9 272 / 1);
  --filter-trigger-bg: transparent;
  --filter-trigger-active-bg: var(--tab-active-bg);
  --header-button-fg: lch(61.803% 1.2 272 / 1);
  --header-button-hover-bg: lch(14.006% 0.593 272 / 1);
  --header-button-active-bg: lch(18.634% 1.075 272 / 1);
  --property-fg: var(--header-button-fg);
  --property-hover-bg: lch(14.006% 0.593 272 / 1);
  --toolbar-button-bg: lch(10.149% 0.689 272 / 1);
  --toolbar-button-hover-bg: lch(14.777% 1.075 272 / 1);
  --toolbar-button-active-bg: lch(18.634% 1.075 272 / 1);
  --toolbar-button-ring: 0 0 0 0.5px lch(100% 0 0 / 0.137), 0 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --toolbar-button-ring-hover: 0 0 0 0.5px lch(100% 0 0 / 0.229), 0 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --toolbar-button-ring-active: 0 0 0 0.5px lch(100% 0 0 / 0.229);
  --header-button-focus-ring: lch(47.918% 59.303 288.421 / 1);
  --filter-menu-shadow: var(--dropdown-shadow);
  --filter-menu-strong-shadow: 0px 9px 48px lch(0% 0 0 / 0.28), 0px 6px 24px lch(0% 0 0 / 0.24), 0px 1px 1px lch(0% 0 0 / 0.3);
  --rules-group-bg: lch(9.232% 0.85 272 / 1);
  --list-subgroup-line: lch(22.193% 1.93 272 / 1);
  --display-footer-accent: lch(60.303% 70 288.421 / 1);
  --rules-group-hover-bg: lch(13.845% 1.3 272 / 1);
  --rules-row-hover-bg: lch(8.445% 1.3 272 / 1);
  --rules-row-focus-bg: lch(11.033% 1.3 272 / 1);
  --rules-property-bg: rgba(255, 255, 255, 0.06);
  --rules-property-border: rgba(255, 255, 255, 0.08);
  --rules-property-text: lch(85% 1.2 272 / 1);
  --rules-scope-bg: rgba(255, 255, 255, 0.04);
  --rules-scope-text: lch(68% 1.2 272 / 1);
  --rules-action-stop-bg: rgba(239, 68, 68, 0.14);
  --rules-action-stop-border: rgba(239, 68, 68, 0.25);
  --rules-action-stop-text: #f87171;
  --rules-action-positive-bg: rgba(16, 185, 129, 0.14);
  --rules-action-positive-border: rgba(16, 185, 129, 0.25);
  --rules-action-positive-text: #34d399;
  --rules-action-default-bg: rgba(59, 130, 246, 0.14);
  --rules-action-default-border: rgba(59, 130, 246, 0.25);
  --rules-action-default-text: #60a5fa;
  --preferences-card-bg: lch(9.232% 0.85 272 / 1);
  --preferences-control-bg: lch(13.861% 1.139 272 / 1);
  --preferences-control-hover: #2b2c2e;
  --preferences-active-bg: lch(13.845% 1.3 272 / 1);
  --preferences-row-hover-bg: lch(13.058% 1.3 272 / 1);
  --preferences-channel-icon-bg: lch(11.033% 1.3 272 / 1);
  --preferences-channel-icon-fg: lch(63.304% 1.425 272 / 1);
  --preferences-row-link-fg: lch(39.452% 1.425 272 / 1);
  --preferences-channel-on: lch(60% 64.37 141.95 / 1);
  --preferences-channel-off: lch(39.452% 1.425 272 / 1);
  --preferences-search-bg: lch(7.32% 0.85 272 / 1);
  --preferences-search-border: lch(18.48% 1.48 272 / 1);
  --preferences-card-ring: 0 0 0 0.5px lch(100% 0 0 / 0.083);
  --preferences-divider: lch(100% 0 0 / 0.083);
  --preferences-input-border: lch(30.833% 1.93 272 / 1);
  --preferences-avatar-ring: transparent;
  --preferences-control-ring: 0 0 0 0.5px lch(100% 0 0 / 0.143);
  --preferences-control-ring-hover: 0 0 0 0.5px lch(100% 0 0 / 0.238);
  --preferences-control-hover-bg: lch(18.49% 1.525 272 / 1);
  --preferences-menu-bg: lch(11.5% 1.1 272 / 1);
  --preferences-menu-border: lch(20.032% 1.93 272 / 1);
  --preferences-menu-hover: lch(18% 1.2 272 / 1);
  --preferences-accent: #5e69d1;
  --preferences-aa-system-bg: #111212;
  --preferences-aa-system-fg: #e2e3e5;
  --modal-overlay-bg: rgb(0 0 0 / 0.4);
  --details-pane-backdrop: var(--bg-canvas);
  --details-pane-resizer-track: var(--split-resizer-track);
  --details-pane-resizer-indicator: var(--split-resizer-indicator);
  --split-resizer-track: lch(27.12% 1.48 272 / 1);
  --split-resizer-indicator: lch(100% 0 0 / 0.15);
  --help-button-fg: lch(60.621% 1.2 272 / 1);
  --help-button-hover-bg: lch(10.149% 0.689 272 / 1);
  --help-button-hover-fg: lch(100% 0 272 / 1);
  --help-menu-bg: lch(12.72% 0.85 272 / 1);
  --help-menu-border: lch(25.68% 1.93 272 / 1);
  --help-menu-fg: lch(91.178% 1.425 272 / 1);
  --help-menu-fg-highlighted: lch(100% 0 272 / 1);
  --help-menu-highlight: lch(20.82% 1.3 272 / 1);
  --help-menu-secondary: lch(64.714% 1.425 272 / 1);
  --help-menu-timeline: lch(21.36% 1.93 272 / 1);
  --help-menu-divider: lch(20.28% 1.93 272 / 1);
  --help-menu-empty: lch(41.778% 1.425 272 / 1);
  --help-focus-ring: lch(47.918% 59.303 288.421 / 1);
  --row-menu-chevron: lch(41.778% 1.425 272 / 1);
  --favorite-star: lch(80% 90 85 / 1);
  --favorite-number-border: lch(20.28% 1.93 272 / 1);
  --bell-checkbox-border: lch(55.92% 1.93 272 / 1);
  --row-menu-separator: lch(20.28% 1.93 272 / 1);
  --shortcuts-panel-bg: lch(9.232% 0.85 272 / 1);
  --shortcuts-panel-border: lch(13.553% 1.93 272 / 1);
  --shortcuts-title: lch(100% 0 272 / 1);
  --shortcuts-label: lch(63.304% 1.425 272 / 1);
  --shortcuts-key-border: lch(16.793% 1.93 272 / 1);
  --shortcuts-input-border: lch(30.833% 1.93 272 / 1);
  --details-pane-card-bg: var(--card-bg);
  --details-pane-card-border: lch(16.793% 1.93 272 / 1);
  --details-pane-card-shadow: 0px 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --details-tabs-bg: var(--card-bg);
  --details-tab-bg: lch(13.861% 1.043 272 / 1);
  --details-tab-hover-bg: lch(17.718% 1.043 272 / 1);
  --details-tab-active-bg: lch(20.418% 1.429 272 / 1);
  --details-tab-fg: lch(63.304% 1.425 272 / 1);
  --details-tab-hover-fg: lch(90.826% 1.425 272 / 1);
  --details-tab-active-fg: lch(100% 0 272 / 1);
  --details-tab-ring: 0 0 0 0.5px lch(100% 0 0 / 0.143), 0px 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --details-tab-ring-active: 0 0 0 0.5px lch(100% 0 0 / 0.238);
  --details-select-bg: lch(13.861% 1.139 272 / 1);
  --details-select-fg: lch(90.826% 1.425 272 / 1);
  --details-row-bg: var(--card-bg);
  --details-row-hover-bg: lch(13.058% 1.3 272 / 1);
  --details-row-active-bg: lch(11.033% 1.3 272 / 1);
  --details-row-fg: var(--text-primary);
  --details-row-count-fg: var(--text-primary);
  --property-chip-bg: lch(17.574% 1.589 272 / 1);
  --property-chip-hover-bg: lch(22.202% 1.975 272 / 1);
  --property-chip-fg: lch(64.805% 1.65 272 / 1);
  --property-chip-ring: 0 0 0 0.5px lch(100% 0 0 / 0.149), 0px 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --property-chip-ring-hover: 0 0 0 0.5px lch(100% 0 0 / 0.248), 0px 0.5px 1px 1px lch(0% 0 0 / 0.3);
  --condition-chip-bg: lch(10.149% 0.689 272 / 1);
  --condition-chip-border: lch(100% 0 0 / 0.137);
  --details-row-link-fg: var(--text-primary);
  --details-pane-scrim: rgb(0 0 0 / 0.4);
  --board-card-ring: lch(100% 0 0 / 0.083);
  --board-lane-bg: lch(7.32% 0.85 272 / 1);
  --site-bg: #08090a;
  --site-fg: #f7f8f8;
  --site-fg-secondary: #d0d6e0;
  --site-fg-tertiary: #8a8f98;
  --site-fg-quaternary: #62666d;
  --site-line: rgb(255 255 255 / 0.08);
  --site-divider: #23252a;
  --site-hover-bg: rgb(255 255 255 / 0.08);
  --site-invert-bg: #e5e5e6;
  --site-invert-fg: #08090a;
  --site-header-bg: linear-gradient(rgb(11 11 11 / 0.8), rgb(18 18 18 / 0.76));
  --site-header-fade: linear-gradient(#08090a, rgb(0 0 0 / 0));
  --site-hero-floor: #d0d6e0;
  --site-fig-hi: #d0d6e0;
  --site-fig-mid: #3e3e44;
  --site-fig-low: #2e2e32;
  --site-panel-bg: #0f1011;
  --site-logo: #fff;
  --logo-avatar-bg: lch(90.451% 1.2 272 / 1);
  --site-background: var(--site-bg);
  --site-border-color: var(--site-line);
}

:root {
  --facet-sidebar-gap: 8px;
  --facet-empty-padding: 24px;
  --toast-offset-right: 24px;
  --toast-offset-bottom: 52px;
  --toast-gap: 8px;
  --toast-padding: 12px;
  --site-gutter: clamp(24px, 5.4vw, 78px);
  --site-space-xs: 8px;
  --site-space-sm: 16px;
  --site-space-md: 24px;
  --site-space-lg: 40px;
  --site-space-xl: 64px;
  --site-section-space: clamp(56px, 8vw, 112px);
  --site-hero-space: clamp(88px, 12vw, 176px);
  --site-footer-gap: clamp(32px, 6vw, 88px);
  --site-focus-offset: 4px;
}

:root {
  --canvas-border-radius: 12px;
  --control-border-radius: 8px;
}

:root {
  --font-monospace: "Berkeley Mono", "SFMono Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-regular: "Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Linear Thai", sans-serif;
  --facet-font-size: 13px;
  --font-weight-normal: 450;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --site-brand-size: 22px;
  --site-body-size: 16px;
  --site-small-size: 13px;
  --site-heading-size: clamp(40px, 5vw, 64px);
  --site-heading-leading: 1.06;
  --site-heading-tracking: -0.035em;
  --site-section-size: 24px;
  --site-lead-size: clamp(18px, 2vw, 22px);
  --site-body-leading: 1.7;
}

:root {
  --sidebar-width: 244px;
  --header-height: 44px;
  --facet-row-height: 42px;
  --scrollbar-width: 10px;
  --scrollbar-min-size: 32px;
  --layer-command-menu: 100;
  --layer-toast: 110;
  --toast-width: 384px;
  --site-width: 1280px;
  --site-reading-width: 624px;
  --site-header-height: 73px;
  --site-logo-size: 32px;
  --site-footer-brand-width: 440px;
  --site-focus-width: 2px;
  --site-border-width: 1px;
  --resizer-spot-mask: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.1) 11.4125%, rgba(0, 0, 0, 0.2) 17.15%,
    rgba(0, 0, 0, 0.3) 22.2125%, rgba(0, 0, 0, 0.4) 26.6%, rgba(0, 0, 0, 0.5) 30.3125%, rgba(0, 0, 0, 0.6) 33.35%,
    rgba(0, 0, 0, 0.7) 35.7125%, rgba(0, 0, 0, 0.8) 37.4%, rgba(0, 0, 0, 0.9) 38.4125%, rgb(0, 0, 0) 38.75%, rgb(0, 0, 0) 61.25%,
    rgba(0, 0, 0, 0.9) 61.5875%, rgba(0, 0, 0, 0.8) 62.6%, rgba(0, 0, 0, 0.7) 64.2875%, rgba(0, 0, 0, 0.6) 66.65%,
    rgba(0, 0, 0, 0.5) 69.6875%, rgba(0, 0, 0, 0.4) 73.4%, rgba(0, 0, 0, 0.3) 77.7875%, rgba(0, 0, 0, 0.2) 82.85%,
    rgba(0, 0, 0, 0.1) 88.5875%, rgba(0, 0, 0, 0) 95%);
}

:root {
  --speed-highlightFadeIn: 0s;
  --speed-highlightFadeOut: 0.15s;
  --speed-quickTransition: 0.1s;
  --speed-regularTransition: 0.25s;
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --motion-dock-enter-duration: 450ms;
  --motion-toast-enter-duration: 180ms;
  --site-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --sidebar-spring-duration: 400ms;
  --sidebar-spring: linear(0, 0.004 3.8%, 0.015 7.5%, 0.096 11.8%, 0.22 16%, 0.346 20.2%, 0.473 24.5%, 0.59 28.5%, 0.677 32.8%, 0.76 37.2%, 0.82 41.2%, 0.87 45.5%, 0.908 49.8%, 0.935 53.8%, 0.954 57.8%, 0.969 62%, 0.98 66.2%, 0.987 70.5%, 0.992 74.8%, 0.996 78.8%, 1 87%, 1);
  --sidebar-spring-show: linear(0, 0 28.5%, 0.031 32.8%, 0.28 37.2%, 0.46 41.2%, 0.61 45.5%, 0.724 49.8%, 0.805 53.8%, 0.862 57.8%, 0.907 62%, 0.94 66.2%, 0.961 70.5%, 0.976 74.8%, 0.988 78.8%, 1 87%, 1);
  --sidebar-spring-hide: linear(0, 0.012 3.8%, 0.045 7.5%, 0.288 11.8%, 0.66 16%, 1 20.2%, 1);
}

html[data-theme='light'] {
  --action-primary: #5e6ad2;
  --action-primary-hover: #6875e5;
  --app-scrollbar-bg: lch(64.94% 1.25 282 / 1);
  --app-scrollbar-bg-active: lch(64.64% 1.25 282 / 1);
  --app-scrollbar-bg-hover: lch(65.44% 1.25 282 / 1);
  --bell-checkbox-border: lch(54.1% 0 282 / 1);
  --bg-canvas: lch(97.94% 0.5 282 / 1);
  --bg-sidebar: lch(94.44% 0.5 282 / 1);
  --bg-window: lch(94.44% 0.5 282 / 1);
  --board-card-ring: lch(0% 0 0 / 0.088);
  --board-lane-bg: lch(94.44% 0.5 282 / 1);
  --breadcrumb-separator-fg: lch(39.176% 1.25 282 / 1);
  --button-primary-bg: var(--toggle-checked-bg);
  --button-primary-hover-bg: var(--toggle-checked-hover-bg);
  --button-primary-text: lch(100% 5 286.91 / 1);
  --calendar-apply-bg: lch(53% 52.26 286.91 / 1);
  --calendar-apply-fg: lch(100% 5 286.91 / 1);
  --calendar-apply-shadow: 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --calendar-cancel-bg: lch(100% 0 282 / 1);
  --calendar-cancel-fg: lch(20% 1 282 / 1);
  --calendar-cancel-shadow: 0 0 0 1px lch(0% 0 0 / 0.103), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --calendar-selected-bg: lch(53% 52.26 286.91 / 1);
  --calendar-selected-fg: lch(100% 5 286.91 / 1);
  --calendar-weekend-bg: lch(97.3% 0 282 / 1);
  --canvas-border: 0.5px solid lch(89.84% 0 282 / 1);
  --canvas-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.02), 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
  --card-bg: lch(100% 0 282 / 1);
  --card-border: lch(95.24% 0 282 / 1);
  --checkbox-border-hover: lch(47% 50.26 286.91 / 1);
  --checkbox-border-rest: lch(52.04% 0 282 / 1);
  --checkbox-checked-bg: lch(53% 52.26 286.91 / 1);
  --checkbox-checked-fg: lch(100% 5 286.91 / 1);
  --color-border-primary: lch(95.24% 0 282 / 1);
  --color-border-secondary: lch(88.49% 0 282 / 1);
  --color-border-tertiary: lch(84.44% 0 282 / 1);
  --command-menu-bg: lch(100% 0 282 / 1);
  --command-menu-border: lch(91.9% 0 282 / 1);
  --command-menu-chip-bg: var(--command-menu-row-selected-bg);
  --command-menu-kbd-border: lch(91.9% 0 282 / 1);
  --command-menu-placeholder: lch(66% 1 282 / 1);
  --command-menu-row-selected-bg: lch(95% 0 282 / 1);
  --command-menu-shadow: 0px 9px 48px 0px lch(0% 0 0 / 0.08), 0px 6px 24px 0px lch(0% 0 0 / 0.1), 0px 1px 1px 0px lch(0% 0 0 / 0.04);
  --command-menu-text: lch(20% 1 282 / 1);
  --command-menu-text-selected: lch(10% 0 282 / 1);
  --command-menu-text-tertiary: lch(40% 1 282 / 1);
  --condition-chip-bg: lch(99.997% 0.5 282 / 1);
  --condition-chip-border: lch(0% 0 0 / 0.09);
  --data-row-hover-bg: lch(94.44% 0.5 282 / 1);
  --details-pane-card-border: lch(91.9% 0 282 / 1);
  --details-pane-card-shadow: 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --details-pane-scrim: rgb(0 0 0 / 0.25);
  --details-row-active-bg: var(--item-active-bg);
  --details-row-count-fg: lch(10% 0 282 / 1);
  --details-row-fg: lch(10% 0 282 / 1);
  --details-row-hover-bg: var(--item-hover-bg);
  --details-select-bg: var(--sidebar-tab-active-bg);
  --details-select-fg: var(--text-secondary);
  --details-tab-active-bg: var(--sidebar-tab-active-bg);
  --details-tab-active-fg: var(--sidebar-tab-active-text);
  --details-tab-bg: var(--sidebar-tab-inactive-bg);
  --details-tab-fg: var(--sidebar-tab-inactive-text);
  --details-tab-hover-bg: var(--sidebar-tab-hover-bg);
  --details-tab-hover-fg: var(--sidebar-tab-hover-text);
  --details-tab-ring: 0 0 0 0.5px lch(0% 0 0 / 0.088), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --details-tab-ring-active: 0 0 0 0.5px lch(0% 0 0 / 0.147);
  --dialog-elevation-shadow: 0 9px 48px lch(0% 0 0 / 0.08), 0 6px 24px lch(0% 0 0 / 0.1), 0 1px 1px lch(0% 0 0 / 0.04);
  --display-footer-accent: lch(45% 70 286.91 / 1);
  --dock-bg: lch(100% 0 282 / 1);
  --dock-btn-bg: lch(93.483% 0.5 282 / 1);
  --dock-button-bg: lch(100% 0 282 / 1);
  --dock-button-fg: lch(20% 1 282 / 1);
  --dock-button-hover-bg: lch(95.886% 0 282 / 1);
  --dock-button-ring: 0 0 0 0.5px lch(0% 0 0 / 0.088), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px 0 lch(0% 0 0 / 0.04);
  --dock-button-ring-hover: 0 0 0 0.5px lch(0% 0 0 / 0.147), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px 0 lch(0% 0 0 / 0.04);
  --dock-clear-hover-bg: lch(96.914% 0 282 / 1);
  --dropdown-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.02), 0px 3px 9px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
  --favorite-number-border: lch(91.9% 0 282 / 1);
  --favorite-star: lch(80% 90 85 / 1);
  --filter-badge-border: lch(86.5% 0 282 / 1);
  --filter-checkbox-border: lch(54.1% 0 282 / 1);
  --filter-checkbox-selected: #5e6ad2;
  --filter-menu-border: lch(90.55% 0 282 / 1);
  --filter-menu-divider: lch(97.3% 0 282 / 1);
  --filter-menu-highlight: lch(95% 0 282 / 1);
  --filter-menu-muted: lch(40% 1 282 / 1);
  --filter-menu-shadow: 0px 6px 18px lch(0% 0 0 / 0.02), 0px 3px 9px lch(0% 0 0 / 0.04), 0px 1px 1px lch(0% 0 0 / 0.04);
  --filter-menu-strong-shadow: 0px 9px 48px lch(0% 0 0 / 0.08), 0px 6px 24px lch(0% 0 0 / 0.1), 0px 1px 1px lch(0% 0 0 / 0.04);
  --filter-menu-text: lch(20% 1 282 / 1);
  --filter-menu-text-active: lch(10% 0 282 / 1);
  --filter-trigger-active-bg: lch(94.854% 0.157 282 / 1);
  --filter-trigger-bg: lch(99.997% 0.5 282 / 1);
  --focus-ring-color: #6d78d5;
  --group-chevron: lch(80.94% 12 282 / 1);
  --group-chevron-hover: lch(18.888% 1.25 282 / 1);
  --group-count-fg: lch(37.776% 12 279.067 / 1);
  --group-title-fg: lch(18.888% 1.25 282 / 1);
  --header-button-active-bg: lch(94.854% 0.157 282 / 1);
  --header-button-fg: var(--text-tertiary);
  --header-button-focus-ring: lch(53% 52.26 286.91 / 1);
  --header-button-hover-bg: lch(94.854% 0.5 282 / 1);
  --help-button-fg: lch(37.776% 1.25 282 / 1);
  --help-button-hover-bg: lch(0% 0 0 / 0.06);
  --help-button-hover-fg: lch(9.444% 0 282 / 1);
  --help-focus-ring: lch(53% 52.26 286.91 / 1);
  --help-menu-bg: lch(100% 0 282 / 1);
  --help-menu-border: lch(91.9% 0 282 / 1);
  --help-menu-divider: lch(91.9% 0 282 / 1);
  --help-menu-empty: lch(66% 1 282 / 1);
  --help-menu-fg: lch(20% 1 282 / 1);
  --help-menu-fg-highlighted: lch(10% 0 282 / 1);
  --help-menu-highlight: lch(95% 0 282 / 1);
  --help-menu-secondary: lch(40% 1 282 / 1);
  --help-menu-timeline: lch(90.55% 0 282 / 1);
  --inbox-error-bg: lch(58% 79 48 / 1);
  --inbox-filter-bg: lch(97.5% 0.5 282 / 1);
  --inbox-filter-chip-bg: lch(99.5% 0 282 / 1);
  --inbox-group-header-bg: lch(94.44% 0.5 282 / 1);
  --inbox-group-header-fg: lch(37.776% 1.25 282 / 1);
  --inbox-group-header-icon: lch(62.33% 1.25 282 / 1);
  --inbox-row-active-bg: lch(92.94% 0.5 282 / 1);
  --inbox-row-active-fg: lch(37.176% 1.25 282 / 1);
  --inbox-row-active-title: lch(18.588% 1.25 282 / 1);
  --inbox-row-hover-bg: lch(94.44% 0.5 282 / 1);
  --inbox-tab-active-bg: lch(93.483% 0.5 282 / 1);
  --inbox-tab-bg: lch(99.997% 0.5 282 / 1);
  --inbox-tab-fg: lch(39.176% 1.25 282 / 1);
  --inbox-unread-dot: lch(53% 52.26 286.91 / 1);
  --item-active-bg: lch(89.54% 0.5 282 / 1);
  --item-hover-bg: lch(89.54% 0.5 282 / 1);
  --list-subgroup-line: lch(86.34% 0 282 / 1);
  --logo-avatar-bg: lch(19.588% 1.25 282 / 1);
  --menu-item-highlight: var(--item-hover-bg);
  --modal-overlay-bg: rgb(0 0 0 / 0.25);
  --preferences-aa-system-bg: #f8f8f9;
  --preferences-aa-system-fg: #2f2f31;
  --preferences-accent: #6d78d5;
  --preferences-active-bg: lch(89.54% 0.5 282 / 1);
  --preferences-avatar-ring: lch(86.5% 0 282 / 1);
  --preferences-card-bg: lch(100% 0 282 / 1);
  --preferences-card-ring: 0 0 0 0.5px lch(0% 0 0 / 0.088);
  --preferences-channel-icon-bg: lch(94.5% 0 282 / 1);
  --preferences-channel-icon-fg: var(--text-tertiary);
  --preferences-channel-off: lch(66% 1 282 / 1);
  --preferences-channel-on: lch(68% 64.37 141.95 / 1);
  --preferences-control-bg: lch(100% 0 282 / 1);
  --preferences-control-hover: #f2f2f3;
  --preferences-control-hover-bg: lch(95.886% 0 282 / 1);
  --preferences-control-ring: 0 0 0 0.5px lch(0% 0 0 / 0.088);
  --preferences-control-ring-hover: 0 0 0 0.5px lch(0% 0 0 / 0.147);
  --preferences-divider: lch(0% 0 0 / 0.088);
  --preferences-input-border: lch(86.5% 0 282 / 1);
  --preferences-menu-bg: lch(100% 0 282 / 1);
  --preferences-menu-border: lch(86.5% 0 282 / 1);
  --preferences-menu-hover: lch(95% 0 282 / 1);
  --preferences-row-hover-bg: var(--item-hover-bg);
  --preferences-row-link-fg: lch(66% 1 282 / 1);
  --preferences-search-bg: lch(99.997% 0.5 282 / 1);
  --preferences-search-border: lch(89.84% 0 282 / 1);
  --property-chip-bg: lch(100% 0 282 / 1);
  --property-chip-fg: lch(40% 1 282 / 1);
  --property-chip-hover-bg: lch(95.886% 0 282 / 1);
  --property-chip-ring: 0 0 0 0.5px lch(0% 0 0 / 0.088), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --property-chip-ring-hover: 0 0 0 0.5px lch(0% 0 0 / 0.147), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --property-fg: var(--header-button-fg);
  --property-hover-bg: lch(92.44% 0.5 282 / 1);
  --resizer-line-color: lch(0% 0 0 / 0.95);
  --role-badge-bg: lch(48% 59.31 288.43 / 0.08);
  --role-badge-fg: lch(50% 80 288.43 / 1);
  --row-menu-chevron: lch(66% 1 282 / 1);
  --row-menu-separator: lch(91.9% 0 282 / 1);
  --row-selected-bg: lch(92.254% 5.903 282.518 / 1);
  --row-selected-hover-bg: lch(88.754% 5.903 282.518 / 1);
  --rules-action-default-bg: rgba(37, 99, 235, 0.09);
  --rules-action-default-border: rgba(37, 99, 235, 0.22);
  --rules-action-default-text: #1d4ed8;
  --rules-action-positive-bg: rgba(5, 150, 105, 0.10);
  --rules-action-positive-border: rgba(5, 150, 105, 0.22);
  --rules-action-positive-text: #087f5b;
  --rules-action-stop-bg: rgba(220, 38, 38, 0.09);
  --rules-action-stop-border: rgba(220, 38, 38, 0.22);
  --rules-action-stop-text: #b42318;
  --rules-group-bg: var(--bg-sidebar);
  --rules-group-hover-bg: var(--item-hover-bg);
  --rules-property-bg: lch(95.24% 0 282 / 1);
  --rules-property-border: lch(88.49% 0 282 / 1);
  --rules-property-text: var(--text-secondary);
  --rules-row-focus-bg: var(--item-hover-bg);
  --rules-row-hover-bg: lch(99.997% 0.5 282 / 1);
  --rules-scope-bg: lch(97.94% 0.5 282 / 1);
  --rules-scope-text: var(--text-tertiary);
  --search-header-border: lch(89.84% 0 282 / 1);
  --search-row-active-bg: lch(92.94% 0.5 282 / 1);
  --search-row-hover-bg: lch(94.44% 0.5 282 / 1);
  --session-current-text: lch(50% 80 141.95 / 1);
  --settings-list-group-bg: lch(92.44% 0.5 282 / 1);
  --settings-list-group-count: lch(64.64% 1.25 282 / 1);
  --settings-list-muted: var(--text-tertiary);
  --settings-list-row-hover-bg: lch(94.44% 0.5 282 / 1);
  --settings-list-search-bg: lch(99.997% 0.5 282 / 1);
  --settings-list-search-border: lch(84.44% 0 282 / 1);
  --settings-list-search-border-hover: lch(76.44% 0 282 / 1);
  --settings-row-desc: lch(40% 1 282 / 1);
  --shortcuts-input-border: lch(86.5% 0 282 / 1);
  --shortcuts-key-border: lch(91.9% 0 282 / 1);
  --shortcuts-label: lch(40% 1 282 / 1);
  --shortcuts-panel-bg: lch(100% 0 282 / 1);
  --shortcuts-panel-border: lch(97.3% 0 282 / 1);
  --shortcuts-title: lch(10% 0 282 / 1);
  --sidebar-card-border: lch(97.3% 0 282 / 1);
  --sidebar-disclosure-fg: lch(62.33% 1.25 282 / 1);
  --sidebar-icon-button-active-bg: lch(89.44% 0.5 282 / 1);
  --sidebar-icon-button-hover-bg: lch(0% 0 0 / 0.06);
  --sidebar-item-fg: lch(37.776% 1.25 282 / 1);
  --sidebar-item-fg-strong: lch(9.444% 0 282 / 1);
  --sidebar-item-hover-bg: lch(91.64% 0.5 282 / 1);
  --sidebar-resizer-track: lch(80.94% 0 282 / 1);
  --sidebar-tab-active-bg: lch(95.543% 0 282 / 1);
  --sidebar-tab-active-shadow: 0 0 0 1px lch(0% 0 0 / 0.147), 0 0 0 0 transparent;
  --sidebar-tab-active-text: lch(10% 0 282 / 1);
  --sidebar-tab-hover-bg: lch(96.914% 0 282 / 1);
  --sidebar-tab-hover-shadow: 0 0 0 1px lch(0% 0 0 / 0.147), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --sidebar-tab-hover-text: lch(20% 1 282 / 1);
  --sidebar-tab-inactive-bg: lch(100% 0 282 / 1);
  --sidebar-tab-inactive-shadow: 0 0 0 1px lch(0% 0 0 / 0.103), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px lch(0% 0 0 / 0.04);
  --sidebar-tab-inactive-text: lch(40% 1 282 / 1);
  --sidebar-workspace-fg: lch(18.888% 1.25 282 / 1);
  --site-bg: #fcfcfd;
  --site-divider: #e0e1e4;
  --site-fg: #08090a;
  --site-fg-quaternary: #8a8f98;
  --site-fg-secondary: #282a30;
  --site-fg-tertiary: #62666d;
  --site-fig-hi: #3c3f46;
  --site-fig-low: #dcdde1;
  --site-fig-mid: #c4c6cc;
  --site-header-bg: linear-gradient(rgb(252 252 253 / 0.8), rgb(247 247 248 / 0.76));
  --site-header-fade: linear-gradient(#fcfcfd, rgb(255 255 255 / 0));
  --site-hero-floor: #c9ccd3;
  --site-hover-bg: rgb(0 0 0 / 0.05);
  --site-invert-bg: #08090a;
  --site-invert-fg: #f7f8f8;
  --site-line: rgb(0 0 0 / 0.08);
  --site-logo: #222326;
  --site-panel-bg: #ffffff;
  --split-resizer-indicator: lch(0% 0 0 / 0.95);
  --split-resizer-track: lch(84.44% 0 282 / 1);
  --tab-active-bg: lch(93.483% 0.5 282 / 1);
  --tab-inactive-bg: transparent;
  --text-muted: lch(64.64% 1.25 282 / 1);
  --text-primary: lch(9.794% 0 282 / 1);
  --text-quaternary: lch(64.64% 1.25 282 / 1);
  --text-secondary: lch(19.588% 1.25 282 / 1);
  --text-tertiary: lch(39.176% 1.25 282 / 1);
  --toast-error-icon: #b42318;
  --toast-shadow: 0 0 0 1px lch(0% 0 0 / 0.103), 0 6px 18px lch(0% 0 0 / 0.02), 0 3px 9px lch(0% 0 0 / 0.04), 0 1px 1px lch(0% 0 0 / 0.04);
  --toast-success-icon: #2da562;
  --toast-warning-icon: #f0bf00;
  --toggle-checked-bg: lch(53% 52.26 286.91 / 1);
  --toggle-checked-hover-bg: lch(47% 50.26 286.91 / 1);
  --toggle-knob: lch(100% 5 286.91 / 1);
  --toggle-unchecked-bg: lch(82.484% 0.054 282 / 1);
  --toggle-unchecked-hover-bg: lch(76.978% 0.076 282 / 1);
  --toolbar-button-active-bg: lch(94.854% 0.157 282 / 1);
  --toolbar-button-bg: lch(99.997% 0.5 282 / 1);
  --toolbar-button-hover-bg: lch(95.883% 0.157 282 / 1);
  --toolbar-button-ring: 0 0 0 0.5px lch(0% 0 0 / 0.09), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px 0 lch(0% 0 0 / 0.04);
  --toolbar-button-ring-active: 0 0 0 0.5px lch(0% 0 0 / 0.15);
  --toolbar-button-ring-hover: 0 0 0 0.5px lch(0% 0 0 / 0.15), 0 3px 6px -2px lch(0% 0 0 / 0.02), 0 1px 1px 0 lch(0% 0 0 / 0.04);
  --tooltip-bg: var(--card-bg);
  --tooltip-border: var(--color-border-secondary);
  --tooltip-fg: var(--text-secondary);
  --tooltip-kbd-border: var(--color-border-secondary);
  --tooltip-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.02), 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* The public site's element base, global as the reset is. The build puts the token CSS before it (site/plugin.ts)
   and the components' CSS Modules after it, in the order site/render.tsx imports them. */
* { box-sizing: border-box; }
html { background: var(--site-background); scroll-padding-top: var(--site-header-height); }
body {
  margin: 0;
  color: var(--site-fg);
  background: var(--site-background);
  font-family: var(--font-regular);
  font-size: var(--site-body-size);
  line-height: var(--site-body-leading);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "cv01", "ss03";
}
a { color: inherit; text-underline-offset: var(--site-focus-offset); }
a:hover { color: var(--text-primary); }
a:focus-visible { outline: var(--site-focus-width) solid var(--focus-ring-color); outline-offset: var(--site-focus-offset); }
body > main { padding-top: 72px; }
h1 { margin: 0; font-size: var(--site-heading-size); font-weight: var(--font-weight-medium); line-height: var(--site-heading-leading); letter-spacing: var(--site-heading-tracking); }
@media (max-width: 1024px) {
  :root { --site-gutter: 34px; }
}
@media (max-width: 640px) {
  :root { --site-gutter: 24px; }
}
/* Pieces every public page shares: the page column, the logo mark, the pill buttons and the skip link. */
._siteContainer_c8rba_2 { width: min(var(--site-width), calc(100% - 2 * var(--site-gutter))); margin-inline: auto; }
._siteBrandMark_c8rba_3 { display: block; flex-shrink: 0; width: 22px; height: 22px; background: var(--site-logo); -webkit-mask: url('/buyerly-logo.png') center / contain no-repeat; mask: url('/buyerly-logo.png') center / contain no-repeat; }
._siteButtonInvert_c8rba_4 { display: inline-flex; align-items: center; justify-content: center; height: 32px; margin-left: 8px; padding-inline: 12px; border: 1px solid var(--site-invert-bg); border-radius: 9999px; background: var(--site-invert-bg); color: var(--site-invert-fg); font-size: 13px; font-weight: 510; line-height: 32px; text-decoration: none; white-space: nowrap; box-shadow: 0 8px 2px rgb(0 0 0 / 0), 0 5px 2px rgb(0 0 0 / 0.01), 0 3px 2px rgb(0 0 0 / 0.04), 0 1px 1px rgb(0 0 0 / 0.07), 0 0 1px rgb(0 0 0 / 0.08); transition: filter 0.16s var(--site-ease); }
._siteButtonInvert_c8rba_4:hover { color: var(--site-invert-fg); filter: brightness(1.1); }
._siteButtonInvert_c8rba_4._isLarge_c8rba_6 { height: 44px; margin: 0; padding-inline: 20px; font-size: 16px; line-height: 44px; }
._siteButtonSecondary_c8rba_7 { display: inline-flex; align-items: center; height: 44px; padding-inline: 20px; border-radius: 9999px; background: color-mix(in srgb, var(--site-fg) 5%, transparent); color: var(--site-fg); font-size: 16px; font-weight: 510; text-decoration: none; transition: background 0.16s var(--site-ease); }
._siteButtonSecondary_c8rba_7:hover { color: var(--site-fg); background: color-mix(in srgb, var(--site-fg) 9%, transparent); }
._skipLink_c8rba_9 { position: absolute; transform: translateY(-150%); left: var(--site-gutter); top: var(--site-space-sm); background: var(--site-background); padding: var(--site-space-xs); }
._skipLink_c8rba_9:focus { transform: none; }
/* Header as linear.app's (measured 2026-10-19, 1440px): fixed, 73px, blurred, pill links. */
._siteHeader_1vz4r_2 { position: fixed; inset: 0 0 auto; z-index: 100; height: var(--site-header-height); border-bottom: 1px solid var(--site-line); background: var(--site-header-bg); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
._siteHeader_1vz4r_2::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--site-header-fade); pointer-events: none; }
._siteHeaderInner_1vz4r_4 { height: 72px; display: flex; align-items: center; gap: 8px; }
._siteBrand_1vz4r_5 { display: inline-flex; align-items: center; gap: 8px; height: 32px; margin-left: -8px; margin-right: auto; padding-inline: 8px; border-radius: 6px; color: var(--site-fg); font-size: 18px; font-weight: 600; letter-spacing: -0.02em; text-decoration: none; }
._siteNav_1vz4r_6 { display: flex; align-items: center; gap: 0; }
._siteNavLink_1vz4r_7 { display: flex; align-items: center; height: 32px; padding-inline: 12px; border-radius: 9999px; color: var(--site-fg-tertiary); font-size: 13px; line-height: 19.5px; text-decoration: none; white-space: nowrap; transition: color 0.1s var(--site-ease), background 0.1s var(--site-ease); }
._siteNavLink_1vz4r_7:hover { color: var(--site-fg); background: var(--site-hover-bg); }
._siteNavDivider_1vz4r_9 { width: 1px; height: 16px; margin-inline: 13px 5px; background: var(--site-divider); }
/* Phone menu: Linear keeps the mark, the main button and a menu button; the rest moves into the menu. */
._siteMenuButton_1vz4r_11 { display: none; place-items: center; width: 32px; height: 32px; margin-left: 4px; padding: 0; border: 0; border-radius: 9999px; background: none; color: var(--site-fg-tertiary); cursor: pointer; }
._siteMenuButton_1vz4r_11:hover { color: var(--site-fg); background: var(--site-hover-bg); }
._siteMenu_1vz4r_11 { position: fixed; inset: var(--site-header-height) 0 auto; width: auto; margin: 0; padding: 8px var(--site-gutter) 24px; border: 0; border-bottom: 1px solid var(--site-line); background: var(--site-bg); color: var(--site-fg); }
._siteMenu_1vz4r_11 a { display: flex; align-items: center; height: 48px; border-bottom: 1px solid var(--site-line); color: var(--site-fg); font-size: 15px; text-decoration: none; }
@media (max-width: 768px) {
  ._siteNavLink_1vz4r_7, ._siteNavDivider_1vz4r_9 { display: none; }
  ._siteMenuButton_1vz4r_11 { display: grid; }
}
/* Hero as linear.app's: 64px title 200px under the header, subline with the New link, then the app frame. */
._heroCopy_1jupf_2 { padding-top: 200px; }
._heroTitle_1jupf_3 { margin: 0 0 0 -2px; color: var(--site-fg); font-size: 64px; font-weight: 510; line-height: 64px; letter-spacing: -0.022em; }
._heroSub_1jupf_4 { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 32px; }
._heroSub_1jupf_4 p { margin: 0; color: var(--site-fg-tertiary); font-size: 15px; line-height: 24px; letter-spacing: -0.011em; }
._heroNew_1jupf_6 { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; font-size: 15px; line-height: 24px; letter-spacing: -0.011em; color: var(--site-fg-tertiary); text-decoration: none; transition: filter 0.16s var(--site-ease); }
._heroNew_1jupf_6:hover { color: var(--site-fg-tertiary); filter: brightness(1.3); }
._heroNewLabel_1jupf_8 { color: var(--site-fg-secondary); font-weight: 510; }
html[data-theme='light'] ._heroNew_1jupf_6:hover { filter: brightness(0.7); }
._heroVisual_1jupf_10 { position: relative; margin-top: 70px; padding-bottom: 48px; }
._heroVisual_1jupf_10::before { content: ""; position: absolute; inset: 0 12px; max-width: 1416px; margin-inline: auto; border-radius: 6px; background: radial-gradient(52.53% 57.5% at 50% 100%, transparent 0%, color-mix(in srgb, var(--site-bg) 50%, transparent) 100%), linear-gradient(180deg, var(--site-bg) 10%, var(--site-hero-floor) 100%); }
._heroFrameWrap_1jupf_12 { position: relative; padding-inline: 60px; overflow: hidden; }
/* Hero entrance as linear.app's (its code, 2026-10-19): each title line rises out of a 10px blur at 0.4s and 0.5s,
   the subline at 0.6s, "New" at 2s; the floor fades in from 1.3s over 1.5s, then the app frame. */
@keyframes _site-rise_1jupf_1 { from { opacity: 0; filter: blur(10px); transform: translateY(20%); } }
@keyframes _site-fade_1jupf_1 { from { opacity: 0; } }
@keyframes _site-floor_1jupf_1 { 0% { opacity: 0; } 20% { opacity: 0.85; } 100% { opacity: 1; } }
._heroLine_1jupf_18 { display: inline-block; animation: _site-rise_1jupf_1 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s backwards; }
._heroLine_1jupf_18 + ._heroBreak_1jupf_19 + ._heroLine_1jupf_18 { animation-delay: 0.5s; }
._heroSub_1jupf_4 p { animation: _site-rise_1jupf_1 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s backwards; }
._heroNew_1jupf_6 { animation: _site-rise_1jupf_1 1s cubic-bezier(0.16, 1, 0.3, 1) 2s backwards; }
._heroVisual_1jupf_10::before { animation: _site-floor_1jupf_1 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s backwards; }
._heroFrameWrap_1jupf_12 { animation: _site-fade_1jupf_1 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s backwards; }
@media (prefers-reduced-motion: reduce) {
  ._heroLine_1jupf_18, ._heroSub_1jupf_4 p, ._heroNew_1jupf_6, ._heroVisual_1jupf_10::before, ._heroFrameWrap_1jupf_12 { animation: none; }
}
@media (max-width: 1439px) {
  ._heroFrameWrap_1jupf_12::after { content: ""; position: absolute; inset: 0 0 0 auto; z-index: 1; width: 360px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--site-bg) 80%, transparent)); pointer-events: none; }
}
@media (max-width: 1280px) {
  ._heroVisual_1jupf_10::before { inset: 0; border-radius: 0; }
  ._heroFrameWrap_1jupf_12 { padding-inline: 32px; }
}
@media (max-width: 1024px) {
  ._heroCopy_1jupf_2 { padding-top: 92px; }
  ._heroTitle_1jupf_3 { font-size: 56px; line-height: 1.1; }
  ._heroSub_1jupf_4 { flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 20px; }
  ._heroSub_1jupf_4 p { max-width: 480px; }
  ._heroFrameWrap_1jupf_12 { padding-inline: 28px; }
}
@media (max-width: 640px) {
  ._heroCopy_1jupf_2 { padding-top: 124px; }
  ._heroTitle_1jupf_3 { font-size: 38px; line-height: 1.1; }
  ._heroBreak_1jupf_19 { display: none; }
  ._heroVisual_1jupf_10 { margin-top: 36px; }
  ._heroFrameWrap_1jupf_12 { height: 360px; padding-inline: 18px; }
  ._heroLine_1jupf_18 { display: inline; }
}
/* The app frame: Buyerly's own sidebar and Ads Manager in the app's tokens, in Linear's frame geometry. */
._appFrame_ba6li_2 { position: relative; display: grid; grid-template-columns: 232px minmax(0, 1fr); width: 1320px; height: 720px; margin-inline: auto; padding: 8px; overflow: hidden; border-radius: 12px; background: var(--bg-window); box-shadow: inset 0 0 0 1px var(--site-line); color: var(--text-primary); font-size: 13px; line-height: normal; user-select: none; }
._appFrame_ba6li_2 svg { display: block; flex-shrink: 0; }
._appSidebar_ba6li_4 { padding: 8px 16px 16px 8px; }
._appWs_ba6li_5 { display: flex; align-items: center; justify-content: space-between; height: 28px; }
._appWsName_ba6li_6 { display: flex; align-items: center; gap: 6px; padding-inline: 4px; color: var(--sidebar-workspace-fg); font-size: 14px; font-weight: 590; letter-spacing: -0.013em; }
._appWsMark_ba6li_7 { width: 18px; height: 18px; background: var(--sidebar-workspace-fg); -webkit-mask: url('/buyerly-logo.png') center / contain no-repeat; mask: url('/buyerly-logo.png') center / contain no-repeat; }
._appWsName_ba6li_6 svg { color: var(--text-muted); }
._appIconBtn_ba6li_9 { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9999px; color: var(--text-tertiary); }
._appNav_ba6li_10 { display: flex; flex-direction: column; gap: 2px; margin-top: 16px; }
._appNavItem_ba6li_11 { display: flex; align-items: center; gap: 8px; height: 28px; padding-inline: 7px; border-radius: 8px; color: var(--sidebar-item-fg); font-size: 13px; font-weight: 510; }
._appNavItem_ba6li_11._isActive_ba6li_12 { background: var(--item-active-bg); color: var(--sidebar-item-fg-strong); }
._appNavCount_ba6li_13 { margin-left: auto; color: var(--text-tertiary); font-size: 12px; font-weight: 500; }
._appView_ba6li_14 { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 8px; background: var(--bg-canvas); box-shadow: 0 0 0 0.5px var(--color-border-secondary); }
._appViewHeader_ba6li_15 { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; height: 44px; padding: 0 12px 0 20px; }
._appViewTitle_ba6li_16 { color: var(--text-secondary); font-size: 13px; font-weight: 500; }
._appGhostBtn_ba6li_17 { display: flex; align-items: center; gap: 6px; height: 24px; padding-inline: 8px; border-radius: 6px; color: var(--text-secondary); font-size: 12px; font-weight: 500; }
._appToolbar_ba6li_18 { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; height: 40px; padding: 0 12px 0 16px; border-bottom: 0.5px solid var(--color-border-primary); }
._appTabs_ba6li_19 { display: flex; gap: 6px; }
._appTab_ba6li_19 { display: flex; align-items: center; height: 24px; padding-inline: 10px; border-radius: 9999px; background: var(--sidebar-tab-inactive-bg); box-shadow: var(--sidebar-tab-inactive-shadow); color: var(--sidebar-tab-inactive-text); font-size: 12px; font-weight: 500; }
._appTab_ba6li_19._isActive_ba6li_12 { background: var(--sidebar-tab-active-bg); box-shadow: var(--sidebar-tab-active-shadow); color: var(--sidebar-tab-active-text); }
._appTools_ba6li_22 { display: flex; align-items: center; gap: 4px; color: var(--text-tertiary); }
._appPeriod_ba6li_23 { display: flex; align-items: center; gap: 4px; height: 24px; padding-inline: 8px; color: var(--text-secondary); font-size: 12px; font-weight: 500; }
._appPeriod_ba6li_23 span { color: var(--text-tertiary); font-size: 9px; }
._appTools_ba6li_22 ._appIconBtn_ba6li_9 { width: 24px; height: 24px; }
._appTable_ba6li_26 { --app-cols: minmax(0, 1fr) 76px 76px 76px 60px 60px 56px 60px 104px; }
._appRow_ba6li_27 { display: grid; grid-template-columns: var(--app-cols); align-items: center; column-gap: 8px; height: 36px; padding: 0 16px 0 12px; color: var(--text-secondary); font-size: 12px; font-weight: 450; font-variant-numeric: tabular-nums; white-space: nowrap; }
._appRow_ba6li_27 > span:not(:first-child) { text-align: right; }
._appRow_ba6li_27._isHead_ba6li_29 { height: 32px; color: var(--text-tertiary); font-weight: 500; border-bottom: 0.5px solid var(--color-border-primary); }
._appRow_ba6li_27._isOff_ba6li_30 > span:not(:last-child) { opacity: 0.5; }
._appGroup_ba6li_31 { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; background: var(--item-hover-bg); color: var(--text-secondary); font-size: 13px; font-weight: 500; }
._appGroup_ba6li_31 span { color: var(--text-tertiary); font-weight: 450; }
._appName_ba6li_33 { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--text-primary); font-size: 13px; }
._appName_ba6li_33 b { overflow: hidden; font-weight: 450; text-overflow: ellipsis; }
._appSwitch_ba6li_35 { position: relative; flex-shrink: 0; width: 22px; height: 13px; border-radius: 9999px; background: var(--color-border-tertiary); }
._appSwitch_ba6li_35::after { content: ""; position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 9999px; background: #fff; }
._appSwitch_ba6li_35._isOn_ba6li_37 { background: var(--preferences-accent); }
._appSwitch_ba6li_35._isOn_ba6li_37::after { left: 11px; }
._appRules_ba6li_39 { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; width: 100%; color: var(--text-tertiary); }
._appMuted_ba6li_40 { color: var(--text-muted); }
/* The Ad accounts list in the app's tokens. */
._accView_ba6li_42 { position: absolute; top: 24px; left: 600px; right: 0; color: var(--text-secondary); font-size: 12px; }
._accHead_ba6li_43 { display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0 24px 0 20px; }
._accTable_ba6li_44 { --acc-cols: minmax(0, 1fr) 132px 120px 108px 72px 96px; }
._accRow_ba6li_45 { display: grid; grid-template-columns: var(--acc-cols); align-items: center; column-gap: 12px; height: 40px; padding: 0 24px 0 20px; font-weight: 450; font-variant-numeric: tabular-nums; white-space: nowrap; }
._accRow_ba6li_45._isHead_ba6li_29 { height: 32px; color: var(--text-tertiary); font-weight: 500; border-bottom: 0.5px solid var(--color-border-primary); }
._accGroup_ba6li_47 { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 20px; background: var(--item-hover-bg); color: var(--text-secondary); font-size: 13px; font-weight: 500; }
._accGroup_ba6li_47 span { color: var(--text-tertiary); font-weight: 450; }
._accName_ba6li_49 { display: flex; align-items: center; gap: 10px; color: var(--text-primary); font-size: 13px; }
._accAvatar_ba6li_50 { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; background: var(--tab-active-bg); color: var(--text-secondary); font-size: 9px; font-style: normal; font-weight: 600; }
._accStatus_ba6li_51 { display: flex; align-items: center; gap: 6px; }
._accDot_ba6li_52 { width: 7px; height: 7px; border-radius: 9999px; }
._accDot_ba6li_52._isOk_ba6li_53 { background: #4cb782; }
._accDot_ba6li_52._isWarn_ba6li_54 { background: #f2994a; }
._accNum_ba6li_55 { text-align: right; }
._accAuto_ba6li_56 { display: flex; justify-content: flex-end; }

/* Display options, as the popover in Ads Manager. */
._dopt_ba6li_59 { padding: 12px 16px 16px; border: 1px solid var(--color-border-secondary); border-radius: 12px; background: var(--card-bg); box-shadow: 0 3px 8px rgb(0 0 0 / 0.125), 0 2px 5px rgb(0 0 0 / 0.125); color: var(--text-tertiary); font-size: 12px; line-height: 18px; }
._doptRow_ba6li_60 { display: flex; align-items: center; justify-content: space-between; height: 32px; font-weight: 500; }
._doptSelect_ba6li_61 { display: flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px; border-radius: 8px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--text-primary) 10%, transparent); color: var(--text-secondary); font-weight: 400; }
._doptSelect_ba6li_61 span { color: var(--text-tertiary); font-size: 9px; }
._doptSep_ba6li_63 { height: 1px; margin: 8px -16px 12px; background: var(--color-border-primary); }
._doptTitle_ba6li_64 { color: var(--text-secondary); font-weight: 500; }
._doptSub_ba6li_65 { margin-top: 8px; font-weight: 500; }
._doptChips_ba6li_66 { display: flex; flex-wrap: wrap; gap: 6px 4px; margin-top: 8px; }
._doptChip_ba6li_66 { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 9999px; color: var(--text-tertiary); font-weight: 500; }
._doptChip_ba6li_66._isOn_ba6li_37 { background: var(--tab-active-bg); color: var(--text-primary); }

._splitArt_ba6li_70 { position: absolute; top: 0; bottom: 0; left: 0; right: max(0px, calc((var(--stage-vw) - 1280px) / 2 - 32px)); padding-top: 24px; mask-image: linear-gradient(to top, transparent 0, #000 300px), linear-gradient(to left, transparent 0, #000 560px), linear-gradient(to right, transparent 0, transparent 48px, #000 448px); mask-composite: intersect; -webkit-mask-composite: source-in; }
._splitPanel_ba6li_71 { position: absolute; inset: 32px 0 0; background: var(--bg-canvas); box-shadow: inset 0 0 0 1px var(--color-border-secondary); }
._splitBox_ba6li_72 { position: absolute; top: 0; right: 0; width: calc(min(1280px, var(--stage-vw) - 2 * var(--stage-gutter)) / 2 + 32px); height: 632px; overflow: hidden; border: 1px solid var(--site-line); border-radius: 12px; background: linear-gradient(color-mix(in srgb, var(--site-fg) 2%, transparent), color-mix(in srgb, var(--site-fg) 2%, transparent)), var(--site-panel-bg); }
._rulesList_ba6li_73 { position: absolute; top: 16px; left: max(48px, calc((var(--stage-vw) - 1280px) / 2)); width: 760px; color: var(--text-secondary); font-size: 12px; }
._ruleRow_ba6li_74 { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto 76px; align-items: center; column-gap: 12px; height: 40px; padding: 0 20px; white-space: nowrap; }
._ruleId_ba6li_75 { color: var(--text-tertiary); font-variant-numeric: tabular-nums; }
._ruleName_ba6li_76 { overflow: hidden; color: var(--text-primary); font-size: 13px; text-overflow: ellipsis; }
._ruleChip_ba6li_77 { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border: 1px solid var(--color-border-secondary); border-radius: 9999px; color: var(--text-secondary); font-weight: 500; }
._ruleLast_ba6li_78 { color: var(--text-tertiary); text-align: right; }
._ruleStatus_ba6li_79 { width: 12px; height: 12px; margin-right: 2px; border-radius: 9999px; border: 1.5px solid; }
._ruleStatus_ba6li_79._isActive_ba6li_12 { border-color: #4cb782; background: #4cb782; box-shadow: inset 0 0 0 2px var(--item-hover-bg); }
._ruleStatus_ba6li_79._isPaused_ba6li_81 { border-color: var(--text-tertiary); }
._ruleStatus_ba6li_79._isReview_ba6li_82 { border-color: #f2994a; border-style: dashed; }

/* New rule window, as in Rules (#387): 750px, 21px corners, a sentence of pills. */
._nr_ba6li_85 { position: absolute; top: 64px; left: 32px; width: 750px; padding: 19px 21px 21px; border: 1px solid var(--color-border-secondary); border-radius: 21px; background: var(--card-bg); box-shadow: 0 4px 40px rgb(0 0 0 / 0.1), 0 3px 20px rgb(0 0 0 / 0.125), 0 3px 12px rgb(0 0 0 / 0.125); color: var(--text-secondary); font-size: 12px; }
._nrHead_ba6li_86 { display: flex; align-items: center; gap: 8px; height: 24px; }
._nrCrumb_ba6li_87 { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 9999px; background: var(--item-hover-bg); color: var(--text-tertiary); font-weight: 500; }
._nrSep_ba6li_88 { color: var(--text-muted); font-size: 13px; }
._nrTitle_ba6li_89 { color: var(--text-primary); font-size: 13px; font-weight: 450; }
._nrName_ba6li_90 { margin-top: 14px; color: var(--text-primary); font-size: 18px; font-weight: 600; }
._nrLine_ba6li_91 { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
._nrLine_ba6li_91._isProps_ba6li_92 { margin-top: 22px; }
._nrKw_ba6li_93 { width: 44px; color: var(--text-tertiary); font-size: 11px; font-weight: 600; text-transform: uppercase; }
._nrWord_ba6li_94 { color: var(--text-tertiary); }
._nrPill_ba6li_95 { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border: 1px solid var(--color-border-secondary); border-radius: 9999px; color: var(--text-secondary); font-weight: 500; }
._nrPill_ba6li_95._isDashed_ba6li_96 { border-style: dashed; }
._nrCond_ba6li_97 { display: inline-flex; align-items: center; height: 28px; border: 1px solid var(--color-border-secondary); border-radius: 8px; font-weight: 500; }
._nrCond_ba6li_97 b, ._nrCond_ba6li_97 span { padding: 0 8px; font-weight: 500; }
._nrCond_ba6li_97 b { color: var(--text-primary); }
._nrCond_ba6li_97 i { align-self: stretch; width: 1px; background: var(--color-border-secondary); }
._nrHint_ba6li_101 { margin: 12px 0 0; color: var(--text-tertiary); line-height: 18px; }
._nrFoot_ba6li_102 { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 28px; }
._nrCreate_ba6li_103 { display: inline-flex; align-items: center; height: 28px; margin-left: 4px; padding: 0 12px; border-radius: 9999px; background: var(--button-primary-bg); color: var(--button-primary-text); font-weight: 500; }

._carouselTrack_ba6li_105 { position: absolute; top: 72px; left: 50%; display: flex; gap: 12px; transform: translateX(-50%); }
._carouselFrame_ba6li_106 { position: relative; flex: none; width: 400px; height: 560px; overflow: hidden; border: 0.5px solid color-mix(in srgb, var(--site-fg) 12%, transparent); border-radius: 12px; background: var(--site-panel-bg); box-shadow: 0 2px 32px rgb(0 0 0 / 0.25); color: var(--text-secondary); font-size: 12px; }
._carouselFrame_ba6li_106._isGlowRight_ba6li_107::after, ._carouselFrame_ba6li_106._isGlowLeft_ba6li_107::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--site-line); border-radius: inherit; mask-image: radial-gradient(200px 200px at 100% 0, #000 0, rgb(0 0 0 / 0.6) 30%, rgb(0 0 0 / 0.2) 50%, transparent 70%); pointer-events: none; }
._carouselFrame_ba6li_106._isGlowLeft_ba6li_107::after { mask-image: radial-gradient(200px 200px at 0 0, #000 0, rgb(0 0 0 / 0.6) 30%, rgb(0 0 0 / 0.2) 50%, transparent 70%); }
._cfHead_ba6li_109 { display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 20px; border-bottom: 0.5px solid var(--color-border-primary); color: var(--text-primary); font-size: 13px; font-weight: 500; }
._cfSub_ba6li_110 { margin-left: auto; color: var(--text-tertiary); font-weight: 400; }
._cfCrumb_ba6li_111 { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 9999px; background: var(--item-hover-bg); color: var(--text-tertiary); font-size: 12px; }
._ibList_ba6li_112 { padding: 6px 8px; }
._ibRow_ba6li_113 { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; height: 56px; padding: 0 10px; border-radius: 8px; }
._ibRow_ba6li_113._isUnread_ba6li_114 { background: var(--item-hover-bg); }
._ibAvatar_ba6li_115 { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9999px; background: var(--tab-active-bg); }
._ibAvatar_ba6li_115 ._appWsMark_ba6li_7 { width: 14px; height: 14px; }
._ibText_ba6li_117 { display: flex; flex-direction: column; gap: 3px; min-width: 0; white-space: nowrap; }
._ibText_ba6li_117 b { color: var(--text-primary); font-size: 13px; font-weight: 500; }
._ibText_ba6li_117 span { overflow: hidden; color: var(--text-tertiary); text-overflow: ellipsis; }
._ibRow_ba6li_113:not(._isUnread_ba6li_114) ._ibText_ba6li_117 b { color: var(--text-secondary); font-weight: 450; }
._ibTime_ba6li_121 { align-self: start; margin-top: 12px; color: var(--text-tertiary); }
._ibDetail_ba6li_122 { padding: 28px 24px; }
._ibDetail_ba6li_122 h4, ._emCard_ba6li_123 h4 { margin: 0; color: var(--text-primary); font-size: 20px; font-weight: 600; letter-spacing: -0.01em; }
._ibTarget_ba6li_124 { margin: 6px 0 0; color: var(--text-secondary); font-size: 13px; }
._ibMessage_ba6li_125 { margin-top: 20px; padding: 10px 12px; border-radius: 8px; background: var(--item-hover-bg); color: var(--text-secondary); font-size: 13px; line-height: 20px; }
._ibMeta_ba6li_126 { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
._ibMeta_ba6li_126 span { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border: 1px solid var(--color-border-secondary); border-radius: 9999px; }
._ibActions_ba6li_128 { display: flex; justify-content: flex-end; gap: 8px; margin-top: 28px; }
._ibUndo_ba6li_129 { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 9999px; background: var(--button-primary-bg); color: var(--button-primary-text); font-weight: 500; }
._emCard_ba6li_123 { margin: 20px; padding: 28px 24px; border-radius: 10px; background: var(--card-bg); box-shadow: 0 0 0 1px var(--color-border-secondary); }
._emLogo_ba6li_131 { display: block; margin-bottom: 24px; }
._emLogo_ba6li_131 ._appWsMark_ba6li_7 { display: block; width: 22px; height: 22px; background: var(--text-primary); }
._emCard_ba6li_123 h4 { font-size: 18px; line-height: 1.3; }
._emContext_ba6li_134 { margin: 12px 0 0; color: var(--text-tertiary); font-size: 13px; }
._emMessage_ba6li_135 { margin-top: 16px; padding: 7px 12px; border-radius: 4px; background: var(--item-hover-bg); color: var(--text-secondary); font-size: 13px; line-height: 20px; }
._emButton_ba6li_136 { display: inline-flex; margin-top: 20px; padding: 10px 14px; border-radius: 5px; background: var(--text-primary); color: var(--card-bg); font-size: 12px; font-weight: 500; }
._emFoot_ba6li_137 { margin: 28px 0 0; color: var(--text-tertiary); }
._tgChat_ba6li_138 { display: flex; flex-direction: column; gap: 10px; padding: 20px 16px; }
._tgBubble_ba6li_139 { position: relative; max-width: 300px; padding: 9px 12px 20px; border-radius: 14px 14px 14px 4px; background: var(--card-bg); box-shadow: 0 0 0 1px var(--color-border-secondary); color: var(--text-secondary); font-size: 13px; line-height: 19px; }
._tgBubble_ba6li_139 b { color: var(--text-primary); font-weight: 600; }
._tgBubble_ba6li_139 span { color: var(--text-tertiary); }
._tgBubble_ba6li_139 i { position: absolute; right: 10px; bottom: 4px; color: var(--text-tertiary); font-size: 11px; font-style: normal; }

._layerArt_ba6li_144 { position: absolute; top: 0; bottom: 0; left: max(0px, calc((var(--stage-vw) - 1280px) / 2 - 32px)); right: 0; overflow: hidden; mask-image: linear-gradient(to left, transparent 0, transparent 48px, #000 608px), linear-gradient(to top, transparent 0, #000 300px); mask-composite: intersect; -webkit-mask-composite: source-in; }
._layerList_ba6li_145 { position: absolute; top: 24px; left: 0; width: min(1344px, 100%); height: 578px; padding: 8px; border: 1px solid var(--site-line); border-radius: 22px; }
._layerListPanel_ba6li_146 { height: 100%; overflow: hidden; border-radius: 12px 12px 0 0; background: var(--bg-canvas); box-shadow: inset 0 0 0 1px var(--color-border-secondary); color: var(--text-secondary); font-size: 12px; }
._mbRow_ba6li_147 { display: grid; grid-template-columns: 200px 200px 140px 1fr; align-items: center; column-gap: 12px; height: 44px; padding: 0 20px; border-bottom: 0.5px solid var(--color-border-primary); white-space: nowrap; }
._mbRow_ba6li_147._isHead_ba6li_29 { height: 32px; color: var(--text-tertiary); font-weight: 500; }
._mbName_ba6li_149 { display: flex; align-items: center; gap: 10px; color: var(--text-primary); font-size: 13px; }
._layerTop_ba6li_150 { position: absolute; top: 0; left: 448px; width: 1344px; height: 560px; overflow: hidden; border-radius: 12px 12px 0 0; background: var(--site-panel-bg); box-shadow: inset 0 0 0 1px var(--color-border-secondary), 0 0 32px color-mix(in srgb, var(--site-bg) 80%, transparent); color: var(--text-secondary); font-size: 12px; }
._layerTopHead_ba6li_151 { display: flex; align-items: center; gap: 8px; height: 60px; padding: 0 32px; border-bottom: 0.5px solid var(--color-border-primary); }
._layerTopBody_ba6li_152 { display: grid; grid-template-columns: 440px 360px; gap: 48px; padding: 32px; }
._ivLabel_ba6li_153 { margin: 0 0 8px; color: var(--text-tertiary); font-weight: 500; }
._ivField_ba6li_154 { display: flex; align-items: center; gap: 6px; height: 36px; margin-bottom: 20px; padding: 0 6px 0 12px; border: 1px solid var(--color-border-secondary); border-radius: 8px; color: var(--text-secondary); font-size: 13px; }
._ivField_ba6li_154._isTall_ba6li_155 { height: 72px; align-items: flex-start; padding-top: 8px; }
._ivCopy_ba6li_156 { margin-left: auto; padding: 4px 10px; border-radius: 6px; background: var(--tab-active-bg); color: var(--text-primary); font-size: 12px; font-weight: 500; }
._ivChip_ba6li_157 { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 9999px; background: var(--tab-active-bg); color: var(--text-primary); font-size: 12px; }
._ivRow_ba6li_158 { display: flex; justify-content: space-between; align-items: center; }
._ivMenu_ba6li_159 { width: 300px; margin-top: 8px; padding: 4px; border: 1px solid var(--color-border-secondary); border-radius: 10px; background: var(--card-bg); box-shadow: 0 3px 8px rgb(0 0 0 / 0.125), 0 2px 5px rgb(0 0 0 / 0.125); }
._ivRole_ba6li_160 { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 6px; }
._ivRole_ba6li_160._isOn_ba6li_37 { background: var(--item-hover-bg); }
._ivRole_ba6li_160 b { color: var(--text-primary); font-size: 13px; font-weight: 500; }
._ivRole_ba6li_160 span { color: var(--text-tertiary); }
._tmRow_ba6li_164 { display: grid; grid-template-columns: 20px auto 1fr; align-items: center; gap: 10px; height: 44px; border-bottom: 0.5px solid var(--color-border-primary); }
._tmRow_ba6li_164 b { color: var(--text-primary); font-size: 13px; font-weight: 500; }
._tmRow_ba6li_164 span { color: var(--text-tertiary); text-align: right; }
@media (max-width: 640px) {
  ._appFrame_ba6li_2 { transform: scale(0.5); transform-origin: 0 0; }
}
/* Manifesto as linear.app's "A new species…" block: 48px statement, three 468px columns with Fig labels. */
._manifesto_w1p03_2 { margin-top: 208px; }
._manifestoTitle_w1p03_3 { max-width: 1250px; margin: 0 0 0 -2px; color: var(--site-fg-tertiary); font-size: 48px; font-weight: 510; line-height: 48px; letter-spacing: -0.022em; }
._manifestoTitle_w1p03_3 strong { color: var(--site-fg); font-weight: inherit; }
._manifestoGrid_w1p03_5 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 136px; }
._manifestoItem_w1p03_6 { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 468px; padding-inline: 32px; border-right: 1px solid var(--site-line); }
._manifestoItem_w1p03_6:first-child { padding-left: 0; }
._manifestoItem_w1p03_6:last-child { padding-right: 0; border-right: 0; }
._manifestoFig_w1p03_9 { position: absolute; top: 0; left: 32px; color: var(--site-fg-tertiary); font-family: var(--font-monospace); font-size: 12px; line-height: 16.8px; text-transform: uppercase; }
._manifestoItem_w1p03_6:first-child ._manifestoFig_w1p03_9 { left: 0; }
._manifestoArt_w1p03_11 { display: grid; place-items: center; height: 388px; }
._manifestoText_w1p03_12 { display: flex; flex-direction: column; gap: 8px; }
._manifestoText_w1p03_12 h3 { margin: 0; color: var(--site-fg-secondary); font-size: 15px; font-weight: 510; line-height: 24px; letter-spacing: -0.011em; }
._manifestoText_w1p03_12 p { max-width: 368px; margin: 0; color: var(--site-fg-tertiary); font-size: 15px; line-height: 24px; letter-spacing: -0.011em; text-wrap: balance; }

/* Illustration strokes as Linear's (#D0D6E0, #3E3E44, #2E2E32 on the page colour), mirrored in light. */
._figArt_w1p03_17 { display: block; overflow: visible; }
._figArt_w1p03_17 polygon, ._figArt_w1p03_17 circle, ._figArt_w1p03_17 path { stroke-width: 0.5; stroke-linejoin: round; }
._figArt_w1p03_17 ._fHi_w1p03_19 { fill: var(--site-bg); stroke: var(--site-fig-hi); }
._figArt_w1p03_17 ._fMid_w1p03_20 { fill: var(--site-bg); stroke: var(--site-fig-mid); }
._figArt_w1p03_17 ._fLow_w1p03_21 { fill: var(--site-bg); stroke: var(--site-fig-low); }
._figArt_w1p03_17 ._fSweep_w1p03_22 { fill: color-mix(in srgb, var(--site-fig-hi) 8%, transparent); stroke: none; }
._figArt_w1p03_17 ._fHiDot_w1p03_23 { fill: var(--site-fig-hi); stroke: none; }
._figArt_w1p03_17 ._sHi_w1p03_24, ._figArt_w1p03_17 ._sHiThin_w1p03_24 { fill: none; stroke: var(--site-fig-hi); stroke-width: 0.5; }
._figArt_w1p03_17 ._sMid_w1p03_25 { stroke: var(--site-fig-mid); stroke-width: 0.5; }
._figArt_w1p03_17 ._sDot_w1p03_26 { fill: none; stroke: var(--site-fig-mid); stroke-width: 1; stroke-dasharray: 1 3; }
._figArt_w1p03_17 ._tKey_w1p03_27 { fill: var(--site-fig-hi); font-family: var(--font-regular); font-size: 22px; font-weight: 510; }
._figArt_w1p03_17 ._lift1_w1p03_28, ._figArt_w1p03_17 ._lift2_w1p03_28, ._figArt_w1p03_17 ._press_w1p03_28 { transition: transform 0.7s cubic-bezier(0.32, 0.72, 0, 1); }
._manifestoItem_w1p03_6:hover ._lift1_w1p03_28 { transform: translateY(-8px); }
._manifestoItem_w1p03_6:hover ._lift2_w1p03_28 { transform: translateY(-18px); }
._figArt_w1p03_17 ._sweep_w1p03_31 { transform-box: view-box; transform-origin: 0 0; animation: _fig-sweep_w1p03_1 12s linear infinite; }
._figArt_w1p03_17 ._press_w1p03_28 { animation: _fig-press_w1p03_1 2.4s cubic-bezier(0.32, 0.72, 0, 1) infinite; }
@keyframes _fig-sweep_w1p03_1 { to { transform: rotate(360deg); } }
@keyframes _fig-press_w1p03_1 { 0%, 70%, 100% { transform: translateY(0); } 80% { transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) {
  ._figArt_w1p03_17 ._sweep_w1p03_31, ._figArt_w1p03_17 ._press_w1p03_28 { animation: none; }
  ._figArt_w1p03_17 ._lift1_w1p03_28, ._figArt_w1p03_17 ._lift2_w1p03_28 { transition: none; }
}
@media (max-width: 1024px) {
  ._manifestoTitle_w1p03_3 { font-size: 40px; line-height: 44px; }
  ._manifestoItem_w1p03_6 { height: 360px; padding-inline: 24px; }
  ._manifestoItem_w1p03_6 ._manifestoFig_w1p03_9 { left: 24px; }
  ._manifestoArt_w1p03_11 { height: 280px; }
}
@media (max-width: 767px) {
  ._manifestoTitle_w1p03_3 { font-size: 32px; line-height: 36px; }
  ._manifestoGrid_w1p03_5 { grid-template-columns: minmax(0, 1fr); }
  ._manifestoItem_w1p03_6, ._manifestoItem_w1p03_6:first-child, ._manifestoItem_w1p03_6:last-child { padding: 0 0 32px; border-right: 0; border-bottom: 1px solid var(--site-line); }
  ._manifestoItem_w1p03_6 ._manifestoFig_w1p03_9, ._manifestoItem_w1p03_6:first-child ._manifestoFig_w1p03_9 { left: 0; }
}
@media (max-width: 640px) {
  ._manifesto_w1p03_2 { margin-top: 120px; }
  ._manifestoTitle_w1p03_3 { font-size: 24px; line-height: 31.92px; }
  ._manifestoGrid_w1p03_5 { margin-top: 64px; }
}
/* The landing page's main: the feature stages size their full-bleed illustrations by the window, which phones replace. */
._landing_1vfx5_2 { --stage-vw: 100vw; --stage-gutter: var(--site-gutter); overflow-x: clip; }
/* Feature sections as linear.app's (Intake, measured 2026-10-19 at 1440px): 128px padding, title and text
   in two halves, a 626px illustration, and a Features list whose "+" opens a Tech specs side panel. */
._feature_1cdf9_3 { margin-top: 202px; padding-block: 128px; }
._featureHeader_1cdf9_4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 64px; padding-bottom: 96px; }
._featureTitle_1cdf9_5 { margin: 0 0 0 -2px; color: var(--site-fg); font-size: 48px; font-weight: 510; line-height: 48px; letter-spacing: -0.022em; text-wrap: balance; }
._featureDesc_1cdf9_6 { max-width: 566px; margin: 0; color: var(--site-fg-secondary); font-size: 24px; line-height: 1.33; letter-spacing: -0.012em; text-wrap: pretty; }
._featureStage_1cdf9_7 { position: relative; height: 626px; }
._featureArt_1cdf9_8 { position: absolute; inset: 0 -46px 0 -152px; border: 1px solid var(--site-line); border-radius: 22px; mask-image: linear-gradient(#000 0%, #000 40%, transparent 90%), linear-gradient(to right, #000 0%, #000 68%, transparent 96%), linear-gradient(to left, #000 0%, #000 60%, transparent 66%); mask-composite: intersect; -webkit-mask-composite: source-in; }
._featurePanel_1cdf9_9 { position: absolute; inset: 8px 8px 0; overflow: hidden; border-radius: 12px 12px 0 0; background: var(--bg-canvas); box-shadow: inset 0 0 0 1px var(--color-border-secondary); opacity: 0.8; }
._featureCard_1cdf9_10 { position: absolute; top: -28px; left: -24px; width: 480px; padding: 24px; border: 1px solid var(--site-line); border-radius: 16px; background: radial-gradient(50% 50% at 100% 0, color-mix(in srgb, var(--site-fg) 3%, transparent), transparent), var(--site-bg); }

/* Split illustration as Linear's "Planning and monitoring": a full-bleed list fading out, and a box on the right half. */
._feature_1cdf9_3 + ._feature_1cdf9_3 { margin-top: 10px; }
._featureStage_1cdf9_7._isSplit_1cdf9_14 { height: 633px; margin-top: -32px; }
/* Carousel illustration as Linear's "AI and automations": four 400×560 cards centred, faded at both sides. */
._featureStage_1cdf9_7._isCarousel_1cdf9_16 { height: 632px; mask-image: linear-gradient(to right, transparent 0, #000 400px), linear-gradient(to left, transparent 0, #000 400px), linear-gradient(to top, transparent 0, #000 300px); mask-composite: intersect; -webkit-mask-composite: source-in; }
/* Layered illustration as Linear's "Build, review, and ship": a framed list, and a wide panel laid over it from 448px. */
._featureStage_1cdf9_7._isLayered_1cdf9_18 { height: 592px; }
/* Features list and Tech specs panel. */
._featureFooter_1cdf9_20 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 64px; }
._featureLabel_1cdf9_21 { padding-top: 38px; color: var(--site-fg-quaternary); font-size: 15px; line-height: 24px; letter-spacing: -0.011em; }
._featureList_1cdf9_22 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 36px 0 0; padding: 0; list-style: none; }
._featureItem_1cdf9_23 { display: flex; height: 28px; }
._featureItem_1cdf9_23._isUneven_1cdf9_24 { position: relative; padding-left: 32px; }
._featureItem_1cdf9_23._isUneven_1cdf9_24::before { content: ""; position: absolute; top: 2px; left: 0; width: 1px; height: 28px; background: var(--site-line); }
._featureButton_1cdf9_26 { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: var(--site-fg-tertiary); font: inherit; font-size: 15px; line-height: 24px; letter-spacing: -0.011em; cursor: pointer; transition: color 0.16s var(--site-ease); }
._featureButton_1cdf9_26:hover { color: var(--site-fg); }
._featurePlus_1cdf9_28 { color: var(--site-fg-quaternary); font-size: 18px; }
._spec_1cdf9_29 { position: fixed; inset: 24px 24px 24px auto; width: min(640px, calc(100% - 48px)); height: auto; margin: 0; padding: 0; overflow: auto; border: 1px solid color-mix(in srgb, var(--site-fg) 5%, transparent); border-radius: 8px; background: var(--site-panel-bg); color: var(--site-fg); box-shadow: 0 0 32px rgb(0 0 0 / 0.4), 0 0 0 1px rgb(0 0 0 / 0.6); }
._spec_1cdf9_29::backdrop { background: color-mix(in srgb, var(--site-bg) 70%, transparent); }
._specHeader_1cdf9_31 { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 12px 0 32px; }
._specLabel_1cdf9_32 { color: var(--site-fg-quaternary); font-family: var(--font-monospace); font-size: 12px; line-height: 16.8px; text-transform: uppercase; }
._specClose_1cdf9_33 { display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 8px; background: none; color: var(--site-fg-quaternary); cursor: pointer; }
._specClose_1cdf9_33:hover { color: var(--site-fg); background: var(--site-hover-bg); }
._specBody_1cdf9_35 { padding: 48px 32px 32px; }
._specBody_1cdf9_35 h3 { margin: 0; color: var(--site-fg-secondary); font-size: 48px; font-weight: 510; line-height: 48px; letter-spacing: -0.022em; }
._specBody_1cdf9_35 p { margin: 24px 0 0; color: var(--site-fg-tertiary); font-size: 15px; line-height: 24px; letter-spacing: -0.011em; }

@media (max-width: 1024px) {
  ._featureHeader_1cdf9_4 { grid-template-columns: minmax(0, 1fr); row-gap: 32px; }
  ._featureTitle_1cdf9_5 { font-size: 40px; line-height: 44px; }
  ._featureDesc_1cdf9_6 { font-size: 20px; line-height: 1.33; }
}
@media (max-width: 767px) {
  ._featureFooter_1cdf9_20 { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
  ._featureLabel_1cdf9_21 { padding-top: 0; }
  ._featureList_1cdf9_22 { margin-top: 0; }
}
@media (max-width: 640px) {
  ._feature_1cdf9_3 { padding-block: 64px; }
  ._featureHeader_1cdf9_4 { padding-bottom: 32px; row-gap: 16px; }
  ._featureTitle_1cdf9_5 { font-size: 24px; line-height: 31.92px; }
  ._featureDesc_1cdf9_6 { font-size: 15px; line-height: 24px; }
  ._featureStage_1cdf9_7 { zoom: 0.5; --stage-vw: 1440px; --stage-gutter: 80px; }
  ._featureStage_1cdf9_7:not(._isSplit_1cdf9_14):not(._isCarousel_1cdf9_16):not(._isLayered_1cdf9_18) { width: 1280px; margin-left: calc(80px - var(--site-gutter) * 2); }
  ._featureStage_1cdf9_7._isSplit_1cdf9_14, ._featureStage_1cdf9_7._isCarousel_1cdf9_16, ._featureStage_1cdf9_7._isLayered_1cdf9_18 { width: 1440px; }
  ._featureStage_1cdf9_7._isSplit_1cdf9_14 { margin: 0 0 0 -600px; }
  ._featureStage_1cdf9_7._isCarousel_1cdf9_16 { margin-left: -330px; }
  ._featureStage_1cdf9_7._isLayered_1cdf9_18 { margin-left: -360px; }
  ._featureFooter_1cdf9_20 { display: none; }
}
/* Changelog as linear.app's: four entries on a shared timeline, the newest with a red dot. "View all" waits for /changelog (#435). */
._changelog_1pemj_2 { margin-top: 162px; }
._changelogTitle_1pemj_3 { margin: 0 0 0 -2px; color: var(--site-fg); font-size: 48px; font-weight: 510; line-height: 48px; letter-spacing: -0.022em; }
._changelogGrid_1pemj_4 { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 64px; margin-top: 72px; }
._changelogGrid_1pemj_4::before { content: ""; position: absolute; top: 15px; left: 0; right: 0; height: 1px; background: var(--site-line); }
._changelogItem_1pemj_6 { display: flex; flex-direction: column; }
._changelogDot_1pemj_7 { position: relative; width: 32px; height: 32px; margin: 0 0 48px -12px; background: var(--site-bg); }
._changelogDot_1pemj_7::before, ._changelogDot_1pemj_7::after { content: ""; position: absolute; top: 16px; left: 16px; border-radius: 50%; background: var(--site-fg-quaternary); transform: translate(-50%, -50%); }
._changelogDot_1pemj_7::before { width: 20px; height: 20px; opacity: 0.2; }
._changelogDot_1pemj_7::after { width: 6px; height: 6px; }
._isLatest_1pemj_11 ._changelogDot_1pemj_7::before, ._isLatest_1pemj_11 ._changelogDot_1pemj_7::after { background: #eb5757; }
._isLatest_1pemj_11 ._changelogDot_1pemj_7::before { opacity: 0.1; }
._changelogItem_1pemj_6 h3 { margin: 0; color: var(--site-fg-secondary); font-size: 15px; font-weight: 510; line-height: 24px; letter-spacing: -0.011em; }
._changelogItem_1pemj_6 p { display: -webkit-box; margin: 8px 0 0; overflow: hidden; color: var(--site-fg-tertiary); font-size: 15px; line-height: 24px; letter-spacing: -0.011em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._changelogItem_1pemj_6 time { margin-top: 20px; color: var(--site-fg-quaternary); font-family: var(--font-monospace); font-size: 12px; line-height: 16.8px; text-transform: uppercase; }

/* "View all →" under the landing's Changelog cards, as Linear's homepage. */
._changelogItem_1pemj_6 { color: inherit; text-decoration: none; }
._changelogItem_1pemj_6:hover h3 { color: var(--site-fg); }
._changelogAll_1pemj_20 { display: inline-flex; margin-top: 80px; color: var(--site-fg-tertiary); font-size: 16px; line-height: 24px; text-decoration: none; transition: filter 0.2s var(--site-ease); }
._changelogAll_1pemj_20:hover { color: var(--site-fg-tertiary); filter: brightness(1.3); }
._changelogAllArrow_1pemj_22 { margin-left: 6px; color: var(--site-fg-quaternary); }
@media (max-width: 1024px) {
  ._changelogGrid_1pemj_4 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 48px; }
  ._changelogGrid_1pemj_4::before { display: none; }
}
@media (max-width: 640px) {
  ._changelog_1pemj_2 { margin-top: 96px; }
  ._changelogTitle_1pemj_3 { font-size: 32px; line-height: 36px; }
  ._changelogGrid_1pemj_4 { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 40px; }
  ._changelogDot_1pemj_7 { margin-bottom: 8px; }
}
/* Closing call to action as linear.app's prefooter: 72px heading, two 44px buttons, 224px above and below. */
._cta_1mbcq_2 { display: flex; flex-direction: column; align-items: center; gap: 40px; margin: 224px var(--site-gutter); text-align: center; }
._ctaTitle_1mbcq_3 { max-width: 760px; margin: 0; color: var(--site-fg); font-size: 72px; font-weight: 510; line-height: 72px; letter-spacing: -0.022em; text-wrap: balance; }
._ctaActions_1mbcq_4 { display: flex; gap: 12px; }
@media (max-width: 1024px) {
  ._ctaTitle_1mbcq_3 { font-size: 40px; line-height: 44px; }
}
@media (max-width: 640px) {
  ._cta_1mbcq_2 { margin-block: 120px; }
  ._ctaTitle_1mbcq_3 { font-size: 38px; line-height: 41.8px; }
}
/* Footer as linear.app's: six 224px columns, the mark in the first, links 13px, legal links in a second row. */
._siteFooter_1kzxy_2 { border-top: 1px solid var(--site-divider); background: var(--site-bg); }
._siteFooterGrid_1kzxy_3 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: 48px; width: min(1344px, calc(100% - 2 * (var(--site-gutter) - 32px))); margin-inline: auto; padding-block: 56px; font-size: 13px; line-height: 19.5px; letter-spacing: -0.01em; }
._siteFooterLogo_1kzxy_4 { padding-left: 32px; }
._siteFooterMark_1kzxy_5 { display: block; width: 20px; }
._siteFooterMark_1kzxy_5 ._siteFooterMarkImage_1kzxy_6 { width: 20px; height: 20px; }
._siteFooterCol_1kzxy_7 { padding-inline: 32px; }
._siteFooter_1kzxy_2 h2 { margin: 0 0 24px; color: var(--site-fg); font-size: 13px; font-weight: 510; line-height: 19.5px; }
._siteFooter_1kzxy_2 ul { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
._siteFooter_1kzxy_2 li { display: flex; align-items: center; height: 28px; }
._siteFooter_1kzxy_2 a:not(._siteFooterMark_1kzxy_5) { color: var(--site-fg-tertiary); text-decoration: none; overflow-wrap: anywhere; transition: color 0.1s; }
._siteFooter_1kzxy_2 a:not(._siteFooterMark_1kzxy_5):hover, ._siteFooter_1kzxy_2 a[aria-current='page'] { color: var(--site-fg); }
._siteFooterOperator_1kzxy_13 { grid-column: 3 / -1; grid-row: 2; padding-inline: 32px; color: var(--site-fg-quaternary); }
._siteFooterOperator_1kzxy_13 p, ._siteFooterOperator_1kzxy_13 address { margin: 0; font-style: normal; }
._siteFooterOperator_1kzxy_13 strong { font-weight: 510; }
._siteFooterLegal_1kzxy_16 { grid-column: 2 / 3; grid-row: 2; display: flex; flex-wrap: wrap; align-content: start; gap: 4px 20px; padding-inline: 32px; }
._siteCopyright_1kzxy_17 { color: var(--site-fg-quaternary); }
@media (max-width: 1024px) {
  ._siteFooterGrid_1kzxy_3 { grid-template-columns: repeat(4, minmax(0, 1fr)); width: calc(100% - 56px); }
  ._siteFooterLogo_1kzxy_4 { padding-left: 0; }
  ._siteFooterCol_1kzxy_7, ._siteFooterOperator_1kzxy_13, ._siteFooterLegal_1kzxy_16 { padding-inline: 0 24px; }
}
@media (max-width: 640px) {
  ._siteFooterGrid_1kzxy_3 { grid-template-columns: repeat(2, minmax(0, 1fr)); width: calc(100% - 32px); row-gap: 32px; padding-bottom: 24px; }
  ._siteFooterLogo_1kzxy_4, ._siteFooterOperator_1kzxy_13, ._siteFooterLegal_1kzxy_16 { grid-column: 1 / -1; grid-row: auto; }
}
._legalArticle_s80u5_1 { width: min(var(--site-reading-width), calc(100% - 2 * var(--site-gutter))); margin: var(--site-hero-space) auto var(--site-section-space); overflow-wrap: break-word; }
._legalDate_s80u5_2 { margin: var(--site-space-lg) 0; color: var(--text-tertiary); font-family: var(--font-monospace); font-size: var(--site-small-size); text-transform: uppercase; }
._legalArticle_s80u5_1 p, ._legalArticle_s80u5_1 li { color: var(--text-secondary); }
._legalArticle_s80u5_1 p { margin-block: var(--site-space-md); }
._legalArticle_s80u5_1 ._legalDate_s80u5_2 { margin-block: var(--site-space-lg); }
._legalContents_s80u5_6 { margin-block: var(--site-space-lg); }
._legalArticle_s80u5_1 ol, ._legalArticle_s80u5_1 ul { padding-left: var(--site-space-md); }
._legalArticle_s80u5_1 li + li { margin-top: var(--site-space-xs); }
._legalArticle_s80u5_1 section { margin-top: var(--site-space-xl); scroll-margin-top: var(--site-space-md); }
._legalArticle_s80u5_1 h2 { font-size: var(--site-section-size); font-weight: var(--font-weight-medium); line-height: 1.3; letter-spacing: var(--site-heading-tracking); margin: 0 0 var(--site-space-md); }
._legalArticle_s80u5_1 strong { color: var(--text-primary); font-weight: var(--font-weight-semibold); }
/* Changelog page as linear.app/changelog (#435; measured 2026-10-20 at 1440, 1280, 1024, 900, 768 and 390px, light and dark).
   Linear's 12-column grid with 32px gaps: the date in columns 1–3, the release in 4–9. Dark uses the site tokens, which are
   Linear's; light uses the changelog page's own light values. */
._changelogBody_11qo9_4 { --cl-fg: var(--site-fg); --cl-text: var(--site-fg-secondary); --cl-muted: var(--site-fg-tertiary); --cl-faint: var(--site-fg-quaternary); --cl-divider: #18191a; --cl-bar: #23252a; --cl-dot: #3e3e44; --cl-row-line: rgb(255 255 255 / 0.05); }
html[data-theme='light'] ._changelogBody_11qo9_4 { --site-background: #fff; --cl-fg: #282a30; --cl-text: #3c4149; --cl-muted: #6f6e77; --cl-faint: #86848d; --cl-divider: #f0f0f0; --cl-bar: #e9e8ea; --cl-dot: #dcdbdd; --cl-row-line: rgb(0 0 0 / 0.05); }
._changelogPage_11qo9_6 { width: min(var(--site-width), calc(100% - 2 * var(--site-gutter))); margin-inline: auto; padding-bottom: 96px; }
._changelogPageTitle_11qo9_7 { margin: 80px 0 0 -2px; color: var(--cl-fg); font-size: 48px; font-weight: 510; line-height: 48px; letter-spacing: -0.022em; }
._changelogDivider_11qo9_8 { height: 1px; margin: 72px 0 64px; border: 0; background: var(--cl-divider); }
._changelogRelease_11qo9_9 { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-areas: "a a a b b b b b b c c c"; gap: 32px; padding-bottom: 72px; }
._changelogPage_11qo9_6:not(._changelogPermalink_11qo9_10) ._changelogRelease_11qo9_9::before { content: ""; position: absolute; top: 9px; bottom: -9px; left: 9px; width: 1px; background: var(--cl-bar); }
._changelogReleaseDate_11qo9_11 { grid-area: a; position: sticky; top: 96px; align-self: start; height: 24px; padding-left: 24px; color: var(--cl-fg); font-size: 14px; line-height: 24px; letter-spacing: -0.013em; }
._changelogReleaseDate_11qo9_11::after { content: ""; position: absolute; top: 12px; left: 9.5px; width: 7px; height: 7px; border-radius: 100%; background: var(--cl-dot); transform: translate(-50%, -50%); }
._isLatest_11qo9_13 ._changelogReleaseDate_11qo9_11::after { background: #fc7840; }
._changelogReleaseBody_11qo9_14 { grid-area: b; min-width: 0; }
._changelogReleaseTitle_11qo9_15 { margin: 0; color: var(--cl-fg); font-size: 32px; font-weight: 590; line-height: 36px; letter-spacing: -0.022em; }
._changelogReleaseTitle_11qo9_15 a { color: inherit; text-decoration: none; }
._changelogReleaseBody_11qo9_14 p { margin: 20px 0 0; color: var(--cl-text); font-size: 17px; line-height: 27.2px; }
._changelogReleaseBody_11qo9_14 p a { color: var(--cl-fg); text-decoration: underline; text-decoration-color: var(--cl-faint); text-underline-offset: 0.175em; transition: color 0.25s, text-decoration-color 0.25s; }
._changelogReleaseBody_11qo9_14 p a:hover { color: var(--cl-fg); text-decoration-color: var(--cl-fg); }
._changelogReleaseBody_11qo9_14 h3 { margin: 56px 0 0; color: var(--cl-fg); font-size: 24px; font-weight: 590; line-height: 31.92px; letter-spacing: -0.012em; }
._changelogReleaseBody_11qo9_14 h3 + p { margin-top: 12px; }
._changelogAnchor_11qo9_22 { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-left: 4px; vertical-align: -2px; color: var(--cl-faint); visibility: hidden; }
._changelogReleaseBody_11qo9_14 h3:hover ._changelogAnchor_11qo9_22, ._changelogAnchor_11qo9_22:focus-visible { visibility: visible; }
._changelogAnchor_11qo9_22:hover { color: var(--cl-fg); }
._changelogMoreGroup_11qo9_25 { margin-top: 20px; }
._changelogMore_11qo9_25 + ._changelogMore_11qo9_25 { border-top: 1px solid var(--cl-row-line); }
._changelogMore_11qo9_25 summary { display: flex; align-items: center; padding: 16px 0; color: var(--cl-fg); font-size: 15px; font-weight: 510; line-height: 24px; letter-spacing: -0.011em; list-style: none; cursor: pointer; }
._changelogMore_11qo9_25 summary::-webkit-details-marker { display: none; }
._changelogChevron_11qo9_29 { display: flex; margin-left: auto; color: var(--cl-faint); transition: transform 0.12s; }
._changelogMore_11qo9_25[open] ._changelogChevron_11qo9_29 { transform: rotate(90deg); }
._changelogMore_11qo9_25 ul { margin: 0 0 16px; padding-left: 24px; color: var(--cl-text); font-size: 17px; line-height: 27.2px; }
._changelogMore_11qo9_25 li + li { margin-top: 8px; }
/* A release on its own page, as Linear's permalink: "‹ Changelog" over the date column, the date over the release. */
._changelogPermalinkBar_11qo9_34 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-areas: "a a a b b b b b b c c c"; gap: 32px; margin-top: 64px; }
._changelogBack_11qo9_35 { grid-area: a; justify-self: start; display: flex; align-items: baseline; gap: 4px; align-self: center; color: var(--cl-muted); font-size: 14px; line-height: 24px; text-decoration: none; }
._changelogBack_11qo9_35 svg { align-self: center; }
._changelogBack_11qo9_35:hover { color: var(--cl-fg); }
._changelogPermalinkDate_11qo9_38 { grid-area: b; justify-self: start; color: var(--cl-fg); font-size: 16px; line-height: 24px; text-decoration: none; }
._changelogPermalink_11qo9_10 ._changelogRelease_11qo9_9 { margin-top: 49px; }
@media (max-width: 1024px) {
  ._changelogPage_11qo9_6 { width: calc(100% - 72px); }
}
@media (max-width: 768px) {
  ._changelogRelease_11qo9_9, ._changelogPermalinkBar_11qo9_34 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  ._changelogReleaseTitle_11qo9_15 { font-size: 24px; line-height: 31.92px; letter-spacing: -0.012em; }
  ._changelogReleaseBody_11qo9_14 p { font-size: 15px; line-height: 24px; }
}
@media (max-width: 640px) {
  ._changelogPage_11qo9_6 { width: calc(100% - 48px); }
  ._changelogPageTitle_11qo9_7 { margin-left: -1px; }
  ._changelogRelease_11qo9_9, ._changelogPermalinkBar_11qo9_34 { grid-template-columns: minmax(0, 1fr); grid-template-areas: "a" "b"; }
  ._changelogPage_11qo9_6:not(._changelogPermalink_11qo9_10) ._changelogRelease_11qo9_9::before, ._changelogReleaseDate_11qo9_11::after { display: none; }
  ._changelogReleaseDate_11qo9_11 { position: relative; top: auto; margin: 20px 0 -20px; padding-left: 0; }
  ._changelogPermalinkBar_11qo9_34 { row-gap: 16px; }
}