:root { --libro-green:#83d600; --libro-dark:#121212; }
.libro-chat { position:fixed; right:22px; bottom:22px; z-index:999999; font-family:Arial,sans-serif; }
.libro-launcher { width:82px; height:82px; padding:0; border:3px solid var(--libro-green); border-radius:50%; overflow:hidden; background:#fff; box-shadow:0 8px 25px #0003; cursor:pointer; }
.libro-launcher img { width:100%; height:100%; object-fit:cover; object-position:50% 18%; }
.libro-panel { width:min(370px,calc(100vw - 28px)); height:min(590px,calc(100vh - 36px)); background:#fff; border-radius:18px; box-shadow:0 18px 55px #0004; overflow:hidden; }
.libro-panel header { height:76px; padding:10px 12px; display:flex; align-items:center; gap:10px; color:#fff; background:linear-gradient(135deg,#111,#2b2b2b); border-bottom:4px solid var(--libro-green); }
.libro-panel header img { width:54px; height:54px; border-radius:50%; object-fit:cover; object-position:50% 20%; background:#fff; }
.libro-panel header div { display:flex; flex-direction:column; flex:1; }.libro-panel header strong{font-size:20px}.libro-panel header small{opacity:.85}
.libro-panel header button { border:0; color:#fff; background:transparent; font-size:30px; cursor:pointer; }
.libro-messages { height:calc(100% - 165px); overflow-y:auto; padding:16px; background:#f5f7f2; }
.libro-message { max-width:84%; margin:0 0 11px; padding:10px 12px; border-radius:14px; line-height:1.4; white-space:pre-wrap; }
.libro-message.bot { background:#fff; border:1px solid #dfe5da; border-bottom-left-radius:4px; }
.libro-message.user { margin-left:auto; color:#111; background:var(--libro-green); border-bottom-right-radius:4px; }
#libro-form { height:54px; padding:8px; display:flex; gap:7px; border-top:1px solid #ddd; }
#libro-input { min-width:0; flex:1; padding:0 11px; border:1px solid #bbb; border-radius:10px; }
#libro-form button { padding:0 14px; border:0; border-radius:10px; background:var(--libro-dark); color:#fff; font-weight:bold; cursor:pointer; }
.libro-note { margin:0; padding:3px 10px 7px; color:#666; background:#fff; font-size:10px; text-align:center; }
@media (max-width:480px){.libro-chat{right:10px;bottom:10px}.libro-panel{width:calc(100vw - 20px);height:calc(100vh - 20px)}}