:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", roboto, sans-serif;--heading:system-ui, "Segoe UI", roboto, sans-serif;--mono:ui-monospace, consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{margin:0}.dropdown{z-index:1;background:#fff;border-radius:8px;flex-direction:column;gap:4px;width:max-content;margin:0;padding:8px 10px;font-size:12px;list-style-type:none;display:none;position:absolute;box-shadow:0 1px 4px #00000029}.dropdown__item{align-items:center;gap:10px;margin:0;padding:0;display:flex}.sidebar{background:#fbfbfb;border-right:1px solid #eaeaea;flex-direction:column;width:310px;display:flex}.sidebar__header{text-align:right;flex-direction:column;gap:12px;padding:16px 10px;display:flex}.sidebar__profile-link{color:#999;justify-content:end;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.sidebar__search{text-align:center;background:#efefef;border:none;border-radius:5px;padding:8px;font-size:12px}.sidebar__chat-list{margin:0;padding:0;overflow-y:auto}.chat-item{cursor:pointer;height:70px;padding:0 12px;transition:background-color .1s}.chat-item--active,.chat-item:hover{background:#e4edfd}.chat-item__wrapper{border-top:1px solid #eaeaea;gap:10px;padding:10px 0;display:flex}.chat-item__avatar{background:#efefef;border-radius:50%;flex-shrink:0;width:47px;height:47px}.chat-item__content{flex-grow:1;overflow:hidden}.chat-item__row{justify-content:space-between;display:flex}.chat-item__name{font-size:13px;font-weight:600}.chat-item__time{color:#999;font-size:9px}.chat-item__last-message{color:#999;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:15px;display:-webkit-box;overflow:hidden}.chat-item__outgoing{font-weight:600}.chat-item__badge{color:#fff;background:#3369f3;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;display:flex}.chat-window{flex-direction:column;flex-grow:1;display:flex}.chat-header{padding:0 12px}.chat-header__wrapper{border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.chat-header__info{align-items:center;display:flex}.chat-header__avatar{background:#efefef;border-radius:50%;width:34px;height:34px;margin-right:10px}.chat-header__name{font-size:13px;font-weight:600}.chat-settings{position:relative}.chat-settings__btn{color:#3369f3;background:#efefef;border:none;border-radius:100%;width:25px;height:25px;padding:0;display:flex}.chat-settings:hover .chat-settings__dropdown{display:flex}.chat-settings__dropdown{top:25px;right:0}.chat-feed{background:#fff;flex-direction:column;flex-grow:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.chat-feed__message-date{justify-content:center;margin:0;font-size:12px;display:flex}.message{border-radius:12px;flex-direction:column;max-width:400px;padding:10px;font-size:12px;display:flex;position:relative}.message--incoming{background:#f8f8f8;align-self:flex-start}.message--outgoing{background:#e4edfd;align-self:flex-end}.message__attached-images{flex-wrap:wrap;gap:10px;display:flex}.message__attached-images:not(:first-child){margin-top:10px}.message__meta{justify-content:end;align-items:center;display:flex;position:relative;bottom:0;right:0}.message__time{text-align:right;font-size:9px;display:block}.message__time--outgoing{color:#3369f3}.message p{margin:0;font-size:12px;line-height:15px}.message p:not(:first-of-type){margin-top:10px}.chat-footer{padding:0 12px}.chat-footer__form{border-top:1px solid #eaeaea;justify-content:space-between;align-items:center;gap:6px;padding:10px 0;display:flex}.chat-footer__input{background:#efefef;border:none;border-radius:30px;flex-grow:1;padding:10px 20px;font-size:12px}.chat-footer__send-btn{color:#3369f3;background:0 0;border:none;padding:0;display:flex}.chat-attach{position:relative}.chat-attach__btn{color:#3369f3;background:0 0;border:none;padding:0;display:flex}.chat-attach:hover .chat-attach__dropdown{display:flex}.chat-attach__dropdown{bottom:32px;left:0}.chat{background-color:#fff;height:100vh;display:flex;overflow-y:hidden}