:root{color:#eaf0f7;font-synthesis:none;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 30% 0,#142335 0,#080b10 42%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.mark{color:#3ee6ae;border:1px solid #3ee6ae;border-radius:24px;place-items:center;width:72px;height:72px;font-size:34px;font-weight:800;display:grid;box-shadow:0 0 45px #24db9c28}.welcome h1{margin:20px 0 4px;font-size:34px}.welcome p{color:#8fa0b5;margin:0 0 26px}.welcome button,.add{color:#032118;cursor:pointer;background:#33dfa7;border:0;border-radius:14px;padding:14px 30px;font-weight:800}.promise{color:#718196;gap:18px;margin-top:22px;font-size:13px;display:flex}.welcome small{color:#596879;max-width:440px;margin-top:32px}.shell{background:#0c1118;grid-template-columns:330px 1fr;height:100vh;display:grid}.sidebar{background:#0d131b;border-right:1px solid #202a36;flex-direction:column;min-width:0;display:flex}.sidebar header,.chathead{border-bottom:1px solid #202a36;justify-content:space-between;align-items:center;height:76px;padding:15px 18px;display:flex}.sidebar header>div{flex-direction:column;gap:4px;display:flex}.id,.chathead small{color:#75859a;font-size:11px}.icon,.back{color:#abb9ca;cursor:pointer;background:#17212d;border:0;border-radius:10px;width:38px;height:38px}.search{color:#78889d;background:#111923;border:1px solid #24303d;border-radius:12px;align-items:center;gap:8px;margin:14px;padding:10px 12px;display:flex}.search input{color:#eaf0f7;background:0 0;border:0;outline:0;width:100%}.contact{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.contact:hover{background:#151e29}.avatar{color:#062a20;background:linear-gradient(145deg,#1f8b71,#2cd6a2);border-radius:15px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.contact>span:nth-child(2),.chathead>div{flex-direction:column;gap:5px;min-width:0;display:flex}.contact small{color:#718196;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contact i{color:#06271e;background:#38dda9;border-radius:12px;padding:3px 7px;font-size:11px;font-style:normal}.add{margin:auto 16px 18px;padding:12px}.chat{background:linear-gradient(#0d131bde,#0d131bf5),radial-gradient(circle at 50% 40%,#243c51,#0c1118);flex-direction:column;min-width:0;display:flex}.chathead{justify-content:flex-start;gap:12px}.chathead .icon{margin-left:auto}.back{font-size:27px;display:none}.messages{flex-direction:column;flex:1;gap:12px;padding:28px max(22px,8vw);display:flex;overflow:auto}.notice{color:#8292a6;text-align:center;background:#18222dbd;border-radius:12px;align-self:center;padding:8px 14px;font-size:12px}.bubble{background:#182330;border-radius:17px;max-width:min(70%,520px);padding:12px 14px}.bubble.mine{background:#125d4d;align-self:flex-end}.bubble time{color:#8ca398;text-align:right;margin-top:6px;font-size:10px;display:block}.voice{align-items:center;gap:8px;display:flex}.voice span{color:#37d7a5}.chat footer{padding:14px 18px max(14px,env(safe-area-inset-bottom));background:#0d131b;border-top:1px solid #202a36;gap:10px;display:flex}.chat footer input{color:#fff;background:#151e28;border:1px solid #273342;border-radius:14px;flex:1;padding:12px 14px}.chat footer button{color:#748396;background:0 0;border:0;font-size:20px}.emptyState{text-align:center;color:#8090a3;margin:auto}.emptyState h2{color:#dce5ef}.shield{color:#32dba5;font-size:64px}.empty footer{display:none}@media (max-width:720px){.shell{display:block}.sidebar,.chat{height:100vh}.hidden-mobile{display:none}.back{display:block}.messages{padding:20px 14px}.bubble{max-width:84%}.promise{flex-wrap:wrap;justify-content:center}.welcome h1{font-size:30px}}