html,body,#root{height:100%;margin:0}body{background:#f0f3f8;font-size:14px}.boot{padding:40px;text-align:center}.app.live-app{height:100dvh;width:100%;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-width:0}.live-app .app-body{flex:1;min-height:0;display:flex}.live-app .list-pane{width:285px;min-width:245px}.live-app .chat-pane{min-width:0;flex:1;display:flex;flex-direction:column}.live-app .messages{flex:1;overflow:auto}.live-app .full-pane{flex:1;min-width:0;overflow:auto}.live-app .detail-pane{overflow:auto}.live-app .message-bubble{white-space:pre-wrap;overflow-wrap:anywhere}.live-app .chat-head h3{margin:0}.live-app .composer textarea{resize:none;background:var(--surface);color:var(--text);border:0;outline:0;flex:1;min-width:0;max-height:110px;font:inherit;padding:12px}.live-app .composer{padding:12px 20px}.composer-row{display:flex;align-items:center;gap:8px}.error-banner{padding:10px 20px;background:#fff0ec;color:#a3402d;font-size:12px;display:flex;gap:16px;justify-content:space-between}.error-banner button{text-decoration:underline}.live-app .auth-wrap{display:flex;flex:1;min-width:0}.form-error{color:#b63838;font-size:13px;min-height:20px;line-height:1.7}.live-app button:disabled{opacity:.45;cursor:wait}.live-app .page-content{max-width:1020px;margin:auto;width:100%;box-sizing:border-box}.live-app .auth-form{max-width:400px;width:100%}.live-app .empty-state{flex:1}.live-app .setting-row{min-height:64px}.live-app .icon-button{min-width:36px;min-height:36px}.live-app .msg{display:flex;gap:10px;margin:14px 0;align-items:flex-end}.live-app .msg.out{justify-content:flex-end}.live-app .msg.out .message-bubble{background:var(--bubble)}.live-app .message-bubble{padding:12px 15px;background:var(--surface);border-radius:13px;max-width:78%;box-shadow:0 1px 2px #152d4910;line-height:1.7}.live-app .message-bubble time{display:block;text-align:right;color:var(--muted);font-size:10px}.live-app .message-bubble b{font-size:11px;color:var(--accent)}.live-app .file-button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:8px;max-width:100%;overflow-wrap:anywhere}.live-app .modal{max-height:85dvh;overflow:auto;width:420px;max-width:calc(100vw - 30px)}.live-app .modal textarea{width:100%;min-height:80px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--bg);color:var(--text)}.live-app .panel{padding:20px;margin:20px 0}.live-app .contact-line{width:100%;text-align:left;min-height:65px}.live-app .searchbox{margin:12px 0}.live-app .searchbox input{min-width:0}.live-app .pending{opacity:.7}.live-app .failed{color:#b63838}.live-app .failed button{text-decoration:underline}.live-app .bottom-nav{display:none}.live-app .back-mobile{display:none}.live-app .auth-art{min-width:40%;background:#edf3ff}.live-app input,.live-app textarea{font-size:14px}.live-app .page-head{min-height:80px}.live-app .contact-info{flex:1}.live-app .attachment-list{display:grid;gap:10px}.live-app .search-results{padding:0 20px}.live-app .auth-logo{display:flex;align-items:center;gap:10px;color:var(--accent);margin-bottom:30px}.live-app .auth-logo h2{margin:0}.live-app .legal-note{font-size:12px;color:var(--muted);line-height:1.8}.live-app .avatar{flex-shrink:0}.live-app .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.live-app .message-picture{display:block;max-width:240px;max-height:240px;border-radius:8px}.live-app .active-setting{color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid #397cf5;outline-offset:3px}.live-app .connection{font-size:11px;color:var(--muted);padding:12px 18px;border-top:1px solid var(--line)}
@media(max-width:760px){.live-app .rail,.live-app .detail-pane{display:none}.live-app .app-body{flex-direction:column}.live-app .list-pane{width:100%;min-width:0;flex:1}.live-app.chat-open .list-pane{display:none}.live-app .bottom-nav{display:flex;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom);height:calc(65px + env(safe-area-inset-bottom))}.live-app.chat-open .bottom-nav{display:none}.live-app .back-mobile{display:inline-flex}.live-app .auth-art{display:none}.live-app .auth-wrap{padding:24px}.live-app .auth-form{margin:auto}.live-app .page-content{padding:16px}.live-app .page-head{padding:18px 16px}.live-app .composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.live-app .icon-button{min-width:40px;min-height:40px}.live-app .page-grid{grid-template-columns:1fr}.live-app{padding-top:env(safe-area-inset-top)}.live-app .messages{padding:15px 12px}.live-app .message-bubble{max-width:83%}.live-app .pane-head h2{font-size:26px}.ios-app .pane-head h2{font-size:30px;font-weight:700}.android-app .bottom-nav button.active span{background:var(--accent-light);border-radius:18px;padding:3px 15px}}
/* Keep the message scroller inside the available window on every platform. */
.live-app .chat-pane,.live-app .list-pane,.live-app .full-pane{min-height:0}.live-app .chat-head,.live-app .composer,.live-app .bot-keyboard{flex-shrink:0}.live-app .date-divider{text-align:center;color:var(--muted);font-size:11px;margin:15px}.live-app .profile-hero{text-align:center;padding:28px 16px}.live-app .profile-hero .avatar{margin:auto}.live-app .profile-hero small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}