.pixel-messenger{position:fixed;right:18px;bottom:18px;z-index:1100;width:min(680px,calc(100vw - 36px));height:min(535px,calc(100dvh - 36px));min-height:360px;display:flex;flex-direction:column;background:#151b22;color:#172331;border:4px solid #17212b;box-shadow:8px 9px 0 #0b0d10,0 18px 55px #000a;font-family:var(--body),monospace;image-rendering:pixelated}
.pixel-messenger-resize{position:absolute;z-index:12;left:0;right:0;top:-10px;height:16px;cursor:ns-resize;touch-action:none}.pixel-messenger-resize::before{content:"";position:absolute;left:50%;top:4px;width:72px;height:4px;transform:translateX(-50%);background:#ffe342;border:1px solid #172331;box-shadow:2px 2px 0 #000}.pixel-messenger-resize:focus-visible{outline:2px solid #fff;outline-offset:2px}.pixel-messenger.is-resizing{user-select:none}
.pixel-messenger[hidden]{display:none!important}.pixel-messenger button,.pixel-messenger a,.pixel-messenger textarea{font-family:inherit}.pixel-messenger-titlebar{height:42px;min-height:42px;display:flex;align-items:center;gap:7px;padding:4px 7px;background:#182129;color:#fff;border-bottom:3px solid #05080a;text-shadow:2px 2px 0 #000}
.pixel-messenger-titlebar strong{flex:1;text-align:center;font-family:var(--headline),monospace;font-size:15px;letter-spacing:1px;cursor:default}.pixel-messenger-titlebar button,.pixel-messenger-titlebar a{display:grid;place-items:center;width:30px;min-width:30px;height:28px;min-height:28px;margin:0;padding:0;background:#182129;color:white;border:0;border-radius:0;font-size:20px;text-decoration:none;cursor:pointer}.pixel-messenger-titlebar button:hover,.pixel-messenger-titlebar a:hover{color:#ffe342;background:#26333d}
.pixel-bricks{height:34px;min-height:34px;border-top:2px solid #130b08;border-bottom:3px solid #2a120a;background-color:#c6532e;background-image:linear-gradient(#2a160e 3px,transparent 3px),linear-gradient(90deg,#2a160e 3px,transparent 3px),linear-gradient(90deg,transparent 50%,#2a160e 50%,#2a160e calc(50% + 3px),transparent calc(50% + 3px));background-size:100% 17px,46px 17px,46px 17px;background-position:0 0,0 0,23px 17px;box-shadow:inset 0 4px #e47a4d,inset 0 -3px #71301d}
.pixel-messenger-body{display:flex;flex-direction:column;min-height:0;flex:1}.pixel-current-peer{display:flex;align-items:center;justify-content:space-between;width:100%;height:35px;min-height:35px;padding:5px 12px;margin:0;background:#8fd7f2;color:#172331;border:0;border-bottom:2px solid #215068;border-radius:0;text-align:left;cursor:pointer}.pixel-current-peer span{font-weight:700}.pixel-current-peer small{font-size:11px}
.pixel-message-stage{position:relative;min-height:0;flex:1;overflow:hidden;background:linear-gradient(#66c5ed 0 58%,#8edbf2 58% 73%,#75c89d 73% 100%)}.pixel-message-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:31%;background:linear-gradient(135deg,transparent 0 19%,#62b88a 19% 36%,transparent 36%),linear-gradient(45deg,transparent 0 28%,#83d09d 28% 50%,transparent 50%),linear-gradient(135deg,transparent 0 55%,#57ae83 55% 72%,transparent 72%);opacity:.9;pointer-events:none}.pixel-cloud{position:absolute;z-index:0;width:76px;height:24px;background:#eaf8f4;border:3px solid #6594a5;box-shadow:inset -5px -5px #c5e1df}.pixel-cloud::before,.pixel-cloud::after{content:"";position:absolute;background:inherit;border:inherit;border-bottom:0;border-radius:50% 50% 0 0}.pixel-cloud::before{width:28px;height:25px;left:10px;top:-20px}.pixel-cloud::after{width:35px;height:32px;right:8px;top:-27px}.cloud-one{right:44px;top:42px}.cloud-two{left:-22px;top:150px;transform:scale(.8)}
#pixel-message-list{position:relative;z-index:2;height:100%;overflow-y:auto;padding:10px 22px 18px 12px;scrollbar-color:#39d768 #f6d33e;scrollbar-width:auto;overscroll-behavior:contain}#pixel-message-list::-webkit-scrollbar{width:18px}#pixel-message-list::-webkit-scrollbar-track{background:#f5d33e;border-left:3px solid #16252a}#pixel-message-list::-webkit-scrollbar-thumb{background:#3bd96b;border:3px solid #164825;box-shadow:inset 0 0 0 2px #78f391}#pixel-message-list::-webkit-scrollbar-button{display:block;height:18px;background:#3bd96b;border:3px solid #164825}
.pixel-message-row{display:flex;align-items:flex-end;gap:10px;margin:0 0 8px;max-width:92%}.pixel-message-row.mine{margin-left:auto;flex-direction:row-reverse}.pixel-message-avatar{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px}.pixel-message-avatar>img,.pixel-message-avatar>span{width:42px;height:42px;display:grid;place-items:center;object-fit:cover;border:3px solid #172331;border-radius:50%;background:#ffe2ae;font-weight:700;box-shadow:2px 2px 0 #0006}
.pixel-message-content{min-width:0;flex:1}.pixel-message-content time{display:block;margin:0 0 2px 10px;font-size:12px;color:#172331}.pixel-message-bubble{position:relative;min-width:150px;padding:7px 12px;background:#edf9ef;border:3px solid #174d2b;box-shadow:inset 0 0 0 2px #8bbf9a,2px 2px 0 #174d2b;font-size:14px;line-height:1.25;white-space:pre-wrap;overflow-wrap:anywhere}.pixel-message-bubble::before{content:"";position:absolute;left:-11px;bottom:8px;width:15px;height:15px;background:#edf9ef;border-left:3px solid #174d2b;border-bottom:3px solid #174d2b;transform:rotate(45deg)}.pixel-message-bubble strong,.pixel-message-text{position:relative;z-index:1;display:block}.pixel-custom-emoji{display:inline-block;width:42px;height:42px;margin:2px 3px;object-fit:contain;vertical-align:middle;image-rendering:auto}.pixel-message-row.mine .pixel-message-content time{text-align:right;margin-right:10px}.pixel-message-row.mine .pixel-message-bubble{background:#fff4c4;border-color:#73520d;box-shadow:inset 0 0 0 2px #e0bd5e,2px 2px 0 #73520d}.pixel-message-row.mine .pixel-message-bubble::before{left:auto;right:-11px;background:#fff4c4;border:0;border-right:3px solid #73520d;border-bottom:3px solid #73520d;transform:rotate(-45deg)}.pixel-message-empty{margin:30px auto;padding:12px;max-width:330px;background:#edf9ef;border:3px solid #174d2b;text-align:center;color:#172331}
#pixel-message-form{position:relative;z-index:15;display:grid;flex:0 0 auto;grid-template-columns:42px minmax(0,1fr) 58px;align-items:center;gap:5px;min-height:58px;padding:7px;background:#d2dce0;border-top:4px solid #172331}.pixel-emoji-trigger{display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;margin:0;background:#ffe342;color:#172331;border:3px solid #172331;border-radius:0;box-shadow:2px 2px 0 #172331;font-size:23px;cursor:pointer}#pixel-message-form label{margin:0}#pixel-message-form textarea{display:block;width:100%;height:38px;min-height:38px;max-height:76px;resize:none;padding:7px;background:#f3fbf8;color:#172331;border:3px solid #172331;border-radius:0;font-size:14px;line-height:1.2}.pixel-emoji-picker{position:absolute;z-index:12;left:6px;bottom:calc(100% + 7px);display:grid;grid-template-columns:repeat(4,48px);gap:6px;max-width:min(235px,calc(100vw - 20px));max-height:230px;padding:9px;overflow:auto;background:#182129;border:3px solid #ffe342;box-shadow:5px 5px 0 #0008}.pixel-emoji-picker[hidden]{display:none}.pixel-emoji-picker button{display:grid;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:3px;margin:0;background:#eef9ef;border:2px solid #172331;border-radius:0;cursor:pointer}.pixel-emoji-picker button:hover,.pixel-emoji-picker button:focus-visible{border-color:#ff3ca6;box-shadow:0 0 10px #ff3ca6;transform:scale(1.08)}.pixel-emoji-picker img{width:40px;height:40px;object-fit:contain}.pixel-emoji-picker p{grid-column:1/-1;width:190px;margin:0;color:white;font-size:12px}.pixel-go{height:38px;min-height:38px;padding:2px 7px;margin:0;background:#f6ce42;color:#172331;border:3px solid #172331;border-radius:0;box-shadow:inset 0 0 0 3px #fff1a1,2px 2px 0 #172331;font-family:var(--headline)!important;font-size:15px;cursor:pointer}.pixel-go:disabled{filter:grayscale(1);opacity:.55}
.pixel-messenger-contacts{position:absolute;z-index:9;left:0;top:76px;bottom:0;width:min(310px,88%);padding:10px;background:#15212a;color:white;border-right:4px solid #172331;box-shadow:8px 0 0 #0007;overflow:auto}.pixel-messenger-contacts[hidden]{display:none}.pixel-messenger-contacts>header{display:flex;align-items:center;margin-bottom:8px}.pixel-messenger-contacts>header strong{flex:1;font-family:var(--headline);font-size:12px}.pixel-messenger-contacts>header button{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;margin:0}.pixel-messenger-contacts>a{display:block;padding:10px;color:#5bdaf3}.pixel-contact{display:flex;align-items:center;gap:9px;width:100%;padding:7px;margin:0 0 5px;background:#23333e;color:white;border:2px solid #405663;border-radius:0;text-align:left;cursor:pointer}.pixel-contact:hover,.pixel-contact.active{border-color:#ffe342;background:#314854}.pixel-contact .pixel-message-avatar{width:44px;flex-basis:44px;height:44px}.pixel-contact>span:last-child{display:grid;min-width:0}.pixel-contact strong,.pixel-contact small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixel-contact small{color:#b8cbd4;font-size:11px}
.pixel-messenger.minimized{height:42px!important;min-height:42px;width:min(390px,calc(100vw - 24px));bottom:18px}.pixel-messenger.minimized .pixel-messenger-resize,.pixel-messenger.minimized .pixel-bricks,.pixel-messenger.minimized .pixel-messenger-body{display:none}.pixel-messenger.minimized .pixel-messenger-titlebar{border-bottom:0}.pixel-messenger.minimized .pixel-messenger-titlebar strong{cursor:pointer}.pixel-messenger.minimized [data-pm="contacts"],.pixel-messenger.minimized [aria-label="Open full Messenger"]{display:none}
@media(max-width:782px){body.messenger-open{overflow:hidden}body.messenger-open aside.rail,body.messenger-open .topbar{visibility:hidden;pointer-events:none}.pixel-messenger{inset:0;width:100vw;height:100dvh!important;max-height:100dvh;min-height:0;border:0;box-shadow:none}.pixel-messenger-resize{display:none}.pixel-messenger-titlebar{gap:3px;padding-top:max(4px,env(safe-area-inset-top,0px));height:calc(42px + env(safe-area-inset-top,0px));min-height:calc(42px + env(safe-area-inset-top,0px))}.pixel-messenger-titlebar strong{font-size:10px;letter-spacing:0}.pixel-bricks{height:27px;min-height:27px;background-size:100% 14px,38px 14px,38px 14px;background-position:0 0,0 0,19px 14px}.pixel-current-peer{height:32px;min-height:32px}.pixel-current-peer small{display:none}.pixel-message-row{max-width:100%;gap:4px}.pixel-message-row.mine{margin-left:auto}.pixel-message-avatar{flex-basis:42px;width:42px;height:42px}.pixel-message-avatar>img,.pixel-message-avatar>span{width:38px;height:38px}.pixel-message-bubble{font-size:13px;min-width:100px;padding:6px 9px}#pixel-message-form{grid-template-columns:40px minmax(0,1fr) 50px;padding:6px max(5px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px));gap:4px}.pixel-go{width:50px;padding:2px;font-size:12px}.pixel-messenger.minimized{inset:auto 8px calc(76px + env(safe-area-inset-bottom,0px)) auto;width:min(390px,calc(100vw - 16px));height:42px!important;min-height:42px;border:4px solid #17212b;box-shadow:5px 5px 0 #0b0d10}.pixel-messenger.minimized .pixel-messenger-titlebar{height:34px;min-height:34px;padding-top:4px}}
@media(max-width:390px){.pixel-messenger-titlebar>span{display:none}.pixel-message-content time{font-size:10px}.pixel-emoji-picker{grid-template-columns:repeat(4,44px)}.pixel-emoji-picker button{width:44px;min-width:44px;height:44px;min-height:44px}.pixel-emoji-picker img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.pixel-messenger *{scroll-behavior:auto!important}}