:root{--bg-dark:#0f0817;--bg-surface:#1a1225;--bg-input:#1e132b;--primary-purple:#9d28f0;--text-light-purple:#d1a3ff;--text-white:#fff;--text-gray:#aaa;--gradient-btn:linear-gradient(90deg, #8e24aa, #d500f9)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.stars-bg{z-index:-1;background-color:var(--bg-dark);width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.star{background-color:#fff;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.app-container{flex-direction:column;width:100%;max-width:450px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #9d28f01a}h1,h2,h3{font-weight:500}p{color:var(--text-light-purple)}.btn-primary{background:var(--gradient-btn);color:#fff;cursor:pointer;border:none;border-radius:25px;width:100%;padding:12px 24px;font-size:16px;font-weight:700;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-outline{color:var(--primary-purple);border:1px solid var(--primary-purple);cursor:pointer;background:0 0;border-radius:25px;width:100%;padding:12px 24px;font-size:16px;font-weight:700;transition:all .2s}.btn-outline:hover{background:#9d28f01a}.fab{background:var(--gradient-btn);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 6px #0000004d}.fab:hover{transform:scale(1.05)}.input-field{background-color:var(--bg-input);color:#fff;border:1px solid #ffffff1a;border-radius:25px;outline:none;width:100%;padding:14px 20px;font-size:16px;transition:border-color .2s}.input-field:focus{border-color:var(--primary-purple)}.header{padding:24px 24px 16px;position:relative}.header-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-title{color:#fff;font-size:24px}.header-actions{align-items:center;gap:12px;display:flex}.profile-icon{cursor:pointer;background-color:#ffffff4d;border:2px solid #f44;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.contact-list{flex:1;overflow-y:auto}.contact-item{cursor:pointer;align-items:center;padding:12px 24px;transition:background-color .2s;display:flex}.contact-item:hover{background-color:#ffffff0d}.contact-avatar{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.contact-avatar-dashed{border:2px dashed #80808080;border-radius:50%;width:100%;height:100%;position:absolute}.contact-avatar-inner{background-color:var(--bg-input);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-info{flex:1;margin-left:16px}.contact-name{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.contact-status{color:var(--text-light-purple);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.divider{background-color:#ffffff0d;height:1px;margin-left:88px;margin-right:24px}.chat-header{background-color:var(--bg-surface);border-bottom:1px solid #ffffff0d;align-items:center;padding:16px;display:flex}.chat-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;margin-right:8px;padding:8px;display:flex}.chat-user-info{align-items:center;gap:12px;display:flex}.chat-avatar{background-color:var(--bg-input);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-name{color:#fff;font-size:18px;font-weight:500}.status-dot{background-color:#f44;border-radius:50%;width:10px;height:10px;margin-left:8px}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.chat-input-container{background-color:var(--bg-dark);border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:16px;display:flex}.chat-input{background-color:var(--bg-surface);color:#fff;border:none;border-radius:25px;outline:none;flex:1;padding:12px 20px;font-size:16px}.chat-send-btn{background:var(--gradient-btn);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}