:root{font-family:DM Sans,Trebuchet MS,sans-serif;color:#111a27;background:#dff4fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #101925;--muted: #89939d;--line: #e8edf0;--sky: #dff4fc;--blue: #9dddf3;--green: #55bf8b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome-screen{display:grid;place-items:center;min-height:100vh;padding:28px;background-color:#dff4fc;background-image:radial-gradient(ellipse at 18% 82%,rgba(255,255,255,.6),transparent 35%),radial-gradient(ellipse at 91% 14%,rgba(181,230,247,.6),transparent 32%)}.welcome-card{width:min(100%,440px);min-height:610px;padding:32px 36px 30px;border:1px solid rgba(16,25,37,.08);border-radius:9px;background:#ffffffc7;box-shadow:0 20px 70px #42788f1f;animation:rise-in .55s both}.wordmark{color:var(--ink);text-decoration:none;font-size:34px;line-height:1;font-weight:800;letter-spacing:-2px}.wordmark span{color:#61bfe0}.welcome-art{display:flex;align-items:center;justify-content:center;gap:12px;height:195px;margin:10px 0 18px;color:#0c1521;font-size:156px;line-height:.8;font-weight:800;letter-spacing:-17px;transform:rotate(-2deg)}.welcome-art span:last-child{transform:translateY(13px) rotate(2deg)}.eyebrow{margin:0;color:#5d9bb1;font-size:10px;font-weight:800;letter-spacing:1.4px}.welcome-card h1{margin:10px 0 8px;font-size:28px;line-height:1.18;letter-spacing:-.8px}.welcome-copy{margin:0;color:#717c86;font-size:13px;line-height:1.65}.name-form{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;margin-top:22px}.name-form>input{grid-column:1 / -1;min-width:0;height:48px;padding:0 15px;border:1px solid #e0e8eb;border-radius:5px;outline:none;background:#fff;font-size:14px;transition:border-color .2s,box-shadow .2s}.name-form>input:focus,.tag-input:focus-within{border-color:#75c9e4;box-shadow:0 0 0 3px #75c9e429}.tag-input{display:flex;align-items:center;gap:8px;min-width:0;height:48px;padding:0 13px;border:1px solid #e0e8eb;border-radius:5px;background:#fff;color:#74aabe;transition:border-color .2s,box-shadow .2s}.tag-input input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px}.tag-input input:focus{outline:none}.name-form.editing-name{grid-template-columns:minmax(0,1fr) 48px}.name-form.editing-name>input{grid-column:1;grid-row:1}.name-form.editing-name .primary-button{grid-column:2;grid-row:1}.primary-button{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:5px;background:var(--ink);color:#fff;cursor:pointer;transition:background .2s,transform .2s}.primary-button:hover{background:#263a4b;transform:translateY(-1px)}.privacy-note{display:flex;align-items:center;gap:8px;margin:17px 0 0;color:#99a2aa;font-size:10px}.privacy-note svg{color:#70c89c}.form-error{margin:9px 0 0;color:#b34f4f;font-size:11px;line-height:1.5}.text-button{margin-top:12px;padding:0;border:0;background:none;color:#538da2;cursor:pointer;font-size:12px}.auth-card{min-height:0}.auth-card .welcome-art{height:145px;margin-top:5px;font-size:126px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:19px 0 14px;padding:3px;border:1px solid #e9eff1;border-radius:5px;background:#f7fafb}.auth-tabs button{min-height:34px;border:0;border-radius:3px;background:transparent;color:#88969d;cursor:pointer;font-size:11px}.auth-tabs button.active{background:#fff;color:#263945;box-shadow:0 1px 4px #213d491a}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-field{display:flex;flex-direction:column;gap:5px;color:#53636d;font-size:10px;font-weight:700}.auth-field>input,.auth-tag-input{width:100%;height:42px;padding:0 12px;border:1px solid #e0e8eb;border-radius:4px;outline:none;background:#fff;color:#26343f;font-size:12px;font-weight:400}.auth-field>input:focus,.auth-tag-input:focus-within{border-color:#75c9e4;box-shadow:0 0 0 3px #75c9e421}.auth-tag-input{display:flex;align-items:center;gap:8px;color:#70abc0}.auth-tag-input input{min-width:0;width:100%;height:100%;border:0;outline:none;background:transparent;color:#26343f;font-size:12px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;margin-top:3px;border:0;border-radius:4px;background:var(--ink);color:#fff;cursor:pointer;font-size:12px;font-weight:700}.auth-submit:disabled{opacity:.55;cursor:wait}.form-message{margin:0;color:#327d5a;font-size:11px;line-height:1.5}.auth-card .privacy-note{margin-top:13px;line-height:1.5}.app-shell{position:relative;display:grid;grid-template-columns:306px minmax(0,1fr);width:min(1440px,100%);height:100vh;min-height:600px;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 16px 70px #31708b24;animation:rise-in .45s both}.sidebar{z-index:2;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:#fff}.sidebar-top{display:flex;align-items:center;justify-content:space-between;height:77px;padding:0 23px;border-bottom:1px solid #f0f2f3}.sidebar-top .wordmark{font-size:34px}.logout-button{display:flex;align-items:center;gap:7px;width:auto;height:34px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#84919a;cursor:pointer;font-size:10px}.logout-button:hover{background:#f0f6f8;color:var(--ink)}.icon-button{display:inline-grid;flex:0 0 auto;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:5px;background:transparent;color:#68737d;cursor:pointer;transition:background .18s,color .18s}.icon-button:hover{background:#f0f6f8;color:var(--ink)}.subtle-button{color:#98a3ab}.profile-strip{display:flex;align-items:center;gap:11px;min-height:83px;padding:0 21px;border-bottom:1px solid #f0f2f3}.avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border-radius:50%;background:#dff4fc;color:#244859;font-size:12px;font-weight:800}.my-avatar{background:#c8eddb;color:#266247}.profile-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.profile-copy strong{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.profile-copy span,.chat-person>span{display:flex;align-items:center;gap:6px;color:#8b969e;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}.edit-button{width:30px;height:30px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 22px 12px;color:#949da4;font-size:9px;font-weight:800;letter-spacing:1.2px}.people-count{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#f1f7f9;color:#7896a1;font-size:10px;letter-spacing:0}.sidebar-actions{display:flex;align-items:center;gap:5px}.add-friend-button{width:28px;height:28px;color:#6cabbf}.search-box{display:flex;align-items:center;gap:8px;height:37px;margin:0 16px 13px;padding:0 10px;border:1px solid #edf0f1;border-radius:5px;color:#a2abb1}.search-box:focus-within{border-color:#a7dced}.search-box input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--ink);font-size:11px}.search-box input::placeholder{color:#a4adb3}.search-box kbd{color:#aeb6bb;font-family:inherit;font-size:9px}.people-list{flex:1;overflow-y:auto}.person-row{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);min-height:64px;margin:2px 10px;padding:8px 10px;border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer;transition:background .18s}.person-row:hover{background:#f7fafb}.person-row.selected{background:#eaf7fb}.person-row .avatar{width:39px;height:39px;font-size:11px}.avatar-0{background:#e6def9;color:#51426c}.avatar-1{background:#fce3d3;color:#86553c}.avatar-2{background:#d8eee3;color:#36634b}.avatar-3{background:#f8e9b9;color:#78632d}.avatar-4{background:#d9e7fa;color:#375379}.online-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#57c58e}.person-details{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.person-details strong{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.person-details>span{overflow:hidden;color:#97a0a6;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.person-meta{display:flex;align-items:center;align-self:flex-start;padding-top:2px}.online-label{color:#acb5ba;font-size:9px;font-style:normal}.unread-count{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#151e2a;color:#fff;font-size:9px}.empty-people{display:flex;align-items:center;flex-direction:column;padding:37px 30px;text-align:center;animation:fade-in .4s both}.empty-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:#eaf7fb;color:#67b8d2}.empty-people strong{margin-top:13px;font-size:12px}.empty-people p{margin:6px 0 0;color:#99a2a9;font-size:10px;line-height:1.6}.sidebar-footer{display:flex;flex-direction:column;gap:12px;padding:15px 21px 17px;border-top:1px solid #f0f2f3}.connection-status{display:flex;align-items:center;gap:7px;color:#9ba4aa;font-size:10px}.connection-status i{width:7px;height:7px;border-radius:50%;background:#eeb368}.connection-status.is-connected i{background:#63c390}.sidebar-footer>span{color:#a8b1b6;font-size:8px;font-weight:700;letter-spacing:1.1px}.conversation-panel{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;background-color:#fbfdfe;background-image:radial-gradient(ellipse at 70% 5%,rgba(221,244,252,.48),transparent 32%),radial-gradient(ellipse at 0% 100%,rgba(234,248,252,.42),transparent 40%)}.conversation-topbar{display:flex;align-items:center;justify-content:space-between;height:77px;padding:0 33px;border-bottom:1px solid rgba(231,237,240,.78)}.secure-note{display:flex;align-items:center;gap:9px;color:#8b979f;font-size:11px}.secure-spark{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e8f6fa;color:#67b9d5}.empty-chat{position:relative;display:flex;flex:1;align-items:center;flex-direction:column;justify-content:center;padding:15px 28px 70px;text-align:center;animation:fade-in .6s both}.empty-chat-art{position:relative;display:flex;align-items:center;justify-content:center;gap:0;width:210px;height:161px;margin:0 0 25px;color:#111a27;font-size:140px;line-height:.8;font-weight:800;letter-spacing:-15px;transform:rotate(-3deg)}.empty-chat-art span:last-of-type{transform:translateY(9px) rotate(2deg)}.empty-chat-art i{position:absolute;top:2px;right:24px;display:grid;width:37px;height:37px;place-items:center;border:4px solid #fbfdfe;border-radius:50%;background:#70c7e2;color:#fff;font-style:normal;animation:float 3.5s ease-in-out infinite}.empty-chat .eyebrow{font-size:9px;letter-spacing:1.7px}.empty-chat h1{margin:11px 0 10px;font-size:clamp(31px,4vw,45px);line-height:1.08;letter-spacing:-1.8px;font-weight:700}.empty-chat-copy{max-width:330px;margin:0;color:#8e9aa2;font-size:12px;line-height:1.8}.hint-chip{display:flex;align-items:center;gap:8px;margin-top:22px;padding:9px 12px;border:1px solid #e9f1f3;border-radius:4px;background:#ffffffb3;color:#86949b;font-size:10px}.hint-chip svg{color:#73bcd2}.floating-plus{position:absolute;right:46px;bottom:43px;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid #edf2f3;border-radius:50%;background:#fff;color:#90a0a7;box-shadow:0 4px 14px #305a6b14;cursor:pointer;animation:float 4.5s ease-in-out infinite}.floating-plus:hover{color:#4c9ab5;box-shadow:0 5px 18px #305a6b26}.chat-header{display:flex;align-items:center;min-height:77px;padding:0 31px;border-bottom:1px solid rgba(231,237,240,.82);background:#ffffff6b}.active-avatar{width:41px;height:41px;margin-right:12px;background:#dff1e6}.chat-person h2{margin:0 0 4px;font-size:13px;font-weight:700}.chat-header-right{display:flex;align-items:center;gap:15px;margin-left:auto}.direct-label{display:flex;align-items:center;gap:7px;color:#a1aaaf;font-size:8px;font-weight:700;letter-spacing:.9px}.direct-label svg{color:#80cfa1}.mobile-back,.mobile-close{display:none}.messages-area{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;padding:28px max(32px,calc((100% - 670px)/2))}.message-stack{display:flex;flex-direction:column;gap:15px;margin-top:auto}.day-divider{display:flex;align-items:center;gap:12px;margin:10px 0 5px;color:#abb4b8;font-size:8px;font-weight:700;letter-spacing:1px}.day-divider:before,.day-divider:after{height:1px;flex:1;background:#eaf0f1;content:""}.message-line{display:flex;align-items:flex-end;gap:8px;max-width:83%;animation:message-in .22s both}.message-line.mine{align-self:flex-end;flex-direction:row-reverse}.message-line.theirs{align-self:flex-start}.message-avatar{width:25px;height:25px;font-size:8px}.avatar-spacer{width:25px;flex:0 0 25px}.message-content{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.mine .message-content{align-items:flex-end}.message-author{margin:0 0 5px 2px;color:#919ca3;font-size:9px}.bubble{max-width:100%;padding:11px 14px;border:1px solid #e8eef0;border-radius:3px 11px 11px;background:#fff;color:#303e49;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 7px #284a5706}.mine .bubble{border-color:#d1edf6;border-radius:11px 3px 11px 11px;background:#dff4fc;color:#182d39}.message-time{display:flex;align-items:center;gap:3px;margin:4px 3px 0;color:#a8b1b6;font-size:8px}.mine .message-time svg{color:#70bbd3}.typing-indicator{display:flex;align-items:center;gap:4px;align-self:flex-start;margin:2px 0 4px 33px;color:#9aa5ab;font-size:9px}.typing-indicator span{width:4px;height:4px;border-radius:50%;background:#75bad0;animation:typing .9s infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){margin-right:4px;animation-delay:.3s}.first-message{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;min-height:220px;margin:auto;color:#8b989f;text-align:center;animation:fade-in .4s both}.first-message-icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid #e4eff2;border-radius:50%;background:#f1fafc;color:#6bbbd3}.first-message p{margin:13px 0 10px;font-size:11px}.first-message p strong{color:#53636d}.first-message button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:0;border-radius:3px;background:transparent;color:#61a9c0;font-size:10px;cursor:pointer}.first-message button:hover{background:#eff8fa}.composer-wrap{width:min(670px,calc(100% - 64px));margin:0 auto 21px}.composer{padding:14px 14px 10px;border:1px solid #e4eaed;border-radius:5px;background:#fff;box-shadow:0 4px 20px #2d515e0b;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#b6e0ec;box-shadow:0 4px 20px #2d91ad14}.message-input{display:block;width:100%;min-height:42px;resize:none;border:0;outline:none;background:transparent;color:#24333e;font-size:12px}.message-input::placeholder{color:#a5afb5}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.composer-bottom>span{display:flex;align-items:center;gap:6px;color:#a2abb1;font-size:9px}.composer-bottom>span svg{color:#83cba1}.send-button{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:4px;background:var(--ink);color:#fff;cursor:pointer;transition:background .2s,transform .2s}.send-button:disabled{background:#d6e0e4;cursor:not-allowed}.send-button:not(:disabled):hover{background:#2f5266;transform:translateY(-1px)}.composer-footnote{margin:9px 0 0;color:#aab3b8;font-size:9px;text-align:center}.offline-note{margin:0 0 8px;color:#b47c44;font-size:10px;text-align:center}.scroll-down{position:absolute;right:24px;bottom:120px;display:none;width:32px;height:32px;place-items:center;border:1px solid #e5ecee;border-radius:50%;background:#fff;color:#74858d;cursor:pointer}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f192457;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .16s both}.friend-modal{display:flex;width:min(100%,430px);max-height:min(620px,calc(100vh - 36px));flex-direction:column;overflow:hidden;border:1px solid #e5ecef;border-radius:7px;background:#fff;box-shadow:0 20px 70px #132b3733;animation:rise-in .2s both}.friend-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 15px}.friend-modal-header h2{margin:5px 0 0;font-size:21px;line-height:1.2}.friend-modal-header .eyebrow{font-size:8px}.friend-search{display:flex;align-items:center;gap:9px;min-height:43px;margin:0 18px 12px;padding:0 11px;border:1px solid #e3eaed;border-radius:4px;color:#8c9ba2}.friend-search:focus-within{border-color:#8fcfe1;box-shadow:0 0 0 3px #75c9e421}.friend-search input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--ink);font-size:12px}.friend-search input::placeholder{color:#a4afb5}.friend-search kbd{color:#aeb6bb;font-family:inherit;font-size:8px}.friend-results{min-height:95px;flex:1;overflow-y:auto;padding:0 10px 8px}.friend-result{display:flex;align-items:center;gap:11px;width:100%;min-height:62px;padding:8px 10px;border:0;border-radius:4px;background:transparent;text-align:left;cursor:pointer}.friend-result:hover,.friend-result:focus-visible{outline:none;background:#f0f8fa}.friend-result .avatar{width:38px;height:38px;font-size:10px}.friend-result-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.friend-result-copy strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.friend-result-copy span{color:#83939a;font-size:10px}.online-now{display:flex;align-items:center;gap:5px;color:#77ae8c;font-size:9px}.online-now:before{width:6px;height:6px;border-radius:50%;background:#62bf8c;content:""}.friend-search-empty{display:flex;align-items:center;flex-direction:column;padding:23px 18px 27px;text-align:center}.friend-search-empty .empty-icon{width:38px;height:38px}.friend-search-empty strong{margin-top:10px;font-size:12px}.friend-search-empty p{max-width:230px;margin:5px 0 0;color:#8e9aa2;font-size:10px;line-height:1.6}.friend-loading{padding:20px;color:#87969d;font-size:11px;text-align:center}.member-label{color:#7793a0;font-size:9px}.friend-modal-footer{padding:12px 20px;border-top:1px solid #edf1f2;color:#9aa4aa;font-size:9px;text-align:center}.conversation-error{margin:0 auto 10px;text-align:center}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}@media(min-width:1441px){body{display:grid;place-items:center;min-height:100vh;padding:30px}.app-shell{height:min(900px,calc(100vh - 60px));border:1px solid rgba(16,25,37,.06);border-radius:6px}}@media(max-width:760px){.app-shell{grid-template-columns:270px minmax(0,1fr)}.sidebar-top,.conversation-topbar,.chat-header,.messages-area{padding-right:20px;padding-left:20px}.composer-wrap{width:calc(100% - 40px)}}@media(max-width:580px){.welcome-screen{padding:14px}.welcome-card{min-height:0;padding:26px 24px 24px}.welcome-art{height:155px;font-size:128px}.auth-card .welcome-art{height:120px;font-size:108px}.friend-modal{max-height:calc(100dvh - 28px)}.friend-modal-header{padding:17px 17px 13px}.friend-search{margin-right:14px;margin-left:14px}.app-shell{display:block;min-height:100dvh;height:100dvh}.sidebar,.conversation-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .28s ease}.sidebar{transform:translate(0)}.conversation-panel{transform:translate(100%)}.app-shell.show-chat .sidebar{transform:translate(-24%)}.app-shell.show-chat .conversation-panel{transform:translate(0)}.sidebar-top{height:70px}.conversation-topbar{height:61px}.empty-chat{padding-bottom:65px}.empty-chat-art{height:135px;font-size:120px}.chat-header{min-height:69px;padding-right:14px;padding-left:10px}.mobile-back{display:inline-grid;margin-right:2px}.active-avatar{width:37px;height:37px}.messages-area{padding:22px 14px}.message-line{max-width:90%}.composer-wrap{width:calc(100% - 26px);margin-bottom:12px}.composer-footnote{display:none}.direct-label{font-size:7px}.scroll-down{display:grid;right:13px;bottom:108px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}