*{box-sizing:border-box}html,body{margin:0;height:100%;background:#08090d;color:#f4f5f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}.x{color:#738cff}.brand{font-size:23px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:inline-flex;width:28px;height:28px;border-radius:9px;align-items:center;justify-content:center;margin-right:7px;background:linear-gradient(135deg,#6f8cff,#8e5cff);font-size:14px}.app{min-height:100%}#app{height:100vh;display:flex;overflow:hidden}.sidebar{width:340px;min-width:340px;background:#0e1016;border-right:1px solid #20232c;display:flex;flex-direction:column;padding:22px 14px 12px}.profile-mini{display:flex;align-items:center;gap:11px;margin:22px 6px 14px}.profile-mini b{display:block;font-size:14px}.profile-mini small{display:block;color:#737987;margin-top:3px}.profile-mini button{margin-left:auto;color:#747987}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#6486ff,#7659dc);font-weight:700;font-size:19px;flex:none}.avatar.me{width:42px;height:42px}.search{height:43px;border-radius:13px;background:#191c24;display:flex;align-items:center;padding:0 12px;color:#777d89}.search input{border:0;outline:0;background:transparent;color:#fff;width:100%;margin-left:8px}.section-title{font-size:11px;color:#626875;margin:20px 8px 7px;letter-spacing:.08em}.chat-list{overflow:auto;flex:1}.chat-row{display:flex;gap:11px;padding:10px 8px;border-radius:13px;align-items:center}.chat-row:hover,.chat-row.active{background:#191c25}.chat-row .text{min-width:0;flex:1}.chat-row b{display:block;font-size:15px}.chat-row p{margin:4px 0 0;color:#777e8c;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time{color:#686f7b;font-size:11px}.badge{background:#6e8cff;border-radius:20px;padding:3px 7px;font-size:10px}.sidebar-bottom{display:grid;gap:3px;border-top:1px solid #20232b;padding-top:10px}.sidebar-bottom button{text-align:left;padding:11px 10px;border-radius:11px;color:#9da3af}.sidebar-bottom button:hover{background:#191c24;color:#fff}.main{flex:1;min-width:0;position:relative}.view{display:none;height:100%;width:100%}.view.active{display:flex}.welcome{margin:auto;text-align:center;color:#7f8693}.hero-logo{margin:0 auto 18px;width:80px;height:80px;border-radius:25px;background:linear-gradient(135deg,#5d82ff,#7e55df);display:flex;align-items:center;justify-content:center;font-size:36px;color:white;box-shadow:0 20px 60px #101b46}.welcome h1{font-size:42px;color:#f4f5f7;margin:0}.welcome p{font-size:15px}.chat-view{flex-direction:column}.chat-header{height:70px;border-bottom:1px solid #20232c;display:flex;align-items:center;padding:0 20px;gap:11px;background:#0c0e13}.back{display:none;font-size:32px;color:#8790a0}.chat-info{display:flex;flex-direction:column}.chat-info b{font-size:16px}.chat-info span{font-size:12px;color:#63cf8a;margin-top:3px}.chat-actions{margin-left:auto;display:flex;gap:5px}.chat-actions button{width:40px;height:40px;border-radius:12px;color:#9ca3b2}.messages{flex:1;overflow:auto;padding:25px 8%;display:flex;flex-direction:column;gap:8px}.bubble{max-width:min(520px,75%);padding:11px 14px;border-radius:17px;background:#181b23;color:#eef0f4;align-self:flex-start}.bubble.mine{align-self:flex-end;background:#526ff0}.bubble small{display:block;color:#aeb4c1;font-size:10px;text-align:right;margin-top:5px}.composer{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#0c0e13;border-top:1px solid #20232c}.round,.voice{width:44px;height:44px;border-radius:50%;background:#191c24}.input-wrap{height:44px;flex:1;border-radius:22px;background:#191c24;display:flex;align-items:center}.input-wrap input{flex:1;background:none;border:0;outline:0;color:#fff;padding:0 15px}.input-wrap button{color:#777f8e;margin-right:8px}.voice{background:#647ff4}.generic-view{padding:45px 7%;display:block;overflow:auto}.generic-view h2{font-size:31px;margin:0 0 22px}.generic-view p{color:#777e8b}.primary{background:#647ff4;padding:12px 18px;border-radius:12px}.settings-card{max-width:700px;background:#11141b;border:1px solid #20232c;border-radius:18px;overflow:hidden}.settings-card div{padding:17px 20px;border-bottom:1px solid #20232c}.settings-card div:last-child{border-bottom:0}.settings-card b,.settings-card span{display:block}.settings-card span{color:#747b88;font-size:13px;margin-top:5px}.bottom-nav,.mobile-header{display:none}

@media(max-width:800px){#app{display:block}.sidebar{display:none}.main{height:100%}.mobile-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #20232c}.mobile-header button{color:#9da4b2}.welcome{padding-bottom:80px}.welcome h1{font-size:35px}.bottom-nav{position:fixed;display:flex;left:10px;right:10px;bottom:10px;height:62px;border:1px solid #2a2e39;background:rgba(22,24,31,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:25px;z-index:10;justify-content:space-around;padding:6px}.bottom-nav button{flex:1;border-radius:19px;color:#777e8c;font-size:19px}.bottom-nav button span{display:block;font-size:10px;margin-top:2px}.bottom-nav button.active{color:#fff;background:#242a3a}.chat-header{height:64px}.back{display:block}.messages{padding:18px 14px 100px}.composer{padding-bottom:82px}.generic-view{padding:28px 18px 100px}.chat-view .composer{padding-bottom:80px}}