.zhai-root{--zha-bg:#102638;--zha-panel:#18384a;--zha-gold:#ddb863;--zha-text:#f4ecda;position:relative;z-index:10020;font-family:Inter,Arial,sans-serif;color:var(--zha-text);font-size:14px;line-height:1.5}
.zhai-root,.zhai-root *{box-sizing:border-box}
.zhai-root [hidden]{display:none!important}
.zhai-root button,.zhai-root textarea,.zhai-root select{font:inherit}
.zhai-root button{cursor:pointer}
.zhai-root button:disabled{cursor:default;opacity:.55}
.zhai-root button:focus-visible,.zhai-root a:focus-visible,.zhai-root textarea:focus-visible,.zhai-root select:focus-visible{outline:2px solid #90d7ff;outline-offset:3px}
.zhai-launcher{position:fixed;right:18px;bottom:76px;display:flex;align-items:center;gap:0;border:0!important;background:transparent!important;padding:0!important;color:var(--zha-text);box-shadow:none!important;z-index:10021}
.zhai-launcher img{width:78px;height:107px;object-fit:contain;filter:drop-shadow(0 4px 7px #020b14);transition:transform .2s}
.zhai-launcher:hover img{transform:translateY(-3px)}
.zhai-invite{background:var(--zha-bg);border:1px solid var(--zha-gold);border-radius:16px;padding:7px 12px;font-size:12px;box-shadow:0 5px 18px #0006;white-space:nowrap}
.zhai-launcher[aria-expanded=true] .zhai-invite{display:none}
.zhai-root:has(.zhai-welcome:not([hidden])) .zhai-invite{display:none}
.zhai-welcome{position:fixed;right:110px;bottom:122px;width:min(300px,calc(100vw - 128px));padding:14px;background:var(--zha-bg);border:1px solid var(--zha-gold);border-radius:14px;box-shadow:0 10px 32px #0008;z-index:10022}
.zhai-welcome strong{display:block;color:var(--zha-gold);padding-right:24px;font-size:13px}
.zhai-root .zhai-welcome>p{margin:6px 0 10px;font-size:13px;line-height:1.5;color:var(--zha-text)}
.zhai-root .zhai-welcome-close{position:absolute;right:9px;top:5px;border:0;background:transparent;color:var(--zha-text);font-size:24px;line-height:1.3;padding:2px 5px}
.zhai-welcome-actions{display:flex;flex-wrap:wrap;gap:7px}
.zhai-root .zhai-welcome-actions button{padding:6px 8px;background:#284c5f;border:1px solid #ddb86388;border-radius:8px;color:var(--zha-text);font-size:11px}
.zhai-root #zhai-welcome-chat{background:#c7a35b;color:#102638;font-weight:700}
.zhai-root .zhai-welcome .zhai-welcome-status{margin:8px 0 0;font-size:10px;line-height:1.4;color:#bfd3df}
@media(max-width:640px){.zhai-welcome{right:80px;bottom:106px;width:min(260px,calc(100vw - 94px));padding:12px}}
.zhai-panel{position:fixed;right:110px;bottom:82px;width:min(410px,calc(100vw - 34px));height:min(590px,calc(100vh - 112px));height:min(590px,calc(100dvh - 112px));display:flex;flex-direction:column;background:var(--zha-bg);border:1px solid var(--zha-gold);border-radius:16px;overflow:hidden;box-shadow:0 16px 60px #0009;z-index:10022}
.zhai-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#21475b,#122d41);border-bottom:1px solid #ddb86355;flex-shrink:0}
.zhai-header img{width:36px;height:48px;object-fit:contain}
.zhai-header>div{flex:1;min-width:0}
.zhai-root .zhai-header h2{font-size:14px;line-height:1.3;font-weight:700;letter-spacing:0;margin:0;color:var(--zha-gold);text-transform:none}
.zhai-root .zhai-header p{margin:4px 0 0;font-size:11px;color:#c9d7df;line-height:1.4}
.zhai-root .zhai-icon-button{background:transparent;border:0;color:var(--zha-text);font-size:27px;padding:0 5px;line-height:1.2;align-self:flex-start}
.zhai-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px;scroll-behavior:smooth}
.zhai-message{max-width:95%;margin:0 0 12px;padding:10px 12px;background:#1e4054;border:1px solid #74909d33;border-radius:12px;color:var(--zha-text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.zhai-message--user{margin-left:auto;background:#284c5f;border-color:#ddb86355}
.zhai-message--notice{color:#f3d899;background:#3a3625;border-color:#ddb86366}
.zhai-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;white-space:normal}
.zhai-root .zhai-sources a{display:block;text-decoration:none;color:#a9ddf4;font-size:11px;border:1px solid #88bad455;border-radius:8px;padding:4px 7px;max-width:100%;overflow-wrap:anywhere}
.zhai-audio{padding:0 14px 10px;flex-shrink:0}
.zhai-audio-controls{display:flex;align-items:center;gap:8px}
.zhai-root .zhai-audio button{background:#284c5f;color:var(--zha-text);border:1px solid #ddb86388;border-radius:8px;padding:6px 9px;font-size:11px;white-space:nowrap}
.zhai-root .zhai-audio select{display:block;flex:1;min-width:0;width:auto;margin:0;height:auto;max-width:100%;padding:6px;background:#142f42;color:var(--zha-text);border:1px solid #90aabe66;border-radius:8px;font-size:11px}
.zhai-root .zhai-audio p{margin:5px 0 0;font-size:10px;line-height:1.4;color:#bfd3df}
.zhai-suggestions{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px 10px;flex-shrink:0}
.zhai-root .zhai-suggestions button{background:transparent;border:1px solid #ddb86366;border-radius:16px;padding:5px 9px;color:var(--zha-text);font-size:11px}
.zhai-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #ddb86344;background:#0c2030;flex-shrink:0}
.zhai-root .zhai-form textarea{display:block;flex:1;min-width:0;width:auto;margin:0;resize:none;border:1px solid #90aabe66;border-radius:9px;background:#142f42;color:var(--zha-text);padding:9px;font-size:14px;line-height:1.4;box-shadow:none;min-height:58px;max-height:130px}
.zhai-root .zhai-form textarea::placeholder{color:#aebdc7}
.zhai-root .zhai-send{border:1px solid #ddb863;background:#c7a35b;color:#102638;border-radius:9px;font-weight:700;font-size:12px;padding:10px 11px}
.zhai-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#0c2030;flex-shrink:0}
.zhai-root .zhai-footer button,.zhai-root .zhai-footer a{background:none;border:0;color:#bfd3df;text-decoration:none;font-size:10px;padding:0}
.zhai-footer nav{display:flex;gap:10px;white-space:nowrap}
.zhai-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:640px){.zhai-launcher{right:10px;bottom:74px}.zhai-launcher img{width:65px;height:90px}.zhai-invite{font-size:11px;padding:6px 9px}.zhai-panel{right:10px;left:10px;bottom:12px;width:auto;height:min(620px,calc(100vh - 24px));height:min(620px,calc(100dvh - 24px))}.zhai-root:has(.zhai-panel:not([hidden])) .zhai-launcher{visibility:hidden}.zhai-root .zhai-form textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.zhai-launcher img{transition:none}.zhai-messages{scroll-behavior:auto}}

.zhai-root .zhai-voice-label { color: #bdcad8; font-size: 11px; line-height: 1.4; }