:root{color-scheme:dark;--app:#101010;--surface:#202020;--surface-2:#292929;--ink:#f5f5f5;--muted:#aaa;--gold:#099bf0;--red:#0979f8;--line:#353535;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111}.standalone-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 20% 25%,#36545b 0,transparent 42%),radial-gradient(ellipse at 83% 74%,#594768 0,transparent 45%),#27333b;color:var(--ink)}button,input,textarea{font:inherit}.chat-shell{width:min(100%,430px);height:min(820px,calc(100dvh - 40px));min-height:min(600px,calc(100dvh - 24px));padding:0;border-radius:24px;background:var(--app);box-shadow:0 28px 90px #0008;overflow:hidden}.chat-app{height:100%;display:flex;flex-direction:column;position:relative;background:linear-gradient(160deg,#151313 0%,#101010 42%,#101010 100%)}.brand-header{height:76px;flex:none;display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #ffffff0d}.brand-emblem,.agent-emblem{display:grid;place-items:center;flex:none;color:#111;background:radial-gradient(circle at 34% 28%,#a3ceff,#24d6f5 52%,#10437e 100%);border:2px solid #2b9af4;box-shadow:0 0 0 3px #2b9af418,inset 0 0 0 2px #17120a;border-radius:50%;font-weight:900}.brand-emblem{width:42px;height:42px;font-family:Georgia,serif;font-size:23px}.brand-copy{display:grid;gap:3px}.brand-copy strong{font-size:14px;letter-spacing:.3px}.brand-copy span{font-size:11px;color:#aaa}.brand-spark{margin-left:auto;color:var(--gold);font-size:20px}.home-screen{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center;padding:25px 20px 34px}.home-brand{width:66px;height:66px;margin:0 0 20px 7px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--gold);background:radial-gradient(circle,#0a1c30,#070707 68%);box-shadow:0 0 28px #2c7ef821}.home-brand span{font-family:Georgia,serif;color:var(--gold);font-size:36px;font-weight:900}.home-screen h1{font-size:clamp(32px,9vw,42px);line-height:1;margin:0 0 7px 6px;letter-spacing:.3px}.home-subtitle{color:#a9a9a9;font-size:13px;margin:0 0 26px 7px}.welcome-card{background:#252525;border:1px solid #ffffff08;border-radius:22px;padding:16px;box-shadow:0 18px 40px #0003}.welcome-agent{display:flex;align-items:center;gap:10px}.welcome-agent>span:nth-child(2){flex:1;display:grid;gap:3px}.welcome-agent b{font-size:11px}.welcome-agent small{color:#aaa;font-size:10px}.welcome-agent i{width:8px;height:8px;border-radius:50%;background:#55d660;box-shadow:0 0 0 3px #55d6a71b}.agent-emblem{width:40px;height:40px;font-family:Georgia,serif;font-size:21px}.welcome-card>p{font-size:13px;line-height:1.55;color:#f0f0f0;margin:14px 0 16px 50px}.start-chat{width:100%;min-height:46px;border:0;border-radius:12px;padding:11px 16px;background:linear-gradient(180deg,#2777a5,#1d6a8e);color:#fff;font-size:13px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .16s,transform .16s}.start-chat:hover{filter:brightness(1.12)}.start-chat:active{transform:scale(.99)}.start-chat:disabled{opacity:.65;cursor:wait}.start-chat span{font-size:17px;line-height:1}.bottom-nav{height:72px;flex:none;margin:0 18px 16px;border:1px solid #383838;border-radius:20px;background:#202020;display:grid;grid-template-columns:1fr 1fr;padding:5px}.nav-button{border:0;border-radius:15px;background:transparent;color:#aaa;display:grid;align-content:center;justify-items:center;gap:3px;font-size:11px}.nav-button span{font-size:19px;line-height:1}.nav-button.active{color:#fff;background:#2a2a2a}.conversation-screen{flex:1;min-height:0;display:flex;flex-direction:column}.conversation-screen.hidden,.home-screen.hidden{display:none}.conversation-header{min-height:70px;flex:none;padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff0d}.back-button,.dialog-close{border:0;width:34px;height:34px;border-radius:50%;background:#292929;color:#f3f3f3;font-size:22px;display:grid;place-items:center}.conversation-emblem{width:38px;height:38px}.conversation-agent{display:grid;gap:3px}.conversation-agent b{font-size:12px}.conversation-agent small{font-size:10px;color:#aaa}.conversation-spark{margin-left:auto;color:#aaa;letter-spacing:2px}.messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:13px;padding:18px 15px 10px;scroll-behavior:smooth}.thread-welcome{display:flex;align-items:flex-start;gap:9px;max-width:95%;margin:2px 0 0}.thread-welcome .agent-emblem{width:27px;height:27px;font-size:14px}.thread-welcome>div{border-radius:5px 15px 15px 15px;background:#292929;padding:12px 13px}.thread-welcome b{font-size:10px;color:#c7c7c7}.thread-welcome p{font-size:13px;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}.lc-message{display:flex;flex-direction:column;gap:4px;max-width:85%;font-size:13px}.lc-message.visitor{align-self:flex-end;align-items:flex-end}.lc-message.agent{align-self:flex-start;align-items:flex-start}.lc-message>div{padding:10px 13px;border-radius:14px;background:#292929;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.lc-message.visitor>div{background:#203d8e;color:#fff;border-bottom-right-radius:5px}.lc-message time{font-size:9px;color:#999;padding:0 4px}.chat-status{min-height:18px;padding:0 15px;color:#5aacdc;font-size:10px}.compose-form{flex:none;display:flex;align-items:flex-end;gap:7px;margin:0 14px;padding:8px 9px;border:1px solid #3b3b3b;border-radius:25px;background:#232323}.attach-button,.send-button{flex:none;width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center}.attach-button{background:#303030;color:#aaa;font-size:21px}.send-button{background:var(--gold);color:#17130a;font-size:20px;font-weight:800}.send-button:disabled{opacity:.4}.compose-form textarea{flex:1;min-width:0;max-height:110px;resize:none;border:0;outline:0;background:transparent;color:#fff;padding:8px 3px;font-size:12px}.compose-form textarea::placeholder{color:#aaa}.compose-form textarea:disabled{opacity:.55}.retention-note{flex:none;text-align:center;color:#858585;font-size:9px;margin:7px 12px 12px}.dialog-backdrop{position:fixed;inset:0;z-index:5;padding:20px;display:grid;place-items:center;background:#0009;backdrop-filter:blur(5px)}.dialog-backdrop[hidden]{display:none}.profile-dialog{width:min(100%,390px);position:relative;border:1px solid #3a3530;border-radius:22px;background:#191919;padding:26px 22px 22px;box-shadow:0 25px 90px #0009}.dialog-close{position:absolute;top:12px;right:12px;font-size:20px}.dialog-emblem{width:48px;height:48px;font-size:24px}.profile-dialog h2{font-size:19px;margin:17px 0 6px}.dialog-copy{font-size:12px;line-height:1.5;color:#aaa;margin:0 0 18px}.profile-form{display:grid;gap:13px}.profile-form label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#ddd}.profile-form label small{font-weight:400;color:#999}.profile-form input{width:100%;height:42px;border:1px solid #3a3a3a;border-radius:10px;background:#222;color:#fff;padding:0 12px;outline:0}.profile-form input:focus{border-color:#368cd3;box-shadow:0 0 0 3px #f8c62c1b}.privacy-note{font-size:9px;line-height:1.5;color:#999}.profile-error{min-height:15px;margin:0;color:#9cbfff;font-size:11px}.connection-error{position:absolute;z-index:4;top:84px;left:14px;right:14px;margin:0;padding:10px;border:1px solid #364971;border-radius:10px;background:#1c2730;color:#b8f4ff;font-size:11px}.connection-error[hidden]{display:none}@media(max-width:520px){.standalone-page{padding:0;background:#101010}.chat-shell{width:100%;height:100dvh;min-height:0;border-radius:0;box-shadow:none}.brand-header{padding-top:max(12px,env(safe-area-inset-top));height:calc(70px + env(safe-area-inset-top))}.bottom-nav{margin-bottom:max(12px,env(safe-area-inset-bottom))}.profile-dialog{padding-top:26px}}@media(max-height:650px) and (min-width:521px){.standalone-page{padding:0}.chat-shell{height:100dvh;min-height:0;border-radius:0}.home-screen{padding-top:14px;padding-bottom:14px}.home-brand{width:50px;height:50px;margin-bottom:12px}.home-brand span{font-size:28px}.home-subtitle{margin-bottom:14px}.bottom-nav{margin-bottom:8px;height:60px}}
/* Chat attachments */
.attachment-pending,.lc-attachment-pending{margin:0 14px 7px;padding:7px 10px;border:1px solid #3b3b3b;border-radius:10px;background:#1b1b1b;color:#d7e7f5;font-size:11px;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
.attachment-pending[hidden],.lc-attachment-pending[hidden]{display:none!important}
.attachment-pending span,.lc-attachment-pending span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-pending button,.lc-attachment-pending button{border:0;background:transparent;color:#bfc7d4;font-size:18px;line-height:1}
.compose-form .attach-button:disabled{opacity:.4;cursor:not-allowed}
.lc-message .lc-attachment{display:block;max-width:100%;padding:9px 11px;border:1px solid #ffffff22;border-radius:12px;color:#bfeeff;text-decoration:underline;overflow-wrap:anywhere;background:#ffffff0b}
.lc-message .lc-image-preview{display:flex;align-items:center;justify-content:center;width:min(100%,360px);min-height:90px;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#202020}
.lc-message .lc-image-preview img{display:block;width:auto;height:auto;max-width:min(100%,360px);max-height:360px;object-fit:contain;border-radius:12px;background:#202020}

.emoji-button{flex:none;width:36px;height:39px;border:1px solid #e5e8ee;border-radius:9px;background:#f8f7ff;color:#5f54d8;font-size:19px}.visitor-emoji-menu{position:absolute;z-index:5;left:8px;bottom:58px;width:245px;padding:9px;background:#fff;border:1px solid #e4e5ec;border-radius:12px;box-shadow:0 14px 36px #1113;display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.visitor-emoji-menu.hidden{display:none}.visitor-emoji-menu button{border:0;border-radius:7px;background:transparent;padding:5px;font-size:18px}.visitor-emoji-menu button:hover{background:#f0efff}.compose-form{position:relative}