.vc-root{max-width:890px;margin-inline:auto;min-width:0}
.vc-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:32px 0 20px}
.vc-head h1{font-size:clamp(33px,4vw,49px);letter-spacing:-1.4px;margin:0;line-height:1.5}
.vc-head p{margin:2px 0 0;color:var(--muted);font-size:14px}
.vc-head p.kicker{color:var(--blue);font-size:12px}
.vc-picker{font-size:12px;color:var(--muted);display:grid;gap:4px;min-width:122px}
.vc-picker select{font:inherit;font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:9px;background:white;padding:7px 10px;min-height:42px}
.vc-room{border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden}
.vc-bar{display:flex;align-items:center;gap:11px;padding:12px 20px;border-bottom:1px solid var(--line);background:#f1f4ec}
.vc-bar small,.vc-bar strong{display:block}.vc-bar small{font-size:11px;color:var(--green)}.vc-bar strong{font-size:16px}
.vc-badge{width:38px;height:38px;border-radius:12px 12px 12px 3px;display:grid;place-items:center;font-weight:850;font-size:23px;background:var(--blue);color:var(--lime)}
.vc-log{display:flex;flex-direction:column;gap:12px;padding:20px;min-height:170px;max-height:min(51vh,460px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.vc-bubble{max-width:min(86%,620px);border-radius:14px 14px 3px 14px;align-self:flex-start;padding:9px 13px;color:var(--ink);background:#f1f4ed;overflow-wrap:anywhere;font-size:14px;line-height:1.85;min-width:0}
.vc-bubble small{display:block;color:var(--green);font-size:10px;font-weight:740;margin-bottom:2px}
.vc-bubble div{white-space:pre-wrap}.vc-user{align-self:flex-end;border-radius:14px 14px 14px 3px;background:#edf1fe}.vc-user small{color:var(--blue)}
.vc-wait,.vc-hint,.vc-error,.vc-sentence small{font-size:12px;color:var(--muted)}.vc-wait{align-self:flex-start}
.vc-hint{margin:0 0 9px}.vc-error{border:1px solid #e4c5ab;background:#fff4e8;color:#6c381d;padding:8px;border-radius:7px;margin:0 0 8px}
.vc-footer{padding:14px 20px 18px;border-top:1px solid var(--line)}.vc-footer fieldset{border:0;padding:0;margin:0;min-width:0}
.vc-actions,.vc-options,.vc-token-list{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.vc-button,.vc-send,.vc-token{font-size:13px;min-height:42px;padding:6px 13px;font-weight:610;line-height:1.55;border:1px solid #cdd4c9;border-radius:9px;background:#fff;color:var(--ink)}
.vc-bright{background:var(--lime);border-color:#bdcf84}.vc-send{color:white;background:var(--blue);border-color:var(--blue)}.vc-subtle{border:0;color:var(--muted);font-size:12px;padding:4px 9px}
.vc-input{display:flex;gap:8px;margin:11px 0 0}.vc-input input{flex:1;min-width:0;border:1px solid #c8cec7;border-radius:9px;padding:8px 11px;font:inherit;font-size:15px;min-height:44px}
.vc-input input[name=spelling]{font:19px/1.4 Georgia,serif}.vc-input input::placeholder{font:13px Vazir,Tahoma,sans-serif;direction:rtl;text-align:right}.vc-input input[name=spelling]::placeholder{text-align:left}
.vc-token-list{padding:8px 0}.vc-chosen{background:#f6f7f3;border-radius:8px;border:1px dashed #bfcaba;padding:6px 9px;min-height:48px;margin-top:6px}
.vc-chosen span{font-size:12px;color:var(--muted)}.vc-token{font:17px/1.2 Georgia,serif;padding:4px 10px;min-height:40px}.vc-token.chosen{border-color:#abbde8;background:#edf2ff;color:var(--blue)}
.vc-options .vc-button{text-align:right}
@media(hover:hover){.vc-button:hover,.vc-token:not(:disabled):hover{border-color:var(--blue)}.vc-send:hover{background:var(--blue-dark)}}
@media(max-width:600px){.vc-head{margin:19px 0 13px;align-items:center}.vc-head p{font-size:12px}.vc-head h1{font-size:29px}.vc-picker{min-width:91px}.vc-bar,.vc-footer{padding:12px}.vc-log{padding:12px;max-height:42vh;min-height:124px}.vc-bubble{font-size:13px;max-width:92%}.vc-actions,.vc-options{gap:6px}.vc-button{font-size:12px;padding-inline:10px}.vc-input input{font-size:16px}}
@media(max-width:420px){.vc-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,92px);gap:9px;align-items:end}.vc-head>div,.vc-head .vc-picker{min-width:0}.vc-picker select{min-width:0;width:100%;max-width:100%}}

.vc-bubble small{display:flex;align-items:center;gap:7px}.vc-portrait{width:30px;height:30px;object-fit:cover;border-radius:50%}