/* One Aurora glass for every panel, menu and pop-up, in Light and in Dark (owner, 2026-10-30: "all these panels
   supposed to match the aurora theme when selected"; then "do a pass for aurora so its consistent in both light and
   dark mode"). Before, each surface forced its own colours: Queue, Tasks and the LiveLoop menus white (request 560,
   2026-10-24, "white background black text" in every theme; today's ruling replaces it while Aurora is on), Projects,
   Versions, Download, the Code agent and the composer's menus near-black, Assets and Split grey, the dropdowns white.

   Every wallpaper, not Aurora alone (owner, 2026-10-30: "this is dark mode in liveloop and its showing light mode and
   text/buttins youc ant see", the Queue white in Dark with Lines). While the glass skin runs they all take the Create interface's own glass tokens
   (portal-create.css): --sc-glass-fill, --sc-ink, --sc-dim, --sc-faint, --sc-line, --sc-tint, --sc-glass-shadow.
   Those are the Translucent grey glass with white letters and violet in Light, Noir black with gold in Dark, so every
   panel follows the theme with everything else. One shape everywhere: panels 16 px, items and buttons 10-12 px.
   Selected and primary controls keep the theme's accent; errors keep their red. Loaded last, after liquid-glass.css.
   The standard composer's own keys, box and menus are left to composer.css: Chat's controls are the site's standard
   (owner, 2026-10-30, request 644). Chat's add (#composer-attach-menu) and effort (#composer-reasoning-menu) menus are
   not in these lists: they keep chat-layout.css's grey #18181b in every theme, the LiveLoop design's (owner,
   2026-11-01: "the grey is much nicer, and i want that grey to replace anythign thats black"). */

/* ---- Panels, menus and pop-ups ---------------------------------------------------------------------------- */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) {
  /* Near-solid in Dark, the main menu's black (owner, 2026-10-30): the plain glass read grey over the white stage. */
  background: var(--ll-aurora-solid, var(--sc-glass-fill)) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  color: var(--sc-ink) !important; -webkit-text-fill-color: var(--sc-ink) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--sc-glass-shadow) !important;
  filter: none !important;
}

/* ---- Their words: the panel's ink; secondary lines dimmer ----------------------------------------------- */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) :is(*):not(svg, svg *):not([class*="error"], [class*="danger"], .lla-err, .lla-danger, .ll-task-status, [style*="#f87171"], [style*="#ef4444"]) {
  color: inherit !important; -webkit-text-fill-color: inherit !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) :is(small, .lljobs-muted, .lla-sub, .lla-section, .ll-popmenu-title, .liveloop-files-note, p, .ccm-value, .ccm-subheading, .ccm-label + *):not([class*="error"]) {
  color: var(--sc-dim) !important; -webkit-text-fill-color: var(--sc-dim) !important;
}

/* ---- Rows, items, fields and ordinary buttons: a tint of the same glass, rounded --------------------------- */
/* Named one by one (owner, 2026-10-30, "few issues with highlighting"): matching class names by pattern ("job", "row",
   "item") also tinted every label, heading and note in the Queue, whose classes all start lljobs-. The three
   :is(*, #lgpN) on body give these rules more weight than the Queue's forced white (request 560) and the dropdown's
   own hover, both written with ids. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) :is(button, input:not([type="checkbox"], [type="radio"], [type="range"]), textarea, select, li,
  [role="menuitem"], [role="option"], .lljobs-step, .lljobs-job, .lla-card, .lla-drop, .ll-popmenu-item, .ccm-row,
  .ccm-subitem, .composer-reasoning-option, .sary-select-item, .note-tab, .liveloop-compare-other, .dl-btn):not([aria-pressed="true"], [aria-checked="true"], [aria-selected="true"], .active, .is-active, .is-current, .current,
    .is-selected, .selected, .primary, [class*="primary"], .lljobs-go, .lljobs-seg, .lljobs-dialog, .lljobs-manager,
    #composer-reasoning-menu, .composer-reasoning-options, .ccm-popover, .ccm-submenu, [class*="danger"]):not(.asksary-composer *) {
  background: var(--sc-tint) !important; background-image: none !important;
  border-color: var(--sc-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) :is(button, [role="menuitem"], [role="option"], .ll-popmenu-item, .ccm-row, .ccm-subitem, .composer-reasoning-option, .sary-select-item):not([aria-pressed="true"], .active, .is-selected, .primary, .lljobs-go):not(.asksary-composer *):is(:hover, .is-active) {
  background: color-mix(in srgb, var(--sc-ink) 12%, transparent) !important;
}
/* The chosen row or option: a stronger tint and the accent's edge, not a white pill. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) :is(.is-selected, .selected, [aria-selected="true"], [aria-pressed="true"], [aria-checked="true"].ccm-subitem, .composer-reasoning-option.active):not(.asksary-composer *) {
  background: color-mix(in srgb, var(--sc-a1) 26%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--sc-a1) 55%, transparent) !important; border-radius: 10px !important;
  box-shadow: none !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) :is(input, textarea)::placeholder { color: var(--sc-faint) !important; -webkit-text-fill-color: var(--sc-faint) !important; }

/* The segmented Queue / Flow and Cloud / Watch rows: a glass track; the pressed one keeps its accent. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .lljobs-dialog .lljobs-seg {
  background: var(--sc-tint) !important; border-color: var(--sc-line) !important; box-shadow: none !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .lljobs-dialog .lljobs-seg button:not([aria-pressed="true"]) { background: transparent !important; box-shadow: none !important; }

/* The Code agent's chat well was a fixed near-black (#080b10). */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .coding-lab-ai .coding-lab-chat { background: var(--sc-tint) !important; border: 1px solid var(--sc-line) !important; border-radius: 12px !important; }

/* ---- Buttons that stood out ------------------------------------------------------------------------------ */
/* The studios' small text buttons (From Gallery, Generate / Detailed prompt, Help me write / Make it better): square,
   violet on grey (owner, same day: "these rectangle buttons look rubbish, everywhere else has curved corners ... and font
   too, can't read"). Rounded glass pills with the panel's ink. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .vc2-subtle {
  border-radius: 12px !important;
  background: var(--sc-glass-fill) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 1px solid var(--sc-line) !important;
  color: var(--sc-ink) !important; -webkit-text-fill-color: var(--sc-ink) !important;
  font-weight: 600 !important;
  box-shadow: var(--sc-glass-shadow) !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .vc2-subtle:hover:not(:disabled) { background: color-mix(in srgb, var(--sc-ink) 14%, transparent) !important; }
/* Square close buttons and Notes' tabs: the same corners as every other control. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(.preview-close, .note-tab, .notes-modal-box .tool-btn) { border-radius: 10px !important; }
/* The effort menu's row of stops sits inside #composer-reasoning-menu: no box of its own. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #composer-reasoning-menu .composer-reasoning-options { background: transparent !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* Plain text never carries a fill: labels, notes and headings inside these panels. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(
  #ll-assets, .ll-popmenu, #liveloop-compare-menu, #liveloop-versions-menu, #download-format-sheet > section,
  #liveloop-files-manager, .lljobs-manager, .lljobs-dialog, .coding-lab-ai, .sary-select-menu,
  .live-chat-attach-menu, .ccm-popover, .ccm-submenu,
  .notes-modal-box, .dl-scr-pop, #liveloop-worklist, .ll-rename-dialog, #liveloop-git-panel
) :is(label, span, b, strong, small, p, h1, h2, h3, h4, header, summary, .lljobs-head, .lljobs-wave-note, .lljobs-quote, .sary-select-text):not(.ll-task-status) {
  background-color: transparent !important; background-image: none !important; box-shadow: none !important;
}

/* Inside an agent or task card: the wrappers that carried their own near-white sit in the card's glass; Split with AI
   is a card like the agents. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .lljobs-dialog :is(.lljobs-task, .lljobs-assets) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .lljobs-dialog .lljobs-split-ai {
  background: var(--sc-tint) !important; border: 1px solid var(--sc-line) !important; border-radius: 12px !important;
  color: var(--sc-ink) !important; -webkit-text-fill-color: var(--sc-ink) !important;
}

/* Today's work and the name dialog (Save state, Rename) (owner, 2026-10-30: "todays work missed the colour on aurora";
   "save state also"). The checklist's own section and list sit in the dropdown's glass; its "Ready"/"Failed" pills keep
   their colours; the frame-stats strip under it stays hidden behind the panel; Save is the theme's accent. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-worklist :is(.ll-worklist-scroll, .ll-checklist, .ll-checklist-body, .ll-checklist-list, .ll-checklist-head, .ll-checklist-clears) {
  background: transparent !important; border-color: transparent !important; box-shadow: none !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-worklist .ll-task { background: var(--sc-tint) !important; border: 1px solid var(--sc-line) !important; border-radius: 12px !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-worklist :is(.ll-task-meta, .ll-task-note, .ll-checklist-summary) { color: var(--sc-dim) !important; -webkit-text-fill-color: var(--sc-dim) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .ll-rename-dialog:is(*, #lgpr1):is(*, #lgpr2) .ll-rename-eyebrow { color: var(--sc-a1) !important; -webkit-text-fill-color: var(--sc-a1) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .ll-rename-dialog:is(*, #lgpr1):is(*, #lgpr2) .ll-rename-input:focus { border-color: var(--sc-a1) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--sc-a1) 45%, transparent) !important; outline: none !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) .ll-rename-dialog:is(*, #lgpr1):is(*, #lgpr2) .ll-rename-ok {
  background: var(--sc-a1) !important; border-color: transparent !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}

/* ---- The prompt box, the terminal and the frame bars (owner, 2026-10-30: "git missed the aurora theme, also can we
   have consistency with colour for terminal and prompt box"; "in dark mode aurora can we match the colour to the menu
   back colour"; "frame in render mode is inconsistent with each other"). They sit over the white stage, so they take
   the menu's glass made near-solid: Dark is the menu's black, Light keeps its own glass. Replaces the grey-violet
   #42404e (requests 569/570) while Aurora is on. ------------------------------------------------------------------ */
/* Chat's panel grey (owner, 2026-11-01: "the grey is much nicer, and i want that grey to replace anythign thats black"). */
:root[data-glass="dark"] { --ll-aurora-solid: #18181b; }
:root[data-glass="light"] { --ll-aurora-solid: var(--sc-glass-fill); }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(#liveloop-chat#liveloop-chat#liveloop-chat.live-chat-panel, #liveloop-bridge-panel.llb-root) {
  background: var(--ll-aurora-solid) !important; background-image: none;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  color: var(--sc-ink) !important; border-color: var(--sc-line) !important; box-shadow: var(--sc-glass-shadow) !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-chat#liveloop-chat#liveloop-chat.live-chat-panel :is(.live-chat-thread, .live-chat-output, .asksary-composer):not(.asksary-composer > *),
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-bridge-panel :is(.llb-connect code, .llb-connect input, .llb-foot input, .llb-foot button, .llb-head button) {
  background: var(--sc-tint) !important; border-color: var(--sc-line) !important; color: var(--sc-ink) !important;
  --composer-text: var(--sc-ink); --composer-muted: var(--sc-dim);
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-chat#liveloop-chat#liveloop-chat.live-chat-panel .live-chat-turn[data-role="assistant"] { background: var(--sc-tint) !important; border-color: var(--sc-line) !important; color: var(--sc-ink) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-chat#liveloop-chat#liveloop-chat.live-chat-panel .live-chat-turn[data-role="user"] { background: color-mix(in srgb, var(--sc-a1) 22%, transparent) !important; border-color: color-mix(in srgb, var(--sc-a1) 45%, transparent) !important; color: var(--sc-ink) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-chat#liveloop-chat#liveloop-chat.live-chat-panel :is(.live-chat-turn[data-role="note"], .live-chat-output[data-empty="true"], .live-chat-turn small, #liveloop-effort-note, .live-chat-tokens-text),
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-bridge-panel :is(.llb-connect p, .llb-line.sys) { color: var(--sc-dim) !important; -webkit-text-fill-color: currentColor !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-bridge-panel :is(.llb-head, .llb-foot) { border-color: var(--sc-line) !important; }
/* Send to: Frame 1 · Frame 2 · Both. Readable words, the chosen one in the theme's accent. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-send-to { background: var(--sc-tint) !important; border: 1px solid var(--sc-line) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-send-to :is(.lljobs-send-to-label, button) { background: transparent !important; color: var(--sc-ink) !important; -webkit-text-fill-color: var(--sc-ink) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-send-to .lljobs-send-to-label { color: var(--sc-dim) !important; -webkit-text-fill-color: var(--sc-dim) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-send-to#liveloop-send-to#liveloop-send-to button[aria-pressed="true"] { background: var(--sc-a1) !important; color: var(--sc-on-tier) !important; -webkit-text-fill-color: var(--sc-on-tier) !important; }
/* Frame 1's and frame 2's bars: one look, the menu's glass. */
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(#liveloop-compare-pane .liveloop-compare-head, #liveloop-frame1-head) {
  background: var(--ll-aurora-solid) !important; color: var(--sc-ink) !important; border-color: var(--sc-line) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; opacity: 1 !important;
}
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) :is(#liveloop-compare-pane .liveloop-compare-head, #liveloop-frame1-head) button { background: var(--sc-tint) !important; border-color: var(--sc-line) !important; color: var(--sc-ink) !important; -webkit-text-fill-color: var(--sc-ink) !important; }
:root:root:root:root:root[data-glass] body:is(*, #lgp1):is(*, #lgp2):is(*, #lgp3):is(*, #lgp4):is(*, #lgp5):is(*, #lgp6) #liveloop-compare-pane .liveloop-compare-link { color: var(--sc-a1) !important; }