.chats421{z-index:1900;color:#f4f4f4;box-sizing:border-box;background:#000;flex-direction:column;padding:24px max(24px,50vw - 700px);font-size:15px;display:flex;position:fixed;inset:0}.chats421 *{box-sizing:border-box}.chats421 button,.chats421 input,.chats421 textarea,.chats421 select{font:inherit;color:inherit;background:#191919;border:1px solid #303030;border-radius:12px;padding:10px 14px}.chats421 button{cursor:pointer}.chats421 button:disabled{opacity:.5;cursor:default}.chats421 :focus-visible{outline:2px solid var(--accent,#c8f735);outline-offset:2px}.chats421 small{color:#a6a6a6;font-size:12px}.chat421-top{justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.chat421-top h1{margin:5px 0 0;font-size:30px}.chat421-top>div:last-child{gap:8px;display:flex}.chat421-layout{border:1px solid #272727;border-radius:24px;flex:1;grid-template-columns:320px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.chat421-list{background:#080808;border-right:1px solid #272727;flex-direction:column;min-height:0;display:flex}.chat421-list>label{color:#999;gap:10px;padding:20px;font-size:13px;display:grid}.chat421-list input{width:100%}.chat421-conversations{flex:1;padding:0 10px 15px;overflow:auto}.chats421 .chat421-person{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 10px;display:flex}.chats421 .chat421-person:hover,.chats421 .chat421-person.selected{background:#202020}.chat421-avatar{background:#303431;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid;overflow:hidden}.chat421-avatar img{object-fit:cover;width:100%;height:100%}.chat421-person>span:nth-child(2){flex:1;min-width:0}.chat421-person b,.chat421-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat421-person small{margin-top:5px}.chat421-person em{background:var(--accent,#c8f735);color:#000;text-align:center;border-radius:15px;min-width:24px;padding:4px;font-size:12px;font-style:normal}.chat421-hint{color:#888;padding:0 20px;line-height:1.6}.chat421-main{background:#050505;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat421-thread-head{border-bottom:1px solid #252525;align-items:center;gap:12px;padding:16px 20px;display:flex}.chats421 .chat421-profile{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.chat421-profile span:last-child{min-width:0}.chat421-profile b,.chat421-profile small{overflow-wrap:anywhere;display:block}.chat421-profile small{margin-top:4px}.chat421-back{display:none}.chat421-messages{overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex;overflow-y:auto}.chat421-message{background:#222;border-radius:18px 18px 18px 4px;flex-shrink:0;align-self:flex-start;min-width:170px;max-width:80%;padding:12px 15px}.chat421-message.mine{background:#273020;border-radius:18px 18px 4px;align-self:flex-end}.chat421-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;line-height:1.5}.chat421-message footer{color:#969b92;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;display:flex}.chat421-message footer small{font-size:10px}.chats421 .chat421-message footer button{color:#999;background:0 0;border:0;padding:2px;font-size:10px}.chat421-compose{border-top:1px solid #252525;padding:16px 20px}.chat421-compose>div{align-items:center;gap:10px;display:flex}.chat421-compose textarea{resize:none;flex:1;min-width:0;max-height:150px}.chat421-compose .chat421-send{background:var(--accent,#c8f735);color:#080808;border-color:#0000}.chat421-empty{text-align:center;color:#a6a6a6;margin:auto;padding:32px}.chat421-empty>span{color:var(--accent,#c8f735);font-size:44px}.chat421-empty h2{color:#f4f4f4;font-size:23px}.chats421 .chat421-attachment{text-align:left;opacity:1;background:#ffffff09;border-color:#ffffff15;align-items:center;gap:12px;width:100%;margin-bottom:8px;display:flex}.chat421-attachment img{object-fit:cover;border-radius:8px;width:52px;height:52px}.chat421-attachment span{min-width:0}.chat421-attachment small,.chat421-attachment b{overflow-wrap:anywhere;display:block}.chat421-attachment b{margin:4px 0}.chat421-draft-attachment{max-width:450px}.chat421-picker{background:#141414;border-top:1px solid #333;padding:15px}.chat421-picker>div:first-child{gap:8px;display:flex}.chat421-picker input{flex:1;min-width:0}.chat421-music-results{max-height:180px;margin-top:10px;overflow:auto}.chat421-music-results button{text-align:left;width:100%;margin-bottom:6px;display:block}.chat421-music-results small{display:block}.chat421-settings{padding:28px;overflow:auto}.chat421-settings label{align-items:center;gap:12px;display:flex}.chat421-settings input{width:20px;height:20px;accent-color:var(--accent,#c8f735)}.chat421-settings p{color:#aaa;line-height:1.6}.chat421-settings button{margin:10px 10px 0 0}.chat421-settings article{overflow-wrap:anywhere;border:1px solid #333;border-radius:16px;margin-top:16px;padding:16px}.chat421-error,.chat421-notice{background:#391c18;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:12px 16px;display:flex}.chat421-notice{background:#22311e}.chats421 .chat421-new{position:absolute;bottom:115px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #000}.chat421-older{align-self:center}@media (width<=760px){.chats421{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);height:100dvh}.chat421-top{padding:16px}.chat421-top h1{font-size:24px}.chat421-layout{border:0;border-top:1px solid #222;border-radius:0;display:flex}.chat421-list{border:0;width:100%}.chat421-main{width:100%;display:none}.has-thread .chat421-list{display:none}.has-thread .chat421-main{display:flex}.chat421-layout:has(.chat421-settings) .chat421-list{display:none}.chat421-layout:has(.chat421-settings) .chat421-main{display:flex}.chat421-back{display:block}.chat421-thread-head{gap:8px;padding:12px}.chat421-thread-head>button:last-child{padding:8px;font-size:11px}.chat421-messages{padding:16px 12px}.chat421-message{max-width:91%}.chat421-compose{padding:10px}.chat421-compose>div{gap:6px}.chat421-compose button{padding:10px;font-size:12px}.chat421-compose textarea{padding:10px;font-size:16px}.chat421-error,.chat421-notice{margin:0 10px 8px}.chat421-top button{font-size:13px}.chat421-picker{padding:10px}.chat421-picker select{max-width:95px;padding:8px}.chat421-settings{padding:20px}}