#as-fab{position:fixed;right:24px;bottom:80px;z-index:99997;display:flex;align-items:center;gap:8px;background:#4DA3FF;color:#04121F;border:none;border-radius:50px;padding:12px 20px;font:600 14px/1 Roboto,system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform .15s}
#as-fab:hover{transform:translateY(-2px)}
#as-fab svg,#as-send svg{flex-shrink:0}
#as-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100%;z-index:100000;background:#0B1520;color:#E8EEF5;border-left:1px solid #2E4257;display:none;flex-direction:column;font:14px/1.45 Roboto,system-ui,-apple-system,sans-serif;box-shadow:-8px 0 32px rgba(0,0,0,.4)}
#as-panel.open{display:flex}
#as-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#121F2D;border-bottom:1px solid #2E4257;font-weight:700;font-size:15px}
#as-head button{background:none;border:1px solid #2E4257;color:#9FB2C6;border-radius:8px;padding:5px 10px;cursor:pointer;font:inherit;font-size:13px;margin-left:6px}
#as-head button:hover{color:#E8EEF5}
#as-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.as-m{max-width:88%;padding:9px 12px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}
.as-m.u{align-self:flex-end;background:#4DA3FF;color:#04121F;border-bottom-right-radius:3px}
.as-m.a{align-self:flex-start;background:#1A2B3D;border:1px solid #2E4257;border-bottom-left-radius:3px}
.as-m.e{align-self:flex-start;background:#1A2B3D;border:1px solid #FF6B6B;color:#FF6B6B}
.as-typing{color:#9FB2C6;font-style:italic}
.as-hints{display:flex;flex-wrap:wrap;gap:6px}
.as-hints button{background:#121F2D;color:#E8EEF5;border:1px solid #2E4257;border-radius:50px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}
.as-hints button:hover{border-color:#4DA3FF}
.as-card{align-self:stretch;background:#121F2D;border:1px solid #2E4257;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.as-card .d{color:#E8EEF5}
.as-card .miss{color:#9FB2C6;font-size:12px}
.as-card .ok{color:#5FD38D;font-size:13px}
.as-card .er{color:#FF6B6B;font-size:13px}
.as-btn{align-self:flex-start;background:#4DA3FF;color:#04121F;border:none;border-radius:8px;padding:7px 14px;font:600 13px Roboto,system-ui,sans-serif;cursor:pointer}
.as-btn:disabled{background:#2E4257;color:#9FB2C6;cursor:not-allowed}
#as-form{display:flex;gap:8px;padding:12px;border-top:1px solid #2E4257;background:#121F2D}
#as-input{flex:1;resize:none;background:#0B1520;color:#E8EEF5;border:1.5px solid #2E4257;border-radius:8px;padding:9px 12px;font:inherit;max-height:110px;outline:none}
#as-input:focus{border-color:#4DA3FF}
#as-send{background:#4DA3FF;color:#04121F;border:none;border-radius:8px;padding:0 14px;cursor:pointer;display:flex;align-items:center}
#as-send:disabled{background:#2E4257;cursor:not-allowed}
@media(max-width:640px){#as-panel{width:100%;border-left:none}#as-fab{right:16px;bottom:76px}}