:root{color:#e8ecf7;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 80% -10%,#7357ff29,#0000 34rem),#0a0d14;min-height:100dvh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:2px solid #52d6ff}.chat-shell{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2;background:#0a0d14eb;border-bottom:1px solid #252b3a;align-items:center;gap:10px;min-height:64px;padding:10px 14px;display:flex}.room-mark{color:#52d6ff;background:#111722;border:1px solid #52d6ff59;border-radius:10px;place-items:center;width:38px;height:38px;font:700 20px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.room-heading{flex:1;min-width:0}.room-heading h1{letter-spacing:.01em;margin:0;font-size:15px}.room-heading p{color:#778196;margin:3px 0 0;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.connection{color:#9aa4b8;align-items:center;gap:6px;font-size:11px;display:flex}.connection span{background:#52d6ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #52d6ffb3}.connection--reconnecting span,.connection--connecting span{box-shadow:none;background:#f6c177}.connection--offline span{box-shadow:none;background:#ef6b73}.message-list{overscroll-behavior:contain;scrollbar-color:#31394c transparent;padding:10px 12px 18px;overflow-y:auto}.history-loader{text-align:center;color:#7e899d;padding:12px;font-size:12px}.day-separator{color:#687287;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:12px 0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.day-separator:before,.day-separator:after{content:"";background:#202635;flex:1;height:1px}.message{align-items:flex-start;gap:8px;margin:8px 0;display:flex}.message--own{flex-direction:row-reverse}.message-avatar{color:#52d6ff;background:#171c28;border:1px solid #2c3548;border-radius:9px;flex:0 0 32px;place-items:center;height:32px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.message--own .message-avatar{color:#c7bcff;border-color:#7357ff73}.message-card{background:#171c28;border:1px solid #242b3a;border-radius:4px 14px 14px;min-width:0;max-width:min(82%,620px);padding:9px 11px;box-shadow:0 8px 24px #0000001f}.message--own .message-card{background:linear-gradient(145deg,#211d38,#1a1b2c);border-color:#7357ff61;border-radius:14px 4px 14px 14px}.message-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:5px;display:flex}.message-meta strong{color:#8ce5ff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.message--own .message-meta strong{color:#b7a8ff}.message time{color:#687287;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.message-text{color:#e2e6f0;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.45}.reply-preview{color:#aeb6c6;overflow-wrap:anywhere;background:#7357ff17;border-left:2px solid #7357ff;gap:2px;margin:0 0 7px;padding:6px 8px;font-size:12px;display:grid}.reply-preview span{color:#8d7aff;text-transform:uppercase;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.attachments{gap:6px;margin-top:7px;display:grid}.attachment{color:#dfe5f2;background:#111722;border:1px solid #30394d;border-radius:9px;align-items:center;gap:9px;min-height:44px;padding:7px 9px;text-decoration:none;display:flex}.attachment>span:first-child{color:#52d6ff;font:18px ui-monospace,SFMono-Regular,Menlo,monospace}.attachment>span:last-child{gap:2px;min-width:0;display:grid}.attachment b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attachment small{color:#788399;font-size:10px}.attachment--expired{color:#8992a4;font-size:12px}.reactions{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.reactions span{color:#ccd3e1;background:#101620;border:1px solid #344057;border-radius:14px;align-items:center;min-height:28px;padding:3px 8px;font-size:12px;display:inline-flex}.message--deleted .message-card{box-shadow:none;border-style:dashed}.message-placeholder{color:#858fa2;margin:0 0 5px;font-size:13px;font-style:italic}.message-card{position:relative}.message-actions{justify-content:flex-end;margin-top:4px;display:flex;position:relative}.actions-trigger{color:#7f8aa0;background:0 0;border:0;min-width:44px;min-height:32px;font-weight:700}.actions-panel{z-index:4;background:#111722;border:1px solid #333c50;border-radius:12px;gap:5px;min-width:180px;padding:7px;display:grid;position:absolute;bottom:36px;right:0;box-shadow:0 14px 38px #00000073}.message--own .actions-panel{left:0;right:auto}.actions-panel button{color:#dce2ee;text-align:left;background:#1a2130;border:0;border-radius:8px;min-height:44px;padding:8px 10px}.reaction-picker{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.reaction-picker button{text-align:center;min-width:44px;padding:4px;font-size:18px}.actions-panel .delete-action{color:#ff9ba2}.delivery-state{color:#768197;margin-top:5px;font-size:10px;display:block}.delivery-state--failed{color:#ff8f98}.composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#0d111a;border-top:1px solid #252b3a;gap:7px;display:grid;position:relative}.composer-row{align-items:flex-end;gap:8px;display:flex}.file-picker,.send-button{border:0;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.file-picker{color:#52d6ff;cursor:pointer;background:#171c28;font-size:24px}.file-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.composer textarea{resize:none;color:#e5e9f2;background:#111620;border:1px solid #283044;border-radius:12px;flex:1;min-width:0;min-height:44px;max-height:120px;padding:11px 13px;line-height:20px}.composer textarea::placeholder{color:#687287}.send-button{color:#dcd6ff;background:#7357ff;font-size:20px}.send-button:disabled{opacity:.45}.retry-button{color:#dcd6ff;background:#211d38;border:1px solid #7357ff;border-radius:11px;min-height:44px;padding:0 10px}.composer-reply{background:#171c28;border-left:2px solid #7357ff;border-radius:4px 9px 9px 4px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.composer-reply>div{gap:2px;min-width:0;display:grid}.composer-reply b{color:#aa9aff;font-size:11px}.composer-reply span{color:#a6afc0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.composer-reply button,.selected-files button{color:#aab3c5;background:0 0;border:0;min-width:44px;min-height:44px;font-size:20px}.selected-files{gap:6px;display:flex;overflow-x:auto}.selected-files>span{color:#cbd3e2;white-space:nowrap;background:#141a25;border:1px solid #30394d;border-radius:9px;align-items:center;min-height:44px;padding-left:10px;font-size:11px;display:flex}.composer-error,.chat-error{color:#ff9ba2;font-size:11px}.chat-error{background:#ef6b7314;border-bottom:1px solid #ef6b733d;padding:6px 12px}.upload-progress{color:#d6ddeb;text-align:center;background:#171c28;border-radius:8px;height:18px;font:10px/18px ui-monospace,SFMono-Regular,Menlo,monospace;position:relative;overflow:hidden}.upload-progress span{z-index:0;background:#7357ff59;position:absolute;inset:0 auto 0 0}.upload-progress{isolation:isolate}.upload-progress span{z-index:-1}.typing-line{color:#7f8da5;background:#0d111a;padding:4px 12px;font-size:10px}.center-state,.empty-state{text-align:center;background:#0a0d14;place-content:center;justify-items:center;min-height:100dvh;padding:28px;display:grid}.empty-state{background:0 0;align-self:stretch;min-height:0}.center-state h1,.empty-state h2{margin:12px 0 5px;font-size:20px}.center-state p,.empty-state p{color:#818b9e;max-width:320px;margin:0;font-size:13px;line-height:1.5}.state-icon,.empty-state>span{color:#7357ff;font:700 30px ui-monospace,SFMono-Regular,Menlo,monospace}.loader{border:2px solid #252c3c;border-top-color:#52d6ff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=360px){.chat-header{padding-inline:10px}.connection{text-align:right;max-width:84px}.message-list{padding-inline:8px}.message-card{max-width:84%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}