style.css

/*
 * Reasoning Effort: None — style.css
 * Subtle visual cue on the None option so it reads as a "disable" action
 * rather than just another level in the low→high progression.
 */

/* Dim the option slightly to signal it's a disabling action, not a level */
.reasoning-effort-none-option {
    font-style: italic;
    opacity: 0.85;
}

/* When None is actively selected, tint the select border amber
   so the user has a clear reminder that reasoning is off */
#openai_reasoning_effort:has(option[value="none"]:checked) {
    outline: 1px solid color-mix(in srgb, var(--warning-color, #e8a838) 60%, transparent);
    border-color: color-mix(in srgb, var(--warning-color, #e8a838) 60%, transparent);
}