*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07080c;color:#f5f6f8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.hidden{display:none!important}.screen{height:100vh;min-height:620px;background:#07080c}.primary{background:linear-gradient(135deg,#6d8cff,#775fe4);border-radius:14px;padding:13px 18px;font-weight:700;box-shadow:0 10px 30px #202b5c55}.wide{width:100%}#onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.intro-copy{text-align:center;z-index:2}.intro-copy h1{font-size:42px;margin:8px 0}.intro-copy h1 span,.brand span,.mobile-top span,.home h1 span,.auth-card h1 span{color:#7890ff}.intro-copy p{color:#858b99}.tiny-logo{font-size:26px;color:#7890ff}.security-scene{height:220px;width:360px;position:relative;margin:25px 0}.security-scene #person{position:absolute;left:75px;top:90px;font-size:42px;animation:person 2.6s ease-in-out infinite}.security-scene .body{font-size:28px;text-align:center}.security-scene #sign{position:absolute;left:120px;top:85px;background:#f4f5f7;color:#11131a;border-radius:8px;padding:14px 12px;font-weight:800;font-size:10px;text-align:center;animation:sign 3.2s ease-in-out infinite;box-shadow:0 10px 30px #000}.auth-card{width:min(420px,calc(100% - 34px));margin:auto;padding:34px 0;text-align:center}.big-logo,.empty-logo{width:82px;height:82px;border-radius:25px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#668aff,#7858dc);font-size:36px}.auth-card h2{font-size:28px;margin:10px 0}.auth-card p{color:#838997;margin-bottom:28px}.country,input{width:100%;height:52px;border-radius:14px;border:1px solid #272b35;background:#151820;color:#fff;padding:0 15px;outline:none}.country{display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:10px}.country b{margin-left:auto}.auth-card input{margin-bottom:12px}.device-art{font-size:64px;margin:0 auto 12px;color:#7890ff;animation:pulse 1.4s infinite}.sidebar{width:330px;background:#0d0f15;border-right:1px solid #222630;padding:20px 13px;display:flex;flex-direction:column;height:100vh}.brand{font-size:23px;padding:5px 9px 18px}.account{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:14px}.account:hover{background:#181b23}.account div:nth-child(2){flex:1}.account small,.profile-card small{display:block;color:#777e8c;margin-top:3px}.account i{color:#777e8c}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#668aff,#7858dc);font-weight:800;flex:none}.me{width:43px;height:43px}.search{display:flex;align-items:center;gap:8px;background:#181b23;border-radius:13px;padding:0 12px;height:44px;margin:8px 3px}.search input{border:0;background:none;padding:0;height:auto}.label{font-size:10px;color:#666d7a;letter-spacing:.1em;margin:18px 9px 7px}.chat-row{display:flex;align-items:center;gap:11px;padding:10px 8px;border-radius:13px}.chat-row:hover,.chat-row.active{background:#191c25}.chat-text{flex:1;min-width:0}.chat-text b{display:block}.chat-text small{display:block;color:#7b8290;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.chat-meta{font-size:11px;color:#6d7481}.badge{background:#7189ff;color:white;border-radius:20px;padding:3px 7px}.side-nav{margin-top:auto;border-top:1px solid #20232c;padding-top:8px}.side-nav button{display:block;width:100%;text-align:left;padding:12px 10px;border-radius:11px;color:#a5abb7}.side-nav button:hover{background:#191c24;color:#fff}.main{flex:1;min-width:0;height:100vh}.mobile-top,.bottom{display:none}.home{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#858b98;text-align:center}.home h1{font-size:40px;color:#f4f5f7;margin:0}.home p{max-width:400px}.chat{height:100%;display:flex;flex-direction:column}.chat-head{height:70px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #222630;background:#0b0d12;padding:0 18px}.chat-head #back{display:none;font-size:33px;color:#8790a0}.chat-head small{display:block;color:#62cc88;margin-top:3px}.head-actions{margin-left:auto;color:#969dab;font-size:20px}.messages{flex:1;overflow:auto;padding:25px 7%;display:flex;flex-direction:column;gap:8px}.bubble{max-width:min(560px,72%);background:#181b23;border-radius:18px 18px 18px 5px;padding:11px 14px;line-height:1.4}.bubble.mine{align-self:flex-end;background:#536ff0;border-radius:18px 18px 5px 18px}.bubble small{display:block;font-size:10px;text-align:right;opacity:.65;margin-top:5px}.composer{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid #222630;background:#0b0d12}.composer>button:first-child{font-size:27px;color:#7d8796}.composer input{flex:1;height:46px;border:0;border-radius:24px}.voice{width:46px;height:46px;border-radius:50%;background:#667ff0}.record-state{position:absolute;bottom:73px;left:50%;transform:translateX(-50%);background:#171a22;border:1px solid #2a2e39;padding:10px 16px;border-radius:15px;color:#ff6575}.record-state span{color:#8b929e;font-size:11px;margin-left:8px}.page{padding:42px 7%;overflow:auto;height:100%}.page h2{font-size:32px;margin:0 0 20px}.contact{padding:18px 0;border-bottom:1px solid #222630}.contact small{display:block;color:#777e8c;margin-top:4px}.profile-card{display:flex;gap:12px;align-items:center;background:#11141b;border:1px solid #222630;border-radius:17px;padding:15px;margin-bottom:15px;max-width:650px}.settings{max-width:650px;background:#11141b;border:1px solid #222630;border-radius:17px;overflow:hidden}.settings div{padding:17px 19px;border-bottom:1px solid #222630}.settings div:last-child{border:0}.settings small{display:block;color:#777e8c;margin-top:4px}@keyframes person{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sign{0%{transform:translate(0,0) rotate(0)}55%{transform:translate(110px,20px) rotate(5deg);opacity:1}75%,100%{transform:translate(190px,90px) rotate(70deg);opacity:0}}@keyframes pulse{50%{transform:scale(1.06);opacity:.7}}#messenger{display:flex;height:100vh}

@media(max-width:800px){.sidebar{display:none}.main{height:100vh}.mobile-top{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #222630}.mobile-top button{width:35px;height:35px;border-radius:50%;background:#667ff0}.home{height:calc(100% - 58px);padding-bottom:72px}.home h1{font-size:34px}.chat-head{height:60px}.chat-head #back{display:block}.messages{padding:15px 12px 90px}.composer{padding:9px 10px 80px}.bottom{position:fixed;display:flex;left:10px;right:10px;bottom:9px;height:62px;background:#181b23e8;border:1px solid #2b2f39;border-radius:25px;backdrop-filter:blur(22px);z-index:30;justify-content:space-around;padding:5px}.bottom button{flex:1;border-radius:19px;color:#7f8795;font-size:19px}.bottom button.active{background:#252a3a;color:#fff}.bottom small{display:block;font-size:10px;margin-top:2px}.page{height:calc(100% - 58px);padding:27px 17px 90px}.chat{height:100vh}.head-actions{font-size:17px}.intro-copy h1{font-size:35px}.security-scene{transform:scale(.86)}.auth-card{padding:22px 0}.auth-card h2{font-size:25px}}