: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;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}body{color:#fff;background:#000}.auth-container{background:radial-gradient(circle at top,#290044,#000);justify-content:center;align-items:center;height:100vh;display:flex}.auth-box{background:#090010;border:1px solid #7b2cff;border-radius:20px;width:360px;padding:30px;box-shadow:0 0 30px #7b2cff66}.auth-box h1{text-align:center;color:#c77dff;margin-bottom:25px;font-size:48px}input{color:#fff;background:#12001f;border:1px solid #7b2cff;border-radius:10px;outline:none;width:100%;margin:8px 0;padding:13px}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2cff,#b000ff);border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-weight:700}p{text-align:center;color:#c77dff;cursor:pointer;margin-top:15px}.chat-app{background:#000;height:100vh;display:flex}.sidebar{background:#050008;border-right:1px solid #24003d;flex-direction:column;width:300px;height:100vh;padding:18px;display:flex;overflow:hidden}.sidebar h2{color:#d37bff;align-items:center;gap:10px;margin-bottom:20px;font-size:22px;display:flex}.search-box{margin-bottom:18px}.search-box input{height:42px;font-size:13px}.sidebar h3{color:#fff;margin:10px 0;font-size:13px}.friend-list{flex:1;min-height:0;padding-right:5px;overflow-y:auto}.friend-list::-webkit-scrollbar{width:6px}.friend-list::-webkit-scrollbar-track{background:0 0}.friend-list::-webkit-scrollbar-thumb{background:#7b2cff;border-radius:10px}.friend{cursor:pointer;background:#14001f;border:1px solid #32004f;border-radius:10px;justify-content:space-between;align-items:center;margin:10px 0;padding:13px 15px;display:flex}.friend span{font-size:16px;font-weight:600}.online{color:#00ff7b;font-size:13px}.offline{color:#999;font-size:13px}.logout{background:#4b0069;margin-top:25px}.chat-section{background:#000;flex-direction:column;flex:1;display:flex}.chat-header{cursor:pointer;background:#12001f;border-bottom:1px solid #7b2cff;align-items:center;gap:12px;height:64px;padding:10px 18px;display:flex}.chat-user-avatar{color:#fff;background:linear-gradient(135deg,#7b2cff,#d000ff);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.chat-user-info h3{color:#d37bff;margin:0;font-size:22px}.chat-user-info small{color:#999;font-size:11px}.messages{flex:1;padding:22px;overflow-y:auto}.msg{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;border-radius:18px;width:fit-content;min-width:80px;max-width:55%;height:auto;margin:12px 0;padding:13px 18px;font-size:16px}.own{color:#fff;max-width:70%;margin-left:auto;background:linear-gradient(135deg, var(--main-color), color-mix(in srgb, var(--main-color) 70%, black))!important;border:1px solid var(--main-color)!important}.theme-9 .own{color:#000!important}.other{color:#fff;background:#160020;max-width:70%;margin-right:auto;border:1px solid var(--main-color)!important}.empty-chat{color:#777;margin:auto;font-size:22px}.send-box{background:#050008;border-top:1px solid #7b2cff;padding:15px;display:flex}.send-box input{flex:1;height:44px}.send-box button{width:90px;margin-left:10px;background:linear-gradient(135deg, var(--main-color), color-mix(in srgb, var(--main-color) 70%, black))!important}.notice-box{color:#d8b4ff;text-align:center;background:#7b2cff26;border:1px solid #7b2cff;border-radius:10px;width:100%;margin-bottom:15px;padding:12px;font-size:14px}.suggestion-dropdown{background:#0b0013;border:1px solid #9b30ff;border-radius:10px;width:100%;margin-top:6px;overflow:hidden}.suggestion-row{border-bottom:1px solid #9b30ff40;justify-content:space-between;align-items:center;height:44px;padding:0 10px 0 14px;display:flex}.suggestion-row span{color:#fff;font-size:15px;font-weight:600}.suggestion-add-btn{border-radius:50%!important;width:28px!important;min-width:28px!important;height:28px!important;margin:0!important;padding:0!important;font-size:18px!important}.chat-header{cursor:pointer}.profile-view{background:#000;border-top:1px solid #12001f;flex-direction:column;flex:1;align-items:center;padding-top:70px;display:flex;position:relative}.profile-avatar{color:#fff;background:linear-gradient(135deg,#7b2cff,#d000ff);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:18px;font-size:55px;display:flex}.profile-view h2{color:#c77dff;margin-bottom:70px;font-size:22px}.delete-friend-btn{color:#ff3b6b!important;width:220px!important;box-shadow:none!important;background:0 0!important;border:1px solid #b000ff!important}.profile-view .back-btn{color:#c77dff!important;background:#14001f!important;border:1px solid #7b2cff!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:90px!important;min-width:90px!important;max-width:90px!important;margin:0!important;padding:9px 0!important;display:inline-flex!important;position:absolute!important;top:18px!important;left:18px!important}.msg{position:relative}.message-menu{z-index:99;background:#12001f;border:1px solid #7b2cff;border-radius:10px;margin-top:6px;position:absolute;top:100%;right:0;overflow:hidden}.message-menu button{color:#ff4d7d!important;background:0 0!important;border-radius:0!important;width:120px!important;margin:0!important}.self-user{cursor:pointer;align-items:center;gap:12px;margin-bottom:20px;display:flex}.self-user img{object-fit:cover;border-radius:50%;width:42px;height:42px}.self-user h2{margin:0}.self-profile-panel{background:#090010;border:1px solid #7b2cff;border-radius:18px;margin-bottom:20px;padding:18px;animation:.35s profileOpen}.profile-pic-slider{gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.profile-pic-slider img{cursor:pointer;object-fit:cover;border:2px solid #0000;border-radius:50%;width:70px;height:70px}.profile-pic-slider .selected-pic{border-color:#c77dff;box-shadow:0 0 18px #c77dffb3}.panel-logout{margin-top:20px}.chat-user-avatar-img{object-fit:cover;border-radius:50%;width:42px;height:42px}@keyframes profileOpen{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.friend-profile-big{object-fit:cover;border:3px solid #b400ff;border-radius:50%;width:130px;height:130px;margin:20px auto;display:block;box-shadow:0 0 25px #b400ff80}.theme-box{text-align:center;margin-top:18px}.theme-box p{color:#fff;margin-bottom:12px;font-size:14px}.theme-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:14px;display:grid}.theme-dot{cursor:pointer;border:none;border-radius:50%;width:34px;height:34px;transition:all .25s}.theme-dot:hover{transform:scale(1.12)}.active-theme{border:3px solid #fff;box-shadow:0 0 14px #fff}.theme-1{--main-color:#a020f0}.theme-2{--main-color:#ff4d4d}.theme-3{--main-color:#00d26a}.theme-4{--main-color:#09f}.theme-5{--main-color:#f90}.theme-6{--main-color:gold}.theme-7{--main-color:#f6c}.theme-8{--main-color:#0cc}.theme-9{--main-color:#fff}.theme-1 *,.theme-2 *,.theme-3 *,.theme-4 *,.theme-5 *,.theme-6 *,.theme-7 *,.theme-8 *,.theme-9 *{border-color:var(--main-color)!important}.theme-1 button:not(.auth-box button),.theme-2 button:not(.auth-box button),.theme-3 button:not(.auth-box button),.theme-4 button:not(.auth-box button),.theme-5 button:not(.auth-box button),.theme-6 button:not(.auth-box button),.theme-7 button:not(.auth-box button),.theme-8 button:not(.auth-box button),.theme-9 button:not(.auth-box button){background:linear-gradient(135deg, var(--main-color), color-mix(in srgb, var(--main-color) 70%, black))}.theme-1 h1,.theme-1 h2,.theme-1 h3,.theme-2 h1,.theme-2 h2,.theme-2 h3,.theme-3 h1,.theme-3 h2,.theme-3 h3,.theme-4 h1,.theme-4 h2,.theme-4 h3,.theme-5 h1,.theme-5 h2,.theme-5 h3,.theme-6 h1,.theme-6 h2,.theme-6 h3,.theme-7 h1,.theme-7 h2,.theme-7 h3,.theme-8 h1,.theme-8 h2,.theme-8 h3,.theme-9 h1,.theme-9 h2,.theme-9 h3{color:var(--main-color)}.friend,.msg,.chat-header,.send-box input,.search-box input{border:1px solid var(--main-color)}.friend-list::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}.messages::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}.theme-dot-1{background:#a020f0!important}.theme-dot-2{background:#ff4d4d!important}.theme-dot-3{background:#00d26a!important}.theme-dot-4{background:#09f!important}.theme-dot-5{background:#f90!important}.theme-dot-6{background:gold!important}.theme-dot-7{background:#f6c!important}.theme-dot-8{background:#0cc!important}.theme-dot-9{background:#fff!important}.unread-count{background:linear-gradient(135deg, var(--main-color), color-mix(in srgb, var(--main-color) 70%, black));color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.mobile-back-chat{display:none}@media (width<=768px){body{overflow:hidden}.chat-app{width:100vw;height:calc(var(--app-height,100vh));overflow:hidden}.sidebar{height:calc(var(--app-height,100vh));border-right:none;padding:14px;width:100vw!important;min-width:100vw!important}.chat-section{height:calc(var(--app-height,100vh));flex-direction:column;display:flex;width:100vw!important;min-width:100vw!important}.mobile-chat-open .sidebar{display:none}.mobile-chat-open .chat-section{display:flex}.chat-app:not(.mobile-chat-open) .chat-section{display:none}.self-user{margin-bottom:20px}.self-user img{width:52px;height:52px}.self-user h2{font-size:22px}.search-box input{height:46px;font-size:14px}.friend-list{max-height:calc(100vh - 250px);overflow-y:auto}.friend{border-radius:12px;min-height:58px;padding:14px 16px}.chat-header{height:64px;padding:8px 12px}.mobile-back-chat{justify-content:center;align-items:center;border-radius:50%!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0 4px 0 0!important;padding:0!important;font-size:20px!important;display:inline-flex!important}.chat-user-avatar-img{width:44px;height:44px}.chat-user-info h3{font-size:21px}.messages{flex:1;min-height:0;padding:14px 14px 12px;overflow-y:auto}.msg{padding:12px 15px;font-size:15px;max-width:78%!important}.send-box{padding:10px 8px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#050008;flex-shrink:0;gap:8px;position:sticky;bottom:0}.send-box input{height:46px;font-size:13px}.send-box button{border-radius:50%!important;width:48px!important;height:46px!important;margin-left:0!important;font-size:0!important}.send-box button:after{content:"➤";font-size:18px}.self-profile-panel{padding:16px}.profile-pic-slider img{width:64px;height:64px}.theme-grid{gap:16px}.theme-dot{width:36px!important;height:36px!important}.profile-view{width:100vw;height:100vh;padding-top:90px}.friend-profile-big{width:150px;height:150px}.delete-friend-btn{width:85%!important}}