@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#eaf5f2;font-synthesis:none;background:#111c20;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.auth-page{background:radial-gradient(circle at 80% 10%,#2c5b53 0,#0000 35%),#111c20;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#17282b;border:1px solid #315049;border-radius:22px;width:min(100%,420px);padding:32px;box-shadow:0 24px 80px #08101199}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:cover;border-radius:14px;width:52px;height:52px}.brand p{margin:0;font-weight:800}.brand span,.muted,small{color:#92aaa5}.auth-card h1{margin:30px 0 7px;font-size:27px}.muted{margin:0 0 24px;font-size:14px}form{gap:14px;display:grid}label{color:#bad0cb;gap:7px;font-size:13px;font-weight:700;display:grid}input{color:#ecf9f6;background:#102023;border:1px solid #42635c;border-radius:10px;outline:none;width:100%;padding:12px 13px}input:focus{border-color:#b9e848;box-shadow:0 0 0 3px #b9e84828}form button,.composer button{color:#15201a;background:#b9e848;border:0;border-radius:10px;padding:12px 15px;font-weight:800}button:disabled{opacity:.65;cursor:wait}.text-button{color:#b9e848;background:0 0;border:0;width:100%;padding:18px 0 0;font-size:13px}.error{color:#ffaaa2;margin:0;font-size:13px}.messenger{background:#102023;grid-template-columns:310px 1fr;height:100vh;display:grid}aside{background:#17282b;border-right:1px solid #315049;flex-direction:column;display:flex;overflow:hidden}.sidebar-head{justify-content:space-between;align-items:center;padding:20px 18px 14px;display:flex}.brand.small img{border-radius:10px;width:36px;height:36px}.logout{color:#d8e7e3;background:0 0;border:1px solid #42635c;border-radius:8px;width:34px;height:34px}.identity{border-top:1px solid #29433f;border-bottom:1px solid #29433f;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}.status{color:#92aaa5;font-size:12px}.status.online{color:#b9e848}.chat-list{padding:8px;overflow:auto}.chat-item{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:12px;gap:11px;padding:11px;display:flex}.chat-item:hover,.chat-item.selected{background:#25423e}.chat-item strong,.chat-item small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.chat-item strong{font-size:14px}.chat-item small{margin-top:3px;font-size:12px}.avatar{color:#142219;background:#b9e848;border-radius:12px;flex:0 0 38px;place-items:center;height:38px;font-weight:800;display:grid}.empty{color:#92aaa5;text-align:center;padding:16px 10px;font-size:13px}.conversation{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.conversation header{background:#152629;border-bottom:1px solid #29433f;align-items:center;min-height:74px;padding:15px 28px;display:flex}.conversation h1{margin:0;font-size:18px}.conversation header p{color:#92aaa5;margin:3px 0 0;font-size:12px}.messages{background:radial-gradient(circle at 100% 0,#22433c88,#0000 40%);flex-direction:column;gap:12px;padding:28px clamp(16px,5vw,86px);display:flex;overflow:auto}.messages article{background:#213a38;border-radius:14px 14px 14px 3px;align-self:flex-start;max-width:min(75%,560px);padding:10px 12px}.messages article.mine{color:#172119;background:#b9e848;border-radius:14px 14px 3px;align-self:flex-end}.messages article strong{margin-bottom:4px;font-size:12px;display:block}.messages article p{overflow-wrap:anywhere;margin:0;font-size:14px}.messages time{opacity:.65;text-align:right;margin-top:4px;font-size:10px;display:block}.composer{background:#152629;border-top:1px solid #29433f;grid-template-columns:1fr auto;gap:10px;padding:16px clamp(16px,5vw,86px);display:flex}.composer input{min-width:0}.composer button{white-space:nowrap}.no-chat{color:#92aaa5;text-align:center;place-content:center;justify-items:center;display:grid}.no-chat img{opacity:.8;border-radius:22px;width:88px}.no-chat h1{color:#eaf5f2;margin:18px 0 5px}.no-chat p{margin:0;font-size:14px}@media (width<=700px){.messenger{grid-template-columns:1fr}.messenger aside{border-bottom:1px solid #315049;border-right:0;max-height:185px}.chat-list{display:flex}.chat-item{min-width:190px}.identity{display:none}.messages{padding:18px}.messages article{max-width:88%}.composer{padding:12px}.brand.small p{font-size:14px}}.settings{border-top:1px solid #29433f;padding:10px}.settings-toggle{color:#d8e7e3;text-align:left;background:0 0;border:1px solid #42635c;border-radius:9px;width:100%;padding:10px;font-size:13px}.settings-panel{padding:12px 3px 2px}.settings-panel form{gap:8px;margin-bottom:13px}.settings-panel label{font-size:11px}.settings-panel input{padding:9px}.settings-panel form button{color:#172119;background:#b9e848;border:0;border-radius:8px;padding:9px;font-size:12px;font-weight:800}.settings-panel p{color:#b9e848;margin:0;font-size:12px}.reset-link{color:#b9e848;text-align:left;background:0 0;border:0;padding:0;font-size:11px}.user-search{border-bottom:1px solid #29433f;padding:10px;position:relative}.user-search input{padding:9px 10px;font-size:12px}.search-results{z-index:3;background:#193034;border:1px solid #42635c;border-radius:10px;gap:4px;max-height:220px;padding:7px;display:grid;position:absolute;left:10px;right:10px;overflow:auto;box-shadow:0 12px 30px #0007}.search-results div{align-items:center;gap:8px;padding:6px;display:flex}.search-results .avatar{border-radius:9px;flex-basis:29px;height:29px;font-size:12px}.search-results strong{font-size:12px}.search-results small{text-align:center;padding:5px}.search-results div button{color:#152019;background:#b9e848;border:0;border-radius:7px;margin-left:auto;padding:6px 8px;font-size:11px;font-weight:800}.avatar.image{object-fit:cover;background:#25423e}.avatar-editor{gap:8px;margin:0 0 14px;display:grid}.avatar-editor>.avatar{border-radius:17px;width:58px;height:58px;font-size:22px}.avatar-editor label{font-size:11px}.avatar-editor input[type=file]{padding:7px;font-size:11px}.avatar-editor button{color:#172119;background:#b9e848;border:0;border-radius:8px;padding:9px;font-size:12px;font-weight:800}.avatar-editor small{font-size:10px}.identity{gap:8px}.identity .profile-avatar{border-radius:9px;width:30px;height:30px}.messages article{align-items:flex-start;gap:8px;display:flex}.messages .message-avatar{border-radius:9px;flex:0 0 28px;width:28px;height:28px;font-size:11px}.messages article.mine .message-avatar,.back{display:none}.composer{padding-bottom:max(12px, env(safe-area-inset-bottom))}@media (width<=700px){html,body,#root{height:100%;overflow:hidden}.messenger{grid-template-columns:1fr;height:100dvh;overflow:hidden}.messenger aside,.messenger .conversation{border:0;grid-area:1/1;height:100%;min-height:0;max-height:none}.messenger aside{display:flex}.messenger .conversation,.messenger.mobile-chat aside{display:none}.messenger.mobile-chat .conversation{display:grid}.sidebar-head{padding:12px 14px}.identity{padding:9px 14px}.user-search{padding:8px 10px}.search-results{max-height:calc(100dvh - 180px)}.chat-list{flex:1;padding:7px}.chat-item{min-width:0;min-height:58px;padding:10px}.settings{max-height:44vh;padding-bottom:max(10px, env(safe-area-inset-bottom));overflow:auto}.conversation header{gap:10px;min-height:60px;padding:10px 14px}.back{color:#d8e7e3;background:#29443f;border:0;border-radius:8px;flex:none;padding:8px;font-size:12px;font-weight:700;display:inline-flex}.conversation h1{font-size:16px}.messages{gap:9px;padding:14px 12px}.messages article{max-width:90%;padding:9px 10px}.messages article p{font-size:14px;line-height:1.4}.composer{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;position:relative}.composer input{min-height:42px}.composer button{min-height:42px;padding:8px 11px;font-size:12px}.no-chat{padding:24px}.no-chat img{width:70px}.messenger{padding-top:env(safe-area-inset-top)}.sidebar-head{min-height:58px;padding:10px 14px}.logout{width:44px;height:44px}.identity{min-height:48px}.user-search input{min-height:44px;font-size:16px}.chat-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-item{min-height:64px}.settings-toggle{min-height:44px}.conversation header{min-height:64px;padding:10px 12px}.back{justify-content:center;min-width:78px;min-height:44px;padding:9px 10px;font-size:13px}.messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.composer{padding-bottom:max(10px, env(safe-area-inset-bottom))}.composer input,.composer button{min-height:46px}.search-results{left:8px;right:8px}.search-results div{min-height:44px}.search-results div button{min-height:36px}}@media (width<=360px){.brand.small p{font-size:13px}.logout{width:31px;height:31px}.settings-toggle{padding:9px}.messages article{max-width:94%}.composer button{max-width:82px;overflow:hidden}}