/* Only the open settings surface uses an inverse palette, not the page or launcher. */
html[data-eco-theme=white] .eco-experience-panel[open]{
  --ct-panel:#14243b;--ct-soft:#20344d;--ct-button:#283e59;--ct-ink:#f4f8ff;
  --ct-muted:#c8d8e9;--ct-line:#8099b7;--ct-accent:#b5f3d5;
  --ct-selected:#b5f3d5;--ct-on-selected:#142e29;color-scheme:dark;
}
html[data-eco-theme=dark] .eco-experience-panel[open]{
  --ct-panel:#fff8e9;--ct-soft:#f1e7d3;--ct-button:#fffdf5;--ct-ink:#24372f;
  --ct-muted:#495a51;--ct-line:#82785f;--ct-accent:#175b4d;
  --ct-selected:#175b4d;--ct-on-selected:#ffffff;color-scheme:light;
}
html[data-eco-theme] body .eco-experience-panel[open]{
  background:var(--ct-panel)!important;color:var(--ct-ink)!important;
  border:2px solid var(--ct-accent)!important;box-shadow:0 12px 36px #0006;
  accent-color:var(--ct-accent);scrollbar-color:var(--ct-line) var(--ct-panel);
}
html[data-eco-theme] body .eco-experience-panel[open]>summary{
  background:var(--ct-soft)!important;color:var(--ct-accent)!important;
  border-bottom:1px solid var(--ct-line);border-radius:12px 12px 0 0;font-size:16px;font-weight:800;
}
html[data-eco-theme] body .eco-experience-panel[open]>div{background:var(--ct-panel);border-radius:0 0 12px 12px}
html[data-eco-theme] body .eco-experience-panel[open] :is(fieldset,legend,p,label,output){color:var(--ct-ink)!important;border-color:var(--ct-line)!important}
html[data-eco-theme] body .eco-experience-panel[open] :is(small,.eco-character-help,.eco-character-note,.eco-theme-note,.eco-voice-status){color:var(--ct-muted)!important}
html[data-eco-theme] body .eco-experience-panel[open] :is(button,select){
  background:var(--ct-button)!important;color:var(--ct-ink)!important;border-color:var(--ct-line)!important;
}
html[data-eco-theme] body .eco-experience-panel[open] option{background:var(--ct-button);color:var(--ct-ink)}
html[data-eco-theme] body .eco-experience-panel[open] button[aria-pressed=true]{
  background:var(--ct-selected)!important;color:var(--ct-on-selected)!important;border-color:var(--ct-selected)!important;box-shadow:inset 0 0 0 1px var(--ct-on-selected);
}
html[data-eco-theme] body .eco-experience-panel[open] button[aria-pressed] :is(span,small),
html[data-eco-theme] body .eco-experience-panel[open] button[aria-pressed=true]>span:after{color:inherit!important}
html[data-eco-theme] body .eco-experience-panel[open] [data-settings-close]{background:var(--ct-selected)!important;color:var(--ct-on-selected)!important;font-weight:800}
html[data-eco-theme] body .eco-experience-panel[open] :is(button,select,input):focus-visible{outline:3px solid var(--ct-accent);outline-offset:2px}