diff --git a/Assets/assistent.css b/Assets/assistent.css index 9db7e24..591ae30 100644 --- a/Assets/assistent.css +++ b/Assets/assistent.css @@ -537,6 +537,58 @@ align-self: flex-start; border-bottom-left-radius: 0.25rem; background: color-mix(in srgb, currentColor 7%, transparent); + border-left: 2px solid color-mix(in srgb, currentColor 18%, transparent); +} + +.sa-msg.assistant[data-persona="lewd"] { + border-left-color: color-mix(in srgb, #c4788a 55%, currentColor); +} + +.sa-msg.assistant[data-persona="aggressive"] { + border-left-color: color-mix(in srgb, #c47a4a 55%, currentColor); +} + +.sa-msg.assistant[data-persona="neutral"] { + border-left-color: color-mix(in srgb, currentColor 22%, transparent); +} + +.sa-msg-meta { + display: flex; + flex-wrap: wrap; + align-items: baseline; + gap: 0.45rem; + margin: 0 0 0.35rem; + line-height: 1.1; + white-space: normal; +} + +.sa-persona-mark { + font-size: 0.68rem; + font-weight: 650; + letter-spacing: 0.06em; + text-transform: uppercase; + opacity: 0.48; +} + +.sa-persona-lewd { + opacity: 0.58; + color: color-mix(in srgb, #c4788a 70%, currentColor); +} + +.sa-persona-aggressive { + opacity: 0.58; + color: color-mix(in srgb, #c47a4a 70%, currentColor); +} + +.sa-pack-mark { + font-size: 0.66rem; + opacity: 0.36; + letter-spacing: 0.02em; +} + +.sa-msg-body { + white-space: pre-wrap; + word-break: break-word; } .sa-msg.error {