/* v0.4.6ba — additive light appearance; original dark rules remain unchanged.
   IMPORTANT: scoped to body[data-color-mode="light"] to preserve legacy behavior. */
html:has(body[data-color-mode="light"]){color-scheme:light;background:#f3f6fb;color:#24354d}
body[data-color-mode="light"]{
 color:#24354d!important;
 background:#f3f6fb!important;
 color-scheme:light;
}
body[data-color-mode="light"] .ambient-glow{opacity:.4}
body[data-color-mode="light"] .panel,
body[data-color-mode="light"].glass-on .panel,
body[data-color-mode="light"].glass-on[data-bg-theme] .panel{
 background:#ffffff!important;border-color:#dce4ee!important;
 box-shadow:0 6px 24px rgba(45,70,101,.08)!important;color:#24354d!important;
}
body[data-color-mode="light"].glass-on .panel,
body[data-color-mode="light"].glass-on[data-bg-theme]:not([data-bg-theme="none"]) .panel{
 background:rgba(255,255,255,.81)!important;
 border-color:rgba(130,156,190,.35)!important;
 backdrop-filter:blur(18px) saturate(115%);
 -webkit-backdrop-filter:blur(18px) saturate(115%);
}
body[data-color-mode="light"] h1,body[data-color-mode="light"] h3,
body[data-color-mode="light"] h2,body[data-color-mode="light"] .msl-heading-major,
body[data-color-mode="light"] .twitch-guides .twitch-guide-subheading,
body[data-color-mode="light"] .thumb-history-header .thumb-history-heading h3.msl-heading-minor{
 color:#24354d!important;
}
body[data-color-mode="light"] .sub,body[data-color-mode="light"] .hint,
body[data-color-mode="light"] .helper,body[data-color-mode="light"] .muted,
body[data-color-mode="light"] .footer,body[data-color-mode="light"] .social-tip,
body[data-color-mode="light"] .field .counter,
body[data-color-mode="light"] .thumb-history-header .thumb-history-heading h3.msl-heading-minor span#thumbCount,
body[data-color-mode="light"] .thumb-tile p.thumb-meta,
body[data-color-mode="light"] .classification-card small,
body[data-color-mode="light"] .variable-tools .variable-caption,
body[data-color-mode="light"] .field .help-badge,
body[data-color-mode="light"] .empty{color:#5d7188!important}
body[data-color-mode="light"] label{color:var(--sp-color-text-slate)}
body[data-color-mode="light"] input:not([type=checkbox]):not([type=radio]),
body[data-color-mode="light"] select,body[data-color-mode="light"] textarea,
body[data-color-mode="light"].glass-on input:not([type=checkbox]):not([type=radio]),
body[data-color-mode="light"].glass-on textarea{
 background:#edf3f9!important;color:#24354d!important;border-color:#bdcddd!important;
}
body[data-color-mode="light"] input::placeholder,body[data-color-mode="light"] textarea::placeholder{color:#6c7f94!important;opacity:1}
body[data-color-mode="light"] .btn:not(.primary):not(.trash-restore):not(.trash-purge):not(.trash-empty):not([data-reset-overrides]),
body[data-color-mode="light"].glass-on .social-actions .btn:not(.primary),
body[data-color-mode="light"].glass-on .dialog-actions .btn:not(.primary):not([data-reset-overrides]),
body[data-color-mode="light"] .social-bulk-btn{
 color:#304761;background:#f0f5fa!important;border-color:#c8d7e7!important;
}
body[data-color-mode="light"] .btn:not(.primary):hover:not(:disabled){filter:brightness(.97)}
body[data-color-mode="light"] .tab:not(.active){color:#485d77!important;background:transparent!important}
body[data-color-mode="light"] .tab:not(.active):hover{background:#e9f2fa!important;color:#24354d!important}
body[data-color-mode="light"] .tabs{background:#edf3f9!important;border-color:#d9e3ee!important}
body[data-color-mode="light"] .panel .check-label{background:#edf3f9!important;color:var(--sp-color-text-slate)!important}
body[data-color-mode="light"] input[type="checkbox"]:not(:checked){background:#fff!important;border-color:#8da3b9!important}
body[data-color-mode="light"] .social-preview,body[data-color-mode="light"] .inline-note,
body[data-color-mode="light"] .example-preview,body[data-color-mode="light"] .title-live-preview,
body[data-color-mode="light"] .thumb-preview{
 background:#f5f8fc!important;color:var(--sp-color-text-slate)!important;border-color:#d2dfec!important;
}
body[data-color-mode="light"] .panel .inline-note,body[data-color-mode="light"] .panel .example-preview,
body[data-color-mode="light"] .panel .title-live-preview{background:transparent!important}
body[data-color-mode="light"] .social-destinations label,
body[data-color-mode="light"] .tag,body[data-color-mode="light"] .pill{
 background:#e7f0f8!important;color:#365a74!important;
}
body[data-color-mode="light"] .thumb-gallery-layout .thumb-tile,
body[data-color-mode="light"].glass-on .thumb-gallery-layout .thumb-tile,
body[data-color-mode="light"] .thumb-tile,body[data-color-mode="light"].glass-on .thumb-tile{
 background:#f7fafe!important;border-color:#d5e0ed!important;color:var(--sp-color-text-slate)!important;
}
body[data-color-mode="light"] .thumb-history-tools input,
body[data-color-mode="light"] .thumb-history-tools select,
body[data-color-mode="light"] .thumb-history-tools .msl-select-trigger,
body[data-color-mode="light"].glass-on .thumb-history-tools #thumbSearch{
 background:#edf3f9!important;color:var(--sp-color-text-slate)!important;border-color:#bdcddd!important;
}
body[data-color-mode="light"] .thumb-history-tools #thumbSearch::placeholder,
body[data-color-mode="light"].glass-on .thumb-history-tools #thumbSearch::placeholder{color:#667c94!important}
body[data-color-mode="light"] .thumb-gallery-layout .thumb-actions .thumb-use:not(:disabled){color:var(--sp-color-text-slate)!important;border-color:#c4d2e2!important}
body[data-color-mode="light"] .thumb-gallery-layout .thumb-tile.is-selected .thumb-actions .thumb-use{color:#fff!important}
body[data-color-mode="light"] .variable-tools .btn,
body[data-color-mode="light"] .variable-tools .btn:hover{
 background:#eaf2f9!important;color:#334f6d!important;border-color:#d1deeb!important;
}
body[data-color-mode="light"] .thumb-file-picker{background:#edf3f9!important;border-color:#bdcddd!important}
body[data-color-mode="light"] .thumb-file-picker .thumb-file-button{color:#24465f!important}
body[data-color-mode="light"] .thumb-file-picker .thumb-file-current{color:var(--sp-color-text-slate)!important}
body[data-color-mode="light"] .new-game-dialog,
body[data-color-mode="light"].glass-on .new-game-dialog{
 background:#fff!important;color:#24354d!important;border-color:#bdcddd!important;
}
body[data-color-mode="light"] .new-game-dialog::backdrop{background:rgba(35,51,70,.40)}
body[data-color-mode="light"] .msl-mega-trigger{color:var(--sp-color-text-slate)!important;background:#eaf2f9!important;border-color:#c6d6e6!important}
body[data-color-mode="light"] .msl-appearance-flyout{
 background:rgba(255,255,255,.96)!important;border-color:#d2dfeb!important;
 box-shadow:0 20px 45px rgba(31,58,87,.17)!important;color:#24354d!important;
}
body[data-color-mode="light"] .msl-flyout-head strong{color:#24354d}
body[data-color-mode="light"] .msl-flyout-head span,
body[data-color-mode="light"] .msl-flyout-foot{color:#60758e}
body[data-color-mode="light"] .msl-flyout-nav{border-color:#d5e0ed}
body[data-color-mode="light"] .msl-nav-option{color:#435a75}
body[data-color-mode="light"] .msl-nav-option:hover,
body[data-color-mode="light"] .msl-nav-option.is-current{color:#1e3e5f;background:#eaf2fb}
body[data-color-mode="light"] .msl-accent-choice{background:#f5f8fc;}
body[data-color-mode="light"] .msl-accent-choice[aria-pressed="true"]{background:rgba(var(--msl-accent-rgb),.11)}
body[data-color-mode="light"] .msl-select-trigger,
body[data-color-mode="light"] .msl-select-popup{
 background:#ffffff!important;color:var(--sp-color-text-slate)!important;border-color:#c9d8e8!important;
 box-shadow:0 12px 30px rgba(27,56,90,.14);
}
body[data-color-mode="light"] .msl-select-option{}
body[data-color-mode="light"] .msl-select-option:hover,
body[data-color-mode="light"] .msl-select-option.is-highlighted{background:#edf3f9!important}
body[data-color-mode="light"] .msl-select-option.is-selected{background:rgba(var(--msl-accent-rgb),.12)!important}
body[data-color-mode="light"] .msl-select-chevron{}
body[data-color-mode="light"] .x-post-card h3{color:#24354d}
body[data-color-mode="light"] .error-list{background:#fff2eb;color:#763d2a;border-color:#e5b9a2}
body[data-color-mode="light"] .warning{color:#96571e}
body[data-color-mode="light"] .invalid{color:#b1293c!important}
body[data-color-mode="light"] .valid{color:#176d4b}
body[data-color-mode="light"] .social-item.is-pointer-dragging,
body[data-color-mode="light"].glass-on .social-item.is-pointer-dragging{background:#edf3f9!important}
/* v0.4.6ba: light-mode background and ambient visibility repair.
   Only visual appearance; no changes to user data, presets, or event handlers. */
body[data-color-mode="light"][data-bg-theme="none"]{background:#f3f6fb!important}
body[data-color-mode="light"][data-bg-theme="blue"]{
 background:radial-gradient(ellipse 58% 60% at 5% 7%,rgba(96,186,249,.28),transparent 78%),radial-gradient(ellipse 54% 58% at 95% 90%,rgba(135,165,249,.23),transparent 82%),linear-gradient(140deg,#f3f8ff,#edf4fc 68%,#f3f6fb)!important;
}
body[data-color-mode="light"][data-bg-theme="pink"]{
 background:radial-gradient(ellipse 56% 61% at 8% 5%,rgba(247,135,187,.25),transparent 80%),radial-gradient(ellipse 52% 56% at 92% 90%,rgba(198,166,249,.24),transparent 82%),linear-gradient(140deg,#fff5fa,#f6f1fe 65%,#f3f6fb)!important;
}
body[data-color-mode="light"][data-bg-theme="honey"]{
 background:radial-gradient(ellipse 58% 61% at 8% 6%,rgba(255,187,102,.27),transparent 80%),radial-gradient(ellipse 52% 60% at 94% 90%,rgba(250,173,149,.22),transparent 81%),linear-gradient(140deg,#fffaf1,#fbf3ed 65%,#f3f6fb)!important;
}
body[data-color-mode="light"][data-bg-theme="aurora"]{
 background:radial-gradient(ellipse 55% 59% at 4% 8%,rgba(107,195,242,.27),transparent 78%),radial-gradient(ellipse 52% 62% at 97% 8%,rgba(191,156,240,.23),transparent 81%),radial-gradient(ellipse 64% 50% at 48% 100%,rgba(251,164,205,.19),transparent 81%),linear-gradient(140deg,#f3f8ff,#f8f4fc 65%,#f4f8fd)!important;
}
/* Restore ambient contrast independently of background: off remains off. */
body[data-color-mode="light"] .ambient-layer{opacity:1;pointer-events:none}
body[data-color-mode="light"] .ambient-glow{filter:blur(40px)}
body[data-color-mode="light"][data-ambient="home"] .ambient-glow,
body[data-color-mode="light"][data-ambient="orbs"] .ambient-glow{opacity:.72}
body[data-color-mode="light"][data-ambient="lines"] .ambient-glow{opacity:.30}
body[data-color-mode="light"][data-ambient="home"] .ambient-orb,
body[data-color-mode="light"][data-ambient="orbs"] .ambient-orb{opacity:.72}
body[data-color-mode="light"][data-ambient="home"] .ambient-lines,
body[data-color-mode="light"][data-ambient="lines"] .ambient-lines{opacity:.55}
body[data-color-mode="light"] .ambient-layer .ambient-orb{
 border-color:rgba(90,139,195,.26);
}
body[data-color-mode="light"][data-bg-theme="none"] .ambient-glow{opacity:.22}
/* Keep the original accessibility and user-off behavior authoritative. */
body[data-color-mode="light"][data-ambient="off"] .ambient-layer{display:none}
@media(prefers-reduced-motion:reduce){body[data-color-mode="light"] .ambient-layer{display:none!important}}


/* v0.4.6bc — light mode polish: toast, spacing, and reset surfaces. */
/* Form controls: calmer elevation and clearer separation from buttons below. */
body[data-color-mode="light"] input:not([type=checkbox]):not([type=radio]),
body[data-color-mode="light"] select,
body[data-color-mode="light"] textarea,
body[data-color-mode="light"] .msl-select-trigger,
body[data-color-mode="light"] .thumb-history-tools input,
body[data-color-mode="light"] .thumb-history-tools select,
body[data-color-mode="light"] .thumb-history-tools .msl-select-trigger{
  box-shadow:0 1px 2px rgba(36,53,77,.04), 0 6px 14px rgba(94,122,156,.06)!important;
}
body[data-color-mode="light"] .msl-select-popup{
  
}
body[data-color-mode="light"] .game-actions{margin-top:12px!important;}
body[data-color-mode="light"] #game + .msl-select-wrap,
body[data-color-mode="light"] #newTitleFormat + .msl-select-wrap,
body[data-color-mode="light"] #socialService + .msl-select-wrap{
  display:block;
  margin-bottom:2px;
}
/* Game action buttons tuned for bright UI. */
body[data-color-mode="light"] .game-actions>.btn{
  background:#e9eff5!important;
  color:#5c7088!important;
  border:1px solid #d5e0ea!important;
}
body[data-color-mode="light"] .game-actions>.btn:hover:not(:disabled){
  filter:none!important;
  background:#e3ebf3!important;
}
body[data-color-mode="light"] .game-actions>#addGame{
  background:#6b4a1f!important;
  border-color:#6b4a1f!important;
  color:#fff3d7!important;
}
body[data-color-mode="light"] .game-actions>#addGame:hover:not(:disabled){background:#5b3f1a!important;}
body[data-color-mode="light"] .game-actions>#deleteGame{
  background:#5f274a!important;
  border-color:#5f274a!important;
  color:#ffe2ef!important;
}
body[data-color-mode="light"] .game-actions>#deleteGame:hover:not(:disabled){background:#51203f!important;}
/* Toast / popup message harmonized for light mode. */
body[data-color-mode="light"] .status{
  background:#1f6b53!important;
  color:#f4fff8!important;
  border-color:#368668!important;
  box-shadow:0 16px 32px rgba(31,78,61,.18)!important;
}
/* Reset-family buttons become softer rose surfaces instead of dark wine blocks. */
body[data-color-mode="light"] #reset,
body[data-color-mode="light"] #resetXPost,
body[data-color-mode="light"] #platformEdits button[data-reset-overrides]{
  background:#f7e9ef!important;
  color:#8a3458!important;
  border:1px solid #e7bfd0!important;
  box-shadow:none!important;
}
body[data-color-mode="light"] #reset:hover:not(:disabled),
body[data-color-mode="light"] #resetXPost:hover:not(:disabled),
body[data-color-mode="light"] #platformEdits button[data-reset-overrides]:hover:not(:disabled){
  background:#f2dfe8!important;
  color:#742849!important;
  filter:none!important;
}
/* Keep ordinary secondary buttons airy in light mode, while preserving themed primary/danger actions. */
body[data-color-mode="light"] .btn:not(.primary):not(.danger):not(.trash-restore):not(.trash-purge):not(.trash-empty):not([data-reset-overrides]),
body[data-color-mode="light"].glass-on .social-actions .btn:not(.primary),
body[data-color-mode="light"].glass-on .dialog-actions .btn:not(.primary):not([data-reset-overrides]),
body[data-color-mode="light"] .social-bulk-btn{
  color:#425a74!important;
  background:#f3f7fb!important;
  border-color:#cbd8e5!important;
}
body[data-color-mode="light"] .btn:not(.primary):not(.danger):hover:not(:disabled){
  background:#ecf3f9!important;
}


/* v0.4.6bc — restore visible light-mode Glass UI, including notice card.
   Scope only to light + glass-on; keep data and dark mode untouched. */
body[data-color-mode="light"].glass-on .panel,
body[data-color-mode="light"].glass-on[data-bg-theme] .panel,
body[data-color-mode="light"].glass-on[data-bg-theme]:not([data-bg-theme="none"]) .panel{
  background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(245,250,255,.57))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 9px 26px rgba(43,73,112,.10)!important;
  backdrop-filter:blur(13px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(125%)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body[data-color-mode="light"].glass-on .panel,
 body[data-color-mode="light"].glass-on[data-bg-theme] .panel{background:rgba(255,255,255,.83)!important;}
}


/* v0.4.6bd: fast light/dark shortcut beside appearance settings. */
.msl-theme-shortcut{
  display:inline-grid;place-items:center;position:relative;flex:0 0 40px;
  width:40px;height:40px;min-height:40px;margin-left:auto;padding:0;
  border:1px solid rgba(224,236,255,.30);border-radius:13px;
  color:#d9cfff;background:rgba(210,226,252,.12);cursor:pointer;
  box-shadow:0 2px 11px rgba(0,0,0,.07);
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.msl-theme-shortcut + .msl-display-settings{margin-left:0}
.msl-theme-shortcut:hover{background:rgba(210,226,252,.21);border-color:rgba(224,236,255,.55)}
.msl-theme-shortcut:focus-visible{outline:2px solid var(--msl-accent,#12b7f0);outline-offset:3px}
.msl-theme-shortcut-icons{width:21px;height:21px;position:relative;display:block}
.msl-theme-shortcut svg{position:absolute;inset:0;width:21px;height:21px;transform-origin:center;transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1)}
.msl-theme-sun{opacity:0;transform:rotate(-70deg) scale(.42)}
.msl-theme-moon{opacity:1;transform:rotate(0) scale(1)}
body[data-color-mode="light"] .msl-theme-shortcut{background:rgba(255,255,255,.83);border-color:#cbd9e9;color:#d89323;box-shadow:0 3px 12px rgba(38,61,90,.07)}
body[data-color-mode="light"] .msl-theme-shortcut:hover{background:#fff;border-color:#a9c0d9}
body[data-color-mode="light"] .msl-theme-sun{opacity:1;transform:rotate(0) scale(1)}
body[data-color-mode="light"] .msl-theme-moon{opacity:0;transform:rotate(70deg) scale(.42)}
@media(max-width:620px){.msl-theme-shortcut{margin-left:auto}.msl-theme-shortcut + .msl-display-settings{margin-left:0;width:auto;flex:1 1 190px}.msl-theme-shortcut + .msl-display-settings .msl-mega-trigger{width:100%}}
@media(prefers-reduced-motion:reduce){.msl-theme-shortcut,.msl-theme-shortcut svg{transition:none!important}}
/* The View Transitions API creates an isolated snapshot above ordinary UI. */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.msl-ripple-collapse::view-transition-old(root){z-index:2}
html.msl-ripple-collapse::view-transition-new(root){z-index:1}


/* v0.4.6be — platform tabs: inactive hover is always readable in the current accent. */
#tabs .tab:not(.active):hover,
body[data-color-mode="light"] #tabs .tab:not(.active):hover{
  color:var(--msl-accent)!important;
  background:rgba(var(--msl-accent-rgb),.10)!important;
  border-color:rgba(var(--msl-accent-rgb),.18)!important;
}
/* Keyboard focus receives the same visual clarity as pointer hover. */
#tabs .tab:not(.active):focus-visible{
  color:var(--msl-accent)!important;
  background:rgba(var(--msl-accent-rgb),.10)!important;
}

/* v0.4.6bh: paired header controls: consistent radius and Glass UI surfaces.
   Scoped only to the header; data handling and transitions stay unchanged. */
header .msl-theme-shortcut,
header .msl-display-settings .msl-mega-trigger{
  border-radius:13px!important;
  min-height:40px;
  border-width:1px!important;
  border-style:solid!important;
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
/* Glass OFF: quiet, opaque surfaces, harmonized with the active color mode. */
body:not(.glass-on) header .msl-theme-shortcut,
body:not(.glass-on) header .msl-display-settings .msl-mega-trigger{
  background:#263449!important;
  border-color:#52647e!important;
  box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
}
body[data-color-mode="light"]:not(.glass-on) header .msl-theme-shortcut,
body[data-color-mode="light"]:not(.glass-on) header .msl-display-settings .msl-mega-trigger{
  background:#edf3f9!important;
  border-color:#cbd9e9!important;
  box-shadow:0 2px 8px rgba(39,65,101,.06)!important;
}
/* Glass ON: matching frosted surfaces, with light/dark-appropriate translucency. */
body.glass-on header .msl-theme-shortcut,
body.glass-on header .msl-display-settings .msl-mega-trigger{
  background:rgba(205,225,246,.14)!important;
  border-color:rgba(224,236,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 4px 14px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(12px) saturate(125%);
  -webkit-backdrop-filter:blur(12px) saturate(125%);
}
body[data-color-mode="light"].glass-on header .msl-theme-shortcut,
body[data-color-mode="light"].glass-on header .msl-display-settings .msl-mega-trigger{
  background:rgba(255,255,255,.55)!important;
  border-color:rgba(177,198,222,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 4px 14px rgba(41,70,104,.09)!important;
}
body:not(.glass-on) header .msl-theme-shortcut:hover,
body:not(.glass-on) header .msl-display-settings .msl-mega-trigger:hover,
body:not(.glass-on) header .msl-display-settings .msl-mega-trigger[aria-expanded="true"]{
  background:#31425a!important;border-color:#7387a5!important;
}
body[data-color-mode="light"]:not(.glass-on) header .msl-theme-shortcut:hover,
body[data-color-mode="light"]:not(.glass-on) header .msl-display-settings .msl-mega-trigger:hover,
body[data-color-mode="light"]:not(.glass-on) header .msl-display-settings .msl-mega-trigger[aria-expanded="true"]{
  background:#e3edf7!important;border-color:#aebfd3!important;
}
body.glass-on header .msl-theme-shortcut:hover,
body.glass-on header .msl-display-settings .msl-mega-trigger:hover,
body.glass-on header .msl-display-settings .msl-mega-trigger[aria-expanded="true"]{
  background:rgba(223,237,252,.23)!important;border-color:rgba(240,247,255,.48)!important;
}
body[data-color-mode="light"].glass-on header .msl-theme-shortcut:hover,
body[data-color-mode="light"].glass-on header .msl-display-settings .msl-mega-trigger:hover,
body[data-color-mode="light"].glass-on header .msl-display-settings .msl-mega-trigger[aria-expanded="true"]{
  background:rgba(255,255,255,.76)!important;border-color:rgba(151,178,209,.76)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body.glass-on header .msl-theme-shortcut,
 body.glass-on header .msl-display-settings .msl-mega-trigger{background:#303e52!important;}
 body[data-color-mode="light"].glass-on header .msl-theme-shortcut,
 body[data-color-mode="light"].glass-on header .msl-display-settings .msl-mega-trigger{background:#f1f6fb!important;}
}


/* Light swatches. Accent variables themselves are set in css/07-light-refine.css. */
/* The three chips previously retained hardcoded dark-mode fills. */
body[data-color-mode="light"] .msl-accent-choice[data-accent-choice="blue"] .msl-accent-swatch{
  background:#159EE5!important;
}
body[data-color-mode="light"] .msl-accent-choice[data-accent-choice="honey"] .msl-accent-swatch{
  background:#F2A62E!important;
}
body[data-color-mode="light"] .msl-accent-choice[data-accent-choice="pink"] .msl-accent-swatch{
  background:#E75A9A!important;
}
/* More transparent selected card color, without a muddy dark overlay. */
body[data-color-mode="light"] .msl-accent-choice[aria-pressed="true"]{
  background:rgba(var(--msl-accent-rgb),.055)!important;
  border-color:rgba(var(--msl-accent-rgb),.42)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--msl-accent-rgb),.11)!important;
}
body[data-color-mode="light"] .msl-accent-choice .msl-accent-swatch{
  box-shadow:0 0 0 1px rgba(255,255,255,.65), 0 2px 6px rgba(45,75,110,.11)!important;
}



/* v0.4.6bi — light-mode hover clarity for variable insertion chips */
body[data-color-mode="light"] .variable-tools .btn{
  background:#f6f9fc!important;
  color:#52667f!important;
  border:1px solid #c9d7e5!important;
  box-shadow:0 1px 2px rgba(41,64,94,.04)!important;
  transform:translateY(0);
  transition:background 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease!important;
}
body[data-color-mode="light"] .variable-tools .btn:hover:not(:disabled),
body[data-color-mode="light"] .variable-tools .btn:focus-visible{
  background:rgba(var(--msl-accent-rgb),.10)!important;
  color:var(--msl-accent-fill)!important;
  border-color:rgba(var(--msl-accent-rgb),.45)!important;
  box-shadow:0 4px 12px rgba(52,86,124,.10)!important;
  transform:translateY(-1px);
  filter:none!important;
}
body[data-color-mode="light"] .variable-tools .btn:active:not(:disabled){
  background:rgba(var(--msl-accent-rgb),.16)!important;
  color:var(--msl-accent-fill-hover)!important;
  border-color:rgba(var(--msl-accent-rgb),.52)!important;
  box-shadow:0 1px 4px rgba(52,86,124,.08)!important;
  transform:translateY(0);
}