.bot-grid{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}
@media (max-width:900px){.bot-grid{grid-template-columns:1fr;gap:40px}}
.botw{width:100%;max-width:380px;margin:0 auto;border-radius:20px;overflow:hidden;background:var(--white);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(60,40,20,.35);display:flex;flex-direction:column;height:590px}
.bot-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--water);color:#fff}
.bot-head .av{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;position:relative}
.bot-head .av::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#7be0a4;border:2px solid var(--water)}
.bot-head b{display:block;font-size:.93rem;font-weight:600}
.bot-head small{font-size:.74rem;opacity:.85}
.langs{margin-left:auto;display:flex;gap:4px}
.langs button{font-size:.72rem;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.14);font-weight:600}
.langs button.on{background:#fff;color:var(--water)}
.bot-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.bm{max-width:86%;padding:9px 13px;border-radius:16px;font-size:.87rem;line-height:1.45;animation:pop .3s both}
.bm.u{align-self:flex-end;background:var(--water);color:#fff;border-bottom-right-radius:5px}
.bm.b{align-self:flex-start;background:#efebe4;border-bottom-left-radius:5px}
.bm[dir=rtl]{text-align:right}
.bm .card-in{margin-top:8px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:.82rem}
.bm .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.bm .acts button{font-size:.78rem;padding:6px 10px;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:600}
.typing{align-self:flex-start;background:#efebe4;border-radius:16px;padding:12px 14px;display:flex;gap:4px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink3);animation:ty 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes ty{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.quick{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--line2);scrollbar-width:none}
.quick::-webkit-scrollbar{display:none}
.quick button{flex:none;font-size:.78rem;padding:6px 11px;border-radius:999px;border:1px solid var(--line);font-weight:500}
.quick button:hover{background:var(--paper)}
.bot-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line2)}
.send{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;flex:none}
.list-plain{list-style:none;display:flex;flex-direction:column;gap:18px;margin-top:28px}
.list-plain li{padding-left:22px;position:relative}
.list-plain li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--copper)}
.list-plain b{display:block}
.list-plain span{color:var(--ink2);font-size:.95rem}