*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.container{text-align:center;background:#fff;border-radius:12px;width:100%;min-width:400px;padding:2.5rem 2rem;box-shadow:0 10px 25px #0000001a}h1{color:#222;margin-bottom:1.5rem;font-size:1.8rem}.form{flex-direction:column;gap:.5rem;display:flex;position:relative}input[type=text]{border:1px solid #ccc;border-radius:6px;flex:1;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}input[type=text]:focus{border-color:#07f;outline:none;box-shadow:0 0 0 2px #07f3}button{color:#fff;cursor:pointer;background-color:#07f;border:none;border-radius:6px;padding:.75rem 1.2rem;font-size:1rem;transition:background-color .2s}.user-card{text-align:center;background-color:#fff;border-radius:12px;max-width:400px;margin:2rem auto 0;padding:2rem;box-shadow:0 6px 18px #00000012}.avatar{object-fit:cover;border:2px solid #eee;border-radius:50%;width:100px;height:100px;margin-top:1rem;margin-bottom:1rem}.user-card h2{color:#222;margin-bottom:.5rem;font-size:1.25rem}.bio{color:#555;margin-top:1rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.profile-btn{color:#fff;text-align:center;cursor:pointer;background-color:#24292e;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.profile-btn:hover{background-color:#2f3521}.recent-searches{background-color:#f5f5f5;border-radius:10px;margin-top:2rem;padding:1.5rem}.recent-header{color:#444;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;display:flex}.recent-searches ul{margin:0;padding:0;list-style:none}.recent-searches li{margin-bottom:.75rem}.recent-searches button{text-align:left;color:#222;cursor:pointer;background-color:#e8e8e8;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:background-color .2s;display:flex}.recent-searches button:hover{background-color:#dcdcdc}.user-icon{color:#666;font-size:1rem}.dropdown-wrapper{width:100%;position:relative}.suggestions{z-index:10;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;max-height:220px;margin-top:.25rem;padding:0;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 8px 20px #0000001a}.suggestions li{cursor:pointer;color:#333;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:.95rem;transition:background .2s;display:flex}.suggestions li:hover{background-color:#f2f2f2}.avatar-xs{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-card-buttons{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.follow-btn{cursor:pointer;color:#fff;text-align:center;background-color:#22c55e;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.5rem 1rem;font-weight:600;transition:background-color .3s;display:inline-flex}.follow-btn.following{background-color:#ef4444}.follow-btn:hover{opacity:.9}.follow-btn.following:hover{background-color:#dc2626}.follow-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.follow-icon{font-size:1.2rem}