.client-interaction-probe { display: grid; gap: .5rem; padding: 1rem; border-radius: 1rem; background: var(--app-surface, #fffaf3); color: var(--app-text, #1f211e); }
.client-interaction-probe__eyebrow { color: var(--app-accent, #94672c); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.client-interaction-probe p { margin: 0; }
.client-settings-experiment { display: grid; gap: 1rem; max-width: 52rem; margin: 1rem auto; color: var(--app-text, #f7f3eb); }
.client-settings-experiment__header, .client-settings-experiment__loading, .client-settings-experiment__ready, .client-settings-experiment__panel { display: grid; gap: .5rem; padding: 1rem; border: 1px solid color-mix(in srgb, var(--app-text, #fff) 14%, transparent); border-radius: 1rem; background: var(--app-surface, #171b18); }
.client-settings-experiment h1, .client-settings-experiment h2, .client-settings-experiment p { margin: 0; }
.client-settings-experiment__content { display: grid; gap: .75rem; }
.client-settings-experiment ul { display: grid; gap: .45rem; padding: 0; margin: 0; list-style: none; }
.client-settings-experiment li { display: flex; justify-content: space-between; gap: 1rem; }
.client-settings-experiment__skeleton { display: grid; gap: .6rem; margin-top: .5rem; }
.client-settings-experiment__skeleton span { display: block; height: .8rem; width: min(100%, 24rem); border-radius: 999px; background: color-mix(in srgb, var(--app-text, #fff) 12%, transparent); }
.client-settings-experiment__skeleton span:nth-child(2) { width: 78%; }
.client-settings-experiment__skeleton span:nth-child(3) { width: 58%; }