.emoji-picker{position:fixed;z-index:1000;width:min(330px,calc(100vw - 24px));padding:10px;border:1px solid #dfe7ec;border-radius:16px;background:#fff;box-shadow:0 20px 60px #071b3245}
.emoji-picker[hidden]{display:none}.emoji-picker header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 9px}.emoji-picker header b{font-size:12px}.emoji-picker header small{color:#8290a0;font-size:9px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:240px;overflow:auto}.emoji-grid button{width:35px;height:35px;padding:0;border-radius:9px;background:#f3f6f8;color:#172b40;font-size:20px;font-weight:400}.emoji-grid button:hover,.emoji-grid button:focus-visible{background:#e3f6f0;transform:scale(1.08)}
.composer-input-wrap{position:relative}.composer-input-wrap>textarea{box-sizing:border-box;width:100%;padding-right:50px!important}.composer-input-emoji{position:absolute;right:9px;bottom:9px;width:34px;height:34px;padding:0;border-radius:50%;background:#fff3d8;color:#8e6512;font-size:17px;box-shadow:0 2px 8px #11283d18}.composer-input-emoji:hover{background:#ffe9b7}.emoji-trigger{line-height:1}
.gif-picker{position:relative!important;display:inline-grid!important;place-items:center;min-width:38px;height:34px;box-sizing:border-box;margin:0!important;padding:0 8px;border-radius:9px;background:#eee9ff;color:#6240bf;font-size:10px;font-weight:900;cursor:pointer}.gif-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.gif-picker:hover{background:#e4dcff}
.gif-file-preview{grid-column:1/-1;position:relative;width:max-content;max-width:100%;margin-top:7px;padding:5px;border:1px solid #dfe6eb;border-radius:12px;background:#fff}.gif-file-preview img{display:block;width:auto;max-width:180px;height:auto;max-height:125px;border-radius:8px}.gif-file-preview button{position:absolute!important;right:-7px;top:-7px!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#172b40!important;color:#fff!important;font-size:14px!important}
.comment-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center}.comment-form>input[name=body]{min-width:0}.comment-form>.emoji-trigger{width:34px;height:34px;padding:0;background:#fff3da;color:#92680d;font-size:16px}.comment-form>.gif-picker{height:34px}.comment-form>button:last-of-type{height:34px;padding:0 11px}.comment-copy{overflow-wrap:anywhere}.comment-gif{display:block;width:auto;max-width:min(100%,320px);max-height:280px;margin-top:8px;border-radius:12px;object-fit:contain;background:#0a1724}
.inline-gif-link{display:block;width:max-content;max-width:100%;margin:8px 0;text-decoration:none}.inline-gif{display:block;width:auto;max-width:min(100%,440px);max-height:420px;border-radius:13px;object-fit:contain;background:#081522}
.mention-link{color:#1678c8;font-weight:800;text-decoration:none}.mention-link:hover,.mention-link:focus-visible{color:#0c5fa4;text-decoration:underline}.bubble-row.mine .mention-link{color:#bfe8ff}.bubble-row.mine .mention-link:hover{color:#fff}
.mention-suggestions{position:fixed;z-index:2200;box-sizing:border-box;max-height:310px;overflow:auto;padding:7px;border:1px solid #dbe5ec;border-radius:15px;background:#fff;box-shadow:0 18px 55px #071b3240}.mention-suggestions[hidden]{display:none}.mention-suggestions button{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:9px;border:0;border-radius:10px;background:transparent;color:#172b40;text-align:left}.mention-suggestions button:hover,.mention-suggestions button.active{background:#eaf5ff;color:#1169ad}.mention-suggestions button>span:first-child{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#168f79,#197cc5);color:#fff;font-weight:900}.mention-suggestions button img{width:100%;height:100%;object-fit:cover}.mention-suggestions button>span:last-child{display:grid;min-width:0}.mention-suggestions button b,.mention-suggestions button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-suggestions button small{margin-top:2px;color:#73859a;font-size:11px}.mention-empty{margin:0;padding:13px;color:#748398;font-size:12px;line-height:1.45}.profile-public-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:14px}.profile-public-actions form{margin:0}.profile-public-actions .status{display:inline-flex;align-items:center;padding:10px 14px;border-radius:9px;background:#e7f6f1;color:#157c67;font-weight:800}
.chat-composer{display:grid!important;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:end}.chat-composer>.emoji-trigger{align-self:end}.chat-gif-picker,.message-media-picker{width:42px;height:42px;border-radius:50%}.message-media-picker{display:grid;place-items:center;box-sizing:border-box;background:#eef6f4;color:#117d68;font-size:18px;font-weight:700;cursor:pointer}.message-media-picker:hover{background:#daf0ea}.message-media-picker input{display:none}.chat-input-stack{min-width:0}.chat-input-stack>input{box-sizing:border-box;width:100%}.chat-input-stack .gif-file-preview,.chat-input-stack .message-file-preview{margin:0 0 6px}.message-file-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid #d8e8e4;border-radius:10px;background:#f7fbfa;color:#173649}.message-file-preview[hidden]{display:none}.message-file-preview>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#dff3ed;color:#13866f}.message-file-preview div{min-width:0;display:grid;gap:2px}.message-file-preview b,.message-file-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-preview small{color:#6f8190;font-size:10px}.message-file-preview button{width:27px;height:27px;padding:0;border-radius:50%;background:#e9efef;color:#6a7880}.message-copy{overflow-wrap:anywhere}.message-copy br:last-child{display:none}.message-gif,.message-image,.message-video{display:block;width:auto;max-width:min(100%,420px);max-height:390px;margin:4px 0 2px;border-radius:12px;object-fit:contain;background:#081522}.message-image-link{display:block}.message-video{width:min(420px,100%);background:#07121d}.message-audio{display:flex;align-items:center;gap:10px;min-width:min(320px,70vw);padding:9px}.message-audio>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#dff5ef;color:#11836c;font-size:20px}.message-audio>div{min-width:0;display:grid;gap:6px}.message-audio b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.message-audio audio{display:block;width:min(280px,58vw);height:34px}.message-media-state{display:flex;align-items:center;gap:10px;min-width:min(280px,70vw);padding:11px 12px;border-radius:11px;background:#edf7f4;color:#173e37}.message-media-state>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#fff}.message-media-state.processing>span:before{content:"";width:14px;height:14px;border:2px solid #9fd4c7;border-top-color:#13876f;border-radius:50%;animation:media-spin .8s linear infinite}.message-media-state>div{display:grid;gap:3px}.message-media-state small{font-size:10px;color:#647e78}.message-media-state.failed{background:#fff0f1;color:#a72d3b}.message-media-state.failed small{color:#9a5861}.bubble:after{content:"";display:block;clear:both}.bubble:has(.message-gif),.bubble:has(.message-image),.bubble:has(.message-video){padding:6px 6px 7px}.bubble:has(.message-gif) time,.bubble:has(.message-image) time,.bubble:has(.message-video) time{margin-right:5px}.conversation small{line-height:1.25}
.transfer-status{position:fixed;z-index:10050;top:0;left:50%;width:min(620px,calc(100% - 24px));transform:translate(-50%,-120%);background:#0b2631;color:#fff;border-radius:0 0 14px 14px;box-shadow:0 12px 36px #05151f55;overflow:hidden;opacity:0;transition:transform .22s ease,opacity .22s ease}.transfer-status.show{transform:translate(-50%,0);opacity:1}.transfer-status>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px}.transfer-status b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.transfer-status small{font-size:11px;color:#a8ded2}.transfer-status>i{display:block;height:4px;background:#163c47}.transfer-status>i span{display:block;height:100%;width:0;background:linear-gradient(90deg,#16b991,#6ce3c4);transition:width .2s ease}.transfer-spinner{width:15px;height:15px;border:2px solid #5c7d84;border-top-color:#56dfbe;border-radius:50%;animation:media-spin .8s linear infinite}.transfer-status.done{background:#0c715e}.transfer-status.done .transfer-spinner{border:0}.transfer-status.done .transfer-spinner:before{content:"✓"}.transfer-status.error{background:#992f3b}.transfer-status.error .transfer-spinner{animation:none;border:0}.transfer-status.error .transfer-spinner:before{content:"!"}@keyframes media-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.emoji-grid{grid-template-columns:repeat(7,1fr)}.composer-tools .emoji-tool{font-size:0}.composer-tools .emoji-tool:before{content:'😀 Emoji';font-size:11px}.comment-form{grid-template-columns:minmax(0,1fr) auto auto}.comment-form>button:last-of-type{grid-column:1/-1;width:100%}.chat-composer{gap:5px;padding:9px 8px}.chat-composer>.emoji-trigger,.chat-gif-picker,.message-media-picker,.chat-composer .send-message{width:38px;height:38px}.message-gif,.message-image,.message-video{max-height:280px}.message-file-preview{grid-column:1/-1}.transfer-status{width:calc(100% - 12px)}}