@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}:root{--text-900:#101828;--text-700:#344054;--text-600:#475467;--text-white:#fff;--text-placeholder:#667085;--bg-brand-solid:#7f56d9;--bg-brand-secondary:#f4ebff;--bg-primary:#fff;--bg-secondary:#f9fafb;--fg-secondary:#344054;--fg-quaternary:#667085;--fg-quinary:#98a2b3;--fg-quinary-hover:#667085;--border-brand:#9e77ed;--border-primary:#d0d5dd;--border-secondary:#e4e7ec;--button-primary-bg:#7f56d9;--button-secondary-bg:#fff;--button-secondary-bg-hover:#f9fafb;--button-secondary-fg:#344054;--button-secondary-fg-hover:#182230}*{font-family:inherit;box-sizing:border-box;padding:0;margin:0;scrollbar-width:thin}body,html{max-width:100vw;display:grid;height:100%}body{background:#fcfcfd}#root{display:flex;align-items:center;justify-content:center;padding:24px}a{color:inherit;text-decoration:none}button{display:flex;border:none;background:none;cursor:pointer}@keyframes typing{0%{transform:translateY(0)}10%{transform:translateY(-4px);background:#475467}20%{transform:translateY(1px);background:#98a2b3}25%{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid var(--border-primary);border-radius:8px;color:var(--button-secondary-fg);background:var(--button-secondary-bg);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;outline:none;position:relative;transition:.2s linear;transition-property:background,color;box-sizing:border-box;.spinner{position:absolute;color:#fff}.spinner~span{visibility:hidden}}.btn:not(:disabled):hover{background-color:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.btn:disabled{background-color:#0c111d;border-color:#1f242f;color:#85888e}.btn--large{font-size:16px;line-height:24px;gap:10px}.btn--primary{background-color:var(--button-primary-bg);border-color:transparent;color:var(--text-white)}.btn--primary:before{box-shadow:inset 0 0 0 1px rgba(16,24,40,.18),inset 0 -2px 0 0 rgba(16,24,40,.05),0 1px 2px 0 rgba(16,24,40,.05)}.btn--primary:after,.btn--primary:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}.btn--primary:after{border:2px solid transparent;background:linear-gradient(hsla(0,0%,100%,.12),transparent) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn--primary:not(:disabled):hover{background-color:#6941c6;color:var(--text-white)}.btn--primary:disabled{background-color:#1f242f;color:#85888e}.btn--icon{padding:9px}.btn--close{position:absolute;top:16px;right:16px;border:none;padding:10px;color:var(--fg-quinary)}.btn--close:not(:disabled):hover{color:var(--fg-quinary-hover)}.btn--dropdown{border:none;padding:0;border-radius:4px;background:var(--bg-primary)!important;color:var(--fg-quinary);svg:after{content:"";position:absolute;inset:-10px}}.btn--dropdown:not(:disabled):hover{color:var(--fg-quinary-hover)}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:8px;padding:4px 0;text-align:left;border:1px solid var(--border-secondary);border-radius:8px;width:180px;box-sizing:border-box;background:var(--bg-primary);cursor:auto;z-index:1;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03)}.dropdown-menu__item{display:flex;align-items:center;gap:8px;padding:9px 10px;margin:1px 5px;font-size:14px;font-weight:500;line-height:20px;color:var(--text-700);cursor:pointer;border-radius:6px;transition:.2s linear;transition-property:background-color,color;svg{color:var(--fg-quaternary)}}.dropdown-menu__item:hover{background-color:var(--bg-secondary);color:var(--button-secondary-fg-hover)}.container{flex:1 1;display:flex;background:#fff;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06);max-width:1216px;height:824px;overflow:hidden;animation:fadeIn .2s ease-in-out}.container:has(>:nth-child(3):last-child){max-width:1576px}.sidebar{display:flex;flex-direction:column;flex-shrink:0;width:360px;border-right:1px solid var(--border-secondary)}.sidebar-header{display:flex;align-items:center;gap:8px;padding:32px 24px;position:relative;.btn{position:absolute;right:24px;margin-bottom:6px}}.sidebar-header__title{font-size:18px;font-weight:600;line-height:28px;color:var(--text-900)}.sidebar-header__unread{font-size:12px;font-weight:500;line-height:18px;border:1px solid var(--border-primary);border-radius:6px;padding:1px 5px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.sidebar-body{flex:1 1;overflow-y:auto}.conversation{display:flex;flex-direction:column;gap:16px;padding:16px 16px 16px 36px}.conversation:not(:last-child){border-bottom:1px solid var(--border-secondary)}.conversation.active{background-color:var(--bg-secondary)}.conversation__flex{display:flex;gap:12px}.conversation__profile{display:flex;border-radius:50%;position:relative;img{border-radius:50%}}.conversation__profile:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;pointer-events:none}.conversation__status{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;box-sizing:content-box;border:1px solid var(--bg-primary);border-radius:50%;background:#17b26a}.conversation__block{flex:1 1;display:flex;flex-direction:column}.conversation__title{font-size:14px;font-weight:600;line-height:20px;color:var(--text-700)}.conversation__subtitle,.conversation__text,.conversation__time{font-size:14px;line-height:20px;color:var(--text-600)}.conversation__text{min-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;b{font-weight:500}}.conversation__unread{position:absolute;align-self:center;width:8px;height:8px;margin-left:-20px;background:#9e77ed;border-radius:50%}.chatroom{flex:1 1;display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.chatroom-header{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-secondary);.btn--close{top:10px;right:6px}}.chatroom__back{display:flex;align-items:center;align-self:flex-start;gap:6px;font-size:14px;font-weight:600;line-height:20px;color:#6941c6;padding:10px;margin:10px 14px -8px;z-index:1}.chatroom-header__profile{display:flex;border-radius:50%;position:relative;img{border-radius:50%}}.chatroom-header__profile:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;pointer-events:none}.chatroom-header__status{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;box-sizing:content-box;border:1px solid var(--bg-primary);border-radius:50%;background:#17b26a}.chatroom-header__block{flex:1 1;display:flex;flex-direction:column}.chatroom-header__flex{display:flex;align-items:center;gap:8px}.chatroom-header__title{font-size:18px;font-weight:600;line-height:28px;color:var(--text-900)}.chatroom-header__subtitle{font-size:14px;line-height:20px;color:var(--text-600)}.chatroom-header__actions{display:flex;gap:12px}.chatroom-body{display:flex;flex-flow:column-reverse;flex:1 1;overflow-y:auto}.messages{display:grid;grid-gap:16px;padding:24px 24px 32px}.message{justify-self:flex-start;display:flex;gap:12px;max-width:65%}.message.self{justify-self:flex-end;.message__bubble{border-radius:8px 0 8px 8px;background-color:var(--bg-brand-solid);border-color:var(--bg-brand-solid);align-self:flex-end}.message__text{color:var(--text-white)}}.message__wrapper{display:grid;grid-gap:16px}.message__profile{grid-row:span 2;align-self:flex-start;display:flex;border-radius:50%;position:relative;img{border-radius:50%}}.message__profile:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;pointer-events:none}.message__block{display:flex;flex-direction:column;gap:6px}.message__flex{display:flex;align-items:center;justify-content:space-between;gap:6px}.message__title{font-size:14px;font-weight:500;line-height:20px;color:var(--text-700)}.message__subtitle{font-size:12px;line-height:20px;color:var(--text-600)}.message__bubble{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:0 8px 8px 8px;padding:9px 13px;align-self:flex-start}.message__text{font-size:16px;line-height:24px;color:var(--text-900);white-space:pre-wrap}.message__reaction{align-self:end;font-size:14px}.message__typing{display:flex;gap:4px;margin-inline:-4px;span{width:4px;height:4px;margin-top:4px;border-radius:50%;background:#98a2b3;animation:typing 1.8s linear infinite}span:first-child{animation-delay:0ms}span:nth-child(2){animation-delay:.18s}span:nth-child(3){animation-delay:.36s}}.chatroom__divider{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px;color:var(--text-600);margin:8px 0}.chatroom__divider:after,.chatroom__divider:before{content:"";flex:1 1;height:1px;background:var(--border-secondary)}.chatroom-footer{padding:0 24px 24px}.message-box{position:relative;display:flex;background:var(--bg-primary);.btn{position:absolute;bottom:12px;right:12px}}.message-box__input{font-size:16px;line-height:24px;color:var(--text-900);outline:1px solid var(--border-primary);border:none;border-radius:8px;resize:none;width:100%;padding:12px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.message-box__input::placeholder{color:var(--text-placeholder)}.message-box__input:focus{outline:2px solid var(--border-brand)}.status-badge{display:flex;align-items:center;gap:4px;padding:1px 6px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);font-size:12px;font-weight:500;line-height:18px;color:var(--text-700)}.status-badge:before{content:"";display:block;background:#d0d5dd;width:6px;height:6px;border-radius:50%}.status-badge.online:before{background-color:#17b26a}.profile{position:relative;display:flex;flex-direction:column;width:360px;height:100%;background:var(--bg-primary)}.profile:not(:first-child){border-left:1px solid var(--border-secondary)}.profile__banner{width:100%;height:120px;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);border-top-right-radius:12px}.profile__header{display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px;margin-top:-40px}.profile__profile{display:flex;outline:4px solid #fff;border-radius:50%;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);position:relative;img{border-radius:50%}}.profile__profile:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;pointer-events:none}.profile__body{padding:24px}.profile__title{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:600;line-height:32px;color:var(--text-900)}.profile__status{width:10px;height:10px;background:#17b26a;border-radius:50%}.profile__subtitle{font-size:16px;line-height:24px;color:var(--text-600);margin-top:4px}.profile__block{margin-top:24px}.profile__subheading{font-size:14px;font-weight:500;line-height:20px;color:var(--text-700);margin-bottom:4px}.profile__text{white-space:pre-line}.profile__location,.profile__text{font-size:14px;line-height:20px;color:var(--text-600)}.profile__location{display:flex;align-items:center;gap:8px}.profile__flex{display:flex;align-items:center;gap:4px;margin-top:16px}.profile__badge{border:1px solid var(--border-primary);border-radius:6px;padding:1px 5px;font-size:12px;font-weight:500;line-height:18px;color:var(--text-700)}.profile__footer{padding:0 24px 24px;margin-top:auto}.empty{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;.btn{margin-top:24px}}.empty__icon{display:flex;align-items:center;justify-content:center;color:var(--fg-secondary);svg{padding:11px;box-sizing:content-box;border:1px solid var(--border-secondary);border-radius:10px;background:var(--bg-primary);z-index:1}img{position:absolute;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 0,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 0,transparent 100%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.empty__title{font-size:16px;font-weight:600;line-height:24px;color:var(--text-900);margin-top:16px;z-index:1}.empty__text{font-size:14px;line-height:20px;color:var(--text-600);margin-top:4px;z-index:1}.card-grid{display:flex;gap:24px;animation:fadeIn .2s ease-in-out}.card{border:1px solid var(--border-secondary);border-radius:12px;overflow:hidden}.modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:-100px 0;background-color:rgba(12,17,29,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10}.modal{width:400px;position:relative;background:var(--bg-primary);border-radius:12px;outline:none;padding:24px;box-shadow:0 8px 8px -4px rgba(16,24,40,.03),0 20px 24px -4px rgba(16,24,40,.08);overflow:hidden}.modal__icon{display:inline-flex;align-items:center;justify-content:center;svg{color:var(--bg-brand-solid);background:var(--bg-brand-secondary);border-radius:50%;padding:12px;box-sizing:content-box;z-index:1}img{position:absolute;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 0,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 0,transparent 100%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.modal__title{font-size:18px;font-weight:600;line-height:28px;color:var(--text-900);margin-top:16px;z-index:1}.modal__text{font-size:14px;line-height:20px;color:var(--text-600);margin-top:4px;z-index:1}.modal__actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;margin-top:32px}@media screen and (min-width:1025px){.chatroom-header{.btn--dropdown{display:none}}.chatroom__back,.profile .btn--close{display:none}}@media screen and (max-width:1024px){.sidebar{width:100%}.chatroom-header__actions{display:none}.card-grid{flex-wrap:wrap;justify-content:center}.profile{flex:1 1}.profile__banner{border-radius:0}}@media screen and (max-width:576px){#root{padding:0}.container{box-shadow:none;border:none;height:100vh}.container .profile{position:fixed;inset:0;z-index:1}.profile{width:100%}.card-grid{padding:24px}.chatroom-footer,.chatroom-header,.messages{padding-inline:16px}.message{max-width:80%}.chatroom__back{margin-inline:6px}.modal{margin:16px;padding:16px;.btn--close{top:12px;right:12px}}.modal__actions{display:flex;flex-flow:column-reverse;margin-top:24px}}