.la-panel{background:#17171b;border:1px solid #514038;border-radius:25px;overflow:hidden;box-shadow:0 20px 65px #0002;min-width:0}
.la-heading{display:flex;align-items:center;gap:11px;padding:20px 20px 17px;border-bottom:1px solid #333039}
.la-avatar{width:40px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#34271f;color:var(--orange,#ff8838);font-size:23px}
.la-heading h3{font-size:14px;line-height:1.55;letter-spacing:-.02em;color:var(--ink,#f8f6f2)}
.la-heading p{font-size:10px;line-height:1.6;color:var(--muted,#aaa7af);margin-top:2px}
.la-badge{margin-left:auto;max-width:74px;padding:5px 8px;background:#24352b;color:#a5e8c4;border:1px solid #3e5c48;border-radius:8px;font-size:9px;line-height:1.5;text-align:center;flex-shrink:0}
.la-transcript{height:360px;max-height:470px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:15px;padding:21px 20px;scrollbar-width:thin;scrollbar-color:#60534b #17171b;scroll-behavior:auto}
.la-transcript:empty{height:210px;background:radial-gradient(ellipse at center,#ff883807,transparent 70%)}
.la-message{width:fit-content;max-width:94%;padding:13px 15px;background:#27252b;border:1px solid #332e35;border-radius:17px 17px 17px 5px;font-size:13px;line-height:1.8;color:#ebe4ed;flex-shrink:0;overflow-wrap:anywhere}
.la-message-user{align-self:flex-end;background:#3b2a1f;border-color:#58412f;color:#f6ddc8;border-radius:17px 17px 5px 17px}
.la-message-label{display:block;font-size:9px;font-weight:800;letter-spacing:.04em;color:#c2b4c8;margin-bottom:6px;line-height:1.5}
.la-message-user .la-message-label{color:#e2b18b}
.la-message p{white-space:pre-wrap;margin:0}
.la-message-status{display:block;margin-top:7px;color:#c4b4a8;font-size:10px;line-height:1.7}
.la-message.is-failed{border-color:#a16e46}.la-message.is-failed .la-message-status{color:#ffd0a6}
.la-message.is-composing p{min-height:1.8em}.la-message.is-composing p:after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--orange,#ff8838);vertical-align:-.1em;animation:la-caret .8s steps(1,end) infinite}
.la-typing{display:flex;align-items:center;gap:9px;align-self:flex-start;flex-shrink:0;min-height:40px;padding:9px 12px;border:1px solid #3c343a;border-radius:12px 12px 12px 4px;background:#242127;color:#c8bdc8;font-size:10px;line-height:1.7}
.la-typing-dots{display:flex;align-items:center;gap:4px}.la-typing-dots>span{width:4px;height:4px;border-radius:50%;background:var(--orange,#ff8838);animation:la-dot 1.2s ease-in-out infinite}.la-typing-dots>span:nth-child(2){animation-delay:.15s}.la-typing-dots>span:nth-child(3){animation-delay:.3s}
@keyframes la-caret{0%,45%{opacity:1}46%,100%{opacity:0}}@keyframes la-dot{0%,60%,100%{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.la-message-assistant p a{display:inline-block;min-height:44px;padding:9px 0;color:var(--orange,#ff8838);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.la-message-assistant p a:hover{color:var(--mint,#80dab0)}
.la-message-assistant p a:focus-visible{outline:3px solid var(--mint,#80dab0);outline-offset:3px;border-radius:3px}
.la-notice{margin:0 16px 10px;padding:11px 13px;border:1px solid #665038;background:#31251b;border-radius:11px;font-size:11px;line-height:1.65;color:#ffd3a6}
.la-notice-locked{border-color:#536050;background:#252e24;color:#d1e6c9}
.la-faq{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;border-top:1px solid #302c32}
.la-faq button{display:inline-flex;align-items:center;justify-content:center;background:#242126;color:#e2d6dd;border:1px solid #494047;border-radius:11px;min-height:44px;padding:9px 12px;font:inherit;font-size:11px;line-height:1.5;transition:border-color .16s,background .16s;cursor:pointer}
.la-faq button:hover:not(:disabled){border-color:var(--orange,#ff8838);background:#33261f}
.la-compose{display:flex;align-items:flex-end;gap:8px;padding:0 16px}
.la-compose textarea{display:block;resize:vertical;width:100%;min-width:0;min-height:66px;max-height:150px;background:#111114;border:1px solid #595057;border-radius:12px;padding:11px 12px;color:var(--ink,#f8f6f2);font:inherit;font-size:12px;line-height:1.7;caret-color:var(--orange,#ff8838)}
.la-compose textarea::placeholder{color:#a8a0aa;opacity:1}
.la-compose textarea:disabled{color:#b8aeb6;border-color:#37313a;cursor:not-allowed;resize:none}
.la-send{display:flex;align-items:center;justify-content:center;gap:8px;min-height:66px;border:1px solid transparent;border-radius:12px;background:var(--orange,#ff8838);color:#21160e;padding:12px 13px;flex-shrink:0;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.la-send span{font-size:20px;line-height:1}
.la-send:hover:not(:disabled){background:#ffa365}
.la-send:disabled{background:#3b302b;color:#b5a296;cursor:not-allowed}
.la-faq button:disabled{color:#9f949f;border-color:#39323a;cursor:wait}
.la-service{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 8px;min-height:38px;padding:4px 16px 0}
.la-status{font-size:10px;line-height:1.7;color:#c2bac2;flex:1 1 180px}
.la-cancel,.la-reconnect{background:transparent;border:0;color:#edb38b;min-height:44px;padding:6px 0;font:inherit;font-size:10px;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.la-help{font-size:9px;line-height:1.8;color:#aaa0ac;padding:0 16px 16px}
.la-panel button:focus-visible,.la-panel textarea:focus-visible,.la-transcript:focus-visible{outline:3px solid var(--mint,#80dab0);outline-offset:3px}
.la-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.la-panel{border-radius:22px}.la-heading{padding:17px 15px}.la-heading h3{font-size:14px}.la-transcript{height:430px;height:min(60svh,470px);padding:18px 15px}.la-transcript:empty{height:210px}.la-message{font-size:13px;max-width:95%}.la-compose textarea{font-size:16px;min-height:74px}.la-send{min-height:74px}.la-help{font-size:10px}.la-heading p{font-size:10px}}
@media(max-width:380px){.la-badge{display:none}.la-heading{gap:9px}.la-send{padding-inline:11px;font-size:0}.la-send span{font-size:25px}.la-compose{gap:7px}.la-faq button{font-size:10px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.la-transcript{scroll-behavior:auto}.la-faq button{transition:none}.la-message.is-composing p:after,.la-typing-dots>span{animation:none}}